@wizishop/img-manager 0.2.59 → 0.2.63

package/bundles/wizishop-img-manager.umd.js

@@ -2249,11 +2249,16 @@
         };
         ImgSelectionComponent.prototype.setTrashPosition = function (index) {
             this.trashPositionIndex = index;
-            if (this.trashPositionIndex = 0) {
-                this.trashPositionLeft = '-70px';
+            if (this.imgSelectedList.length < 6) {
+                if (this.trashPositionIndex === 0) {
+                    this.trashPositionLeft = '140px';
+                }
+                else {
+                    this.trashPositionLeft = 340 + ((index - 1) * 170) + 'px';
+                }
             }
-            else {
-                this.trashPositionLeft = index * 135 + 'px';
+            else if (this.imgSelectedList.length >= 6) {
+                this.trashPositionLeft = '50%';
             }
         };
         ImgSelectionComponent.prototype.removeImgFromSelection = function (event) {
@@ -2273,7 +2278,7 @@
         ImgSelectionComponent = __decorate([
             core.Component({
                 selector: 'img-selection',
-                template: "<div\n  class=\"trash\"\n  [ngClass]=\"{'trash--visible': dragStart}\"\n  [style.left]=\"trashPositionLeft\"\n  cdkDropList\n  #unSelectList=\"cdkDropList\"\n  (cdkDropListDropped)=\"removeImgFromSelection($event)\">\n\n    <i class=\"far fa-trash\"></i>\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\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            (mousedown)=\"setTrashPosition(index)\"\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            (mousedown)=\"setTrashPosition(index)\"\n          />\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 && !(imgSelectedList && imgSelectedList.length)\">\n  <wz-loader></wz-loader>\n</ng-container>\n"
+                template: "<div\n  class=\"trash\"\n  [ngClass]=\"{'trash--visible': dragStart, 'trash--bottom': imgSelectedList.length > 5}\"\n  [style.left]=\"trashPositionLeft\"\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\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            (mousedown)=\"setTrashPosition(index)\"\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            (mousedown)=\"setTrashPosition(index)\"\n          />\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 && !(imgSelectedList && imgSelectedList.length)\">\n  <wz-loader></wz-loader>\n</ng-container>\n"
             }),
             __metadata("design:paramtypes", [ImgSelectionService])
         ], ImgSelectionComponent);