@wizishop/img-manager 0.2.104 → 14.0.0

package/esm5/lib/components/img-editor/img-editor.component.js

@@ -1,115 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-import { Component, Input, Output, EventEmitter } from '@angular/core';
-import { ImgManagerService } from '../../services/img-manager.service';
-import { easeInOut } from '../../animations/easeInOut/ease-in-out.animation';
-var ImgEditorComponent = /** @class */ (function () {
-    function ImgEditorComponent(imgManagerService) {
-        this.imgManagerService = imgManagerService;
-        this.editClosed = new EventEmitter();
-        this.isLoading = false;
-        this.isImgModified = false;
-        this.isNameModified = false;
-        this.currentCroppedImage = ''; // Img modified return in base64 by the cropper
-        this.msgFailSave = 'ImgManager.ImgEditor.msgFailSave';
-        this.msgFailLoad = 'ImgManager.ImgEditor.msgFailLoad';
-        this.msgSuccessEdit = "Les modifications de l'image ont bien été enregistrées.";
-    }
-    ImgEditorComponent.prototype.ngOnInit = function () {
-        this.previousName = this.imgToEdit.display_name;
-    };
-    ImgEditorComponent.prototype.onSave = function () {
-        var _this = this;
-        if (this.isLoading) {
-            return;
-        }
-        this.isLoading = true;
-        if (!this.isImgModified && !this.isNameModified) {
-            this.isLoading = false;
-            this.onEditClosed();
-        }
-        var obsReplaceImg = this.imgManagerService.replaceImg(this.currentCroppedImage, this.imgToEdit.id_file);
-        var obsChangeImgName = this.imgManagerService.changeImgName(this.imgToEdit.display_name, this.imgToEdit.id_file);
-        if (this.isImgModified && this.isNameModified) {
-            this.ranameAndReplaceImg(obsChangeImgName, obsReplaceImg);
-            return;
-        }
-        if (this.isImgModified) {
-            obsReplaceImg.subscribe(function (data) {
-                _this.isLoading = false;
-                _this.onEditClosed(_this.msgSuccessEdit);
-            }, function (error) {
-                _this.isLoading = false;
-                _this.currentCroppedImage = '';
-                _this.onEditClosed(_this.msgFailSave);
-            });
-            return;
-        }
-        if (this.isNameModified) {
-            obsChangeImgName.subscribe(function (data) {
-                _this.isLoading = false;
-                _this.previousName = _this.imgToEdit.display_name;
-                _this.onEditClosed(_this.msgSuccessEdit);
-            }, function (error) {
-                _this.isLoading = false;
-                _this.imgToEdit.display_name = _this.previousName;
-                _this.onEditClosed(_this.msgFailSave);
-            });
-        }
-        this.isNameModified = false;
-    };
-    ImgEditorComponent.prototype.onEditClosed = function (msgKey) {
-        this.editClosed.emit(msgKey);
-    };
-    ImgEditorComponent.prototype.onRestartEdit = function () {
-        this.isImgModified = false;
-        this.isNameModified = false;
-        this.imgToEdit.display_name = this.previousName;
-    };
-    ImgEditorComponent.prototype.onCancel = function () {
-        this.onEditClosed('');
-    };
-    ImgEditorComponent.prototype.onImgCropped = function (imgBase64) {
-        this.currentCroppedImage = imgBase64;
-    };
-    ImgEditorComponent.prototype.ranameAndReplaceImg = function (obsChangeImgName, obsReplaceImg) {
-        var _this = this;
-        // Avoid to use forkjoin, because it can create conflict and loos the img
-        obsChangeImgName.subscribe(function (res1) {
-            obsReplaceImg.subscribe(function (res2) {
-                _this.onEditClosed(_this.msgSuccessEdit);
-            }, function (error) {
-                _this.onEditClosed(_this.msgFailSave);
-            });
-        }, function (error) {
-            _this.onEditClosed(_this.msgFailSave);
-        });
-    };
-    ImgEditorComponent.ctorParameters = function () { return [
-        { type: ImgManagerService }
-    ]; };
-    __decorate([
-        Input(),
-        __metadata("design:type", Object)
-    ], ImgEditorComponent.prototype, "stateDisplayed", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Object)
-    ], ImgEditorComponent.prototype, "imgToEdit", void 0);
-    __decorate([
-        Output(),
-        __metadata("design:type", Object)
-    ], ImgEditorComponent.prototype, "editClosed", void 0);
-    ImgEditorComponent = __decorate([
-        Component({
-            selector: 'img-editor',
-            template: "<div class=\"img-editor\" [@easeInOut]=\"'in'\">\n\n    <perfect-scrollbar\n        class=\"img-editor__scroll\"\n        [ngClass]=\"{\n            'img-editor__scroll--full': stateDisplayed === 'full',\n            'img-editor__scroll--smallDisplay': stateDisplayed === 'small',\n            'img-editor__scroll--window': stateDisplayed === 'window'\n        }\"\n    >\n    <div class=\"columns\">\n        <!-- Left section -->\n        <div class=\"column is-one-third img-editor__infoSection\">\n\n            <info-section\n              [imgToEdit]=\"imgToEdit\"\n              [(isNameModified)]=\"isNameModified\"\n              >\n            </info-section>\n\n            <!-- Button Action Section -->\n\n            <div class=\"img-editor__infoSection__actions\">\n                <div>\n                    <button\n                      class=\"button img-editor__infoSection__actions__cancel\"\n                      (click)=\"onCancel()\"\n                      [disabled]=\"isLoading || (!isImgModified  && !isNameModified)\"\n                    >\n                        {{ 'ImgManager.ImgLib.cancel' | translate }}\n                    </button>\n                    <div\n                        class=\"button danger button img-editor__infoSection__actions__save\"\n                        [ngClass]=\"{'img-editor__infoSection__actions__save--disable': isLoading}\"\n                        (click)=\"onSave()\"\n                    >\n                        {{ 'ImgManager.ImgEditor.saveBtn' | translate }}\n                        <span btnLoadingAnim *ngIf=\"isLoading\" class=\"btnLoadingAnnimation\"></span>\n                    </div>\n\n                </div>\n            </div>\n        </div>\n\n\n        <!-- Right section -->\n        <div class=\"column img-editor__container\">\n            <cropper\n              [imgToEdit]=\"imgToEdit\"\n              [(isImgModified)]=\"isImgModified\"\n              (currentCroppedImageChange)=\"onImgCropped($event)\"\n              (editClosed)=\"onEditClosed($event)\">\n            </cropper>\n        </div>\n    </div>\n    </perfect-scrollbar>\n</div>\n",
-            animations: [
-                easeInOut
-            ]
-        }),
-        __metadata("design:paramtypes", [ImgManagerService])
-    ], ImgEditorComponent);
-    return ImgEditorComponent;
-}());
-export { ImgEditorComponent };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1nLWVkaXRvci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ad2l6aXNob3AvaW1nLW1hbmFnZXIvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9pbWctZWRpdG9yL2ltZy1lZGl0b3IuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFpQixNQUFNLGVBQWUsQ0FBQztBQUc5RixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUN2RSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFTN0U7SUFtQkUsNEJBQ1UsaUJBQW9DO1FBQXBDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7UUFicEMsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFFMUMsY0FBUyxHQUFZLEtBQUssQ0FBQztRQUMzQixrQkFBYSxHQUFZLEtBQUssQ0FBQztRQUMvQixtQkFBYyxHQUFZLEtBQUssQ0FBQztRQUNoQyx3QkFBbUIsR0FBVyxFQUFFLENBQUMsQ0FBQywrQ0FBK0M7UUFHakYsZ0JBQVcsR0FBVyxrQ0FBa0MsQ0FBQztRQUN6RCxnQkFBVyxHQUFXLGtDQUFrQyxDQUFDO1FBQ3pELG1CQUFjLEdBQVcseURBQXlELENBQUE7SUFJNUUsQ0FBQztJQUVQLHFDQUFRLEdBQVI7UUFDRSxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWSxDQUFDO0lBQ2xELENBQUM7SUFFRCxtQ0FBTSxHQUFOO1FBQUEsaUJBNkNDO1FBNUNDLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRTtZQUNsQixPQUFPO1NBQ1I7UUFDRCxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztRQUV0QixJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsSUFBSyxDQUFDLElBQUksQ0FBQyxjQUFjLEVBQUU7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LENBQUM7WUFDekMsQ0FBQyxFQUNELFVBQUEsS0FBSztnQkFDSCxLQUFJLENBQUMsWUFBWSxDQUFDLEtBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztZQUN0QyxDQUFDLENBQ0YsQ0FBQztRQUNKLENBQUMsRUFDRCxVQUFBLEtBQUs7WUFDSCxLQUFJLENBQUMsWUFBWSxDQUFDLEtBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUN0QyxDQUFDLENBQ0YsQ0FBQztJQUNKLENBQUM7O2dCQXpGNEIsaUJBQWlCOztJQWpCOUM7UUFEQyxLQUFLLEVBQUU7OzhEQUNPO0lBRWY7UUFEQyxLQUFLLEVBQUU7O3lEQUNpQjtJQUVmO1FBQVQsTUFBTSxFQUFFOzswREFBaUM7SUFQL0Isa0JBQWtCO1FBUDlCLFNBQVMsQ0FBQztZQUNULFFBQVEsRUFBRSxZQUFZO1lBQ3RCLDZtRUFBMEM7WUFDMUMsVUFBVSxFQUFFO2dCQUNWLFNBQVM7YUFDVjtTQUNGLENBQUM7eUNBcUI2QixpQkFBaUI7T0FwQm5DLGtCQUFrQixDQThHOUI7SUFBRCx5QkFBQztDQUFBLEFBOUdELElBOEdDO1NBOUdZLGtCQUFrQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIEFmdGVyVmlld0luaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEltZ1BpY3R1cmVEVE8gfSBmcm9tICcuLi8uLi9kdG8vaW1nLW1hbmFnZXIuZHRvJztcbmltcG9ydCB7IE9ic2VydmFibGUsIGZvcmtKb2luIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBJbWdNYW5hZ2VyU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2ltZy1tYW5hZ2VyLnNlcnZpY2UnO1xuaW1wb3J0IHsgZWFzZUluT3V0IH0gZnJvbSAnLi4vLi4vYW5pbWF0aW9ucy9lYXNlSW5PdXQvZWFzZS1pbi1vdXQuYW5pbWF0aW9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaW1nLWVkaXRvcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9pbWctZWRpdG9yLmNvbXBvbmVudC5odG1sJyxcbiAgYW5pbWF0aW9uczogW1xuICAgIGVhc2VJbk91dFxuICBdXG59KVxuZXhwb3J0IGNsYXNzIEltZ0VkaXRvckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgQElucHV0KClcbiAgc3RhdGVEaXNwbGF5ZWQ7XG4gIEBJbnB1dCgpXG4gIGltZ1RvRWRpdDogSW1nUGljdHVyZURUTztcblxuICBAT3V0cHV0KCkgZWRpdENsb3NlZCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBpc0xvYWRpbmc6IGJvb2xlYW4gPSBmYWxzZTtcbiAgaXNJbWdNb2RpZmllZDogYm9vbGVhbiA9IGZhbHNlO1xuICBpc05hbWVNb2RpZmllZDogYm9vbGVhbiA9IGZhbHNlO1xuICBjdXJyZW50Q3JvcHBlZEltYWdlOiBzdHJpbmcgPSAnJzsgLy8gSW1nIG1vZGlmaWVkIHJldHVybiBpbiBiYXNlNjQgYnkgdGhlIGNyb3BwZXJcbiAgcHJpdmF0ZSBwcmV2aW91c05hbWU6IHN0cmluZztcblxuICBtc2dGYWlsU2F2ZTogc3RyaW5nID0gJ0ltZ01hbmFnZXIuSW1nRWRpdG9yLm1zZ0ZhaWxTYXZlJztcbiAgbXNnRmFpbExvYWQ6IHN0cmluZyA9ICdJbWdNYW5hZ2VyLkltZ0VkaXRvci5tc2dGYWlsTG9hZCc7XG4gIG1zZ1N1Y2Nlc3NFZGl0OiBzdHJpbmcgPSBcIkxlcyBtb2RpZmljYXRpb25zIGRlIGwnaW1hZ2Ugb250IGJpZW4gw6l0w6kgZW5yZWdpc3Ryw6llcy5cIlxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgaW1nTWFuYWdlclNlcnZpY2U6IEltZ01hbmFnZXJTZXJ2aWNlLFxuICAgICkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5wcmV2aW91c05hbWUgPSB0aGlzLmltZ1RvRWRpdC5kaXNwbGF5X25hbWU7XG4gIH1cblxuICBvblNhdmUoKSB7XG4gICAgaWYgKHRoaXMuaXNMb2FkaW5nKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuaXNMb2FkaW5nID0gdHJ1ZTtcblxuICAgIGlmICghdGhpcy5pc0ltZ01vZGlmaWVkICAmJiAhdGhpcy5pc05hbWVNb2RpZmllZCkge1xuICAgICAgdGhpcy5pc0xvYWRpbmcgPSBmYWxzZTtcbiAgICAgIHRoaXMub25FZGl0Q2xvc2VkKCk7XG4gICAgfVxuXG4gICAgY29uc3Qgb2JzUmVwbGFjZUltZzogT2JzZXJ2YWJsZTxhbnk+ID0gdGhpcy5pbWdNYW5hZ2VyU2VydmljZS5yZXBsYWNlSW1nKHRoaXMuY3VycmVudENyb3BwZWRJbWFnZSwgdGhpcy5pbWdUb0VkaXQuaWRfZmlsZSk7XG4gICAgY29uc3Qgb2JzQ2hhbmdlSW1nTmFtZTogT2JzZXJ2YWJsZTxhbnk+ID0gdGhpcy5pbWdNYW5hZ2VyU2VydmljZS5jaGFuZ2VJbWdOYW1lKHRoaXMuaW1nVG9FZGl0LmRpc3BsYXlfbmFtZSwgdGhpcy5pbWdUb0VkaXQuaWRfZmlsZSk7XG5cbiAgICBpZih0aGlzLmlzSW1nTW9kaWZpZWQgJiYgdGhpcy5pc05hbWVNb2RpZmllZCkge1xuICAgICAgdGhpcy5yYW5hbWVBbmRSZXBsYWNlSW1nKG9ic0NoYW5nZUltZ05hbWUsIG9ic1JlcGxhY2VJbWcpO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGlmKHRoaXMuaXNJbWdNb2RpZmllZCl7XG4gICAgICBvYnNSZXBsYWNlSW1nLnN1YnNjcmliZShkYXRhID0+IHtcbiAgICAgICAgdGhpcy5pc0xvYWRpbmcgPSBmYWxzZTtcbiAgICAgICAgdGhpcy5vbkVkaXRDbG9zZWQodGhpcy5tc2dTdWNjZXNzRWRpdCk7XG4gICAgICB9LFxuICAgICAgZXJyb3IgPT4ge1xuICAgICAgICB0aGlzLmlzTG9hZGluZyA9IGZhbHNlO1xuICAgICAgICB0aGlzLmN1cnJlbnRDcm9wcGVkSW1hZ2UgPSAnJztcbiAgICAgICAgdGhpcy5vbkVkaXRDbG9zZWQodGhpcy5tc2dGYWlsU2F2ZSk7XG4gICAgICB9KTtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBpZiAodGhpcy5pc05hbWVNb2RpZmllZCkge1xuICAgICAgb2JzQ2hhbmdlSW1nTmFtZS5zdWJzY3JpYmUoZGF0YSA9PiB7XG4gICAgICAgIHRoaXMuaXNMb2FkaW5nID0gZmFsc2U7XG4gICAgICAgIHRoaXMucHJldmlvdXNOYW1lID0gdGhpcy5pbWdUb0VkaXQuZGlzcGxheV9uYW1lO1xuICAgICAgICB0aGlzLm9uRWRpdENsb3NlZCh0aGlzLm1zZ1N1Y2Nlc3NFZGl0KTtcbiAgICAgIH0sXG4gICAgICBlcnJvciA9PiB7XG4gICAgICAgIHRoaXMuaXNMb2FkaW5nID0gZmFsc2U7XG4gICAgICAgIHRoaXMuaW1nVG9FZGl0LmRpc3BsYXlfbmFtZSA9IHRoaXMucHJldmlvdXNOYW1lO1xuICAgICAgICB0aGlzLm9uRWRpdENsb3NlZCh0aGlzLm1zZ0ZhaWxTYXZlKTtcbiAgICAgIH0pO1xuICAgIH1cbiAgICB0aGlzLmlzTmFtZU1vZGlmaWVkID0gZmFsc2U7XG4gIH1cblxuICBvbkVkaXRDbG9zZWQobXNnS2V5Pzogc3RyaW5nKSB7XG4gICAgdGhpcy5lZGl0Q2xvc2VkLmVtaXQobXNnS2V5KTtcbiAgfVxuXG4gIG9uUmVzdGFydEVkaXQoKSB7XG4gICAgdGhpcy5pc0ltZ01vZGlmaWVkID0gZmFsc2U7XG4gICAgdGhpcy5pc05hbWVNb2RpZmllZCA9IGZhbHNlO1xuICAgIHRoaXMuaW1nVG9FZGl0LmRpc3BsYXlfbmFtZSA9IHRoaXMucHJldmlvdXNOYW1lO1xuICB9XG5cbiAgb25DYW5jZWwoKSB7XG4gICAgdGhpcy5vbkVkaXRDbG9zZWQoJycpO1xuICB9XG5cbiAgb25JbWdDcm9wcGVkKGltZ0Jhc2U2NDogc3RyaW5nKSB7XG4gICAgdGhpcy5jdXJyZW50Q3JvcHBlZEltYWdlID0gaW1nQmFzZTY0O1xuICB9XG5cbiAgcHJpdmF0ZSByYW5hbWVBbmRSZXBsYWNlSW1nKG9ic0NoYW5nZUltZ05hbWU6IE9ic2VydmFibGU8YW55Piwgb2JzUmVwbGFjZUltZzogT2JzZXJ2YWJsZTxhbnk+KSB7XG4gICAgLy8gQXZvaWQgdG8gdXNlIGZvcmtqb2luLCBiZWNhdXNlIGl0IGNhbiBjcmVhdGUgY29uZmxpY3QgYW5kIGxvb3MgdGhlIGltZ1xuICAgIG9ic0NoYW5nZUltZ05hbWUuc3Vic2NyaWJlKFxuICAgICAgcmVzMSA9PiB7XG4gICAgICAgIG9ic1JlcGxhY2VJbWcuc3Vic2NyaWJlKFxuICAgICAgICAgIHJlczIgPT4ge1xuICAgICAgICAgICAgdGhpcy5vbkVkaXRDbG9zZWQodGhpcy5tc2dTdWNjZXNzRWRpdCk7XG4gICAgICAgICAgfSxcbiAgICAgICAgICBlcnJvciA9PiB7XG4gICAgICAgICAgICB0aGlzLm9uRWRpdENsb3NlZCh0aGlzLm1zZ0ZhaWxTYXZlKTtcbiAgICAgICAgICB9XG4gICAgICAgICk7XG4gICAgICB9LFxuICAgICAgZXJyb3IgPT4ge1xuICAgICAgICB0aGlzLm9uRWRpdENsb3NlZCh0aGlzLm1zZ0ZhaWxTYXZlKTtcbiAgICAgIH1cbiAgICApO1xuICB9XG59XG4iXX0=

package/esm5/lib/components/img-editor/info-section/info-section.component.js

@@ -1,64 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-import { EventEmitter } from '@angular/core';
-import { Output } from '@angular/core';
-import { Component, Input } from '@angular/core';
-import { AlertService } from '../../../services/alert.service';
-var EditorInfoSectionComponent = /** @class */ (function () {
-    function EditorInfoSectionComponent(alertService) {
-        this.alertService = alertService;
-        this._isNameModified = false;
-        this.isNameModifiedChange = new EventEmitter();
-        this.msgCopyToClipBoard = 'ImgManager.ImgEditor.copytoClipBoard';
-    }
-    Object.defineProperty(EditorInfoSectionComponent.prototype, "isNameModified", {
-        get: function () {
-            return this._isNameModified;
-        },
-        set: function (isNameModified) {
-            this._isNameModified = isNameModified;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    EditorInfoSectionComponent.prototype.ngOnInit = function () {
-        this.init();
-    };
-    EditorInfoSectionComponent.prototype.init = function () {
-        this.imgName = this.imgToEdit.display_name;
-    };
-    EditorInfoSectionComponent.prototype.getFileSize = function () {
-        return this.imgToEdit ? Math.round(parseInt(this.imgToEdit.size) / 1000) : '-';
-    };
-    EditorInfoSectionComponent.prototype.copyToClipBoard = function (event) {
-        this.alertService.openAlert(this.msgCopyToClipBoard);
-    };
-    EditorInfoSectionComponent.prototype.onNameChange = function () {
-        this.isNameModifiedChange.emit(true);
-    };
-    EditorInfoSectionComponent.ctorParameters = function () { return [
-        { type: AlertService }
-    ]; };
-    __decorate([
-        Input(),
-        __metadata("design:type", Object)
-    ], EditorInfoSectionComponent.prototype, "imgToEdit", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Boolean),
-        __metadata("design:paramtypes", [Boolean])
-    ], EditorInfoSectionComponent.prototype, "isNameModified", null);
-    __decorate([
-        Output(),
-        __metadata("design:type", Object)
-    ], EditorInfoSectionComponent.prototype, "isNameModifiedChange", void 0);
-    EditorInfoSectionComponent = __decorate([
-        Component({
-            selector: 'info-section',
-            template: "\n<!-- Img properties -->\n<div class=\"img-editor__infoSection__propertyEditable\">\n    <p class=\"mainColor\">\n        {{ 'ImgManager.UploadList.properties.imgName' | translate }}\n        <span class=\"img-editor__infoSection__propertyEditable__tooltips\" [nwbToolTip]=\"'ImgManager.ImgEditor.NameInfo' | translate\" [nwbToolTipIsMultiline]=\"true\" nwbToolTipPosition=\"right\"><i class=\"fas fa-info-circle\"></i></span>\n    </p>\n    <input\n      type=\"text\"\n      class=\"img-editor__infoSection__propertyEditable__input\"\n      placeholder=\"{{'ImgManager.ImgEditor.nameEx' | translate}} \"\n      [(ngModel)]=\"imgToEdit.display_name\"\n      debounceKeyUp\n      [debounceTime]=\"500\"\n      (onEventChange)=\"onNameChange()\">\n</div>\n<div class=\"img-editor__infoSection__propertyEditable\">\n    <p class=\"mainColor\">{{ 'ImgManager.UploadList.properties.imgURL' | translate }}</p>\n    <button [copy-clipboard]=\"imgToEdit.file_name | imgSrc : 'raw'\" (copied)=\"copyToClipBoard($event)\" ><span  class=\"img-editor__infoSection__propertyEditable__span\">{{imgToEdit.file_name}}</span>&nbsp;&nbsp;<i class=\"far fa-copy\"></i></button>\n</div>\n<div class=\"img-editor__infoSection__property\">\n    <p class=\"mainColor\">{{ 'ImgManager.UploadList.properties.imgSize' | translate }}&nbsp;:</p>\n    <p>{{imgToEdit.raw_height}}*{{imgToEdit.raw_width}}px</p>\n</div>\n<div class=\"img-editor__infoSection__property\">\n    <p class=\"mainColor\">{{ 'ImgManager.UploadList.properties.imgWeight' | translate }}&nbsp;:</p>\n    <p >{{getFileSize()}}&nbsp;ko</p>\n</div>\n\n<!-- SEO info -->\n\n<span class=\"img-editor__infoSection__divider\"></span>\n\n<div class=\"img-editor__infoSection__titleSEO\">\n    <p class=\"mainColor\">{{ 'ImgManager.UploadList.seo.title' | translate }}</p>\n</div>\n\n<div class=\"img-editor__infoSection__propertySEO\">\n    <p class=\"mainColor\">{{ 'ImgManager.UploadList.seo.rezise' | translate }}</p>\n    <p><i class=\"fal fa-check\"></i>&nbsp;100%</p>\n    <p class=\"img-editor__infoSection__propertySEO__tooltips\" [nwbToolTip]=\"'ImgManager.UploadList.seo.reziseTooltips' | translate\" [nwbToolTipIsMultiline]=\"true\" nwbToolTipPosition=\"right\"><i class=\"fas fa-info-circle\"></i></p>\n</div>\n<div class=\"img-editor__infoSection__propertySEO\">\n    <p class=\"mainColor\">{{ 'ImgManager.UploadList.seo.webp' | translate }}</p>\n    <p><i class=\"fal fa-check\"></i>&nbsp;100%</p>\n  <p class=\"img-editor__infoSection__propertySEO__tooltips\" [nwbToolTip]=\"'ImgManager.UploadList.seo.webpTooltips' | translate\" [nwbToolTipIsMultiline]=\"true\" nwbToolTipPosition=\"right\"><i class=\"fas fa-info-circle\"></i></p>\n</div>\n<div class=\"img-editor__infoSection__propertySEO\">\n    <p class=\"mainColor\">{{ 'ImgManager.UploadList.seo.cdn' | translate }}</p>\n    <p><i class=\"fal fa-check\"></i>&nbsp;100%</p>\n  <p class=\"img-editor__infoSection__propertySEO__tooltips\" [nwbToolTip]=\"'ImgManager.UploadList.seo.cdnTooltips' | translate\" [nwbToolTipIsMultiline]=\"true\" nwbToolTipPosition=\"right\"><i class=\"fas fa-info-circle\"></i></p>\n\n</div>\n<div class=\"img-editor__infoSection__propertySEO\">\n    <p class=\"mainColor\">{{ 'ImgManager.UploadList.seo.lazyloading' | translate }}</p>\n    <p><i class=\"fal fa-check\"></i>&nbsp;100%</p>\n    <p class=\"img-editor__infoSection__propertySEO__tooltips\" [nwbToolTip]=\"'ImgManager.UploadList.seo.lazyloadingTooltips' | translate\" [nwbToolTipIsMultiline]=\"true\" nwbToolTipPosition=\"right\"><i class=\"fas fa-info-circle\"></i></p>\n</div>\n"
-        }),
-        __metadata("design:paramtypes", [AlertService])
-    ], EditorInfoSectionComponent);
-    return EditorInfoSectionComponent;
-}());
-export { EditorInfoSectionComponent };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5mby1zZWN0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0B3aXppc2hvcC9pbWctbWFuYWdlci8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL2ltZy1lZGl0b3IvaW5mby1zZWN0aW9uL2luZm8tc2VjdGlvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0MsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2QyxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFNL0Q7SUFzQkUsb0NBQ1UsWUFBMEI7UUFBMUIsaUJBQVksR0FBWixZQUFZLENBQWM7UUFYNUIsb0JBQWUsR0FBWSxLQUFLLENBQUM7UUFHekMseUJBQW9CLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUtuRCx1QkFBa0IsR0FBVyxzQ0FBc0MsQ0FBQztJQUk5RCxDQUFDO0lBbEJQLHNCQUFJLHNEQUFjO2FBR2xCO1lBQ0UsT0FBTyxJQUFJLENBQUMsZUFBZSxDQUFDO1FBQzlCLENBQUM7YUFMRCxVQUFtQixjQUF1QjtZQUN4QyxJQUFJLENBQUMsZUFBZSxHQUFHLGNBQWMsQ0FBQztRQUN4QyxDQUFDOzs7T0FBQTtJQWtCRCw2Q0FBUSxHQUFSO1FBQ0UsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ2QsQ0FBQztJQUVELHlDQUFJLEdBQUo7UUFDRSxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWSxDQUFDO0lBQzdDLENBQUM7SUFDRCxnREFBVyxHQUFYO1FBQ0UsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxHQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUM7SUFDL0UsQ0FBQztJQUVELG9EQUFlLEdBQWYsVUFBZ0IsS0FBSztRQUNuQixJQUFJLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsQ0FBQztJQUN2RCxDQUFDO0lBRUQsaURBQVksR0FBWjtRQUNFLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDdkMsQ0FBQzs7Z0JBcEJ1QixZQUFZOztJQXBCcEM7UUFEQyxLQUFLLEVBQUU7O2lFQUNpQjtJQUd6QjtRQURDLEtBQUssRUFBRTs7O29FQUdQO0lBT0Q7UUFEQyxNQUFNLEVBQUU7OzRFQUMwQztJQWZ4QywwQkFBMEI7UUFKdEMsU0FBUyxDQUFDO1lBQ1QsUUFBUSxFQUFFLGNBQWM7WUFDeEIsc2dIQUE0QztTQUM3QyxDQUFDO3lDQXdCd0IsWUFBWTtPQXZCekIsMEJBQTBCLENBNEN0QztJQUFELGlDQUFDO0NBQUEsQUE1Q0QsSUE0Q0M7U0E1Q1ksMEJBQTBCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSW1nUGljdHVyZURUTyB9IGZyb20gJy4uLy4uLy4uL2R0by9pbWctbWFuYWdlci5kdG8nO1xuaW1wb3J0IHsgQWxlcnRTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvYWxlcnQuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2luZm8tc2VjdGlvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9pbmZvLXNlY3Rpb24uY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIEVkaXRvckluZm9TZWN0aW9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKVxuICBpbWdUb0VkaXQ6IEltZ1BpY3R1cmVEVE87XG5cbiAgQElucHV0KClcbiAgc2V0IGlzTmFtZU1vZGlmaWVkKGlzTmFtZU1vZGlmaWVkOiBib29sZWFuKSB7XG4gICAgdGhpcy5faXNOYW1lTW9kaWZpZWQgPSBpc05hbWVNb2RpZmllZDtcbiAgfVxuICBnZXQgaXNOYW1lTW9kaWZpZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuX2lzTmFtZU1vZGlmaWVkO1xuICB9XG4gIHByaXZhdGUgX2lzTmFtZU1vZGlmaWVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgQE91dHB1dCgpXG4gIGlzTmFtZU1vZGlmaWVkQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG4gIGltZ05hbWU6IHN0cmluZztcbiAgaW1nUm91dGU6IHN0cmluZztcblxuICBtc2dDb3B5VG9DbGlwQm9hcmQ6IHN0cmluZyA9ICdJbWdNYW5hZ2VyLkltZ0VkaXRvci5jb3B5dG9DbGlwQm9hcmQnO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgYWxlcnRTZXJ2aWNlOiBBbGVydFNlcnZpY2UsXG4gICAgKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmluaXQoKTtcbiAgfVxuXG4gIGluaXQoKSB7XG4gICAgdGhpcy5pbWdOYW1lID0gdGhpcy5pbWdUb0VkaXQuZGlzcGxheV9uYW1lO1xuICB9XG4gIGdldEZpbGVTaXplKCkge1xuICAgIHJldHVybiB0aGlzLmltZ1RvRWRpdCA/IE1hdGgucm91bmQocGFyc2VJbnQodGhpcy5pbWdUb0VkaXQuc2l6ZSkvMTAwMCkgOiAnLSc7XG4gIH1cblxuICBjb3B5VG9DbGlwQm9hcmQoZXZlbnQpIHtcbiAgICB0aGlzLmFsZXJ0U2VydmljZS5vcGVuQWxlcnQodGhpcy5tc2dDb3B5VG9DbGlwQm9hcmQpO1xuICB9XG5cbiAgb25OYW1lQ2hhbmdlKCkge1xuICAgIHRoaXMuaXNOYW1lTW9kaWZpZWRDaGFuZ2UuZW1pdCh0cnVlKTtcbiAgfVxufVxuIl19

package/esm5/lib/components/img-selection/img-selection.component.js

@@ -1,64 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-import { Component, Input, Output, EventEmitter } from '@angular/core';
-import { ImgSelectionService } from '../../services/img-selection.service';
-var ImgSelectionComponent = /** @class */ (function () {
-    function ImgSelectionComponent(imgSelectionService) {
-        this.imgSelectionService = imgSelectionService;
-        this.imgManagerClosed = new EventEmitter();
-        this.imgSelectedList = [];
-        this.removingAll = false;
-        this.cancellingAll = false;
-        this.importingAll = false;
-        this.dragStart = false;
-        this.isLoading = false;
-        this.trashPositionIndex = 0;
-        this.trashPositionLeft = '-5px';
-    }
-    ImgSelectionComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        this.getImgSelected();
-        this.imgSelectionService.getImgListLoadingEventListner().subscribe(function (loading) {
-            _this.isLoading = loading;
-        });
-    };
-    ImgSelectionComponent.prototype.init = function () {
-        this.removingAll = false;
-        this.cancellingAll = false;
-        this.importingAll = false;
-    };
-    ImgSelectionComponent.prototype.getImgSelected = function () {
-        this.imgSelectedList = this.imgSelectionService.getImgSelection();
-    };
-    ImgSelectionComponent.prototype.removeImg = function (index) {
-        this.imgSelectionService.removeImgSelectedByIndex(index);
-    };
-    ImgSelectionComponent.prototype.drop = function (event) {
-        if (event.previousIndex !== event.currentIndex) {
-            this.imgSelectionService.moveImgOrder(event);
-        }
-    };
-    ImgSelectionComponent.prototype.removeImgFromSelection = function (event) {
-        this.imgSelectionService.removeImgSelectedByIndex(event.previousIndex);
-    };
-    ImgSelectionComponent.ctorParameters = function () { return [
-        { type: ImgSelectionService }
-    ]; };
-    __decorate([
-        Input(),
-        __metadata("design:type", String)
-    ], ImgSelectionComponent.prototype, "tabDisplayed", void 0);
-    __decorate([
-        Output(),
-        __metadata("design:type", Object)
-    ], ImgSelectionComponent.prototype, "imgManagerClosed", void 0);
-    ImgSelectionComponent = __decorate([
-        Component({
-            selector: 'img-selection',
-            template: "<div\n  class=\"trash\"\n  cdkDropList\n  #unSelectList=\"cdkDropList\"\n  (cdkDropListDropped)=\"removeImgFromSelection($event)\">\n    <p>{{'ImgManager.ImgSelection.unselect' | translate}}</p>\n</div>\n\n<div\n class=\"img-selection\"\n [ngClass]=\"{'img-selection--visible' : imgSelectedList && imgSelectedList.length}\"\n *ngIf=\"!isLoading\">\n\n    <div\n      cdkDropList\n      #selectionList=\"cdkDropList\"\n      cdkDropListOrientation=\"horizontal\"\n      class=\"list_img_selection\"\n      (cdkDropListDropped)=\"drop($event)\"\n      [cdkDropListConnectedTo]=\"[unSelectList]\"\n      >\n\n        <div\n          class=\"img_box\"\n          *ngFor=\"let picture of imgSelectedList; let index = index\"\n          cdkDrag\n          (cdkDragStarted)=\"dragStart = true;\"\n          (cdkDragEnded)=\"dragStart = false;\"\n          >\n\n          <img\n            *ngIf=\"index < 1\"\n            class=\"drag__img\"\n            [src]=\"picture.file_name | imgSrc : '400'\"\n            [title]=\"picture.display_name\"\n          />\n\n          <img\n            *ngIf=\"index > 0\"\n            class=\"drag__img\"\n            [src]=\"picture.file_name | imgSrc : '200'\"\n            [title]=\"picture.display_name\"\n          />\n\n          <div class=\"delete-btn\" (click)=\"removeImg(index)\">{{'ImgManager.ImgSelection.deleteImg' | translate}}</div>\n\n          <span class=\"drag__tooltips\">{{'ImgManager.ImgSelection.tooltips' | translate}}</span>\n\n        </div>\n    </div>\n</div>\n\n<!-- Loader -->\n<ng-container *ngIf=\"isLoading\">\n  <wz-loader></wz-loader>\n</ng-container>\n"
-        }),
-        __metadata("design:paramtypes", [ImgSelectionService])
-    ], ImgSelectionComponent);
-    return ImgSelectionComponent;
-}());
-export { ImgSelectionComponent };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1nLXNlbGVjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ad2l6aXNob3AvaW1nLW1hbmFnZXIvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9pbWctc2VsZWN0aW9uL2ltZy1zZWxlY3Rpb24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9FLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBVTNFO0lBY0UsK0JBQ1UsbUJBQXdDO1FBQXhDLHdCQUFtQixHQUFuQixtQkFBbUIsQ0FBcUI7UUFaeEMscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUVoRCxvQkFBZSxHQUFvQixFQUFFLENBQUM7UUFDdEMsZ0JBQVcsR0FBWSxLQUFLLENBQUM7UUFDN0Isa0JBQWEsR0FBWSxLQUFLLENBQUM7UUFDL0IsaUJBQVksR0FBWSxLQUFLLENBQUM7UUFDOUIsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUNsQixjQUFTLEdBQVksS0FBSyxDQUFDO1FBQzNCLHVCQUFrQixHQUFHLENBQUMsQ0FBQztRQUN2QixzQkFBaUIsR0FBRyxNQUFNLENBQUM7SUFJckIsQ0FBQztJQUVQLHdDQUFRLEdBQVI7UUFBQSxpQkFLQztRQUpDLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN0QixJQUFJLENBQUMsbUJBQW1CLENBQUMsNkJBQTZCLEVBQUUsQ0FBQyxTQUFTLENBQUMsVUFBQSxPQUFPO1lBQ3hFLEtBQUksQ0FBQyxTQUFTLEdBQUcsT0FBTyxDQUFDO1FBQzNCLENBQUMsQ0FBQyxDQUFBO0lBQ0osQ0FBQztJQUVELG9DQUFJLEdBQUo7UUFDRSxJQUFJLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQztRQUN6QixJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztRQUMzQixJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztJQUM1QixDQUFDO0lBRUQsOENBQWMsR0FBZDtRQUNFLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLG1CQUFtQixDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQ3BFLENBQUM7SUFFRCx5Q0FBUyxHQUFULFVBQVUsS0FBYTtRQUNyQixJQUFJLENBQUMsbUJBQW1CLENBQUMsd0JBQXdCLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDM0QsQ0FBQztJQUVELG9DQUFJLEdBQUosVUFBSyxLQUE0QjtRQUMvQixJQUFJLEtBQUssQ0FBQyxhQUFhLEtBQUssS0FBSyxDQUFDLFlBQVksRUFBRTtZQUM5QyxJQUFJLENBQUMsbUJBQW1CLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQzlDO0lBQ0gsQ0FBQztJQUVELHNEQUFzQixHQUF0QixVQUF1QixLQUE0QjtRQUNqRCxJQUFJLENBQUMsbUJBQW1CLENBQUMsd0JBQXdCLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQ3pFLENBQUM7O2dCQWhDOEIsbUJBQW1COztJQWJ6QztRQUFSLEtBQUssRUFBRTs7K0RBQTRCO0lBQzFCO1FBQVQsTUFBTSxFQUFFOzttRUFBdUM7SUFIckMscUJBQXFCO1FBSmpDLFNBQVMsQ0FBQztZQUNULFFBQVEsRUFBRSxlQUFlO1lBQ3pCLGltREFBNkM7U0FDOUMsQ0FBQzt5Q0FnQitCLG1CQUFtQjtPQWZ2QyxxQkFBcUIsQ0FnRGpDO0lBQUQsNEJBQUM7Q0FBQSxBQWhERCxJQWdEQztTQWhEWSxxQkFBcUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJbWdTZWxlY3Rpb25TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvaW1nLXNlbGVjdGlvbi5zZXJ2aWNlJztcbmltcG9ydCB7IEltZ1BpY3R1cmVEVE8gfSBmcm9tICcuLi8uLi9kdG8vaW1nLW1hbmFnZXIuZHRvJztcbmltcG9ydCB7Q2RrRHJhZ0Ryb3B9IGZyb20gJ0Bhbmd1bGFyL2Nkay9kcmFnLWRyb3AnO1xuaW1wb3J0IHsgdGFiRGlzcGxheWVkIH0gZnJvbSAnLi4vLi4vZHRvL2V4cG9ydC1kdG9zLmFwaSc7XG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaW1nLXNlbGVjdGlvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9pbWctc2VsZWN0aW9uLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBJbWdTZWxlY3Rpb25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBJbnB1dCgpIHRhYkRpc3BsYXllZDogdGFiRGlzcGxheWVkO1xuICBAT3V0cHV0KCkgaW1nTWFuYWdlckNsb3NlZCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBpbWdTZWxlY3RlZExpc3Q6IEltZ1BpY3R1cmVEVE9bXSA9IFtdO1xuICByZW1vdmluZ0FsbDogYm9vbGVhbiA9IGZhbHNlO1xuICBjYW5jZWxsaW5nQWxsOiBib29sZWFuID0gZmFsc2U7XG4gIGltcG9ydGluZ0FsbDogYm9vbGVhbiA9IGZhbHNlO1xuICBkcmFnU3RhcnQgPSBmYWxzZTtcbiAgaXNMb2FkaW5nOiBib29sZWFuID0gZmFsc2U7XG4gIHRyYXNoUG9zaXRpb25JbmRleCA9IDA7XG4gIHRyYXNoUG9zaXRpb25MZWZ0ID0gJy01cHgnO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgaW1nU2VsZWN0aW9uU2VydmljZTogSW1nU2VsZWN0aW9uU2VydmljZVxuICAgICkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5nZXRJbWdTZWxlY3RlZCgpO1xuICAgIHRoaXMuaW1nU2VsZWN0aW9uU2VydmljZS5nZXRJbWdMaXN0TG9hZGluZ0V2ZW50TGlzdG5lcigpLnN1YnNjcmliZShsb2FkaW5nID0+IHtcbiAgICAgIHRoaXMuaXNMb2FkaW5nID0gbG9hZGluZztcbiAgICB9KVxuICB9XG5cbiAgaW5pdCgpIHtcbiAgICB0aGlzLnJlbW92aW5nQWxsID0gZmFsc2U7XG4gICAgdGhpcy5jYW5jZWxsaW5nQWxsID0gZmFsc2U7XG4gICAgdGhpcy5pbXBvcnRpbmdBbGwgPSBmYWxzZTtcbiAgfVxuXG4gIGdldEltZ1NlbGVjdGVkKCkge1xuICAgIHRoaXMuaW1nU2VsZWN0ZWRMaXN0ID0gdGhpcy5pbWdTZWxlY3Rpb25TZXJ2aWNlLmdldEltZ1NlbGVjdGlvbigpO1xuICB9XG5cbiAgcmVtb3ZlSW1nKGluZGV4OiBudW1iZXIpIHtcbiAgICB0aGlzLmltZ1NlbGVjdGlvblNlcnZpY2UucmVtb3ZlSW1nU2VsZWN0ZWRCeUluZGV4KGluZGV4KTtcbiAgfVxuXG4gIGRyb3AoZXZlbnQ6IENka0RyYWdEcm9wPHN0cmluZ1tdPikge1xuICAgIGlmIChldmVudC5wcmV2aW91c0luZGV4ICE9PSBldmVudC5jdXJyZW50SW5kZXgpIHtcbiAgICAgIHRoaXMuaW1nU2VsZWN0aW9uU2VydmljZS5tb3ZlSW1nT3JkZXIoZXZlbnQpO1xuICAgIH1cbiAgfVxuXG4gIHJlbW92ZUltZ0Zyb21TZWxlY3Rpb24oZXZlbnQ6IENka0RyYWdEcm9wPHN0cmluZ1tdPikge1xuICAgIHRoaXMuaW1nU2VsZWN0aW9uU2VydmljZS5yZW1vdmVJbWdTZWxlY3RlZEJ5SW5kZXgoZXZlbnQucHJldmlvdXNJbmRleCk7XG4gIH1cbn1cbiJdfQ==

package/esm5/lib/components/img-tabs/img-tabs.component.js

@@ -1,133 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-import { Component, Input, ViewChild, Output, EventEmitter } from '@angular/core';
-import { UploadListComponent } from '../upload-list/upload-list.component';
-import { ImgEventService } from '../../services/img-event.service';
-import { AlertService } from '../../services/alert.service';
-import { Router } from '@angular/router';
-var ImgTabsComponent = /** @class */ (function () {
-    function ImgTabsComponent(imgEventEditService, alertService, route) {
-        this.imgEventEditService = imgEventEditService;
-        this.alertService = alertService;
-        this.route = route;
-        this.multipleImgMode = false;
-        this.listDisplayed = false;
-        this.imgManagerClosed = new EventEmitter();
-        this.currentTab = new EventEmitter();
-        this.switchDisplayWindow = new EventEmitter();
-        this.tabs = [
-            {
-                name: 'ImgManager.Tabs.addImg',
-                value: 'img-upload',
-                selected: true,
-                id: 0
-            },
-            {
-                name: 'ImgManager.Tabs.imgLib',
-                value: 'images-view',
-                id: 1
-            },
-            {
-                name: 'ImgManager.Tabs.freeImgLib',
-                value: 'pexels-lib',
-                id: 2
-            },
-            {
-                name: 'ImgManager.Tabs.Editor',
-                value: 'img-edition',
-                hide: true,
-                id: 3
-            }
-        ];
-        this.tabActive = this.tabs[0];
-        /* tabActive = 'images-view';
-        tabs: string[] = ['img-upload', 'images-view', 'pexels-lib', 'img-edition']; */
-        this.editTab = false;
-        this.imgUpload = false;
-        this.snackBarNewVersionConfig = {
-            message: '',
-            duration: 3000
-        };
-    }
-    ImgTabsComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        this.imgEventEditService.getImgToEditEventListner().subscribe(function (imgToEdit) {
-            _this.tabActive = _this.tabs[3];
-            _this.imgToEdit = imgToEdit;
-            _this.editTab = true;
-            _this.currentTab.emit(_this.tabs[3]);
-        });
-    };
-    ImgTabsComponent.prototype.toggleTabs = function (item) {
-        this.imgUpload = false;
-        this.editTab = false;
-        this.tabActive = item;
-    };
-    ImgTabsComponent.prototype.onImgUploaded = function (img) {
-        this.imgUpload = true;
-        this.imgUploadedComponent.onImgUploaded(img);
-    };
-    ImgTabsComponent.prototype.onEditClosed = function (msgKey) {
-        this.editTab = false;
-        this.toggleTabs(this.tabs[1]);
-        if (msgKey) {
-            this.alertService.openAlert(msgKey);
-        }
-        this.currentTab.emit('close');
-    };
-    ImgTabsComponent.prototype.onShowImgUploaded = function () {
-        this.tabActive = this.tabs[1];
-    };
-    ImgTabsComponent.prototype.switchDisplayWindowImgView = function () {
-        this.switchDisplayWindow.emit(true);
-    };
-    ImgTabsComponent.prototype.switchRouterLink = function (event) {
-    };
-    ImgTabsComponent.prototype.onImgManagerClosed = function () {
-        this.imgManagerClosed.emit();
-    };
-    ImgTabsComponent.ctorParameters = function () { return [
-        { type: ImgEventService },
-        { type: AlertService },
-        { type: Router }
-    ]; };
-    __decorate([
-        Input(),
-        __metadata("design:type", Boolean)
-    ], ImgTabsComponent.prototype, "multipleImgMode", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", String)
-    ], ImgTabsComponent.prototype, "stateDisplayed", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Object)
-    ], ImgTabsComponent.prototype, "listDisplayed", void 0);
-    __decorate([
-        Output(),
-        __metadata("design:type", Object)
-    ], ImgTabsComponent.prototype, "imgManagerClosed", void 0);
-    __decorate([
-        Output(),
-        __metadata("design:type", Object)
-    ], ImgTabsComponent.prototype, "currentTab", void 0);
-    __decorate([
-        Output(),
-        __metadata("design:type", EventEmitter)
-    ], ImgTabsComponent.prototype, "switchDisplayWindow", void 0);
-    __decorate([
-        ViewChild('imgUploadedImg'),
-        __metadata("design:type", UploadListComponent)
-    ], ImgTabsComponent.prototype, "imgUploadedComponent", void 0);
-    ImgTabsComponent = __decorate([
-        Component({
-            selector: 'img-tabs',
-            template: "<div\n  class=\"img-tabs\" [ngClass]=\"{'small': stateDisplayed === 'small'}\">\n  <div class=\"wrapper-tabs\">\n    <div\n      class=\"tabs\"\n      [ngClass]=\"\n        {\n          'tabs--notWindow': stateDisplayed !== 'window',\n          'tabs--notDisplayed': stateDisplayed === 'window' && tabActive.value === tabs[3].value\n        }\">\n\n      <ul>\n        <li class=\"is-active\" [ngClass]=\"{'is-active': tabActive.value === tabs[0].value}\" (click)=\"toggleTabs(tabs[0])\"><a>{{ tabs[0].name | translate }}</a></li>\n        <li [ngClass]=\"{'is-active': tabActive.value === tabs[1].value}\" (click)=\"toggleTabs(tabs[1])\"><a>{{ tabs[1].name | translate }}</a></li>\n        <li [ngClass]=\"{'is-active': tabActive.value === tabs[2].value}\" (click)=\"toggleTabs(tabs[2])\"><a>{{ tabs[2].name | translate }}</a></li>\n        <li [ngClass]=\"{'is-active': tabActive.value === tabs[3].value}\" *ngIf=\"editTab\"><a>{{ tabs[3].name | translate }}</a></li>\n      </ul>\n      <div\n        class=\"img-tabs__canva\"\n        [ngClass]=\"{'img-tabs__canva--window': stateDisplayed === 'window'}\">\n        <canva-btn\n          (showImgUploaded)=\"onShowImgUploaded()\"\n          [stateDisplayed]=\"stateDisplayed\">\n        </canva-btn>\n      </div>\n    </div>\n    <div class=\"select-mobile-page\">\n      <wac-select\n        [(ngModel)]=\"tabActive\"\n        name=\"tabs\"\n        [items]=\"tabs\"\n      ></wac-select>\n    </div>\n  </div>\n\n  <!-- Upload section -->\n  <div\n    class=\"columns img-tabs__tabsFirst\"\n    [ngClass]=\"{\n      'img-tabs__tabsFirst--small': stateDisplayed === 'small',\n      'img-tabs__tabsFirst--window': stateDisplayed === 'window'\n    }\"\n    *ngIf=\"tabActive.value === tabs[0].value\">\n    <div class=\"column img-tabs__tabsFirst__upload\">\n      <img-upload\n        [stateDisplayed]=\"stateDisplayed\"\n        (imgUploaded)=\"onImgUploaded($event)\"\n      ></img-upload>\n    </div>\n    <div class=\"column img-tabs__tabsFirst__list\" [ngClass]=\"{\n      'img-tabs__tabsFirst__list--upload': imgUpload\n    }\">\n      <images-view\n        *ngIf=\"!imgUpload\"\n        [stateDisplayed]=\"stateDisplayed\"\n        [listDisplayed]=\"false\"\n        [multipleImgMode]=\"multipleImgMode\"\n        [tabDisplayed]=\"tabActive.value\"\n        [nbRowToShow]=\"2\"\n        (switchDisplayWindow)=\"switchDisplayWindowImgView()\"\n        [fullSize]=\"false\">\n      </images-view>\n\n\n      <div [hidden]=\"!imgUpload\">\n        <upload-list\n          #imgUploadedImg\n          [stateDisplayed]=\"stateDisplayed\"\n          [tabDisplayed]=\"tabActive.value\"\n          [multipleImgMode]=\"multipleImgMode\"\n          (switchDisplayWindow)=\"switchDisplayWindowImgView()\"\n          >\n        </upload-list>\n      </div>\n    </div>\n  </div>\n\n  <!-- Images section -->\n  <div class=\"columns img-tabs__tabsSecond\" *ngIf=\"tabActive.value === tabs[1].value\">\n    <div class=\"column\">\n\n      <images-view\n        [stateDisplayed]=\"stateDisplayed\"\n        [listDisplayed]=\"listDisplayed\"\n        [multipleImgMode]=\"multipleImgMode\"\n        [tabDisplayed]=\"tabActive.value\"\n        (switchDisplayWindow)=\"switchDisplayWindowImgView()\"\n        [fullSize]=\"true\">\n      </images-view>\n\n    </div>\n  </div>\n\n  <!-- Pexel img section -->\n  <div class=\"columns img-tabs__tabsThird\" *ngIf=\"tabActive.value === tabs[2].value\">\n    <div class=\"column\">\n      <pexels-lib\n        [stateDisplayed]=\"stateDisplayed\"\n        (showImgUploaded)=\"onShowImgUploaded()\">\n      </pexels-lib>\n    </div>\n  </div>\n\n  <!--Edition section -->\n  <div class=\"columns img-tabs__tabsEdit\" *ngIf=\"tabActive.value === tabs[3].value\">\n    <div class=\"column\">\n      <img-editor\n        [stateDisplayed]=\"stateDisplayed\"\n        [imgToEdit]=\"imgToEdit\"\n        (editClosed)=\"onEditClosed($event)\">\n      </img-editor>\n    </div>\n  </div>\n\n</div>\n"
-        }),
-        __metadata("design:paramtypes", [ImgEventService,
-            AlertService,
-            Router])
-    ], ImgTabsComponent);
-    return ImgTabsComponent;
-}());
-export { ImgTabsComponent };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1nLXRhYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHdpemlzaG9wL2ltZy1tYW5hZ2VyLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvaW1nLXRhYnMvaW1nLXRhYnMuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBVSxTQUFTLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUV4RixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUMzRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFHbkUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzVELE9BQU8sRUFBQyxNQUFNLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQU92QztJQTZERSwwQkFDVSxtQkFBb0MsRUFDcEMsWUFBMEIsRUFDMUIsS0FBYTtRQUZiLHdCQUFtQixHQUFuQixtQkFBbUIsQ0FBaUI7UUFDcEMsaUJBQVksR0FBWixZQUFZLENBQWM7UUFDMUIsVUFBSyxHQUFMLEtBQUssQ0FBUTtRQTdEdkIsb0JBQWUsR0FBWSxLQUFLLENBQUM7UUFJakMsa0JBQWEsR0FBRyxLQUFLLENBQUM7UUFHdEIscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUd0QyxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUdoQyx3QkFBbUIsR0FBMEIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUVoRSxTQUFJLEdBQWlCO1lBQ25CO2dCQUNFLElBQUksRUFBRSx3QkFBd0I7Z0JBQzlCLEtBQUssRUFBRSxZQUFZO2dCQUNuQixRQUFRLEVBQUUsSUFBSTtnQkFDZCxFQUFFLEVBQUUsQ0FBQzthQUNOO1lBQ0Q7Z0JBQ0UsSUFBSSxFQUFFLHdCQUF3QjtnQkFDOUIsS0FBSyxFQUFFLGFBQWE7Z0JBQ3BCLEVB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LENBQUU7a0NBQ1IsbUJBQW1CO2tFQUFFO0lBdERoQyxnQkFBZ0I7UUFKNUIsU0FBUyxDQUFDO1lBQ1QsUUFBUSxFQUFFLFVBQVU7WUFDcEIsbzVIQUF3QztTQUN6QyxDQUFDO3lDQStEK0IsZUFBZTtZQUN0QixZQUFZO1lBQ25CLE1BQU07T0FoRVosZ0JBQWdCLENBK0c1QjtJQUFELHVCQUFDO0NBQUEsQUEvR0QsSUErR0M7U0EvR1ksZ0JBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0LCBPbkluaXQsIFZpZXdDaGlsZCwgT3V0cHV0LCBFdmVudEVtaXR0ZXJ9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSW1nUGljdHVyZURUTyB9IGZyb20gJy4uLy4uL2R0by9pbWctbWFuYWdlci5kdG8nO1xuaW1wb3J0IHsgVXBsb2FkTGlzdENvbXBvbmVudCB9IGZyb20gJy4uL3VwbG9hZC1saXN0L3VwbG9hZC1saXN0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBJbWdFdmVudFNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9pbWctZXZlbnQuc2VydmljZSc7XG5pbXBvcnQgeyBOd2JTbmFja2JhckNvbmZpZyB9IGZyb20gJ0B3aXppc2hvcC9uZy13aXppLWJ1bG1hJztcbmltcG9ydCB7IHN0YXRlRGlzcGxheWVkIH0gZnJvbSAnLi4vLi4vZHRvL2V4cG9ydC1kdG9zLmFwaSc7XG5pbXBvcnQgeyBBbGVydFNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9hbGVydC5zZXJ2aWNlJztcbmltcG9ydCB7Um91dGVyfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgU2VsZWN0SXRlbSB9IGZyb20gJy4uL3NoYXJlZC9zZWxlY3Qvc2VsZWN0LWl0ZW1zLmR0byc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ltZy10YWJzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ltZy10YWJzLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBJbWdUYWJzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKVxuICBtdWx0aXBsZUltZ01vZGU6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KClcbiAgc3RhdGVEaXNwbGF5ZWQ6IHN0YXRlRGlzcGxheWVkO1xuICBASW5wdXQoKVxuICBsaXN0RGlzcGxheWVkID0gZmFsc2U7XG5cbiAgQE91dHB1dCgpXG4gIGltZ01hbmFnZXJDbG9zZWQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgQE91dHB1dCgpXG4gIGN1cnJlbnRUYWIgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgQE91dHB1dCgpXG4gIHN3aXRjaERpc3BsYXlXaW5kb3c6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICB0YWJzOiBTZWxlY3RJdGVtW10gPSBbXG4gICAge1xuICAgICAgbmFtZTogJ0ltZ01hbmFnZXIuVGFicy5hZGRJbWcnLFxuICAgICAgdmFsdWU6ICdpbWctdXBsb2FkJyxcbiAgICAgIHNlbGVjdGVkOiB0cnVlLFxuICAgICAgaWQ6IDBcbiAgICB9LFxuICAgIHtcbiAgICAgIG5hbWU6ICdJbWdNYW5hZ2VyLlRhYnMuaW1nTGliJyxcbiAgICAgIHZhbHVlOiAnaW1hZ2VzLXZpZXcnLFxuICAgICAgaWQ6IDFcbiAgICB9LFxuICAgIHtcbiAgICAgIG5hbWU6ICdJbWdNYW5hZ2VyLlRhYnMuZnJlZUltZ0xpYicsXG4gICAgICB2YWx1ZTogJ3BleGVscy1saWInLFxuICAgICAgaWQ6IDJcbiAgICB9LFxuICAgIHtcbiAgICAgIG5hbWU6ICdJbWdNYW5hZ2VyLlRhYnMuRWRpdG9yJyxcbiAgICAgIHZhbHVlOiAnaW1nLWVkaXRpb24nLFxuICAgICAgaGlkZTogdHJ1ZSxcbiAgICAgIGlkOiAzXG4gICAgfVxuICBdO1xuXG4gIHRhYkFjdGl2ZTogU2VsZWN0SXRlbSA9IHRoaXMudGFic1swXTtcblxuICAvKiB0YWJBY3RpdmUgPSAnaW1hZ2VzLXZpZXcnO1xuICB0YWJzOiBzdHJpbmdbXSA9IFsnaW1nLXVwbG9hZCcsICdpbWFnZXMtdmlldycsICdwZXhlbHMtbGliJywgJ2ltZy1lZGl0aW9uJ107ICovXG4gIGVkaXRUYWIgPSBmYWxzZTtcblxuICBpbWdUb0VkaXQ6IEltZ1BpY3R1cmVEVE87XG5cbiAgaW1nVXBsb2FkID0gZmFsc2U7XG5cbiAgQFZpZXdDaGlsZCggJ2ltZ1VwbG9hZGVkSW1nJyApXG4gIGltZ1VwbG9hZGVkQ29tcG9uZW50OiBVcGxvYWRMaXN0Q29tcG9uZW50IDtcblxuICBzbmFja0Jhck5ld1ZlcnNpb25Db25maWc6IE53YlNuYWNrYmFyQ29uZmlnID0ge1xuICAgIG1lc3NhZ2U6ICcnLFxuICAgIGR1cmF0aW9uOiAzMDAwXG4gIH07XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBpbWdFdmVudEVkaXRTZXJ2aWNlOiBJbWdFdmVudFNlcnZpY2UsXG4gICAgcHJpdmF0ZSBhbGVydFNlcnZpY2U6IEFsZXJ0U2VydmljZSxcbiAgICBwcml2YXRlIHJvdXRlOiBSb3V0ZXJcbiAgICApIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuaW1nRXZlbnRFZGl0U2VydmljZS5nZXRJbWdUb0VkaXRFdmVudExpc3RuZXIoKS5zdWJzY3JpYmUoaW1nVG9FZGl0ID0+e1xuICAgICAgdGhpcy50YWJBY3RpdmUgPSB0aGlzLnRhYnNbM107XG4gICAgICB0aGlzLmltZ1RvRWRpdCA9IGltZ1RvRWRpdDtcbiAgICAgIHRoaXMuZWRpdFRhYiA9IHRydWU7XG4gICAgICB0aGlzLmN1cnJlbnRUYWIuZW1pdCh0aGlzLnRhYnNbM10pO1xuICAgIH0pO1xuICB9XG5cbiAgdG9nZ2xlVGFicyhpdGVtOiBTZWxlY3RJdGVtKSB7XG4gICAgdGhpcy5pbWdVcGxvYWQgPSBmYWxzZTtcbiAgICB0aGlzLmVkaXRUYWIgPSBmYWxzZTtcbiAgICB0aGlzLnRhYkFjdGl2ZSA9IGl0ZW07XG4gIH1cblxuICBvbkltZ1VwbG9hZGVkKGltZzogSW1nUGljdHVyZURUT1tdKSB7XG4gICAgdGhpcy5pbWdVcGxvYWQgPSB0cnVlO1xuICAgIHRoaXMuaW1nVXBsb2FkZWRDb21wb25lbnQub25JbWdVcGxvYWRlZChpbWcpO1xuICB9XG5cbiAgb25FZGl0Q2xvc2VkKG1zZ0tleTogc3RyaW5nKSB7XG4gICAgdGhpcy5lZGl0VGFiID0gZmFsc2U7XG4gICAgdGhpcy50b2dnbGVUYWJzKHRoaXMudGFic1sxXSk7XG4gICAgaWYgKG1zZ0tleSkge1xuICAgICAgdGhpcy5hbGVydFNlcnZpY2Uub3BlbkFsZXJ0KG1zZ0tleSk7XG4gICAgfVxuICAgIHRoaXMuY3VycmVudFRhYi5lbWl0KCdjbG9zZScpO1xuICB9XG5cbiAgb25TaG93SW1nVXBsb2FkZWQoKSB7XG4gICAgdGhpcy50YWJBY3RpdmUgPSB0aGlzLnRhYnNbMV07XG4gIH1cblxuICBzd2l0Y2hEaXNwbGF5V2luZG93SW1nVmlldygpIHtcbiAgICB0aGlzLnN3aXRjaERpc3BsYXlXaW5kb3cuZW1pdCh0cnVlKTtcbiAgfVxuXG4gIHN3aXRjaFJvdXRlckxpbmsoZXZlbnQpIHtcblxuICB9XG5cbiAgb25JbWdNYW5hZ2VyQ2xvc2VkKCkge1xuICAgIHRoaXMuaW1nTWFuYWdlckNsb3NlZC5lbWl0KCk7XG4gIH1cbn1cbiJdfQ==

package/esm5/lib/components/img-upload/img-upload.component.js

@@ -1,138 +0,0 @@
-import { __decorate, __metadata, __values } from "tslib";
-import { Component, Input, Output, EventEmitter, ViewChild, ElementRef } from '@angular/core';
-import { ImgManagerService } from '../../services/img-manager.service';
-import { forkJoin } from 'rxjs';
-import { easeInOut } from '../../animations/easeInOut/ease-in-out.animation';
-import { ImgManagerConfigService } from "../../services/config/external-config.service";
-import { AlertService } from '../../services/alert.service';
-var ImgUploadComponent = /** @class */ (function () {
-    function ImgUploadComponent(imgManager, alertService, externalConfigService) {
-        this.imgManager = imgManager;
-        this.alertService = alertService;
-        this.externalConfigService = externalConfigService;
-        this.files = [];
-        this.isLoading = false;
-        this.imgUploaded = new EventEmitter();
-        this.loadingText = 'ImgManager.ImgUpload.loading';
-        this.errorUploadingImg = 'ImgManager.ImgUpload.errorUploadingImg';
-        this.errorNotImg = 'ImgManager.ImgUpload.errorNotImg';
-        this.MAX_IMAGE_SIZE = 10000000; // In bytes
-    }
-    ImgUploadComponent.prototype.ngOnInit = function () {
-        this.assetsIcon = this.getAssets();
-    };
-    ImgUploadComponent.prototype.filesChangeByClick = function (event) {
-        this.uploadFile(event.target.files);
-    };
-    ImgUploadComponent.prototype.getAssets = function () {
-        return this.externalConfigService.getRouteAssets() + "img/icon_picture.svg";
-    };
-    ImgUploadComponent.prototype.filesChangeByDragAndDrop = function (filesList) {
-        this.removeDragAndDropStyle();
-        this.uploadFile(filesList);
-    };
-    ImgUploadComponent.prototype.uploadFile = function (files) {
-        var e_1, _a;
-        var _this = this;
-        if (files && !files.length) {
-            return;
-        }
-        this.isLoading = true;
-        var imgToUploadList = [];
-        try {
-            for (var files_1 = __values(files), files_1_1 = files_1.next(); !files_1_1.done; files_1_1 = files_1.next()) {
-                var file = files_1_1.value;
-                console.log('file', file.size);
-                if (!this.isFileImage(file.type)) {
-                    this.alertService.openAlert(this.errorNotImg);
-                    this.isLoading = false;
-                    continue;
-                }
-                if (!this.isSizeValid(file.size)) {
-                    this.alertService.openAlert("L'image : " + file.name + " est trop grande (" + this.getImageSizeInKo(file.size) + "ko). Taille maximum accept\u00E9e: " + this.getImageSizeInKo(this.MAX_IMAGE_SIZE) + "ko");
-                    this.isLoading = false;
-                    continue;
-                }
-                var formData = new FormData();
-                formData.append('image', file, file.name);
-                imgToUploadList.push(this.imgManager.uploadFile(formData));
-            }
-        }
-        catch (e_1_1) { e_1 = { error: e_1_1 }; }
-        finally {
-            try {
-                if (files_1_1 && !files_1_1.done && (_a = files_1.return)) _a.call(files_1);
-            }
-            finally { if (e_1) throw e_1.error; }
-        }
-        forkJoin(imgToUploadList).subscribe(function (img) {
-            _this.onImgUpload(img),
-                _this.isLoading = false;
-        }, function (error) {
-            var _a, _b;
-            if (((_b = (_a = error) === null || _a === void 0 ? void 0 : _a.error) === null || _b === void 0 ? void 0 : _b.message) && error.statusText !== 'Bad Request') {
-                _this.alertService.openAlertWithBackendRespons(_this.errorUploadingImg, error.error.message);
-            }
-            else {
-                _this.alertService.openAlert(_this.errorUploadingImg);
-            }
-            _this.isLoading = false;
-        });
-    };
-    /**
-     * Send the img uploaded to the tabs components,
-     * Then the tabs components add the img to upload list by calling the method onImgUploaded of the upload-list component
-     * @param img
-     */
-    ImgUploadComponent.prototype.onImgUpload = function (img) {
-        this.imgUploaded.emit(img);
-    };
-    ImgUploadComponent.prototype.isFileImage = function (fileType) {
-        return fileType.split('/')[0] === 'image';
-    };
-    ImgUploadComponent.prototype.isSizeValid = function (imageBytesSize) {
-        return imageBytesSize < this.MAX_IMAGE_SIZE;
-    };
-    ImgUploadComponent.prototype.getImageSizeInKo = function (size) {
-        return Math.round(size / 1024);
-    };
-    /**
-     * Remove the style of the drag and drop box
-     * After an img is droped, the box is still grey
-     */
-    ImgUploadComponent.prototype.removeDragAndDropStyle = function () {
-        this.dragAndDropBox.nativeElement.style = '';
-    };
-    ImgUploadComponent.ctorParameters = function () { return [
-        { type: ImgManagerService },
-        { type: AlertService },
-        { type: ImgManagerConfigService }
-    ]; };
-    __decorate([
-        Input(),
-        __metadata("design:type", String)
-    ], ImgUploadComponent.prototype, "stateDisplayed", void 0);
-    __decorate([
-        Output(),
-        __metadata("design:type", Object)
-    ], ImgUploadComponent.prototype, "imgUploaded", void 0);
-    __decorate([
-        ViewChild('dragAndDropBox'),
-        __metadata("design:type", ElementRef)
-    ], ImgUploadComponent.prototype, "dragAndDropBox", void 0);
-    ImgUploadComponent = __decorate([
-        Component({
-            selector: 'img-upload',
-            template: "<div\n  class=\"img-upload has-text-centered\"\n  [ngClass]=\"{'img-upload--small': stateDisplayed === 'small'}\"\n  (click)=\"fileInput.click()\"\n  appDragDrop\n  (onFileDropped)=\"filesChangeByDragAndDrop($event)\"\n  #dragAndDropBox\n  [@easeInOut]=\"'in'\"\n>\n  <input hidden type=\"file\" #fileInput (change)=\"filesChangeByClick($event)\" accept=\"image/*\" multiple >\n  <div class=\"img-upload__container\" [ngClass]=\"{'img-upload__container--small': stateDisplayed === 'small'}\">\n\n    <div class=\"img-upload__container__wrapper\">\n\n      <div class=\"img-upload__container__loader\" *ngIf=\"isLoading\">\n        <wz-loader [small]=\"true\" [position]=\"'relative'\"></wz-loader>\n      </div>\n\n      <ng-container *ngIf=\"!isLoading\">\n        <div class=\"blueColor img-upload__container__dropImgIconDiv\">\n          <img *ngIf=\"assetsIcon\" [src]=\"assetsIcon\" alt=\"icon picture\" />\n          <p>{{ 'ImgManager.ImgUpload.dropImg' | translate }}</p>\n        </div>\n\n        <p class=\"img-upload__container__or\">{{ 'ImgManager.ImgUpload.or' | translate }}</p>\n\n        <div class=\"img-upload__container__text\">\n          <i class=\"fal fa-file-upload\"></i>{{ 'ImgManager.ImgUpload.selectImg' | translate }}\n        </div>\n      </ng-container>\n\n    </div>\n  </div>\n</div>\n",
-            animations: [
-                easeInOut
-            ]
-        }),
-        __metadata("design:paramtypes", [ImgManagerService,
-            AlertService,
-            ImgManagerConfigService])
-    ], ImgUploadComponent);
-    return ImgUploadComponent;
-}());
-export { ImgUploadComponent };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1nLXVwbG9hZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ad2l6aXNob3AvaW1nLW1hbmFnZXIvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9pbWctdXBsb2FkL2ltZy11cGxvYWQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDcEcsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDdkUsT0FBTyxFQUFjLFFBQVEsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUU1QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDN0UsT0FBTyxFQUFDLHVCQUF1QixFQUFDLE1BQU0sK0NBQStDLENBQUM7QUFFdEYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBUzVEO0lBZ0JFLDRCQUNVLFVBQTZCLEVBQzdCLFlBQTBCLEVBQzFCLHFCQUE4QztRQUY5QyxlQUFVLEdBQVYsVUFBVSxDQUFtQjtRQUM3QixpQkFBWSxHQUFaLFlBQVksQ0FBYztRQUMxQiwwQkFBcUIsR0FBckIscUJBQXFCLENBQXlCO1FBakJ4RCxVQUFLLEdBQVEsRUFBRSxDQUFDO1FBQ2hCLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFHakIsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBSTNDLGdCQUFXLEdBQUcsOEJBQThCLENBQUM7UUFDN0Msc0JBQWlCLEdBQUcsd0NBQXdDLENBQUM7UUFDN0QsZ0JBQVcsR0FBRyxrQ0FBa0MsQ0FBQztRQUVqRCxtQkFBYyxHQUFHLFFBQVEsQ0FBQyxDQUFDLFdBQVc7SUFNakMsQ0FBQztJQUVOLHFDQUFRLEdBQVI7UUFDRSxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUNyQyxDQUFDO0lBRUQsK0NBQWtCLEdBQWxCLFVBQW1CLEtBQVU7UUFDM0IsSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3RDLENBQUM7SUFFRCxzQ0FBUyxHQUFUO1FBQ0UsT0FBTyxJQUFJLENBQUMscUJBQXFCLENBQUMsY0FBYyxFQUFFLEdBQUcsc0JBQXNCLENBQUM7SUFDOUUsQ0FBQztJQUVELHFEQUF3QixHQUF4QixVQUF5QixTQUFpQjtRQUN4QyxJQUFJLENBQUMsc0JBQXNCLEVBQUUsQ0FBQztRQUM5QixJQUFJLENBQUMsVUFBVSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQzdCLENBQUM7SUFFRCx1Q0FBVSxHQUFWLFVBQVcsS0FBYTs7UUFBeEIsaUJBMkNDO1FBMUNDLElBQUksS0FBSyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sRUFBRTtZQUMxQixPQUFPO1NBQ1I7UUFFRCxJQUFJLENBQUMsU0FBUyxHQUFFLElBQUksQ0FBQztRQUNyQixJQUFNLGVBQWUsR0FBc0IsRUFBRSxDQUFDOztZQUM5QyxLQUFtQixJQUFBLFVBQUEsU0FBQSxLQUFLLENBQUEsNEJBQUEsK0NBQUU7Z0JBQXJCLElBQU0sSUFBSSxrQkFBQTtnQkFDYixPQUFPLENBQUMsR0FBRyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBRS9CLElBQUcsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsRUFBRTtvQkFDL0IsSUFBSSxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO29CQUM5QyxJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztvQkFDdkIsU0FBUztpQkFDVjtnQkFFRCxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUU7b0JBQ2hDLElBQUksQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLGVBQWEsSUFBSSxDQUFDLElBQUksMEJBQXFCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLDJDQUFpQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxPQUFJLENBQUMsQ0FBQztvQkFDeEwsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7b0JBQ3ZCLFNBQVM7aUJBQ1Y7Z0JBRUQsSUFBTSxRQUFRLEdBQUcsSUFBSSxRQUFRLEVBQUUsQ0FBQztnQkFDaEMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxPQUFPLEVBQUUsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztnQkFHMUMsZUFBZSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDO2FBQzVEOzs7Ozs7Ozs7UUFFRCxRQUFRLENBQUMsZUFBZSxDQUFDLENBQUMsU0FBUyxDQUNqQyxVQUFDLEdBQW9CO1lBQ25CLEtBQUksQ0FBQyxXQUFXLENBQUMsR0FBRyxDQUFDO2dCQUNyQixLQUFJLENBQUMsU0FBUyxHQUFFLEtBQUssQ0FBQztRQUN4QixDQUFDLEVBQ0QsVUFBQSxLQUFLOztZQUNILElBQUksYUFBQSxLQUFLLDBDQUFFLEtBQUssMENBQUUsT0FBTyxLQUFJLEtBQUssQ0FBQyxVQUFVLEtBQUssYUFBYSxFQUFFO2dCQUMvRCxLQUFJLENBQUMsWUFBWSxDQUFDLDJCQUEyQixDQUFDLEtBQUksQ0FBQyxpQkFBaUIsRUFBRSxLQUFLLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDO2FBQzVGO2lCQUFNO2dCQUNMLEtBQUksQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLEtBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO2FBQ3JEO1lBQ0QsS0FBSSxDQUFDLFNBQVMsR0FBRSxLQUFLLENBQUM7UUFDeEIsQ0FBQyxDQUNGLENBQUE7SUFDSCxDQUFDO0lBRUQ7Ozs7T0FJRztJQUNILHdDQUFXLEdBQVgsVUFBWSxHQUFvQjtRQUM5QixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUM3QixDQUFDO0lBRUQsd0NBQVcsR0FBWCxVQUFZLFFBQWdCO1FBQzFCLE9BQU8sUUFBUSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxPQUFPLENBQUM7SUFDNUMsQ0FBQztJQUVELHdDQUFXLEdBQVgsVUFBWSxjQUFzQjtRQUNoQyxPQUFPLGNBQWMsR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDO0lBQzlDLENBQUM7SUFFRCw2Q0FBZ0IsR0FBaEIsVUFBaUIsSUFBWTtRQUMzQixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxDQUFDO0lBQ2pDLENBQUM7SUFFRDs7O09BR0c7SUFDSCxtREFBc0IsR0FBdEI7UUFDRSxJQUFJLENBQUMsY0FBYyxDQUFDLGFBQWEsQ0FBQyxLQUFLLEdBQUcsRUFBRSxDQUFDO0lBQy9DLENBQUM7O2dCQTlGcUIsaUJBQWlCO2dCQUNmLFlBQVk7Z0JBQ0gsdUJBQXVCOztJQWQvQztRQUFSLEtBQUssRUFBRTs7OERBQWdDO0lBQzlCO1FBQVQsTUFBTSxFQUFFOzsyREFBa0M7SUFFZDtRQUE1QixTQUFTLENBQUMsZ0JBQWdCLENBQUM7a0NBQWlCLFVBQVU7OERBQUM7SUFSN0Msa0JBQWtCO1FBUDlCLFNBQVMsQ0FBQztZQUNULFFBQVEsRUFBRSxZQUFZO1lBQ3RCLGt6Q0FBMEM7WUFDMUMsVUFBVSxFQUFFO2dCQUNWLFNBQVM7YUFDVjtTQUNGLENBQUM7eUNBa0JzQixpQkFBaUI7WUFDZixZQUFZO1lBQ0gsdUJBQXVCO09BbkI3QyxrQkFBa0IsQ0FnSDlCO0lBQUQseUJBQUM7Q0FBQSxBQWhIRCxJQWdIQztTQWhIWSxrQkFBa0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgT25Jbml0LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIFZpZXdDaGlsZCwgRWxlbWVudFJlZn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJbWdNYW5hZ2VyU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2ltZy1tYW5hZ2VyLnNlcnZpY2UnO1xuaW1wb3J0IHsgT2JzZXJ2YWJsZSwgZm9ya0pvaW4gfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IEltZ1BpY3R1cmVEVE8gfSBmcm9tICcuLi8uLi9kdG8vaW1nLW1hbmFnZXIuZHRvJztcbmltcG9ydCB7IGVhc2VJbk91dCB9IGZyb20gJy4uLy4uL2FuaW1hdGlvbnMvZWFzZUluT3V0L2Vhc2UtaW4tb3V0LmFuaW1hdGlvbic7XG5pbXBvcnQge0ltZ01hbmFnZXJDb25maWdTZXJ2aWNlfSBmcm9tIFwiLi4vLi4vc2VydmljZXMvY29uZmlnL2V4dGVybmFsLWNvbmZpZy5zZXJ2aWNlXCI7XG5pbXBvcnQgeyBzdGF0ZURpc3BsYXllZCB9IGZyb20gJy4uLy4uL2R0by9leHBvcnQtZHRvcy5hcGknO1xuaW1wb3J0IHsgQWxlcnRTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvYWxlcnQuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ltZy11cGxvYWQnLFxuICB0ZW1wbGF0ZVVybDogJy4vaW1nLXVwbG9hZC5jb21wb25lbnQuaHRtbCcsXG4gIGFuaW1hdGlvbnM6IFtcbiAgICBlYXNlSW5PdXRcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBJbWdVcGxvYWRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIGZpbGVzOiBhbnkgPSBbXTtcbiAgaXNMb2FkaW5nOiBib29sZWFuID0gZmFsc2U7XG4gIGFzc2V0c0ljb246IHN0cmluZztcbiAgQElucHV0KCkgc3RhdGVEaXNwbGF5ZWQ6IHN0YXRlRGlzcGxheWVkO1xuICBAT3V0cHV0KCkgaW1nVXBsb2FkZWQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgQFZpZXdDaGlsZCgnZHJhZ0FuZERyb3BCb3gnKSBkcmFnQW5kRHJvcEJveDogRWxlbWVudFJlZjtcblxuICBsb2FkaW5nVGV4dCA9ICdJbWdNYW5hZ2VyLkltZ1VwbG9hZC5sb2FkaW5nJztcbiAgZXJyb3JVcGxvYWRpbmdJbWcgPSAnSW1nTWFuYWdlci5JbWdVcGxvYWQuZXJyb3JVcGxvYWRpbmdJbWcnO1xuICBlcnJvck5vdEltZyA9ICdJbWdNYW5hZ2VyLkltZ1VwbG9hZC5lcnJvck5vdEltZyc7XG5cbiAgTUFYX0lNQUdFX1NJWkUgPSAxMDAwMDAwMDsgLy8gSW4gYnl0ZXNcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGltZ01hbmFnZXI6IEltZ01hbmFnZXJTZXJ2aWNlLFxuICAgIHByaXZhdGUgYWxlcnRTZXJ2aWNlOiBBbGVydFNlcnZpY2UsXG4gICAgcHJpdmF0ZSBleHRlcm5hbENvbmZpZ1NlcnZpY2U6IEltZ01hbmFnZXJDb25maWdTZXJ2aWNlXG4gICAgKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuYXNzZXRzSWNvbiA9IHRoaXMuZ2V0QXNzZXRzKCk7XG4gIH1cblxuICBmaWxlc0NoYW5nZUJ5Q2xpY2soZXZlbnQ6IGFueSkge1xuICAgIHRoaXMudXBsb2FkRmlsZShldmVudC50YXJnZXQuZmlsZXMpO1xuICB9XG5cbiAgZ2V0QXNzZXRzKCkge1xuICAgIHJldHVybiB0aGlzLmV4dGVybmFsQ29uZmlnU2VydmljZS5nZXRSb3V0ZUFzc2V0cygpICsgXCJpbWcvaWNvbl9waWN0dXJlLnN2Z1wiO1xuICB9XG5cbiAgZmlsZXNDaGFuZ2VCeURyYWdBbmREcm9wKGZpbGVzTGlzdDogRmlsZVtdKSB7XG4gICAgdGhpcy5yZW1vdmVEcmFnQW5kRHJvcFN0eWxlKCk7XG4gICAgdGhpcy51cGxvYWRGaWxlKGZpbGVzTGlzdCk7XG4gIH1cblxuICB1cGxvYWRGaWxlKGZpbGVzOiBGaWxlW10pIHtcbiAgICBpZiAoZmlsZXMgJiYgIWZpbGVzLmxlbmd0aCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHRoaXMuaXNMb2FkaW5nID10cnVlO1xuICAgIGNvbnN0IGltZ1RvVXBsb2FkTGlzdDogT2JzZXJ2YWJsZTxhbnk+W10gPSBbXTtcbiAgICBmb3IgKGNvbnN0IGZpbGUgb2YgZmlsZXMpIHtcbiAgICAgIGNvbnNvbGUubG9nKCdmaWxlJywgZmlsZS5zaXplKTtcblxuICAgICAgaWYoIXRoaXMuaXNGaWxlSW1hZ2UoZmlsZS50eXBlKSkge1xuICAgICAgICB0aGlzLmFsZXJ0U2VydmljZS5vcGVuQWxlcnQodGhpcy5lcnJvck5vdEltZyk7XG4gICAgICAgIHRoaXMuaXNMb2FkaW5nID0gZmFsc2U7XG4gICAgICAgIGNvbnRpbnVlO1xuICAgICAgfVxuXG4gICAgICBpZiAoIXRoaXMuaXNTaXplVmFsaWQoZmlsZS5zaXplKSkge1xuICAgICAgICB0aGlzLmFsZXJ0U2VydmljZS5vcGVuQWxlcnQoYEwnaW1hZ2UgOiAke2ZpbGUubmFtZX0gZXN0IHRyb3AgZ3JhbmRlICgke3RoaXMuZ2V0SW1hZ2VTaXplSW5LbyhmaWxlLnNpemUpfWtvKS4gVGFpbGxlIG1heGltdW0gYWNjZXB0w6llOiAke3RoaXMuZ2V0SW1hZ2VTaXplSW5Lbyh0aGlzLk1BWF9JTUFHRV9TSVpFKX1rb2ApO1xuICAgICAgICB0aGlzLmlzTG9hZGluZyA9IGZhbHNlO1xuICAgICAgICBjb250aW51ZTtcbiAgICAgIH1cblxuICAgICAgY29uc3QgZm9ybURhdGEgPSBuZXcgRm9ybURhdGEoKTtcbiAgICAgIGZvcm1EYXRhLmFwcGVuZCgnaW1hZ2UnLCBmaWxlLCBmaWxlLm5hbWUpO1xuXG5cbiAgICAgIGltZ1RvVXBsb2FkTGlzdC5wdXNoKHRoaXMuaW1nTWFuYWdlci51cGxvYWRGaWxlKGZvcm1EYXRhKSk7XG4gICAgfVxuXG4gICAgZm9ya0pvaW4oaW1nVG9VcGxvYWRMaXN0KS5zdWJzY3JpYmUoXG4gICAgICAoaW1nOiBJbWdQaWN0dXJlRFRPW10pID0+IHtcbiAgICAgICAgdGhpcy5vbkltZ1VwbG9hZChpbWcpLFxuICAgICAgICB0aGlzLmlzTG9hZGluZyA9ZmFsc2U7XG4gICAgICB9LFxuICAgICAgZXJyb3IgPT4ge1xuICAgICAgICBpZiAoZXJyb3I/LmVycm9yPy5tZXNzYWdlICYmIGVycm9yLnN0YXR1c1RleHQgIT09ICdCYWQgUmVxdWVzdCcpIHtcbiAgICAgICAgICB0aGlzLmFsZXJ0U2VydmljZS5vcGVuQWxlcnRXaXRoQmFja2VuZFJlc3BvbnModGhpcy5lcnJvclVwbG9hZGluZ0ltZywgZXJyb3IuZXJyb3IubWVzc2FnZSk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgdGhpcy5hbGVydFNlcnZpY2Uub3BlbkFsZXJ0KHRoaXMuZXJyb3JVcGxvYWRpbmdJbWcpO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMuaXNMb2FkaW5nID1mYWxzZTtcbiAgICAgIH1cbiAgICApXG4gIH1cblxuICAvKipcbiAgICogU2VuZCB0aGUgaW1nIHVwbG9hZGVkIHRvIHRoZSB0YWJzIGNvbXBvbmVudHMsXG4gICAqIFRoZW4gdGhlIHRhYnMgY29tcG9uZW50cyBhZGQgdGhlIGltZyB0byB1cGxvYWQgbGlzdCBieSBjYWxsaW5nIHRoZSBtZXRob2Qgb25JbWdVcGxvYWRlZCBvZiB0aGUgdXBsb2FkLWxpc3QgY29tcG9uZW50XG4gICAqIEBwYXJhbSBpbWdcbiAgICovXG4gIG9uSW1nVXBsb2FkKGltZzogSW1nUGljdHVyZURUT1tdKSB7XG4gICAgdGhpcy5pbWdVcGxvYWRlZC5lbWl0KGltZyk7XG4gIH1cblxuICBpc0ZpbGVJbWFnZShmaWxlVHlwZTogc3RyaW5nKSB7XG4gICAgcmV0dXJuIGZpbGVUeXBlLnNwbGl0KCcvJylbMF0gPT09ICdpbWFnZSc7XG4gIH1cblxuICBpc1NpemVWYWxpZChpbWFnZUJ5dGVzU2l6ZTogbnVtYmVyKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIGltYWdlQnl0ZXNTaXplIDwgdGhpcy5NQVhfSU1BR0VfU0laRTtcbiAgfVxuXG4gIGdldEltYWdlU2l6ZUluS28oc2l6ZTogbnVtYmVyKSB7XG4gICAgcmV0dXJuIE1hdGgucm91bmQoc2l6ZSAvIDEwMjQpO1xuICB9XG5cbiAgLyoqXG4gICAqIFJlbW92ZSB0aGUgc3R5bGUgb2YgdGhlIGRyYWcgYW5kIGRyb3AgYm94XG4gICAqIEFmdGVyIGFuIGltZyBpcyBkcm9wZWQsIHRoZSBib3ggaXMgc3RpbGwgZ3JleVxuICAgKi9cbiAgcmVtb3ZlRHJhZ0FuZERyb3BTdHlsZSgpIHtcbiAgICB0aGlzLmRyYWdBbmREcm9wQm94Lm5hdGl2ZUVsZW1lbnQuc3R5bGUgPSAnJztcbiAgfVxufVxuIl19

package/esm5/lib/components/loader/loader.component.js

@@ -1,29 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-import { Component, Input, ViewEncapsulation } from '@angular/core';
-var LoaderComponent = /** @class */ (function () {
-    function LoaderComponent() {
-        this.small = false;
-    }
-    __decorate([
-        Input(),
-        __metadata("design:type", String)
-    ], LoaderComponent.prototype, "text", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Object)
-    ], LoaderComponent.prototype, "small", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", String)
-    ], LoaderComponent.prototype, "position", void 0);
-    LoaderComponent = __decorate([
-        Component({
-            selector: 'wz-loader',
-            template: "<div class=\"wz-loader\" [ngClass]=\"{'is-small': small}\" [ngStyle]=\"{'position': position}\">\n  <div class='loader loader1'>\n    <div>\n      <div>\n        <div>\n          <div>\n            <div>\n              <div></div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <p class=\"is-textcentered\" *ngIf=\"text\" [innerHTML]=\"text\"></p>\n</div>\n",
-            encapsulation: ViewEncapsulation.None
-        })
-    ], LoaderComponent);
-    return LoaderComponent;
-}());
-export { LoaderComponent };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0B3aXppc2hvcC9pbWctbWFuYWdlci8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL2xvYWRlci9sb2FkZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQU9wRTtJQUFBO1FBSUUsVUFBSyxHQUFHLEtBQUssQ0FBQztJQUdoQixDQUFDO0lBTEM7UUFEQyxLQUFLLEVBQUU7O2lEQUNLO0lBRWI7UUFEQyxLQUFLLEVBQUU7O2tEQUNNO0lBRWQ7UUFEQyxLQUFLLEVBQUU7O3FEQUNTO0lBTk4sZUFBZTtRQUwzQixTQUFTLENBQUM7WUFDVCxRQUFRLEVBQUUsV0FBVztZQUNyQiwrWkFBc0M7WUFDdEMsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7U0FDdEMsQ0FBQztPQUNXLGVBQWUsQ0FPM0I7SUFBRCxzQkFBQztDQUFBLEFBUEQsSUFPQztTQVBZLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd3ei1sb2FkZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vbG9hZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBMb2FkZXJDb21wb25lbnQge1xuICBASW5wdXQoKVxuICB0ZXh0OiBzdHJpbmc7XG4gIEBJbnB1dCgpXG4gIHNtYWxsID0gZmFsc2U7XG4gIEBJbnB1dCgpXG4gIHBvc2l0aW9uOiBzdHJpbmc7XG59XG4iXX0=