@wizishop/img-manager 18.2.0 → 18.2.2-beta

package/lib/components/canva-btn/canva-btn.component.d.ts

@@ -35,5 +35,5 @@ export declare class CanvaBtnComponent implements OnInit, OnDestroy {
     onOpenCanva(width: number, height: number): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CanvaBtnComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CanvaBtnComponent, "canva-btn", never, { "stateDisplayed": "stateDisplayed"; }, { "showImgUploaded": "showImgUploaded"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CanvaBtnComponent, "canva-btn", never, { "stateDisplayed": { "alias": "stateDisplayed"; "required": false; }; }, { "showImgUploaded": "showImgUploaded"; }, never, never, false, never>;
 }

package/lib/components/images-view/images-actions-handler.d.ts

@@ -38,6 +38,7 @@ export declare abstract class ImagesActionHandler {
     private errorAlreadyUsedImg;
     private imageNotFoundService;
     constructor(imgManager: ImgManagerService, imgSelectionService: ImgSelectionService, http: HttpClient, imgCDNService: ImgCDNService, imgEventCardService: ImgEventService, alertService: AlertService, translateService: TranslateService, apiService: ApiService);
+    ngOnInit(): void;
     /** Event emit when the header checkbox is checked */
     onToggleAllCheckBoxRow(event: any): void;
     onToggleDelSelection(index: number): void;
@@ -54,5 +55,5 @@ export declare abstract class ImagesActionHandler {
     private downloadUrl;
     ngDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ImagesActionHandler, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ImagesActionHandler, never, never, { "picturesList": "picturesList"; "tableFilters": "tableFilters"; "displayPexelsResults": "displayPexelsResults"; "disable": "disable"; "isLoading": "isLoading"; "stateDisplayed": "stateDisplayed"; }, { "picturesListChange": "picturesListChange"; "disableChange": "disableChange"; "filtersChange": "filtersChange"; "pictureNameChange": "pictureNameChange"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ImagesActionHandler, never, never, { "picturesList": { "alias": "picturesList"; "required": false; }; "tableFilters": { "alias": "tableFilters"; "required": false; }; "displayPexelsResults": { "alias": "displayPexelsResults"; "required": false; }; "disable": { "alias": "disable"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "stateDisplayed": { "alias": "stateDisplayed"; "required": false; }; }, { "picturesListChange": "picturesListChange"; "disableChange": "disableChange"; "filtersChange": "filtersChange"; "pictureNameChange": "pictureNameChange"; }, never, never, false, never>;
 }

package/lib/components/images-view/images-view.component.d.ts

@@ -1,6 +1,7 @@
 import { ElementRef, AfterViewInit, EventEmitter, ChangeDetectorRef } from '@angular/core';
 import { ImgPictureDTO, ParamsImgManagerDTO } from '../../dto/img-manager.dto';
 import { ImgManagerService } from '../../services/img-manager.service';
+import { Observable } from 'rxjs';
 import { ImgEventService } from '../../services/img-event.service';
 import { ImgSelectionService } from '../../services/img-selection.service';
 import { UserSettingsService } from '../../services/user-settings.service';
@@ -47,15 +48,9 @@ export declare class ImagesViewComponent implements AfterViewInit {
     private errorGetImg;
     private errorRemoveImg;
     private destroy$;
-    vm$: import("rxjs").Observable<{
-        isLoading: boolean;
-        displayPexelsResults: boolean;
-        picturesList: ImgPictureDTO[];
-        imageTotal: number;
-        tableFilters: TableFilters;
-        skipSetImagesToDisplay: boolean;
-    }>;
+    vm$: Observable<any>;
     constructor(imgManager: ImgManagerService, imgEventService: ImgEventService, imgSelectionService: ImgSelectionService, alertService: AlertService, userSettingsService: UserSettingsService, renamePictureService: RenamePictureService, changeDetectorRef: ChangeDetectorRef);
+    ngOnInit(): void;
     private getTableFilters;
     ngAfterViewInit(): void;
     /**
@@ -100,5 +95,5 @@ export declare class ImagesViewComponent implements AfterViewInit {
     switchDisplayWindowMosaic(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ImagesViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ImagesViewComponent, "images-view", never, { "stateDisplayed": "stateDisplayed"; "tabDisplayed": "tabDisplayed"; "fullSize": "fullSize"; "nbRowToShow": "nbRowToShow"; "listDisplayed": "listDisplayed"; "multipleImgMode": "multipleImgMode"; }, { "switchDisplayWindow": "switchDisplayWindow"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ImagesViewComponent, "images-view", never, { "stateDisplayed": { "alias": "stateDisplayed"; "required": false; }; "tabDisplayed": { "alias": "tabDisplayed"; "required": false; }; "fullSize": { "alias": "fullSize"; "required": false; }; "nbRowToShow": { "alias": "nbRowToShow"; "required": false; }; "listDisplayed": { "alias": "listDisplayed"; "required": false; }; "multipleImgMode": { "alias": "multipleImgMode"; "required": false; }; }, { "switchDisplayWindow": "switchDisplayWindow"; }, never, never, false, never>;
 }

package/lib/components/images-view/mosaic-view/img-card/img-card.component.d.ts

@@ -26,5 +26,5 @@ export declare class ImgCardComponent extends ImagesActionHandler implements OnI
     displayLargeWindow(): void;
     onToggleImgSelected(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ImgCardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ImgCardComponent, "img-card", never, { "tabDisplayed": "tabDisplayed"; "fullSize": "fullSize"; "picture": "picture"; "index": "index"; }, { "toggleImgSelected": "toggleImgSelected"; "switchDisplayWindow": "switchDisplayWindow"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ImgCardComponent, "img-card", never, { "tabDisplayed": { "alias": "tabDisplayed"; "required": false; }; "fullSize": { "alias": "fullSize"; "required": false; }; "picture": { "alias": "picture"; "required": false; }; "index": { "alias": "index"; "required": false; }; }, { "toggleImgSelected": "toggleImgSelected"; "switchDisplayWindow": "switchDisplayWindow"; }, never, never, false, never>;
 }

package/lib/components/images-view/mosaic-view/mosaic-view.component.d.ts

@@ -22,5 +22,5 @@ export declare class MosaicViewComponent extends ImagesActionHandler implements
     switchDisplayWindowCard(): void;
     trackById(index: number, picture: any): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<MosaicViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MosaicViewComponent, "mosaic-view", never, { "tabDisplayed": "tabDisplayed"; "fullSize": "fullSize"; "nbFakeImg": "nbFakeImg"; }, { "switchDisplayWindow": "switchDisplayWindow"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MosaicViewComponent, "mosaic-view", never, { "tabDisplayed": { "alias": "tabDisplayed"; "required": false; }; "fullSize": { "alias": "fullSize"; "required": false; }; "nbFakeImg": { "alias": "nbFakeImg"; "required": false; }; }, { "switchDisplayWindow": "switchDisplayWindow"; }, never, never, false, never>;
 }

package/lib/components/img-editor/cropper/cropper.component.d.ts

@@ -70,5 +70,5 @@ export declare class CropperComponent implements OnInit {
     zoomIn(): void;
     applyMethod(method: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CropperComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CropperComponent, "cropper", never, { "imgToEdit": "imgToEdit"; "isImgModified": "isImgModified"; }, { "isImgModifiedChange": "isImgModifiedChange"; "editClosed": "editClosed"; "currentCroppedImageChange": "currentCroppedImageChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CropperComponent, "cropper", never, { "imgToEdit": { "alias": "imgToEdit"; "required": false; }; "isImgModified": { "alias": "isImgModified"; "required": false; }; }, { "isImgModifiedChange": "isImgModifiedChange"; "editClosed": "editClosed"; "currentCroppedImageChange": "currentCroppedImageChange"; }, never, never, false, never>;
 }

package/lib/components/img-editor/img-editor.component.d.ts

@@ -26,5 +26,5 @@ export declare class ImgEditorComponent implements OnInit {
     onImgCropped(imgBase64: string): void;
     private renameAndReplaceImg;
     static ɵfac: i0.ɵɵFactoryDeclaration<ImgEditorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ImgEditorComponent, "img-editor", never, { "stateDisplayed": "stateDisplayed"; "imgToEdit": "imgToEdit"; }, { "editClosed": "editClosed"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ImgEditorComponent, "img-editor", never, { "stateDisplayed": { "alias": "stateDisplayed"; "required": false; }; "imgToEdit": { "alias": "imgToEdit"; "required": false; }; }, { "editClosed": "editClosed"; }, never, never, false, never>;
 }

package/lib/components/img-editor/info-section/info-section.component.d.ts

@@ -20,5 +20,5 @@ export declare class EditorInfoSectionComponent implements OnInit {
     copyToClipBoard(event: any): void;
     onNameChange(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EditorInfoSectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EditorInfoSectionComponent, "info-section", never, { "imgToEdit": "imgToEdit"; "isNameModified": "isNameModified"; }, { "isNameModifiedChange": "isNameModifiedChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EditorInfoSectionComponent, "info-section", never, { "imgToEdit": { "alias": "imgToEdit"; "required": false; }; "isNameModified": { "alias": "isNameModified"; "required": false; }; }, { "isNameModifiedChange": "isNameModifiedChange"; }, never, never, false, never>;
 }

package/lib/components/img-selection/img-selection.component.d.ts

@@ -2,6 +2,7 @@ import { EventEmitter } from '@angular/core';
 import { ImgSelectionService } from '../../services/img-selection.service';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
 import { tabDisplayed } from '../../dto/export-dtos.api';
+import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class ImgSelectionComponent {
     private imgSelectionService;
@@ -11,17 +12,15 @@ export declare class ImgSelectionComponent {
     cancellingAll: boolean;
     importingAll: boolean;
     dragStart: boolean;
-    vm$: import("rxjs").Observable<{
-        imgSelectedList: import("../../dto/img-manager.dto").ImgPictureDTO[];
-        isLoading: boolean;
-    }>;
+    vm$: Observable<any>;
     trashPositionIndex: number;
     trashPositionLeft: string;
     constructor(imgSelectionService: ImgSelectionService);
+    ngOnInit(): void;
     init(): void;
     removeImg(index: number): void;
     drop(event: CdkDragDrop<string[]>): void;
     removeImgFromSelection(event: CdkDragDrop<string[]>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ImgSelectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ImgSelectionComponent, "img-selection", never, { "tabDisplayed": "tabDisplayed"; }, { "imgManagerClosed": "imgManagerClosed"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ImgSelectionComponent, "img-selection", never, { "tabDisplayed": { "alias": "tabDisplayed"; "required": false; }; }, { "imgManagerClosed": "imgManagerClosed"; }, never, never, false, never>;
 }

package/lib/components/img-tabs/img-tabs.component.d.ts

@@ -35,5 +35,5 @@ export declare class ImgTabsComponent implements OnInit {
     switchRouterLink(event: any): void;
     onImgManagerClosed(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ImgTabsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ImgTabsComponent, "img-tabs", never, { "multipleImgMode": "multipleImgMode"; "stateDisplayed": "stateDisplayed"; "listDisplayed": "listDisplayed"; }, { "imgManagerClosed": "imgManagerClosed"; "currentTab": "currentTab"; "switchDisplayWindow": "switchDisplayWindow"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ImgTabsComponent, "img-tabs", never, { "multipleImgMode": { "alias": "multipleImgMode"; "required": false; }; "stateDisplayed": { "alias": "stateDisplayed"; "required": false; }; "listDisplayed": { "alias": "listDisplayed"; "required": false; }; }, { "imgManagerClosed": "imgManagerClosed"; "currentTab": "currentTab"; "switchDisplayWindow": "switchDisplayWindow"; }, never, never, false, never>;
 }

package/lib/components/img-upload/img-upload.component.d.ts

@@ -42,5 +42,5 @@ export declare class ImgUploadComponent implements OnInit {
      */
     removeDragAndDropStyle(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ImgUploadComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ImgUploadComponent, "img-upload", never, { "stateDisplayed": "stateDisplayed"; }, { "imgUploaded": "imgUploaded"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ImgUploadComponent, "img-upload", never, { "stateDisplayed": { "alias": "stateDisplayed"; "required": false; }; }, { "imgUploaded": "imgUploaded"; }, never, never, false, never>;
 }

package/lib/components/loader/loader.component.d.ts

@@ -4,5 +4,5 @@ export declare class LoaderComponent {
     small: boolean;
     position: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<LoaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LoaderComponent, "wz-loader", never, { "text": "text"; "small": "small"; "position": "position"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoaderComponent, "wz-loader", never, { "text": { "alias": "text"; "required": false; }; "small": { "alias": "small"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -50,5 +50,5 @@ export declare class PexelLibComponent implements AfterViewInit {
     uploadPhoto(photo: WzImgLibPhotoDto, url: string): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PexelLibComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PexelLibComponent, "pexels-lib", never, { "stateDisplayed": "stateDisplayed"; "searchValue": "searchValue"; "disableSearch": "disableSearch"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PexelLibComponent, "pexels-lib", never, { "stateDisplayed": { "alias": "stateDisplayed"; "required": false; }; "searchValue": { "alias": "searchValue"; "required": false; }; "disableSearch": { "alias": "disableSearch"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/components/shared/alert/alert.component.d.ts

@@ -8,5 +8,5 @@ export declare class AlertComponent implements OnInit {
     constructor();
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AlertComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "wz-alert", never, { "icon": "icon"; "warning": "warning"; "success": "success"; "iconClass": "iconClass"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "wz-alert", never, { "icon": { "alias": "icon"; "required": false; }; "warning": { "alias": "warning"; "required": false; }; "success": { "alias": "success"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/lib/components/shared/checkbox/checkbox.component.d.ts

@@ -18,5 +18,5 @@ export declare class CheckboxComponent implements ControlValueAccessor {
     writeValue(obj: any): void;
     onChange(value: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "wz-checkbox", never, { "label": "label"; "value": "value"; "type": "type"; "alone": "alone"; "checked": "checked"; "id": "id"; "name": "name"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "wz-checkbox", never, { "label": { "alias": "label"; "required": false; }; "value": { "alias": "value"; "required": false; }; "type": { "alias": "type"; "required": false; }; "alone": { "alias": "alone"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/components/shared/dropdown/dropdown.component.d.ts

@@ -6,5 +6,5 @@ export declare class DropdownComponent implements OnInit {
     constructor();
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "dropdown", never, { "dropDownMenuClass": "dropDownMenuClass"; "disable": "disable"; }, {}, never, ["[label]", "[item]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "dropdown", never, { "dropDownMenuClass": { "alias": "dropDownMenuClass"; "required": false; }; "disable": { "alias": "disable"; "required": false; }; }, {}, never, ["[label]", "[item]"], false, never>;
 }

package/lib/components/shared/input-search/input-search.component.d.ts

@@ -16,5 +16,5 @@ export declare class InputSearchComponent implements ControlValueAccessor {
     registerOnTouched(fn: any): void;
     handleDebouncedKeyUp(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputSearchComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputSearchComponent, "wz-input-search", never, { "placeholder": "placeholder"; "smallPadding": "smallPadding"; "id": "id"; }, { "changeDebounced": "changeDebounced"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputSearchComponent, "wz-input-search", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "smallPadding": { "alias": "smallPadding"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "changeDebounced": "changeDebounced"; }, never, never, false, never>;
 }

package/lib/components/shared/pagination/page-selector/page-selector.component.d.ts

@@ -19,5 +19,5 @@ export declare class PageSelectorComponent {
     constructor();
     onGotoPageChange(event: any, directValue: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PageSelectorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PageSelectorComponent, "wz-page-selector", never, { "pagination": "pagination"; "totalItems": "totalItems"; }, { "pageChange": "pageChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PageSelectorComponent, "wz-page-selector", never, { "pagination": { "alias": "pagination"; "required": false; }; "totalItems": { "alias": "totalItems"; "required": false; }; }, { "pageChange": "pageChange"; }, never, never, false, never>;
 }

package/lib/components/shared/pagination/pagination.component.d.ts

@@ -15,5 +15,5 @@ export declare class PaginationComponent {
     incrementPage(): void;
     onGotoPageChange(pageNumber: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PaginationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PaginationComponent, "wz-pagination", never, { "pagination": "pagination"; }, { "pageChange": "pageChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PaginationComponent, "wz-pagination", never, { "pagination": { "alias": "pagination"; "required": false; }; }, { "pageChange": "pageChange"; }, never, never, false, never>;
 }

package/lib/components/shared/select/select.component.d.ts

@@ -37,5 +37,5 @@ export declare class SelectComponent implements OnInit, ControlValueAccessor {
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "wac-select", never, { "items": "items"; "placeholder": "placeholder"; "label": "label"; "maxWidthItems": "maxWidthItems"; "search": "search"; "type": "type"; "callToAction": "callToAction"; "maxWidth": "maxWidth"; "disabled": "disabled"; }, { "selectValue": "selectValue"; "clickOnCallToAction": "clickOnCallToAction"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "wac-select", never, { "items": { "alias": "items"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "label": { "alias": "label"; "required": false; }; "maxWidthItems": { "alias": "maxWidthItems"; "required": false; }; "search": { "alias": "search"; "required": false; }; "type": { "alias": "type"; "required": false; }; "callToAction": { "alias": "callToAction"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "selectValue": "selectValue"; "clickOnCallToAction": "clickOnCallToAction"; }, never, never, false, never>;
 }

package/lib/components/shared/table/table.component.d.ts

@@ -30,5 +30,5 @@ export declare class TableComponent implements OnInit {
     private setTablesFilters;
     ngDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "wz-table", never, { "tableFilters": "tableFilters"; "tableRoutingName": "tableRoutingName"; "placeholder": "placeholder"; "checkbox": "checkbox"; "disableSearch": "disableSearch"; "disablePagniation": "disablePagniation"; "isLoading": "isLoading"; }, { "tableFiltersChange": "tableFiltersChange"; "toggleAllCheckBox": "toggleAllCheckBox"; }, never, ["[headerCell]", "[tableRow]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "wz-table", never, { "tableFilters": { "alias": "tableFilters"; "required": false; }; "tableRoutingName": { "alias": "tableRoutingName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "checkbox": { "alias": "checkbox"; "required": false; }; "disableSearch": { "alias": "disableSearch"; "required": false; }; "disablePagniation": { "alias": "disablePagniation"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; }, { "tableFiltersChange": "tableFiltersChange"; "toggleAllCheckBox": "toggleAllCheckBox"; }, never, ["[headerCell]", "[tableRow]"], false, never>;
 }

package/lib/components/upload-list/upload-list.component.d.ts

@@ -24,5 +24,5 @@ export declare class UploadListComponent implements OnInit {
     private setEvents;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UploadListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UploadListComponent, "upload-list", never, { "stateDisplayed": "stateDisplayed"; "tabDisplayed": "tabDisplayed"; "multipleImgMode": "multipleImgMode"; }, { "switchDisplayWindow": "switchDisplayWindow"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UploadListComponent, "upload-list", never, { "stateDisplayed": { "alias": "stateDisplayed"; "required": false; }; "tabDisplayed": { "alias": "tabDisplayed"; "required": false; }; "multipleImgMode": { "alias": "multipleImgMode"; "required": false; }; }, { "switchDisplayWindow": "switchDisplayWindow"; }, never, never, false, never>;
 }

package/lib/directives/abstract-debounce/abstract-debounce.directive.d.ts

@@ -11,5 +11,5 @@ export declare class AbstractDebounceDirective implements OnDestroy {
     emitChange(value: any): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDebounceDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDebounceDirective, "AbstractDebounceDirective", never, { "debounceTime": "debounceTime"; }, { "onEventChange": "onEventChange"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDebounceDirective, "AbstractDebounceDirective", never, { "debounceTime": { "alias": "debounceTime"; "required": false; }; }, { "onEventChange": "onEventChange"; }, never, never, false, never>;
 }

package/lib/directives/auto-hide.directive.d.ts

@@ -10,5 +10,5 @@ export declare class AutoHideDirective implements AfterViewInit {
     clickOutside: EventEmitter<any>;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AutoHideDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AutoHideDirective, "[wzAutoHide]", never, { "triggerElement": "triggerElement"; "forceOn": "forceOn"; }, { "clickOutside": "clickOutside"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AutoHideDirective, "[wzAutoHide]", never, { "triggerElement": { "alias": "triggerElement"; "required": false; }; "forceOn": { "alias": "forceOn"; "required": false; }; }, { "clickOutside": "clickOutside"; }, never, never, false, never>;
 }

package/lib/directives/copy-to-clipboard.directive.d.ts

@@ -5,5 +5,5 @@ export declare class CopyClipboardDirective {
     copied: EventEmitter<string>;
     onClick(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CopyClipboardDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CopyClipboardDirective, "[copy-clipboard]", never, { "payload": "copy-clipboard"; }, { "copied": "copied"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CopyClipboardDirective, "[copy-clipboard]", never, { "payload": { "alias": "copy-clipboard"; "required": false; }; }, { "copied": "copied"; }, never, never, false, never>;
 }

package/lib/directives/table/checkBoxRow.directive.d.ts

@@ -24,7 +24,7 @@ export declare class CheckBoxRow {
     private _toggleCheckbox;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckBoxRow, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CheckBoxRow, "[checkBoxRow]", never, { "checkBoxId": "checkBoxId"; "checkBoxName": "checkBoxName"; "checkBoxValue": "checkBoxValue"; }, { "checkBoxValueChange": "checkBoxValueChange"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CheckBoxRow, "[checkBoxRow]", never, { "checkBoxId": { "alias": "checkBoxId"; "required": false; }; "checkBoxName": { "alias": "checkBoxName"; "required": false; }; "checkBoxValue": { "alias": "checkBoxValue"; "required": false; }; }, { "checkBoxValueChange": "checkBoxValueChange"; }, never, never, false, never>;
 }
 export declare class HtmlContainer {
     private hostElement;

package/lib/directives/table/column.directive.d.ts

@@ -12,5 +12,5 @@ export declare class TableColumn {
     ngAfterViewInit(): void;
     applyCustomStylesOnCell(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableColumn, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TableColumn, "[tableColumn]", never, { "columnSize": "columnSize"; "centerCell": "centerCell"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TableColumn, "[tableColumn]", never, { "columnSize": { "alias": "columnSize"; "required": false; }; "centerCell": { "alias": "centerCell"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/directives/table/columnHeader.directive.d.ts

@@ -39,5 +39,5 @@ export declare class TableColumnHeader {
     emitEvents(newSort: any, newOrder: any): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableColumnHeader, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TableColumnHeader, "[headerCell]", never, { "headerName": "headerName"; "columnSize": "columnSize"; "filterRouting": "filterRouting"; "tableName": "tableName"; "sortName": "sortName"; "centerCell": "centerCell"; "tableFilters": "tableFilters"; }, { "onSortChange": "onSortChange"; "tableFiltersChange": "tableFiltersChange"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TableColumnHeader, "[headerCell]", never, { "headerName": { "alias": "headerName"; "required": false; }; "columnSize": { "alias": "columnSize"; "required": false; }; "filterRouting": { "alias": "filterRouting"; "required": false; }; "tableName": { "alias": "tableName"; "required": false; }; "sortName": { "alias": "sortName"; "required": false; }; "centerCell": { "alias": "centerCell"; "required": false; }; "tableFilters": { "alias": "tableFilters"; "required": false; }; }, { "onSortChange": "onSortChange"; "tableFiltersChange": "tableFiltersChange"; }, never, never, false, never>;
 }

package/lib/directives/zindex-toggle.directive.d.ts

@@ -12,5 +12,5 @@ export declare class ZindexToggleDirective implements OnInit, OnDestroy {
     switchToggle(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ZindexToggleDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ZindexToggleDirective, "[zIndexToggle]", never, { "isActive": "zIndexToggle"; }, { "onEventChange": "onEventChange"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ZindexToggleDirective, "[zIndexToggle]", never, { "isActive": { "alias": "zIndexToggle"; "required": false; }; }, { "onEventChange": "onEventChange"; }, never, never, false, never>;
 }

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

@@ -29,8 +29,8 @@ export declare class WzImgManagerComponent implements OnInit {
     set showImgManagerModule(activate: boolean);
     get showImgManagerModule(): boolean;
     onKeydownHandler(event: KeyboardEvent): void;
-    imgSelectionChange: import("rxjs").BehaviorSubject<import("@wizishop/img-manager").ImgPictureDTO[]>;
-    imageUploaded: import("rxjs").Subject<import("@wizishop/img-manager").ImgPictureDTO>;
+    imgSelectionChange: EventEmitter<any>;
+    imageUploaded: EventEmitter<any>;
     close: boolean;
     selectImgEvent: Subscription;
     listDisplayed: boolean;
@@ -58,5 +58,5 @@ export declare class WzImgManagerComponent implements OnInit {
     changeDisplayTab(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<WzImgManagerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WzImgManagerComponent, "wz-img-manager", never, { "stateDisplayed": "stateDisplayed"; "showSelection": "showSelection"; "forceToOpenCanva": "forceToOpenCanva"; "multipleImgMode": "multipleImgMode"; "showImgManagerModule": "showImgManagerModule"; }, { "imgManagerClosed": "imgManagerClosed"; "imgSelectionChange": "imgSelectionChange"; "imageUploaded": "imageUploaded"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WzImgManagerComponent, "wz-img-manager", never, { "stateDisplayed": { "alias": "stateDisplayed"; "required": false; }; "showSelection": { "alias": "showSelection"; "required": false; }; "forceToOpenCanva": { "alias": "forceToOpenCanva"; "required": false; }; "multipleImgMode": { "alias": "multipleImgMode"; "required": false; }; "showImgManagerModule": { "alias": "showImgManagerModule"; "required": false; }; }, { "imgManagerClosed": "imgManagerClosed"; "imgSelectionChange": "imgSelectionChange"; "imageUploaded": "imageUploaded"; }, never, never, false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wizishop/img-manager",
-  "version": "18.2.0",
+  "version": "18.2.2-beta",
   "description": "The best and the most beautiful image manager.",
   "repository": {
     "type": "git",
@@ -29,7 +29,7 @@
     "@angular/router": "^18.2.0",
     "@ngx-translate/core": "^14.0.0",
     "@ngx-translate/http-loader": "^7.0.0",
-    "@wizishop/img-manager": "^15.2.51",
+    "@wizishop/img-manager": "^18.2.2-beta",
     "@wizishop/ng-wizi-bulma": "^17.0.0",
     "bourbon": "^7.3.0",
     "bulma": "^0.9.4",
@@ -45,11 +45,7 @@
     "sass-flex-mixin": "^1.0.3",
     "zone.js": "^0.14.10"
   },
-  "module": "fesm2015/wizishop-img-manager.mjs",
-  "es2020": "fesm2020/wizishop-img-manager.mjs",
-  "esm2020": "esm2020/wizishop-img-manager.mjs",
-  "fesm2020": "fesm2020/wizishop-img-manager.mjs",
-  "fesm2015": "fesm2015/wizishop-img-manager.mjs",
+  "module": "fesm2022/wizishop-img-manager.mjs",
   "typings": "index.d.ts",
   "exports": {
     "./package.json": {
@@ -57,11 +53,9 @@
     },
     ".": {
       "types": "./index.d.ts",
-      "esm2020": "./esm2020/wizishop-img-manager.mjs",
-      "es2020": "./fesm2020/wizishop-img-manager.mjs",
-      "es2015": "./fesm2015/wizishop-img-manager.mjs",
-      "node": "./fesm2015/wizishop-img-manager.mjs",
-      "default": "./fesm2020/wizishop-img-manager.mjs"
+      "esm2022": "./esm2022/wizishop-img-manager.mjs",
+      "esm": "./esm2022/wizishop-img-manager.mjs",
+      "default": "./fesm2022/wizishop-img-manager.mjs"
     }
   },
   "sideEffects": false

package/wz-img-manager.scss

@@ -67,6 +67,23 @@ $color-CTA-select: #52aecd1a!default;
 $border-CTA-select: #52aecd66!default;
 $color-text-grey: #6b7881!default;
 $select-box-shadow: #0000000d!default;
+@use "sass:math";
+$em-base: 16px;
+
+@function strip-unit($value) {
+  @return math.div($value, $value * 0 + 1);
+}
+
+@function rem($pxval) {
+  @if not unitless($pxval) {
+    $pxval: strip-unit($pxval);
+  }
+  $base: $em-base;
+  @if not unitless($base) {
+    $base: strip-unit($base);
+  }
+  @return math.div($pxval, $base) * 1rem;
+}
 $base-font: 'Work Sans', helvetica !default;@mixin simple_transition($type: null, $time: null) {
   @if ($time == null) {
     $time: $img-transition-base-time;
@@ -2671,7 +2688,66 @@ image-cropper {
     font-size: rem(16);
     color: $main-text;
   }
-}.wz-img-manager .is-checkradio[type='checkbox'] {
+}$default-color-p-alert: #1e5568;
+$success-color-p-alert: #11552e;
+$warning-color-p-alert: #3a0505;
+$primary-button: #e95656;
+$link-color: #52aecd;
+$green-color: #2ecc71;
+
+.wz-alert {
+  width: 100%;
+  background-color: scale-color($link-color, $alpha: -85%);
+  color: $link-color;
+  border-radius: 3px;
+  display: flex;
+  flex-wrap: nowrap;
+  justify-content: space-between;
+  padding: 20px;
+  &.success {
+    background-color: scale-color($green-color, $alpha: -85%);
+    p {
+      color: $success-color-p-alert;
+      > * {
+        color: $success-color-p-alert;
+      }
+    }
+    i {
+      color: $green-color;
+    }
+  }
+  &.warning {
+    background-color: scale-color($primary-button, $alpha: -85%);
+    p {
+      color: $warning-color-p-alert;
+      > * {
+        color: $warning-color-p-alert;
+      }
+    }
+    i {
+      color: $primary-button;
+    }
+  }
+  p {
+    width: 100%;
+    font-size: rem(14);
+    line-height: rem(25);
+    margin: 0;
+    padding: 0;
+    color: $default-color-p-alert;
+    > * {
+      color: $default-color-p-alert;
+    }
+  }
+  i {
+    width: auto;
+    margin: 0 10px 0 0;
+    color: inherit;
+    font-size: rem(14);
+    line-height: rem(25);
+  }
+}
+.wz-img-manager .is-checkradio[type='checkbox'] {
   outline: 0 !important;
   & + label {
     font-size: rem(14);
@@ -2780,65 +2856,6 @@ image-cropper {
     }
   }
 }
-$default-color-p-alert: #1e5568;
-$success-color-p-alert: #11552e;
-$warning-color-p-alert: #3a0505;
-$primary-button: #e95656;
-$link-color: #52aecd;
-$green-color: #2ecc71;
-
-.wz-alert {
-  width: 100%;
-  background-color: transparentize($link-color, 0.85);
-  color: $link-color;
-  border-radius: 3px;
-  display: flex;
-  flex-wrap: nowrap;
-  justify-content: space-between;
-  padding: 20px;
-  &.success {
-    background-color: transparentize($green-color, 0.85);
-    p {
-      color: $success-color-p-alert;
-      > * {
-        color: $success-color-p-alert;
-      }
-    }
-    i {
-      color: $green-color;
-    }
-  }
-  &.warning {
-    background-color: transparentize($primary-button, 0.85);
-    p {
-      color: $warning-color-p-alert;
-      > * {
-        color: $warning-color-p-alert;
-      }
-    }
-    i {
-      color: $primary-button;
-    }
-  }
-  p {
-    width: 100%;
-    font-size: rem(14);
-    line-height: rem(25);
-    margin: 0;
-    padding: 0;
-    color: $default-color-p-alert;
-    > * {
-      color: $default-color-p-alert;
-    }
-  }
-  i {
-    width: auto;
-    margin: 0 10px 0 0;
-    color: inherit;
-    font-size: rem(14);
-    line-height: rem(25);
-  }
-}
 .wz-img-manager .dropdownWizi {
     padding: 10px;