@wizishop/img-manager 15.2.23 → 15.2.25

package/fesm2020/wizishop-img-manager.mjs

@@ -3708,10 +3708,10 @@ class ImgSelectionComponent {
     }
 }
 ImgSelectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ImgSelectionComponent, deps: [{ token: ImgSelectionService }], target: i0.ɵɵFactoryTarget.Component });
-ImgSelectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", 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<ng-container *ngIf=\"vm$ | async as vm\">\n\n  <div\n  class=\"img-selection\"\n  *ngIf=\"!vm.isLoading; else Loading\"\n  [ngClass]=\"{'img-selection--visible' : vm.imgSelectedList && vm.imgSelectedList.length}\"\n  >\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 vm.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</ng-container>\n<!-- Loader -->\n<ng-template #Loading>\n  <wz-loader></wz-loader>\n</ng-template>\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$3.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$3.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: LoaderComponent, selector: "wz-loader", inputs: ["text", "small", "position"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "pipe", type: ImageSrcPipe, name: "imgSrc" }] });
+ImgSelectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", 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<ng-container *ngIf=\"vm$ | async as vm\">\n\n  vm.imgSelectedList : <pre>{{vm.imgSelectedList | json}}</pre>\n  <!-- TODO CHECK if selection is retrieved -->\n  <div\n  class=\"img-selection\"\n  *ngIf=\"!vm.isLoading; else Loading\"\n  [ngClass]=\"{'img-selection--visible' : vm.imgSelectedList && vm.imgSelectedList.length}\"\n  >\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 vm.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</ng-container>\n<!-- Loader -->\n<ng-template #Loading>\n  <wz-loader></wz-loader>\n</ng-template>\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$3.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$3.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: LoaderComponent, selector: "wz-loader", inputs: ["text", "small", "position"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.JsonPipe, name: "json" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "pipe", type: ImageSrcPipe, name: "imgSrc" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", 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<ng-container *ngIf=\"vm$ | async as vm\">\n\n  <div\n  class=\"img-selection\"\n  *ngIf=\"!vm.isLoading; else Loading\"\n  [ngClass]=\"{'img-selection--visible' : vm.imgSelectedList && vm.imgSelectedList.length}\"\n  >\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 vm.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</ng-container>\n<!-- Loader -->\n<ng-template #Loading>\n  <wz-loader></wz-loader>\n</ng-template>\n" }]
+            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<ng-container *ngIf=\"vm$ | async as vm\">\n\n  vm.imgSelectedList : <pre>{{vm.imgSelectedList | json}}</pre>\n  <!-- TODO CHECK if selection is retrieved -->\n  <div\n  class=\"img-selection\"\n  *ngIf=\"!vm.isLoading; else Loading\"\n  [ngClass]=\"{'img-selection--visible' : vm.imgSelectedList && vm.imgSelectedList.length}\"\n  >\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 vm.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</ng-container>\n<!-- Loader -->\n<ng-template #Loading>\n  <wz-loader></wz-loader>\n</ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: ImgSelectionService }]; }, propDecorators: { tabDisplayed: [{
                 type: Input
             }], imgManagerClosed: [{
@@ -4129,4 +4129,3 @@ class ImgManagerConfigDto {
 
 export { ApiService, CanvaButtonApi, CanvaService, ImageNotFoundService, ImgApiDto, ImgManagerConfigDto, ImgManagerService, ImgSelectionService, RenamePictureService, WzImgManagerComponent, WzImgManagerModule };
 //# sourceMappingURL=wizishop-img-manager.mjs.map
-//# sourceMappingURL=wizishop-img-manager.mjs.map