@wizishop/img-manager 15.2.1 → 15.2.4

package/lib/components/pexels-lib/pexels-lib.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, ElementRef, OnInit, EventEmitter } from '@angular/core';
+import { AfterViewInit, ElementRef, EventEmitter } from '@angular/core';
 import { PexelsService } from '../../services/pexels.service';
 import { Subject } from 'rxjs';
 import { WzImgLibDto, PhotosColumns, WzImgLibPhotoDto } from '../../dto/pexels-img.dto';
@@ -7,7 +7,7 @@ import { stateDisplayed } from '../../dto/export-dtos.api';
 import { AlertService } from '../../services/alert.service';
 import { UploadService } from '../../services/upload.service';
 import * as i0 from "@angular/core";
-export declare class PexelLibComponent implements OnInit, AfterViewInit {
+export declare class PexelLibComponent implements AfterViewInit {
     private wzImgLibService;
     private alertService;
     private translateService;
@@ -26,7 +26,7 @@ export declare class PexelLibComponent implements OnInit, AfterViewInit {
     isLoading: boolean;
     initComponent: boolean;
     photosColumns: PhotosColumns[];
-    nbColumuns: number;
+    nbColumns: number;
     responsiveColumns: number[];
     outerElement: any;
     uploadingImg: string;
@@ -37,7 +37,6 @@ export declare class PexelLibComponent implements OnInit, AfterViewInit {
     private subs;
     set content(control: ElementRef);
     constructor(wzImgLibService: PexelsService, alertService: AlertService, translateService: TranslateService, uploadService: UploadService);
-    ngOnInit(): void;
     ngAfterViewInit(): void;
     setNbColumnsToDisplayPhoto(): void;
     onSearchNameChanged(): void;

package/lib/services/api.service.d.ts

@@ -9,19 +9,19 @@ export declare abstract class ApiService {
         canva_url: string;
         pexels_token: string;
         pexels_route: string;
-        shop_category: string;
         assets_route: string;
     };
     abstract IMG_SIZE: ImgCDNConfigDTO;
+    abstract getShopCategory(): string;
     abstract getShopImgList(params?: ParamsImgManagerDTO): Observable<ImgPicturesDTO>;
-    abstract getShopTotalImgList(params?: ParamsImgManagerDTO): Observable<ImgPicturesDTO>;
+    abstract getShopTotalImgList(params?: ParamsImgManagerDTO): Observable<number>;
     abstract getShopImg(idFile: string): Observable<ImgPictureDTO>;
-    abstract uploadFile(formData: FormData): any;
-    abstract uploadFileByUrl(url: string, fileName?: string): any;
-    abstract replaceImg(imageBase64: string, id_file: string): any;
-    abstract changeImgName(fileName: string, id_file: string): any;
-    abstract removeImg(id_file: string): any;
-    abstract removeMultipleImg(id_array: string[]): any;
+    abstract uploadFile(formData: FormData): Observable<ImgPictureDTO>;
+    abstract uploadFileByUrl(url: string, fileName?: string): Observable<ImgPictureDTO>;
+    abstract replaceImg(imageBase64: string, id_file: string): Observable<ImgPictureDTO>;
+    abstract changeImgName(fileName: string, id_file: string): Observable<ImgPictureDTO>;
+    abstract removeImg(id_file: string): Observable<ImgPictureDTO>;
+    abstract removeMultipleImg(id_array: string[]): Observable<ImgPictureDTO[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ApiService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ApiService>;
 }

package/lib/services/config/img-cdn.service.d.ts

@@ -1,7 +1,6 @@
-import { ImgCDNConfigDTO } from '../../dto/config/image-cdn/image-cdn-config.dto';
 import * as i0 from "@angular/core";
 export declare class ImgCDNService {
-    imgCDNConfig: ImgCDNConfigDTO;
+    imgCDNConfig: import("@wizishop/img-manager").ImgCDNConfigDTO;
     getUrlImg(size: '100' | '200' | '400' | '800' | 'raw' | string): any;
     getAllSize(): string[];
     static ɵfac: i0.ɵɵFactoryDeclaration<ImgCDNService, never>;

package/lib/services/img-event.service.d.ts

@@ -1,7 +1,6 @@
 import { ImgPictureDTO } from '../dto/img-manager.dto';
 import * as i0 from "@angular/core";
 export declare class ImgEventService {
-    constructor();
     private imgToEditEvent;
     private imgRemoved;
     private imgAdded;

package/lib/services/img-manager.service.d.ts

@@ -1,4 +1,3 @@
-import { Optional } from '@angular/core';
 import { HttpParams } from '@angular/common/http';
 import { Observable } from "rxjs";
 import { ImgPictureDTO, ImgPicturesDTO, ParamsImgManagerDTO } from '../dto/img-manager.dto';
@@ -7,30 +6,24 @@ import { ImgManagerConfig } from '../dto/config/img-manager';
 import { ApiService } from './api.service';
 import * as i0 from "@angular/core";
 export declare class ImgManagerService {
-    private apiService;
     params: HttpParams;
     private pageFicheProductConfig;
     private angularFicheProductConfig;
     private wiziblockConfig;
     private simpleWithButtonOpenerConfig;
     private fullWindowConfig;
-    constructor(apiService: ApiService);
+    apiService: ApiService;
     shopImgList: ImgPicturesDTO;
     previousParams: ParamsImgManagerDTO;
     getShopImgList(params?: ParamsImgManagerDTO): Observable<ImgPicturesDTO>;
-    getShopTotalImgList(params?: ParamsImgManagerDTO): Observable<any>;
+    getShopTotalImgList(params?: ParamsImgManagerDTO): Observable<number>;
     getShopImg(idFile: string): Observable<ImgPictureDTO>;
     resetParams(params: ParamsImgManagerDTO): void;
-    replaceImg(imageBase64: string, id_file: string): any;
-    removeImg(id_file: string): any;
-    removeMultipleImg(id_array: string[]): any;
+    replaceImg(imageBase64: string, id_file: string): Observable<ImgPictureDTO>;
+    removeImg(id_file: string): Observable<ImgPictureDTO>;
+    removeMultipleImg(id_array: string[]): Observable<ImgPictureDTO[]>;
     getImgManagerDisplayConfig(displayName: ImgManagerConfig): ImgManagerDisplayConfig;
     getAllImgManagerDisplayConfig(): ImgManagerDisplayConfig[];
     static ɵfac: i0.ɵɵFactoryDeclaration<ImgManagerService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ImgManagerService>;
 }
-export declare const ImgManagerServiceProvider: {
-    provide: typeof ImgManagerService;
-    useFactory: (parentService: ImgManagerService, apiService: ApiService) => ImgManagerService;
-    deps: (Optional[] | typeof ApiService)[];
-};

package/lib/services/img-selection.service.d.ts

@@ -1,4 +1,3 @@
-import { Optional } from '@angular/core';
 import { ImgPictureDTO } from '../dto/img-manager.dto';
 import { BehaviorSubject } from 'rxjs';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
@@ -26,8 +25,3 @@ export declare class ImgSelectionService {
     static ɵfac: i0.ɵɵFactoryDeclaration<ImgSelectionService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ImgSelectionService>;
 }
-export declare const ImgSelectionServiceProvider: {
-    provide: typeof ImgSelectionService;
-    useFactory: (parentService: ImgSelectionService) => ImgSelectionService;
-    deps: Optional[][];
-};

package/lib/services/rename-picture.service.d.ts

@@ -13,7 +13,7 @@ export declare class RenamePictureService {
     constructor(apiService: ApiService, alertService: AlertService);
     setPicturesList(picturesList: ImgPictureDTO[]): void;
     renamePicture(pictureNameUpdate: PictureNameUpdate): void;
-    changeImageName(name: string, idFile: string): any;
+    changeImageName(name: string, idFile: string): import("rxjs").Observable<ImgPictureDTO>;
     private getPictureById;
     static ɵfac: i0.ɵɵFactoryDeclaration<RenamePictureService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<RenamePictureService>;

package/lib/services/snackbar.service.d.ts

@@ -0,0 +1,19 @@
+import { NwbSnackbarService, NwbSnackbarConfig } from '@wizishop/ng-wizi-bulma';
+import { TranslateService } from '@ngx-translate/core';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class SnackBarService {
+    private nwbSnackbar;
+    private translateService;
+    actionMsg: string;
+    snackBarConfigAction: NwbSnackbarConfig;
+    snackBarConfig: NwbSnackbarConfig;
+    private snackBarRefComponent;
+    constructor(nwbSnackbar: NwbSnackbarService, translateService: TranslateService);
+    openSnackBar(msgKey: string): void;
+    openSnackBarWithAction(msgKey: string): Observable<unknown>;
+    openSnackBarWithBackendRespons(msgKey: string, msgBackend: string): void;
+    private closePreviousSnackbar;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SnackBarService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SnackBarService>;
+}

package/lib/services/upload.service.d.ts

@@ -1,10 +1,9 @@
 import { ApiService } from './api.service';
 import * as i0 from "@angular/core";
 export declare class UploadService {
-    private apiService;
-    constructor(apiService: ApiService);
-    uploadFile(formData: FormData): any;
-    uploadFileByUrl(url: string, fileName?: string): any;
+    apiService: ApiService;
+    uploadFile(formData: FormData): import("rxjs").Observable<import("@wizishop/img-manager").ImgPictureDTO>;
+    uploadFileByUrl(url: string, fileName?: string): import("rxjs").Observable<import("@wizishop/img-manager").ImgPictureDTO>;
     static ɵfac: i0.ɵɵFactoryDeclaration<UploadService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<UploadService>;
 }

package/lib/services/user-settings.service.d.ts

@@ -1,7 +1,6 @@
 import * as i0 from "@angular/core";
 export declare class UserSettingsService {
     private userdisplayPreference;
-    constructor();
     /**
      * true : display list
      * false : display mosaic

package/lib/wz-img-manager.component.d.ts

@@ -5,8 +5,8 @@ import { UserSettingsService } from './services/user-settings.service';
 import { CanvaService } from './services/canva.service';
 import { ImgEventService } from './services/img-event.service';
 import { DomService } from './services/dom.service';
-import { stateDisplayed } from '../public-api';
 import { WiziBlockMediaDto } from './dto/wizi-block-media.dto';
+import { stateDisplayed } from './dto/stateDisplayed.dto';
 import * as i0 from "@angular/core";
 export declare class WzImgManagerComponent implements OnInit {
     private imgSelectionService;
@@ -25,7 +25,7 @@ export declare class WzImgManagerComponent implements OnInit {
     set showImgManagerModule(activate: boolean);
     get showImgManagerModule(): boolean;
     onKeydownHandler(event: KeyboardEvent): void;
-    imgSelectionChange: import("rxjs").BehaviorSubject<import("./dto/img-manager.dto").ImgPictureDTO[]>;
+    imgSelectionChange: import("rxjs").BehaviorSubject<import("@wizishop/img-manager").ImgPictureDTO[]>;
     close: boolean;
     selectImgEvent: Subscription;
     listDisplayed: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wizishop/img-manager",
-  "version": "15.2.1",
+  "version": "15.2.4",
   "description": "The best and the most beautiful image manager.",
   "repository": {
     "type": "git",

package/wz-img-manager.scss

@@ -2941,7 +2941,64 @@ $green-color: #2ecc71;
 
 .dropdownWizi:not(.is-hoverable) {
     cursor: not-allowed;
-}.wz-img-manager  .wz-pagination {
+}.wz-img-manager  .input-search.field {
+  padding: 10px 20px;
+  background-color: $gray-background;
+  @include media('<tablet') {
+    padding: 0!important;
+    background-color: $white;
+  }
+  &.small-padding {
+    padding: 10px 20px;
+  }
+  .input,
+  .input:focus,
+  .input.is-focused,
+  .input:active,
+  .input.is-active {
+    font-size: rem(14);
+    color: $main-text;
+    border: rem(1) solid $input-border-search;
+    box-shadow: none;
+    padding: rem(13.5) rem(20) rem(13.5) rem(48);
+    border-radius: rem(3);
+    margin: 0;
+    height: auto;
+    min-height: unset;
+
+    &::placeholder {
+      color: $placeholder-color;
+      font-weight: normal;
+    }
+  }
+
+  .input:focus,
+  .input.is-focused,
+  .input:active,
+  .input.is-active {
+    border-color: $wizishop-blue;
+  }
+
+  .icon {
+    position: absolute;
+    top: 50%;
+    left: 20px;
+    font-size: rem(18);
+    transform: translateY(-50%);
+    pointer-events: none;
+    font-weight: 400;
+    color: $placeholder-color;
+    margin: 0;
+    width: rem(18);
+    height: rem(18);
+  }
+}
+
+.wz-img-manager .wz-img-manager__module:not(.wz-img-manager__module--window) .pexels-lib__search  .input-search.field {
+  padding: 0;
+  background-color: transparent;
+}
+.wz-img-manager  .wz-pagination {
   width: 100%;
   padding: 0;
 
@@ -3053,63 +3110,6 @@ $green-color: #2ecc71;
     }
   }
 }
-.wz-img-manager  .input-search.field {
-  padding: 10px 20px;
-  background-color: $gray-background;
-  @include media('<tablet') {
-    padding: 0!important;
-    background-color: $white;
-  }
-  &.small-padding {
-    padding: 10px 20px;
-  }
-  .input,
-  .input:focus,
-  .input.is-focused,
-  .input:active,
-  .input.is-active {
-    font-size: rem(14);
-    color: $main-text;
-    border: rem(1) solid $input-border-search;
-    box-shadow: none;
-    padding: rem(13.5) rem(20) rem(13.5) rem(48);
-    border-radius: rem(3);
-    margin: 0;
-    height: auto;
-    min-height: unset;
-
-    &::placeholder {
-      color: $placeholder-color;
-      font-weight: normal;
-    }
-  }
-
-  .input:focus,
-  .input.is-focused,
-  .input:active,
-  .input.is-active {
-    border-color: $wizishop-blue;
-  }
-
-  .icon {
-    position: absolute;
-    top: 50%;
-    left: 20px;
-    font-size: rem(18);
-    transform: translateY(-50%);
-    pointer-events: none;
-    font-weight: 400;
-    color: $placeholder-color;
-    margin: 0;
-    width: rem(18);
-    height: rem(18);
-  }
-}
-
-.wz-img-manager .wz-img-manager__module:not(.wz-img-manager__module--window) .pexels-lib__search  .input-search.field {
-  padding: 0;
-  background-color: transparent;
-}
 
 
 .wac {