@wizishop/img-manager 0.2.59 → 0.2.63

package/fesm5/wizishop-img-manager.js

@@ -2046,11 +2046,16 @@ var ImgSelectionComponent = /** @class */ (function () {
     };
     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) {
@@ -2070,7 +2075,7 @@ var ImgSelectionComponent = /** @class */ (function () {
     ImgSelectionComponent = __decorate([
         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);