@wizishop/img-manager 0.2.42 → 0.2.46

package/fesm5/wizishop-img-manager.js

@@ -644,6 +644,7 @@ var WzImgManagerComponent = /** @class */ (function () {
     WzImgManagerComponent.prototype.onClose = function () {
         var _this = this;
         this.stateDisplayed = 'closed';
+        this.hideTab = false;
         this.setBodyMainScroll();
         this.removeBodyBottomPaddingForModule();
         // Wait the end of the closing annimation
@@ -1166,7 +1167,7 @@ var ImgTabsComponent = /** @class */ (function () {
     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 === tabs[3]\n        }\">\n\n      <ul>\n        <li class=\"is-active\" [ngClass]=\"{'is-active': tabActive === tabs[0]}\" (click)=\"toggleTabs(tabs[0])\"><a>{{ 'ImgManager.Tabs.addImg' | translate }}</a></li>\n        <li [ngClass]=\"{'is-active': tabActive === tabs[1]}\" (click)=\"toggleTabs(tabs[1])\"><a>{{ 'ImgManager.Tabs.imgLib' | translate }}</a></li>\n        <li [ngClass]=\"{'is-active': tabActive === tabs[2]}\" (click)=\"toggleTabs(tabs[2])\"><a>{{ 'ImgManager.Tabs.freeImgLib' | translate }}</a></li>\n        <li [ngClass]=\"{'is-active': tabActive === tabs[3]}\" *ngIf=\"editTab\"><a>{{ 'ImgManager.Tabs.Editor' | 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>\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 === tabs[0]\">\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\"\n        [maxLengthCardShow]=\"8\"\n        [fullSize]=\"false\">\n      </images-view>\n\n\n      <div [hidden]=\"!imgUpload\">\n        <upload-list\n          #imgUploadedImg\n          [stateDisplayed]=\"stateDisplayed\"\n          [tabDisplayed]=\"tabActive\"\n          [multipleImgMode]=\"multipleImgMode\"\n          >\n        </upload-list>\n      </div>\n    </div>\n  </div>\n\n  <!-- Images section -->\n  <div class=\"columns img-tabs__tabsSecond\" *ngIf=\"tabActive === tabs[1]\">\n    <div class=\"column\">\n\n      <images-view\n        [stateDisplayed]=\"stateDisplayed\"\n        [listDisplayed]=\"listDisplayed\"\n        [multipleImgMode]=\"multipleImgMode\"\n        [tabDisplayed]=\"tabActive\"\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 === tabs[2]\">\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 === tabs[3]\">\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"
+            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 === tabs[3]\n        }\">\n\n      <ul>\n        <li class=\"is-active\" [ngClass]=\"{'is-active': tabActive === tabs[0]}\" (click)=\"toggleTabs(tabs[0])\"><a>{{ 'ImgManager.Tabs.addImg' | translate }}</a></li>\n        <li [ngClass]=\"{'is-active': tabActive === tabs[1]}\" (click)=\"toggleTabs(tabs[1])\"><a>{{ 'ImgManager.Tabs.imgLib' | translate }}</a></li>\n        <li [ngClass]=\"{'is-active': tabActive === tabs[2]}\" (click)=\"toggleTabs(tabs[2])\"><a>{{ 'ImgManager.Tabs.freeImgLib' | translate }}</a></li>\n        <li [ngClass]=\"{'is-active': tabActive === tabs[3]}\" *ngIf=\"editTab\"><a>{{ 'ImgManager.Tabs.Editor' | 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>\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 === tabs[0]\">\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\"\n        [maxLengthCardShow]=\"stateDisplayed === 'small' ? 16 : 8\"\n        [fullSize]=\"false\">\n      </images-view>\n\n\n      <div [hidden]=\"!imgUpload\">\n        <upload-list\n          #imgUploadedImg\n          [stateDisplayed]=\"stateDisplayed\"\n          [tabDisplayed]=\"tabActive\"\n          [multipleImgMode]=\"multipleImgMode\"\n          >\n        </upload-list>\n      </div>\n    </div>\n  </div>\n\n  <!-- Images section -->\n  <div class=\"columns img-tabs__tabsSecond\" *ngIf=\"tabActive === tabs[1]\">\n    <div class=\"column\">\n\n      <images-view\n        [stateDisplayed]=\"stateDisplayed\"\n        [listDisplayed]=\"listDisplayed\"\n        [multipleImgMode]=\"multipleImgMode\"\n        [tabDisplayed]=\"tabActive\"\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 === tabs[2]\">\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 === tabs[3]\">\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])
@@ -2687,6 +2688,7 @@ var ImagesViewComponent = /** @class */ (function () {
         this.searchQueryChanged = new Subject();
         this.filtersChanged = new Subject();
         this.picturesList = [];
+        this.savePictureList = [];
         this.nbImgToDelSelected = 0;
         this.disable = false; // Use to disable action during server request
         this.isLoading = true;
@@ -2715,9 +2717,12 @@ var ImagesViewComponent = /** @class */ (function () {
     ImagesViewComponent.prototype.ngAfterViewInit = function () {
         this.setNbImgToDisplay();
         this._getImgList();
+        if (!this.savePictureList) {
+            this.savePictureList = this.picturesList;
+        }
     };
     ImagesViewComponent.prototype.reducePictureListMaxLength = function () {
-        this.picturesList.splice(0, 8);
+        this.picturesList.splice(0, this.maxLengthCardShow);
     };
     ImagesViewComponent.prototype.getImgList = function () {
         this.filtersChanged.next();