@wizishop/img-manager 0.2.104 → 14.0.0

package/esm2020/lib/components/img-selection/img-selection.component.mjs

@@ -0,0 +1,59 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { ImgSelectionService } from '../../services/img-selection.service';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/img-selection.service";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/cdk/drag-drop";
+import * as i4 from "../loader/loader.component";
+import * as i5 from "@ngx-translate/core";
+import * as i6 from "../../pipes/images/img-src.pipe";
+export class ImgSelectionComponent {
+    constructor(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';
+    }
+    ngOnInit() {
+        this.getImgSelected();
+        this.imgSelectionService.getImgListLoadingEventListner().subscribe(loading => {
+            this.isLoading = loading;
+        });
+    }
+    init() {
+        this.removingAll = false;
+        this.cancellingAll = false;
+        this.importingAll = false;
+    }
+    getImgSelected() {
+        this.imgSelectedList = this.imgSelectionService.getImgSelection();
+    }
+    removeImg(index) {
+        this.imgSelectionService.removeImgSelectedByIndex(index);
+    }
+    drop(event) {
+        if (event.previousIndex !== event.currentIndex) {
+            this.imgSelectionService.moveImgOrder(event);
+        }
+    }
+    removeImgFromSelection(event) {
+        this.imgSelectionService.removeImgSelectedByIndex(event.previousIndex);
+    }
+}
+ImgSelectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: ImgSelectionComponent, deps: [{ token: i1.ImgSelectionService }], target: i0.ɵɵFactoryTarget.Component });
+ImgSelectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: ImgSelectionComponent, selector: "img-selection", inputs: { tabDisplayed: "tabDisplayed" }, outputs: { imgManagerClosed: "imgManagerClosed" }, ngImport: i0, 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", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i3.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: i4.LoaderComponent, selector: "wz-loader", inputs: ["text", "small", "position"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "pipe", type: i6.ImageSrcPipe, name: "imgSrc" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: ImgSelectionComponent, decorators: [{
+            type: Component,
+            args: [{ 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" }]
+        }], ctorParameters: function () { return [{ type: i1.ImgSelectionService }]; }, propDecorators: { tabDisplayed: [{
+                type: Input
+            }], imgManagerClosed: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1nLXNlbGVjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93ei1pbWctbWFuYWdlci9zcmMvbGliL2NvbXBvbmVudHMvaW1nLXNlbGVjdGlvbi9pbWctc2VsZWN0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3d6LWltZy1tYW5hZ2VyL3NyYy9saWIvY29tcG9uZW50cy9pbWctc2VsZWN0aW9uL2ltZy1zZWxlY3Rpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQzs7Ozs7Ozs7QUFVM0UsTUFBTSxPQUFPLHFCQUFxQjtJQWNoQyxZQUNVLG1CQUF3QztRQUF4Qyx3QkFBbUIsR0FBbkIsbUJBQW1CLENBQXFCO1FBWnhDLHFCQUFnQixHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFFaEQsb0JBQWUsR0FBb0IsRUFBRSxDQUFDO1FBQ3RDLGdCQUFXLEdBQVksS0FBSyxDQUFDO1FBQzdCLGtCQUFhLEdBQVksS0FBSyxDQUFDO1FBQy9CLGlCQUFZLEdBQVksS0FBSyxDQUFDO1FBQzlCLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDbEIsY0FBUyxHQUFZLEtBQUssQ0FBQztRQUMzQix1QkFBa0IsR0FBRyxDQUFDLENBQUM7UUFDdkIsc0JBQWlCLEdBQUcsTUFBTSxDQUFDO0lBSXJCLENBQUM7SUFFUCxRQUFRO1FBQ04sSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ3RCLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyw2QkFBNkIsRUFBRSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsRUFBRTtZQUMzRSxJQUFJLENBQUMsU0FBUyxHQUFHLE9BQU8sQ0FBQztRQUMzQixDQUFDLENBQUMsQ0FBQTtJQUNKLENBQUM7SUFFRCxJQUFJO1FBQ0YsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7UUFDekIsSUFBSSxDQUFDLGFBQWEsR0FBRyxLQUFLLENBQUM7UUFDM0IsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7SUFDNUIsQ0FBQztJQUVELGNBQWM7UUFDWixJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUNwRSxDQUFDO0lBRUQsU0FBUyxDQUFDLEtBQWE7UUFDckIsSUFBSSxDQUFDLG1CQUFtQixDQUFDLHdCQUF3QixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzNELENBQUM7SUFFRCxJQUFJLENBQUMsS0FBNEI7UUFDL0IsSUFBSSxLQUFLLENBQUMsYUFBYSxLQUFLLEtBQUssQ0FBQyxZQUFZLEVBQUU7WUFDOUMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUM5QztJQUNILENBQUM7SUFFRCxzQkFBc0IsQ0FBQyxLQUE0QjtRQUNqRCxJQUFJLENBQUMsbUJBQW1CLENBQUMsd0JBQXdCLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQ3pFLENBQUM7O2tIQS9DVSxxQkFBcUI7c0dBQXJCLHFCQUFxQixrSkNYbEMsdWxEQXdEQTsyRkQ3Q2EscUJBQXFCO2tCQUpqQyxTQUFTOytCQUNFLGVBQWU7MEdBS2hCLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0ksZ0JBQWdCO3NCQUF6QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSW1nU2VsZWN0aW9uU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2ltZy1zZWxlY3Rpb24uc2VydmljZSc7XG5pbXBvcnQgeyBJbWdQaWN0dXJlRFRPIH0gZnJvbSAnLi4vLi4vZHRvL2ltZy1tYW5hZ2VyLmR0byc7XG5pbXBvcnQge0Nka0RyYWdEcm9wfSBmcm9tICdAYW5ndWxhci9jZGsvZHJhZy1kcm9wJztcbmltcG9ydCB7IHRhYkRpc3BsYXllZCB9IGZyb20gJy4uLy4uL2R0by9leHBvcnQtZHRvcy5hcGknO1xuXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ltZy1zZWxlY3Rpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vaW1nLXNlbGVjdGlvbi5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgSW1nU2VsZWN0aW9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKSB0YWJEaXNwbGF5ZWQ6IHRhYkRpc3BsYXllZDtcbiAgQE91dHB1dCgpIGltZ01hbmFnZXJDbG9zZWQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgaW1nU2VsZWN0ZWRMaXN0OiBJbWdQaWN0dXJlRFRPW10gPSBbXTtcbiAgcmVtb3ZpbmdBbGw6IGJvb2xlYW4gPSBmYWxzZTtcbiAgY2FuY2VsbGluZ0FsbDogYm9vbGVhbiA9IGZhbHNlO1xuICBpbXBvcnRpbmdBbGw6IGJvb2xlYW4gPSBmYWxzZTtcbiAgZHJhZ1N0YXJ0ID0gZmFsc2U7XG4gIGlzTG9hZGluZzogYm9vbGVhbiA9IGZhbHNlO1xuICB0cmFzaFBvc2l0aW9uSW5kZXggPSAwO1xuICB0cmFzaFBvc2l0aW9uTGVmdCA9ICctNXB4JztcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGltZ1NlbGVjdGlvblNlcnZpY2U6IEltZ1NlbGVjdGlvblNlcnZpY2VcbiAgICApIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuZ2V0SW1nU2VsZWN0ZWQoKTtcbiAgICB0aGlzLmltZ1NlbGVjdGlvblNlcnZpY2UuZ2V0SW1nTGlzdExvYWRpbmdFdmVudExpc3RuZXIoKS5zdWJzY3JpYmUobG9hZGluZyA9PiB7XG4gICAgICB0aGlzLmlzTG9hZGluZyA9IGxvYWRpbmc7XG4gICAgfSlcbiAgfVxuXG4gIGluaXQoKSB7XG4gICAgdGhpcy5yZW1vdmluZ0FsbCA9IGZhbHNlO1xuICAgIHRoaXMuY2FuY2VsbGluZ0FsbCA9IGZhbHNlO1xuICAgIHRoaXMuaW1wb3J0aW5nQWxsID0gZmFsc2U7XG4gIH1cblxuICBnZXRJbWdTZWxlY3RlZCgpIHtcbiAgICB0aGlzLmltZ1NlbGVjdGVkTGlzdCA9IHRoaXMuaW1nU2VsZWN0aW9uU2VydmljZS5nZXRJbWdTZWxlY3Rpb24oKTtcbiAgfVxuXG4gIHJlbW92ZUltZyhpbmRleDogbnVtYmVyKSB7XG4gICAgdGhpcy5pbWdTZWxlY3Rpb25TZXJ2aWNlLnJlbW92ZUltZ1NlbGVjdGVkQnlJbmRleChpbmRleCk7XG4gIH1cblxuICBkcm9wKGV2ZW50OiBDZGtEcmFnRHJvcDxzdHJpbmdbXT4pIHtcbiAgICBpZiAoZXZlbnQucHJldmlvdXNJbmRleCAhPT0gZXZlbnQuY3VycmVudEluZGV4KSB7XG4gICAgICB0aGlzLmltZ1NlbGVjdGlvblNlcnZpY2UubW92ZUltZ09yZGVyKGV2ZW50KTtcbiAgICB9XG4gIH1cblxuICByZW1vdmVJbWdGcm9tU2VsZWN0aW9uKGV2ZW50OiBDZGtEcmFnRHJvcDxzdHJpbmdbXT4pIHtcbiAgICB0aGlzLmltZ1NlbGVjdGlvblNlcnZpY2UucmVtb3ZlSW1nU2VsZWN0ZWRCeUluZGV4KGV2ZW50LnByZXZpb3VzSW5kZXgpO1xuICB9XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwidHJhc2hcIlxuICBjZGtEcm9wTGlzdFxuICAjdW5TZWxlY3RMaXN0PVwiY2RrRHJvcExpc3RcIlxuICAoY2RrRHJvcExpc3REcm9wcGVkKT1cInJlbW92ZUltZ0Zyb21TZWxlY3Rpb24oJGV2ZW50KVwiPlxuICAgIDxwPnt7J0ltZ01hbmFnZXIuSW1nU2VsZWN0aW9uLnVuc2VsZWN0JyB8IHRyYW5zbGF0ZX19PC9wPlxuPC9kaXY+XG5cbjxkaXZcbiBjbGFzcz1cImltZy1zZWxlY3Rpb25cIlxuIFtuZ0NsYXNzXT1cInsnaW1nLXNlbGVjdGlvbi0tdmlzaWJsZScgOiBpbWdTZWxlY3RlZExpc3QgJiYgaW1nU2VsZWN0ZWRMaXN0Lmxlbmd0aH1cIlxuICpuZ0lmPVwiIWlzTG9hZGluZ1wiPlxuXG4gICAgPGRpdlxuICAgICAgY2RrRHJvcExpc3RcbiAgICAgICNzZWxlY3Rpb25MaXN0PVwiY2RrRHJvcExpc3RcIlxuICAgICAgY2RrRHJvcExpc3RPcmllbnRhdGlvbj1cImhvcml6b250YWxcIlxuICAgICAgY2xhc3M9XCJsaXN0X2ltZ19zZWxlY3Rpb25cIlxuICAgICAgKGNka0Ryb3BMaXN0RHJvcHBlZCk9XCJkcm9wKCRldmVudClcIlxuICAgICAgW2Nka0Ryb3BMaXN0Q29ubmVjdGVkVG9dPVwiW3VuU2VsZWN0TGlzdF1cIlxuICAgICAgPlxuXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjbGFzcz1cImltZ19ib3hcIlxuICAgICAgICAgICpuZ0Zvcj1cImxldCBwaWN0dXJlIG9mIGltZ1NlbGVjdGVkTGlzdDsgbGV0IGluZGV4ID0gaW5kZXhcIlxuICAgICAgICAgIGNka0RyYWdcbiAgICAgICAgICAoY2RrRHJhZ1N0YXJ0ZWQpPVwiZHJhZ1N0YXJ0ID0gdHJ1ZTtcIlxuICAgICAgICAgIChjZGtEcmFnRW5kZWQpPVwiZHJhZ1N0YXJ0ID0gZmFsc2U7XCJcbiAgICAgICAgICA+XG5cbiAgICAgICAgICA8aW1nXG4gICAgICAgICAgICAqbmdJZj1cImluZGV4IDwgMVwiXG4gICAgICAgICAgICBjbGFzcz1cImRyYWdfX2ltZ1wiXG4gICAgICAgICAgICBbc3JjXT1cInBpY3R1cmUuZmlsZV9uYW1lIHwgaW1nU3JjIDogJzQwMCdcIlxuICAgICAgICAgICAgW3RpdGxlXT1cInBpY3R1cmUuZGlzcGxheV9uYW1lXCJcbiAgICAgICAgICAvPlxuXG4gICAgICAgICAgPGltZ1xuICAgICAgICAgICAgKm5nSWY9XCJpbmRleCA+IDBcIlxuICAgICAgICAgICAgY2xhc3M9XCJkcmFnX19pbWdcIlxuICAgICAgICAgICAgW3NyY109XCJwaWN0dXJlLmZpbGVfbmFtZSB8IGltZ1NyYyA6ICcyMDAnXCJcbiAgICAgICAgICAgIFt0aXRsZV09XCJwaWN0dXJlLmRpc3BsYXlfbmFtZVwiXG4gICAgICAgICAgLz5cblxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJkZWxldGUtYnRuXCIgKGNsaWNrKT1cInJlbW92ZUltZyhpbmRleClcIj57eydJbWdNYW5hZ2VyLkltZ1NlbGVjdGlvbi5kZWxldGVJbWcnIHwgdHJhbnNsYXRlfX08L2Rpdj5cblxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZHJhZ19fdG9vbHRpcHNcIj57eydJbWdNYW5hZ2VyLkltZ1NlbGVjdGlvbi50b29sdGlwcycgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cblxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuXG48IS0tIExvYWRlciAtLT5cbjxuZy1jb250YWluZXIgKm5nSWY9XCJpc0xvYWRpbmdcIj5cbiAgPHd6LWxvYWRlcj48L3d6LWxvYWRlcj5cbjwvbmctY29udGFpbmVyPlxuIl19

package/esm2020/lib/components/img-tabs/img-tabs.component.mjs

@@ -0,0 +1,122 @@
+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';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/img-event.service";
+import * as i2 from "../../services/alert.service";
+import * as i3 from "@angular/router";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/forms";
+import * as i6 from "../img-upload/img-upload.component";
+import * as i7 from "../pexels-lib/pexels-lib.component";
+import * as i8 from "../upload-list/upload-list.component";
+import * as i9 from "../img-editor/img-editor.component";
+import * as i10 from "../canva-btn/canva-btn.component";
+import * as i11 from "../images-view/images-view.component";
+import * as i12 from "../shared/select/select.component";
+import * as i13 from "@ngx-translate/core";
+export class ImgTabsComponent {
+    constructor(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
+        };
+    }
+    ngOnInit() {
+        this.imgEventEditService.getImgToEditEventListner().subscribe(imgToEdit => {
+            this.tabActive = this.tabs[3];
+            this.imgToEdit = imgToEdit;
+            this.editTab = true;
+            this.currentTab.emit(this.tabs[3]);
+        });
+    }
+    toggleTabs(item) {
+        this.imgUpload = false;
+        this.editTab = false;
+        this.tabActive = item;
+    }
+    onImgUploaded(img) {
+        this.imgUpload = true;
+        this.imgUploadedComponent.onImgUploaded(img);
+    }
+    onEditClosed(msgKey) {
+        this.editTab = false;
+        this.toggleTabs(this.tabs[1]);
+        if (msgKey) {
+            this.alertService.openAlert(msgKey);
+        }
+        this.currentTab.emit('close');
+    }
+    onShowImgUploaded() {
+        this.tabActive = this.tabs[1];
+    }
+    switchDisplayWindowImgView() {
+        this.switchDisplayWindow.emit(true);
+    }
+    switchRouterLink(event) {
+    }
+    onImgManagerClosed() {
+        this.imgManagerClosed.emit();
+    }
+}
+ImgTabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: ImgTabsComponent, deps: [{ token: i1.ImgEventService }, { token: i2.AlertService }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Component });
+ImgTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: ImgTabsComponent, selector: "img-tabs", inputs: { multipleImgMode: "multipleImgMode", stateDisplayed: "stateDisplayed", listDisplayed: "listDisplayed" }, outputs: { imgManagerClosed: "imgManagerClosed", currentTab: "currentTab", switchDisplayWindow: "switchDisplayWindow" }, viewQueries: [{ propertyName: "imgUploadedComponent", first: true, predicate: ["imgUploadedImg"], descendants: true }], ngImport: i0, 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", dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.ImgUploadComponent, selector: "img-upload", inputs: ["stateDisplayed"], outputs: ["imgUploaded"] }, { kind: "component", type: i7.PexelLibComponent, selector: "pexels-lib", inputs: ["stateDisplayed", "searchValue", "disableSearch"], outputs: ["showImgUploaded"] }, { kind: "component", type: i8.UploadListComponent, selector: "upload-list", inputs: ["stateDisplayed", "tabDisplayed", "multipleImgMode"], outputs: ["switchDisplayWindow"] }, { kind: "component", type: i9.ImgEditorComponent, selector: "img-editor", inputs: ["stateDisplayed", "imgToEdit"], outputs: ["editClosed"] }, { kind: "component", type: i10.CanvaBtnComponent, selector: "canva-btn", inputs: ["stateDisplayed"], outputs: ["showImgUploaded"] }, { kind: "component", type: i11.ImagesViewComponent, selector: "images-view", inputs: ["stateDisplayed", "tabDisplayed", "fullSize", "maxLengthCardShow", "nbRowToShow", "listDisplayed", "multipleImgMode"], outputs: ["switchDisplayWindow"] }, { kind: "component", type: i12.SelectComponent, selector: "wac-select", inputs: ["items", "placeholder", "label", "maxWidthItems", "search", "type", "callToAction", "maxWidth", "disabled"], outputs: ["selectValue", "clickOnCallToAction"] }, { kind: "pipe", type: i13.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: ImgTabsComponent, decorators: [{
+            type: Component,
+            args: [{ 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" }]
+        }], ctorParameters: function () { return [{ type: i1.ImgEventService }, { type: i2.AlertService }, { type: i3.Router }]; }, propDecorators: { multipleImgMode: [{
+                type: Input
+            }], stateDisplayed: [{
+                type: Input
+            }], listDisplayed: [{
+                type: Input
+            }], imgManagerClosed: [{
+                type: Output
+            }], currentTab: [{
+                type: Output
+            }], switchDisplayWindow: [{
+                type: Output
+            }], imgUploadedComponent: [{
+                type: ViewChild,
+                args: ['imgUploadedImg']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1nLXRhYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvd3otaW1nLW1hbmFnZXIvc3JjL2xpYi9jb21wb25lbnRzL2ltZy10YWJzL2ltZy10YWJzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3d6LWltZy1tYW5hZ2VyL3NyYy9saWIvY29tcG9uZW50cy9pbWctdGFicy9pbWctdGFicy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBVSxTQUFTLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUV4RixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUMzRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFHbkUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzVELE9BQU8sRUFBQyxNQUFNLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7O0FBT3ZDLE1BQU0sT0FBTyxnQkFBZ0I7SUE2RDNCLFlBQ1UsbUJBQW9DLEVBQ3BDLFlBQTBCLEVBQzFCLEtBQWE7UUFGYix3QkFBbUIsR0FBbkIsbUJBQW1CLENBQWlCO1FBQ3BDLGlCQUFZLEdBQVosWUFBWSxDQUFjO1FBQzFCLFVBQUssR0FBTCxLQUFLLENBQVE7UUE3RHZCLG9CQUFlLEdBQVksS0FBSyxDQUFDO1FBSWpDLGtCQUFhLEdBQUcsS0FBSyxDQUFDO1FBR3RCLHFCQUFnQixHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFHdEMsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFHaEMsd0JBQW1CLEdBQTBCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFaEUsU0FBSSxHQUFpQjtZQUNuQjtn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LGdCQUFnQjtzQkFEZixNQUFNO2dCQUlQLFVBQVU7c0JBRFQsTUFBTTtnQkFJUCxtQkFBbUI7c0JBRGxCLE1BQU07Z0JBdUNQLG9CQUFvQjtzQkFEbkIsU0FBUzt1QkFBRSxnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgVmlld0NoaWxkLCBPdXRwdXQsIEV2ZW50RW1pdHRlcn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJbWdQaWN0dXJlRFRPIH0gZnJvbSAnLi4vLi4vZHRvL2ltZy1tYW5hZ2VyLmR0byc7XG5pbXBvcnQgeyBVcGxvYWRMaXN0Q29tcG9uZW50IH0gZnJvbSAnLi4vdXBsb2FkLWxpc3QvdXBsb2FkLWxpc3QuY29tcG9uZW50JztcbmltcG9ydCB7IEltZ0V2ZW50U2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2ltZy1ldmVudC5zZXJ2aWNlJztcbmltcG9ydCB7IE53YlNuYWNrYmFyQ29uZmlnIH0gZnJvbSAnQHdpemlzaG9wL25nLXdpemktYnVsbWEnO1xuaW1wb3J0IHsgc3RhdGVEaXNwbGF5ZWQgfSBmcm9tICcuLi8uLi9kdG8vZXhwb3J0LWR0b3MuYXBpJztcbmltcG9ydCB7IEFsZXJ0U2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2FsZXJ0LnNlcnZpY2UnO1xuaW1wb3J0IHtSb3V0ZXJ9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBTZWxlY3RJdGVtIH0gZnJvbSAnLi4vc2hhcmVkL3NlbGVjdC9zZWxlY3QtaXRlbXMuZHRvJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaW1nLXRhYnMnLFxuICB0ZW1wbGF0ZVVybDogJy4vaW1nLXRhYnMuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIEltZ1RhYnNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBJbnB1dCgpXG4gIG11bHRpcGxlSW1nTW9kZTogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKVxuICBzdGF0ZURpc3BsYXllZDogc3RhdGVEaXNwbGF5ZWQ7XG4gIEBJbnB1dCgpXG4gIGxpc3REaXNwbGF5ZWQgPSBmYWxzZTtcblxuICBAT3V0cHV0KClcbiAgaW1nTWFuYWdlckNsb3NlZCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBAT3V0cHV0KClcbiAgY3VycmVudFRhYiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBAT3V0cHV0KClcbiAgc3dpdGNoRGlzcGxheVdpbmRvdzogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIHRhYnM6IFNlbGVjdEl0ZW1bXSA9IFtcbiAgICB7XG4gICAgICBuYW1lOiAnSW1nTWFuYWdlci5UYWJzLmFkZEltZycsXG4gICAgICB2YWx1ZTogJ2ltZy11cGxvYWQnLFxuICAgICAgc2VsZWN0ZWQ6IHRydWUsXG4gICAgICBpZDogMFxuICAgIH0sXG4gICAge1xuICAgICAgbmFtZTogJ0ltZ01hbmFnZXIuVGFicy5pbWdMaWInLFxuICAgICAgdmFsdWU6ICdpbWFnZXMtdmlldycsXG4gICAgICBpZDogMVxuICAgIH0sXG4gICAge1xuICAgICAgbmFtZTogJ0ltZ01hbmFnZXIuVGFicy5mcmVlSW1nTGliJyxcbiAgICAgIHZhbHVlOiAncGV4ZWxzLWxpYicsXG4gICAgICBpZDogMlxuICAgIH0sXG4gICAge1xuICAgICAgbmFtZTogJ0ltZ01hbmFnZXIuVGFicy5FZGl0b3InLFxuICAgICAgdmFsdWU6ICdpbWctZWRpdGlvbicsXG4gICAgICBoaWRlOiB0cnVlLFxuICAgICAgaWQ6IDNcbiAgICB9XG4gIF07XG5cbiAgdGFiQWN0aXZlOiBTZWxlY3RJdGVtID0gdGhpcy50YWJzWzBdO1xuXG4gIC8qIHRhYkFjdGl2ZSA9ICdpbWFnZXMtdmlldyc7XG4gIHRhYnM6IHN0cmluZ1tdID0gWydpbWctdXBsb2FkJywgJ2ltYWdlcy12aWV3JywgJ3BleGVscy1saWInLCAnaW1nLWVkaXRpb24nXTsgKi9cbiAgZWRpdFRhYiA9IGZhbHNlO1xuXG4gIGltZ1RvRWRpdDogSW1nUGljdHVyZURUTztcblxuICBpbWdVcGxvYWQgPSBmYWxzZTtcblxuICBAVmlld0NoaWxkKCAnaW1nVXBsb2FkZWRJbWcnIClcbiAgaW1nVXBsb2FkZWRDb21wb25lbnQ6IFVwbG9hZExpc3RDb21wb25lbnQgO1xuXG4gIHNuYWNrQmFyTmV3VmVyc2lvbkNvbmZpZzogTndiU25hY2tiYXJDb25maWcgPSB7XG4gICAgbWVzc2FnZTogJycsXG4gICAgZHVyYXRpb246IDMwMDBcbiAgfTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGltZ0V2ZW50RWRpdFNlcnZpY2U6IEltZ0V2ZW50U2VydmljZSxcbiAgICBwcml2YXRlIGFsZXJ0U2VydmljZTogQWxlcnRTZXJ2aWNlLFxuICAgIHByaXZhdGUgcm91dGU6IFJvdXRlclxuICAgICkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5pbWdFdmVudEVkaXRTZXJ2aWNlLmdldEltZ1RvRWRpdEV2ZW50TGlzdG5lcigpLnN1YnNjcmliZShpbWdUb0VkaXQgPT57XG4gICAgICB0aGlzLnRhYkFjdGl2ZSA9IHRoaXMudGFic1szXTtcbiAgICAgIHRoaXMuaW1nVG9FZGl0ID0gaW1nVG9FZGl0O1xuICAgICAgdGhpcy5lZGl0VGFiID0gdHJ1ZTtcbiAgICAgIHRoaXMuY3VycmVudFRhYi5lbWl0KHRoaXMudGFic1szXSk7XG4gICAgfSk7XG4gIH1cblxuICB0b2dnbGVUYWJzKGl0ZW06IFNlbGVjdEl0ZW0pIHtcbiAgICB0aGlzLmltZ1VwbG9hZCA9IGZhbHNlO1xuICAgIHRoaXMuZWRpdFRhYiA9IGZhbHNlO1xuICAgIHRoaXMudGFiQWN0aXZlID0gaXRlbTtcbiAgfVxuXG4gIG9uSW1nVXBsb2FkZWQoaW1nOiBJbWdQaWN0dXJlRFRPW10pIHtcbiAgICB0aGlzLmltZ1VwbG9hZCA9IHRydWU7XG4gICAgdGhpcy5pbWdVcGxvYWRlZENvbXBvbmVudC5vbkltZ1VwbG9hZGVkKGltZyk7XG4gIH1cblxuICBvbkVkaXRDbG9zZWQobXNnS2V5OiBzdHJpbmcpIHtcbiAgICB0aGlzLmVkaXRUYWIgPSBmYWxzZTtcbiAgICB0aGlzLnRvZ2dsZVRhYnModGhpcy50YWJzWzFdKTtcbiAgICBpZiAobXNnS2V5KSB7XG4gICAgICB0aGlzLmFsZXJ0U2VydmljZS5vcGVuQWxlcnQobXNnS2V5KTtcbiAgICB9XG4gICAgdGhpcy5jdXJyZW50VGFiLmVtaXQoJ2Nsb3NlJyk7XG4gIH1cblxuICBvblNob3dJbWdVcGxvYWRlZCgpIHtcbiAgICB0aGlzLnRhYkFjdGl2ZSA9IHRoaXMudGFic1sxXTtcbiAgfVxuXG4gIHN3aXRjaERpc3BsYXlXaW5kb3dJbWdWaWV3KCkge1xuICAgIHRoaXMuc3dpdGNoRGlzcGxheVdpbmRvdy5lbWl0KHRydWUpO1xuICB9XG5cbiAgc3dpdGNoUm91dGVyTGluayhldmVudCkge1xuXG4gIH1cblxuICBvbkltZ01hbmFnZXJDbG9zZWQoKSB7XG4gICAgdGhpcy5pbWdNYW5hZ2VyQ2xvc2VkLmVtaXQoKTtcbiAgfVxufVxuIiwiPGRpdlxuICBjbGFzcz1cImltZy10YWJzXCIgW25nQ2xhc3NdPVwieydzbWFsbCc6IHN0YXRlRGlzcGxheWVkID09PSAnc21hbGwnfVwiPlxuICA8ZGl2IGNsYXNzPVwid3JhcHBlci10YWJzXCI+XG4gICAgPGRpdlxuICAgICAgY2xhc3M9XCJ0YWJzXCJcbiAgICAgIFtuZ0NsYXNzXT1cIlxuICAgICAgICB7XG4gICAgICAgICAgJ3RhYnMtLW5vdFdpbmRvdyc6IHN0YXRlRGlzcGxheWVkICE9PSAnd2luZG93JyxcbiAgICAgICAgICAndGFicy0tbm90RGlzcGxheWVkJzogc3RhdGVEaXNwbGF5ZWQgPT09ICd3aW5kb3cnICYmIHRhYkFjdGl2ZS52YWx1ZSA9PT0gdGFic1szXS52YWx1ZVxuICAgICAgICB9XCI+XG5cbiAgICAgIDx1bD5cbiAgICAgICAgPGxpIGNsYXNzPVwiaXMtYWN0aXZlXCIgW25nQ2xhc3NdPVwieydpcy1hY3RpdmUnOiB0YWJBY3RpdmUudmFsdWUgPT09IHRhYnNbMF0udmFsdWV9XCIgKGNsaWNrKT1cInRvZ2dsZVRhYnModGFic1swXSlcIj48YT57eyB0YWJzWzBdLm5hbWUgfCB0cmFuc2xhdGUgfX08L2E+PC9saT5cbiAgICAgICAgPGxpIFtuZ0NsYXNzXT1cInsnaXMtYWN0aXZlJzogdGFiQWN0aXZlLnZhbHVlID09PSB0YWJzWzFdLnZhbHVlfVwiIChjbGljayk9XCJ0b2dnbGVUYWJzKHRhYnNbMV0pXCI+PGE+e3sgdGFic1sxXS5uYW1lIHwgdHJhbnNsYXRlIH19PC9hPjwvbGk+XG4gICAgICAgIDxsaSBbbmdDbGFzc109XCJ7J2lzLWFjdGl2ZSc6IHRhYkFjdGl2ZS52YWx1ZSA9PT0gdGFic1syXS52YWx1ZX1cIiAoY2xpY2spPVwidG9nZ2xlVGFicyh0YWJzWzJdKVwiPjxhPnt7IHRhYnNbMl0ubmFtZSB8IHRyYW5zbGF0ZSB9fTwvYT48L2xpPlxuICAgICAgICA8bGkgW25nQ2xhc3NdPVwieydpcy1hY3RpdmUnOiB0YWJBY3RpdmUudmFsdWUgPT09IHRhYnNbM10udmFsdWV9XCIgKm5nSWY9XCJlZGl0VGFiXCI+PGE+e3sgdGFic1szXS5uYW1lIHwgdHJhbnNsYXRlIH19PC9hPjwvbGk+XG4gICAgICA8L3VsPlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzcz1cImltZy10YWJzX19jYW52YVwiXG4gICAgICAgIFtuZ0NsYXNzXT1cInsnaW1nLXRhYnNfX2NhbnZhLS13aW5kb3cnOiBzdGF0ZURpc3BsYXllZCA9PT0gJ3dpbmRvdyd9XCI+XG4gICAgICAgIDxjYW52YS1idG5cbiAgICAgICAgICAoc2hvd0ltZ1VwbG9hZGVkKT1cIm9uU2hvd0ltZ1VwbG9hZGVkKClcIlxuICAgICAgICAgIFtzdGF0ZURpc3BsYXllZF09XCJzdGF0ZURpc3BsYXllZFwiPlxuICAgICAgICA8L2NhbnZhLWJ0bj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJzZWxlY3QtbW9iaWxlLXBhZ2VcIj5cbiAgICAgIDx3YWMtc2VsZWN0XG4gICAgICAgIFsobmdNb2RlbCldPVwidGFiQWN0aXZlXCJcbiAgICAgICAgbmFtZT1cInRhYnNcIlxuICAgICAgICBbaXRlbXNdPVwidGFic1wiXG4gICAgICA+PC93YWMtc2VsZWN0PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cblxuICA8IS0tIFVwbG9hZCBzZWN0aW9uIC0tPlxuICA8ZGl2XG4gICAgY2xhc3M9XCJjb2x1bW5zIGltZy10YWJzX190YWJzRmlyc3RcIlxuICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICdpbWctdGFic19fdGFic0ZpcnN0LS1zbWFsbCc6IHN0YXRlRGlzcGxheWVkID09PSAnc21hbGwnLFxuICAgICAgJ2ltZy10YWJzX190YWJzRmlyc3QtLXdpbmRvdyc6IHN0YXRlRGlzcGxheWVkID09PSAnd2luZG93J1xuICAgIH1cIlxuICAgICpuZ0lmPVwidGFiQWN0aXZlLnZhbHVlID09PSB0YWJzWzBdLnZhbHVlXCI+XG4gICAgPGRpdiBjbGFzcz1cImNvbHVtbiBpbWctdGFic19fdGFic0ZpcnN0X191cGxvYWRcIj5cbiAgICAgIDxpbWctdXBsb2FkXG4gICAgICAgIFtzdGF0ZURpc3BsYXllZF09XCJzdGF0ZURpc3BsYXllZFwiXG4gICAgICAgIChpbWdVcGxvYWRlZCk9XCJvbkltZ1VwbG9hZGVkKCRldmVudClcIlxuICAgICAgPjwvaW1nLXVwbG9hZD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiY29sdW1uIGltZy10YWJzX190YWJzRmlyc3RfX2xpc3RcIiBbbmdDbGFzc109XCJ7XG4gICAgICAnaW1nLXRhYnNfX3RhYnNGaXJzdF9fbGlzdC0tdXBsb2FkJzogaW1nVXBsb2FkXG4gICAgfVwiPlxuICAgICAgPGltYWdlcy12aWV3XG4gICAgICAgICpuZ0lmPVwiIWltZ1VwbG9hZFwiXG4gICAgICAgIFtzdGF0ZURpc3BsYXllZF09XCJzdGF0ZURpc3BsYXllZFwiXG4gICAgICAgIFtsaXN0RGlzcGxheWVkXT1cImZhbHNlXCJcbiAgICAgICAgW211bHRpcGxlSW1nTW9kZV09XCJtdWx0aXBsZUltZ01vZGVcIlxuICAgICAgICBbdGFiRGlzcGxheWVkXT1cInRhYkFjdGl2ZS52YWx1ZVwiXG4gICAgICAgIFtuYlJvd1RvU2hvd109XCIyXCJcbiAgICAgICAgKHN3aXRjaERpc3BsYXlXaW5kb3cpPVwic3dpdGNoRGlzcGxheVdpbmRvd0ltZ1ZpZXcoKVwiXG4gICAgICAgIFtmdWxsU2l6ZV09XCJmYWxzZVwiPlxuICAgICAgPC9pbWFnZXMtdmlldz5cblxuXG4gICAgICA8ZGl2IFtoaWRkZW5dPVwiIWltZ1VwbG9hZFwiPlxuICAgICAgICA8dXBsb2FkLWxpc3RcbiAgICAgICAgICAjaW1nVXBsb2FkZWRJbWdcbiAgICAgICAgICBbc3RhdGVEaXNwbGF5ZWRdPVwic3RhdGVEaXNwbGF5ZWRcIlxuICAgICAgICAgIFt0YWJEaXNwbGF5ZWRdPVwidGFiQWN0aXZlLnZhbHVlXCJcbiAgICAgICAgICBbbXVsdGlwbGVJbWdNb2RlXT1cIm11bHRpcGxlSW1nTW9kZVwiXG4gICAgICAgICAgKHN3aXRjaERpc3BsYXlXaW5kb3cpPVwic3dpdGNoRGlzcGxheVdpbmRvd0ltZ1ZpZXcoKVwiXG4gICAgICAgICAgPlxuICAgICAgICA8L3VwbG9hZC1saXN0PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuXG4gIDwhLS0gSW1hZ2VzIHNlY3Rpb24gLS0+XG4gIDxkaXYgY2xhc3M9XCJjb2x1bW5zIGltZy10YWJzX190YWJzU2Vjb25kXCIgKm5nSWY9XCJ0YWJBY3RpdmUudmFsdWUgPT09IHRhYnNbMV0udmFsdWVcIj5cbiAgICA8ZGl2IGNsYXNzPVwiY29sdW1uXCI+XG5cbiAgICAgIDxpbWFnZXMtdmlld1xuICAgICAgICBbc3RhdGVEaXNwbGF5ZWRdPVwic3RhdGVEaXNwbGF5ZWRcIlxuICAgICAgICBbbGlzdERpc3BsYXllZF09XCJsaXN0RGlzcGxheWVkXCJcbiAgICAgICAgW211bHRpcGxlSW1nTW9kZV09XCJtdWx0aXBsZUltZ01vZGVcIlxuICAgICAgICBbdGFiRGlzcGxheWVkXT1cInRhYkFjdGl2ZS52YWx1ZVwiXG4gICAgICAgIChzd2l0Y2hEaXNwbGF5V2luZG93KT1cInN3aXRjaERpc3BsYXlXaW5kb3dJbWdWaWV3KClcIlxuICAgICAgICBbZnVsbFNpemVdPVwidHJ1ZVwiPlxuICAgICAgPC9pbWFnZXMtdmlldz5cblxuICAgIDwvZGl2PlxuICA8L2Rpdj5cblxuICA8IS0tIFBleGVsIGltZyBzZWN0aW9uIC0tPlxuICA8ZGl2IGNsYXNzPVwiY29sdW1ucyBpbWctdGFic19fdGFic1RoaXJkXCIgKm5nSWY9XCJ0YWJBY3RpdmUudmFsdWUgPT09IHRhYnNbMl0udmFsdWVcIj5cbiAgICA8ZGl2IGNsYXNzPVwiY29sdW1uXCI+XG4gICAgICA8cGV4ZWxzLWxpYlxuICAgICAgICBbc3RhdGVEaXNwbGF5ZWRdPVwic3RhdGVEaXNwbGF5ZWRcIlxuICAgICAgICAoc2hvd0ltZ1VwbG9hZGVkKT1cIm9uU2hvd0ltZ1VwbG9hZGVkKClcIj5cbiAgICAgIDwvcGV4ZWxzLWxpYj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG5cbiAgPCEtLUVkaXRpb24gc2VjdGlvbiAtLT5cbiAgPGRpdiBjbGFzcz1cImNvbHVtbnMgaW1nLXRhYnNfX3RhYnNFZGl0XCIgKm5nSWY9XCJ0YWJBY3RpdmUudmFsdWUgPT09IHRhYnNbM10udmFsdWVcIj5cbiAgICA8ZGl2IGNsYXNzPVwiY29sdW1uXCI+XG4gICAgICA8aW1nLWVkaXRvclxuICAgICAgICBbc3RhdGVEaXNwbGF5ZWRdPVwic3RhdGVEaXNwbGF5ZWRcIlxuICAgICAgICBbaW1nVG9FZGl0XT1cImltZ1RvRWRpdFwiXG4gICAgICAgIChlZGl0Q2xvc2VkKT1cIm9uRWRpdENsb3NlZCgkZXZlbnQpXCI+XG4gICAgICA8L2ltZy1lZGl0b3I+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuXG48L2Rpdj5cbiJdfQ==

package/esm2020/lib/components/img-upload/img-upload.component.mjs

@@ -0,0 +1,118 @@
+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';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/img-manager.service";
+import * as i2 from "../../services/alert.service";
+import * as i3 from "../../services/config/external-config.service";
+import * as i4 from "@angular/common";
+import * as i5 from "../loader/loader.component";
+import * as i6 from "../../directives/drag-drop.directive";
+import * as i7 from "@ngx-translate/core";
+export class ImgUploadComponent {
+    constructor(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
+    }
+    ngOnInit() {
+        this.assetsIcon = this.getAssets();
+    }
+    filesChangeByClick(event) {
+        this.uploadFile(event.target.files);
+    }
+    getAssets() {
+        return this.externalConfigService.getRouteAssets() + "img/icon_picture.svg";
+    }
+    filesChangeByDragAndDrop(filesList) {
+        console.log('filesList', filesList);
+        this.removeDragAndDropStyle();
+        this.uploadFile(Array.from(filesList));
+    }
+    uploadFile(files) {
+        if (files && !files.length) {
+            return;
+        }
+        this.isLoading = true;
+        const imgToUploadList = [];
+        for (const file of files) {
+            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ée: ${this.getImageSizeInKo(this.MAX_IMAGE_SIZE)}ko`);
+                this.isLoading = false;
+                continue;
+            }
+            const formData = new FormData();
+            formData.append('image', file, file.name);
+            imgToUploadList.push(this.imgManager.uploadFile(formData));
+        }
+        forkJoin(imgToUploadList).subscribe((img) => {
+            this.onImgUpload(img),
+                this.isLoading = false;
+        }, error => {
+            if (error?.error?.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
+     */
+    onImgUpload(img) {
+        this.imgUploaded.emit(img);
+    }
+    isFileImage(fileType) {
+        return fileType.split('/')[0] === 'image';
+    }
+    isSizeValid(imageBytesSize) {
+        return imageBytesSize < this.MAX_IMAGE_SIZE;
+    }
+    getImageSizeInKo(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
+     */
+    removeDragAndDropStyle() {
+        this.dragAndDropBox.nativeElement.style = '';
+    }
+}
+ImgUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: ImgUploadComponent, deps: [{ token: i1.ImgManagerService }, { token: i2.AlertService }, { token: i3.ImgManagerConfigService }], target: i0.ɵɵFactoryTarget.Component });
+ImgUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: ImgUploadComponent, selector: "img-upload", inputs: { stateDisplayed: "stateDisplayed" }, outputs: { imgUploaded: "imgUploaded" }, viewQueries: [{ propertyName: "dragAndDropBox", first: true, predicate: ["dragAndDropBox"], descendants: true }], ngImport: i0, 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($any($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", dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.LoaderComponent, selector: "wz-loader", inputs: ["text", "small", "position"] }, { kind: "directive", type: i6.DragDropDirective, selector: "[appDragDrop]", outputs: ["onFileDropped"] }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }], animations: [
+        easeInOut
+    ] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: ImgUploadComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'img-upload', animations: [
+                        easeInOut
+                    ], 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($any($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" }]
+        }], ctorParameters: function () { return [{ type: i1.ImgManagerService }, { type: i2.AlertService }, { type: i3.ImgManagerConfigService }]; }, propDecorators: { stateDisplayed: [{
+                type: Input
+            }], imgUploaded: [{
+                type: Output
+            }], dragAndDropBox: [{
+                type: ViewChild,
+                args: ['dragAndDropBox']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1nLXVwbG9hZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93ei1pbWctbWFuYWdlci9zcmMvbGliL2NvbXBvbmVudHMvaW1nLXVwbG9hZC9pbWctdXBsb2FkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3d6LWltZy1tYW5hZ2VyL3NyYy9saWIvY29tcG9uZW50cy9pbWctdXBsb2FkL2ltZy11cGxvYWQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBVSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3BHLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBYyxRQUFRLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFFNUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGtEQUFrRCxDQUFDO0FBQzdFLE9BQU8sRUFBQyx1QkFBdUIsRUFBQyxNQUFNLCtDQUErQyxDQUFDO0FBRXRGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7Ozs7Ozs7O0FBUzVELE1BQU0sT0FBTyxrQkFBa0I7SUFnQjdCLFlBQ1UsVUFBNkIsRUFDN0IsWUFBMEIsRUFDMUIscUJBQThDO1FBRjlDLGVBQVUsR0FBVixVQUFVLENBQW1CO1FBQzdCLGlCQUFZLEdBQVosWUFBWSxDQUFjO1FBQzFCLDBCQUFxQixHQUFyQixxQkFBcUIsQ0FBeUI7UUFqQnhELFVBQUssR0FBUSxFQUFFLENBQUM7UUFDaEIsY0FBUyxHQUFZLEtBQUssQ0FBQztRQUdqQixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFJM0MsZ0JBQVcsR0FBRyw4QkFBOEIsQ0FBQztRQUM3QyxzQkFBaUIs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S0FBSyxDQUFDO1FBQ3hCLENBQUMsQ0FDRixDQUFBO0lBQ0gsQ0FBQztJQUVEOzs7O09BSUc7SUFDSCxXQUFXLENBQUMsR0FBb0I7UUFDOUIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDN0IsQ0FBQztJQUVELFdBQVcsQ0FBQyxRQUFnQjtRQUMxQixPQUFPLFFBQVEsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssT0FBTyxDQUFDO0lBQzVDLENBQUM7SUFFRCxXQUFXLENBQUMsY0FBc0I7UUFDaEMsT0FBTyxjQUFjLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQztJQUM5QyxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsSUFBWTtRQUMzQixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxDQUFDO0lBQ2pDLENBQUM7SUFFRDs7O09BR0c7SUFDSCxzQkFBc0I7UUFDcEIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxhQUFhLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztJQUMvQyxDQUFDOzsrR0E5R1Usa0JBQWtCO21HQUFsQixrQkFBa0IsMlBDaEIvQiw4eUNBa0NBLHNmRHRCYztRQUNWLFNBQVM7S0FDVjsyRkFFVSxrQkFBa0I7a0JBUDlCLFNBQVM7K0JBQ0UsWUFBWSxjQUVWO3dCQUNWLFNBQVM7cUJBQ1Y7eUtBT1EsY0FBYztzQkFBdEIsS0FBSztnQkFDSSxXQUFXO3NCQUFwQixNQUFNO2dCQUVzQixjQUFjO3NCQUExQyxTQUFTO3VCQUFDLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBPbkluaXQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgVmlld0NoaWxkLCBFbGVtZW50UmVmfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEltZ01hbmFnZXJTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvaW1nLW1hbmFnZXIuc2VydmljZSc7XG5pbXBvcnQgeyBPYnNlcnZhYmxlLCBmb3JrSm9pbiB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgSW1nUGljdHVyZURUTyB9IGZyb20gJy4uLy4uL2R0by9pbWctbWFuYWdlci5kdG8nO1xuaW1wb3J0IHsgZWFzZUluT3V0IH0gZnJvbSAnLi4vLi4vYW5pbWF0aW9ucy9lYXNlSW5PdXQvZWFzZS1pbi1vdXQuYW5pbWF0aW9uJztcbmltcG9ydCB7SW1nTWFuYWdlckNvbmZpZ1NlcnZpY2V9IGZyb20gXCIuLi8uLi9zZXJ2aWNlcy9jb25maWcvZXh0ZXJuYWwtY29uZmlnLnNlcnZpY2VcIjtcbmltcG9ydCB7IHN0YXRlRGlzcGxheWVkIH0gZnJvbSAnLi4vLi4vZHRvL2V4cG9ydC1kdG9zLmFwaSc7XG5pbXBvcnQgeyBBbGVydFNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9hbGVydC5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaW1nLXVwbG9hZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9pbWctdXBsb2FkLmNvbXBvbmVudC5odG1sJyxcbiAgYW5pbWF0aW9uczogW1xuICAgIGVhc2VJbk91dFxuICBdXG59KVxuZXhwb3J0IGNsYXNzIEltZ1VwbG9hZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgZmlsZXM6IGFueSA9IFtdO1xuICBpc0xvYWRpbmc6IGJvb2xlYW4gPSBmYWxzZTtcbiAgYXNzZXRzSWNvbjogc3RyaW5nO1xuICBASW5wdXQoKSBzdGF0ZURpc3BsYXllZDogc3RhdGVEaXNwbGF5ZWQ7XG4gIEBPdXRwdXQoKSBpbWdVcGxvYWRlZCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBAVmlld0NoaWxkKCdkcmFnQW5kRHJvcEJveCcpIGRyYWdBbmREcm9wQm94OiBFbGVtZW50UmVmO1xuXG4gIGxvYWRpbmdUZXh0ID0gJ0ltZ01hbmFnZXIuSW1nVXBsb2FkLmxvYWRpbmcnO1xuICBlcnJvclVwbG9hZGluZ0ltZyA9ICdJbWdNYW5hZ2VyLkltZ1VwbG9hZC5lcnJvclVwbG9hZGluZ0ltZyc7XG4gIGVycm9yTm90SW1nID0gJ0ltZ01hbmFnZXIuSW1nVXBsb2FkLmVycm9yTm90SW1nJztcblxuICBNQVhfSU1BR0VfU0laRSA9IDEwMDAwMDAwOyAvLyBJbiBieXRlc1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgaW1nTWFuYWdlcjogSW1nTWFuYWdlclNlcnZpY2UsXG4gICAgcHJpdmF0ZSBhbGVydFNlcnZpY2U6IEFsZXJ0U2VydmljZSxcbiAgICBwcml2YXRlIGV4dGVybmFsQ29uZmlnU2VydmljZTogSW1nTWFuYWdlckNvbmZpZ1NlcnZpY2VcbiAgICApIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5hc3NldHNJY29uID0gdGhpcy5nZXRBc3NldHMoKTtcbiAgfVxuXG4gIGZpbGVzQ2hhbmdlQnlDbGljayhldmVudDogYW55KSB7XG4gICAgdGhpcy51cGxvYWRGaWxlKGV2ZW50LnRhcmdldC5maWxlcyk7XG4gIH1cblxuICBnZXRBc3NldHMoKSB7XG4gICAgcmV0dXJuIHRoaXMuZXh0ZXJuYWxDb25maWdTZXJ2aWNlLmdldFJvdXRlQXNzZXRzKCkgKyBcImltZy9pY29uX3BpY3R1cmUuc3ZnXCI7XG4gIH1cblxuICBmaWxlc0NoYW5nZUJ5RHJhZ0FuZERyb3AoZmlsZXNMaXN0OiBGaWxlTGlzdCkge1xuICAgIGNvbnNvbGUubG9nKCdmaWxlc0xpc3QnLCBmaWxlc0xpc3QpO1xuICAgIHRoaXMucmVtb3ZlRHJhZ0FuZERyb3BTdHlsZSgpO1xuICAgIHRoaXMudXBsb2FkRmlsZShBcnJheS5mcm9tKGZpbGVzTGlzdCkpO1xuICB9XG5cbiAgdXBsb2FkRmlsZShmaWxlczogRmlsZVtdKSB7XG4gICAgaWYgKGZpbGVzICYmICFmaWxlcy5sZW5ndGgpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLmlzTG9hZGluZyA9dHJ1ZTtcbiAgICBjb25zdCBpbWdUb1VwbG9hZExpc3Q6IE9ic2VydmFibGU8YW55PltdID0gW107XG4gICAgZm9yIChjb25zdCBmaWxlIG9mIGZpbGVzKSB7XG4gICAgICBpZighdGhpcy5pc0ZpbGVJbWFnZShmaWxlLnR5cGUpKSB7XG4gICAgICAgIHRoaXMuYWxlcnRTZXJ2aWNlLm9wZW5BbGVydCh0aGlzLmVycm9yTm90SW1nKTtcbiAgICAgICAgdGhpcy5pc0xvYWRpbmcgPSBmYWxzZTtcbiAgICAgICAgY29udGludWU7XG4gICAgICB9XG5cbiAgICAgIGlmICghdGhpcy5pc1NpemVWYWxpZChmaWxlLnNpemUpKSB7XG4gICAgICAgIHRoaXMuYWxlcnRTZXJ2aWNlLm9wZW5BbGVydChgTCdpbWFnZSA6ICR7ZmlsZS5uYW1lfSBlc3QgdHJvcCBncmFuZGUgKCR7dGhpcy5nZXRJbWFnZVNpemVJbktvKGZpbGUuc2l6ZSl9a28pLiBUYWlsbGUgbWF4aW11bSBhY2NlcHTDqWU6ICR7dGhpcy5nZXRJbWFnZVNpemVJbktvKHRoaXMuTUFYX0lNQUdFX1NJWkUpfWtvYCk7XG4gICAgICAgIHRoaXMuaXNMb2FkaW5nID0gZmFsc2U7XG4gICAgICAgIGNvbnRpbnVlO1xuICAgICAgfVxuXG4gICAgICBjb25zdCBmb3JtRGF0YSA9IG5ldyBGb3JtRGF0YSgpO1xuICAgICAgZm9ybURhdGEuYXBwZW5kKCdpbWFnZScsIGZpbGUsIGZpbGUubmFtZSk7XG5cblxuICAgICAgaW1nVG9VcGxvYWRMaXN0LnB1c2godGhpcy5pbWdNYW5hZ2VyLnVwbG9hZEZpbGUoZm9ybURhdGEpKTtcbiAgICB9XG5cbiAgICBmb3JrSm9pbihpbWdUb1VwbG9hZExpc3QpLnN1YnNjcmliZShcbiAgICAgIChpbWc6IEltZ1BpY3R1cmVEVE9bXSkgPT4ge1xuICAgICAgICB0aGlzLm9uSW1nVXBsb2FkKGltZyksXG4gICAgICAgIHRoaXMuaXNMb2FkaW5nID1mYWxzZTtcbiAgICAgIH0sXG4gICAgICBlcnJvciA9PiB7XG4gICAgICAgIGlmIChlcnJvcj8uZXJyb3I/Lm1lc3NhZ2UgJiYgZXJyb3Iuc3RhdHVzVGV4dCAhPT0gJ0JhZCBSZXF1ZXN0Jykge1xuICAgICAgICAgIHRoaXMuYWxlcnRTZXJ2aWNlLm9wZW5BbGVydFdpdGhCYWNrZW5kUmVzcG9ucyh0aGlzLmVycm9yVXBsb2FkaW5nSW1nLCBlcnJvci5lcnJvci5tZXNzYWdlKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICB0aGlzLmFsZXJ0U2VydmljZS5vcGVuQWxlcnQodGhpcy5lcnJvclVwbG9hZGluZ0ltZyk7XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5pc0xvYWRpbmcgPWZhbHNlO1xuICAgICAgfVxuICAgIClcbiAgfVxuXG4gIC8qKlxuICAgKiBTZW5kIHRoZSBpbWcgdXBsb2FkZWQgdG8gdGhlIHRhYnMgY29tcG9uZW50cyxcbiAgICogVGhlbiB0aGUgdGFicyBjb21wb25lbnRzIGFkZCB0aGUgaW1nIHRvIHVwbG9hZCBsaXN0IGJ5IGNhbGxpbmcgdGhlIG1ldGhvZCBvbkltZ1VwbG9hZGVkIG9mIHRoZSB1cGxvYWQtbGlzdCBjb21wb25lbnRcbiAgICogQHBhcmFtIGltZ1xuICAgKi9cbiAgb25JbWdVcGxvYWQoaW1nOiBJbWdQaWN0dXJlRFRPW10pIHtcbiAgICB0aGlzLmltZ1VwbG9hZGVkLmVtaXQoaW1nKTtcbiAgfVxuXG4gIGlzRmlsZUltYWdlKGZpbGVUeXBlOiBzdHJpbmcpIHtcbiAgICByZXR1cm4gZmlsZVR5cGUuc3BsaXQoJy8nKVswXSA9PT0gJ2ltYWdlJztcbiAgfVxuXG4gIGlzU2l6ZVZhbGlkKGltYWdlQnl0ZXNTaXplOiBudW1iZXIpOiBib29sZWFuIHtcbiAgICByZXR1cm4gaW1hZ2VCeXRlc1NpemUgPCB0aGlzLk1BWF9JTUFHRV9TSVpFO1xuICB9XG5cbiAgZ2V0SW1hZ2VTaXplSW5LbyhzaXplOiBudW1iZXIpIHtcbiAgICByZXR1cm4gTWF0aC5yb3VuZChzaXplIC8gMTAyNCk7XG4gIH1cblxuICAvKipcbiAgICogUmVtb3ZlIHRoZSBzdHlsZSBvZiB0aGUgZHJhZyBhbmQgZHJvcCBib3hcbiAgICogQWZ0ZXIgYW4gaW1nIGlzIGRyb3BlZCwgdGhlIGJveCBpcyBzdGlsbCBncmV5XG4gICAqL1xuICByZW1vdmVEcmFnQW5kRHJvcFN0eWxlKCkge1xuICAgIHRoaXMuZHJhZ0FuZERyb3BCb3gubmF0aXZlRWxlbWVudC5zdHlsZSA9ICcnO1xuICB9XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwiaW1nLXVwbG9hZCBoYXMtdGV4dC1jZW50ZXJlZFwiXG4gIFtuZ0NsYXNzXT1cInsnaW1nLXVwbG9hZC0tc21hbGwnOiBzdGF0ZURpc3BsYXllZCA9PT0gJ3NtYWxsJ31cIlxuICAoY2xpY2spPVwiZmlsZUlucHV0LmNsaWNrKClcIlxuICBhcHBEcmFnRHJvcFxuICAob25GaWxlRHJvcHBlZCk9XCJmaWxlc0NoYW5nZUJ5RHJhZ0FuZERyb3AoJGFueSgkZXZlbnQpKVwiXG4gICNkcmFnQW5kRHJvcEJveFxuICBbQGVhc2VJbk91dF09XCInaW4nXCJcbj5cbiAgPGlucHV0IGhpZGRlbiB0eXBlPVwiZmlsZVwiICNmaWxlSW5wdXQgKGNoYW5nZSk9XCJmaWxlc0NoYW5nZUJ5Q2xpY2soJGV2ZW50KVwiIGFjY2VwdD1cImltYWdlLypcIiBtdWx0aXBsZSA+XG4gIDxkaXYgY2xhc3M9XCJpbWctdXBsb2FkX19jb250YWluZXJcIiBbbmdDbGFzc109XCJ7J2ltZy11cGxvYWRfX2NvbnRhaW5lci0tc21hbGwnOiBzdGF0ZURpc3BsYXllZCA9PT0gJ3NtYWxsJ31cIj5cblxuICAgIDxkaXYgY2xhc3M9XCJpbWctdXBsb2FkX19jb250YWluZXJfX3dyYXBwZXJcIj5cblxuICAgICAgPGRpdiBjbGFzcz1cImltZy11cGxvYWRfX2NvbnRhaW5lcl9fbG9hZGVyXCIgKm5nSWY9XCJpc0xvYWRpbmdcIj5cbiAgICAgICAgPHd6LWxvYWRlciBbc21hbGxdPVwidHJ1ZVwiIFtwb3NpdGlvbl09XCIncmVsYXRpdmUnXCI+PC93ei1sb2FkZXI+XG4gICAgICA8L2Rpdj5cblxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFpc0xvYWRpbmdcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImJsdWVDb2xvciBpbWctdXBsb2FkX19jb250YWluZXJfX2Ryb3BJbWdJY29uRGl2XCI+XG4gICAgICAgICAgPGltZyAqbmdJZj1cImFzc2V0c0ljb25cIiBbc3JjXT1cImFzc2V0c0ljb25cIiBhbHQ9XCJpY29uIHBpY3R1cmVcIiAvPlxuICAgICAgICAgIDxwPnt7ICdJbWdNYW5hZ2VyLkltZ1VwbG9hZC5kcm9wSW1nJyB8IHRyYW5zbGF0ZSB9fTwvcD5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPHAgY2xhc3M9XCJpbWctdXBsb2FkX19jb250YWluZXJfX29yXCI+e3sgJ0ltZ01hbmFnZXIuSW1nVXBsb2FkLm9yJyB8IHRyYW5zbGF0ZSB9fTwvcD5cblxuICAgICAgICA8ZGl2IGNsYXNzPVwiaW1nLXVwbG9hZF9fY29udGFpbmVyX190ZXh0XCI+XG4gICAgICAgICAgPGkgY2xhc3M9XCJmYWwgZmEtZmlsZS11cGxvYWRcIj48L2k+e3sgJ0ltZ01hbmFnZXIuSW1nVXBsb2FkLnNlbGVjdEltZycgfCB0cmFuc2xhdGUgfX1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2020/lib/components/loader/loader.component.mjs

@@ -0,0 +1,21 @@
+import { Component, Input, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class LoaderComponent {
+    constructor() {
+        this.small = false;
+    }
+}
+LoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: LoaderComponent, selector: "wz-loader", inputs: { text: "text", small: "small", position: "position" }, ngImport: i0, 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", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: LoaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wz-loader', encapsulation: ViewEncapsulation.None, 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" }]
+        }], propDecorators: { text: [{
+                type: Input
+            }], small: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3d6LWltZy1tYW5hZ2VyL3NyYy9saWIvY29tcG9uZW50cy9sb2FkZXIvbG9hZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3d6LWltZy1tYW5hZ2VyL3NyYy9saWIvY29tcG9uZW50cy9sb2FkZXIvbG9hZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPcEUsTUFBTSxPQUFPLGVBQWU7SUFMNUI7UUFTRSxVQUFLLEdBQUcsS0FBSyxDQUFDO0tBR2Y7OzRHQVBZLGVBQWU7Z0dBQWYsZUFBZSxpSENQNUIscVpBZ0JBOzJGRFRhLGVBQWU7a0JBTDNCLFNBQVM7K0JBQ0UsV0FBVyxpQkFFTixpQkFBaUIsQ0FBQyxJQUFJOzhCQUlyQyxJQUFJO3NCQURILEtBQUs7Z0JBR04sS0FBSztzQkFESixLQUFLO2dCQUdOLFFBQVE7c0JBRFAsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3d6LWxvYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9sb2FkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIExvYWRlckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpXG4gIHRleHQ6IHN0cmluZztcbiAgQElucHV0KClcbiAgc21hbGwgPSBmYWxzZTtcbiAgQElucHV0KClcbiAgcG9zaXRpb246IHN0cmluZztcbn1cbiIsIjxkaXYgY2xhc3M9XCJ3ei1sb2FkZXJcIiBbbmdDbGFzc109XCJ7J2lzLXNtYWxsJzogc21hbGx9XCIgW25nU3R5bGVdPVwieydwb3NpdGlvbic6IHBvc2l0aW9ufVwiPlxuICA8ZGl2IGNsYXNzPSdsb2FkZXIgbG9hZGVyMSc+XG4gICAgPGRpdj5cbiAgICAgIDxkaXY+XG4gICAgICAgIDxkaXY+XG4gICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICAgIDxkaXY+PC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxwIGNsYXNzPVwiaXMtdGV4dGNlbnRlcmVkXCIgKm5nSWY9XCJ0ZXh0XCIgW2lubmVySFRNTF09XCJ0ZXh0XCI+PC9wPlxuPC9kaXY+XG4iXX0=