@wizishop/angular-components 0.0.173 → 0.0.176

package/fesm2015/wizishop-angular-components.js

@@ -1,5 +1,5 @@
 import { NwbFilterRoutingBuilder, NwbAllModule, NwbFilterGroup } from '@wizishop/ng-wizi-bulma';
-import { Component, ViewEncapsulation, Input, EventEmitter, Output, Directive, HostListener, ɵɵdefineInjectable, ɵɵinject, ComponentFactoryResolver, ApplicationRef, INJECTOR, Injectable, Injector, ElementRef, Renderer2, TemplateRef, ViewContainerRef, NgModule, Inject, ContentChildren, ViewChild, Pipe } from '@angular/core';
+import { Component, ViewEncapsulation, Input, EventEmitter, Output, Directive, HostListener, ɵɵdefineInjectable, ɵɵinject, ComponentFactoryResolver, ApplicationRef, INJECTOR, Injectable, Injector, ElementRef, Renderer2, TemplateRef, ViewContainerRef, NgModule, Inject, ContentChildren, ViewChild, Pipe, ChangeDetectionStrategy } from '@angular/core';
 import { CommonModule, DOCUMENT } from '@angular/common';
 import { NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { PerfectScrollbarModule } from 'ngx-perfect-scrollbar';
@@ -892,6 +892,7 @@ class ButtonComponent {
         this.animationText = '';
         this.confirmDelete = false;
         this.confirmDeleteText = '';
+        this.tooltipPosition = 'top-center';
         this.confirmDeletePosition = 'right';
         this.click = new EventEmitter();
         this.isLoadingChange = new EventEmitter();
@@ -973,7 +974,7 @@ class ButtonComponent {
 ButtonComponent.decorators = [
     { type: Component, args: [{
                 selector: 'wac-button',
-                template: "<a\n  [class]=\"'wac-button ' + extraClasses\"\n  (click)=\"confirmDelete && waitForConfirmDelete ? addMaxWidthDelete() : '';onButtonClick($event);\"\n  (mouseleave)=\"animation ? resetMaxWidth() : '';\"\n  (mouseenter)=\"animation ? addMaxWidth() : '';\"\n  wzAutoHide (clickOutside)=\"confirmDelete && !waitForConfirmDelete ? resetMaxWidthDelete() : ''\"\n  [ngClass]=\"[\n    label === '' ? 'alone' : '',\n    coin ? 'has-coin width-auto' : '',\n    animationRight ? 'animation-right' : '',\n    animation ? 'animationText' : '',\n    isLoading ? 'is-loading' : '',\n    opacity ? 'opacity' : '',\n    disabled ? 'disabled' : '',\n    widthAuto ? 'width-auto' : '',\n    whiteSpaceNowrap ? 'white-space-no-wrap' : '',\n    !waitForConfirmDelete && confirmDelete ? 'step-delete' : '',\n    confirmDelete ? 'deletePosition-' + confirmDeletePosition : ''\n    ]\"\n    [ngStyle]=\"{\n      'text-align': contentHorizontalPosition\n    }\"\n>\n  <span class=\"wac-button__wrapper\" [style.color]=\"textcolor ? textcolor : ''\">\n    <i *ngIf=\"icon !== ''\" [ngClass]=\"icon\" [style.font-size.px]=\"iconFontSize\"></i>\n    {{ label }}\n    <i *ngIf=\"iconNext !== ''\" [ngClass]=\"iconNext\" [style.font-size.px]=\"iconFontSize\"></i>\n  </span>\n  <span class=\"wac-button__animation\" [style.maxWidth]=\"buttonMaxWidth\" [style.width]=\"buttonWidth + 'px'\">\n    <span #calculWidth class=\"wac-button__animation__text\" [innerHTML]=\"animationText\"></span>\n  </span>\n  <span class=\"wac-button__confirmDelete\" [style.maxWidth]=\"buttonMaxWidthDelete\" [style.width]=\"buttonWidthDelete + 'px'\">\n    <span #calculWidthDelete class=\"wac-button__confirmDelete__text\" [innerHTML]=\"confirmDeleteText\"></span>\n  </span>\n  <span *ngIf=\"coin\" class=\"wac-button__coin\"><i class=\"fa-solid fa-coin-front\"></i><span [innerHTML]=\"coin\"></span></span>\n  <span\n    class=\"wac-button__loader\"\n    [ngClass]=\"extraClasses.includes('is-outlined') ? 'outlined' : ''\"\n    *ngIf=\"isLoading\"\n    [style.width]=\"currentLoading + '%'\"\n  >\n    <span *ngIf=\"extraClasses.includes('is-outlined')\">\n      <i *ngIf=\"icon !== ''\" [ngClass]=\"icon\" [style.font-size.px]=\"iconFontSize\"></i>\n      {{ label }}\n      <i *ngIf=\"iconNext !== ''\" [ngClass]=\"iconNext\" [style.font-size.px]=\"iconFontSize\"></i>\n    </span>\n\n  </span>\n</a>\n"
+                template: "<a\n  [class]=\"'wac-button ' + extraClasses\"\n  (click)=\"confirmDelete && waitForConfirmDelete ? addMaxWidthDelete() : '';onButtonClick($event);\"\n  (mouseleave)=\"animation ? resetMaxWidth() : '';\"\n  (mouseenter)=\"animation ? addMaxWidth() : '';\"\n  wzAutoHide (clickOutside)=\"confirmDelete && !waitForConfirmDelete ? resetMaxWidthDelete() : ''\"\n  [ngClass]=\"[\n    label === '' ? 'alone' : '',\n    coin ? 'has-coin width-auto' : '',\n    animationRight ? 'animation-right' : '',\n    animation ? 'animationText' : '',\n    isLoading ? 'is-loading' : '',\n    opacity ? 'opacity' : '',\n    disabled ? 'disabled' : '',\n    widthAuto ? 'width-auto' : '',\n    whiteSpaceNowrap ? 'white-space-no-wrap' : '',\n    !waitForConfirmDelete && confirmDelete ? 'step-delete' : '',\n    confirmDelete ? 'deletePosition-' + confirmDeletePosition : ''\n    ]\"\n    [ngStyle]=\"{\n      'text-align': contentHorizontalPosition\n    }\"\n>\n  <span class=\"wac-button__wrapper\" [style.color]=\"textcolor ? textcolor : ''\">\n    <i *ngIf=\"icon\" [ngClass]=\"icon\" [style.font-size.px]=\"iconFontSize\"></i>\n    {{ label }}\n    <i *ngIf=\"iconNext\" [ngClass]=\"iconNext\" [style.font-size.px]=\"iconFontSize\"></i>\n  </span>\n  <span class=\"wac-button__animation\" [style.maxWidth]=\"buttonMaxWidth\" [style.width]=\"buttonWidth + 'px'\">\n    <span #calculWidth class=\"wac-button__animation__text\" [innerHTML]=\"animationText\"></span>\n  </span>\n  <span class=\"wac-button__confirmDelete\" [style.maxWidth]=\"buttonMaxWidthDelete\" [style.width]=\"buttonWidthDelete + 'px'\">\n    <span #calculWidthDelete class=\"wac-button__confirmDelete__text\" [innerHTML]=\"confirmDeleteText\"></span>\n  </span>\n  <span *ngIf=\"coin\" class=\"wac-button__coin\"><i class=\"fa-solid fa-coin-front\"></i><span [innerHTML]=\"coin\"></span></span>\n  <span\n    class=\"wac-button__loader\"\n    [ngClass]=\"extraClasses.includes('is-outlined') ? 'outlined' : ''\"\n    *ngIf=\"isLoading\"\n    [style.width]=\"currentLoading + '%'\"\n  >\n    <span *ngIf=\"extraClasses.includes('is-outlined')\">\n      <i *ngIf=\"icon !== ''\" [ngClass]=\"icon\" [style.font-size.px]=\"iconFontSize\"></i>\n      {{ label }}\n      <i *ngIf=\"iconNext !== ''\" [ngClass]=\"iconNext\" [style.font-size.px]=\"iconFontSize\"></i>\n    </span>\n  </span>\n  <span class=\"wac-button__tooltips {{ tooltipPosition }}\" [style.minWidth]=\"tooltipWidth\" *ngIf=\"tooltip\">\n    {{ tooltip }}\n  </span>\n</a>\n"
             },] }
 ];
 ButtonComponent.ctorParameters = () => [];
@@ -996,6 +997,9 @@ ButtonComponent.propDecorators = {
     confirmDelete: [{ type: Input }],
     confirmDeleteText: [{ type: Input }],
     coin: [{ type: Input }],
+    tooltip: [{ type: Input }],
+    tooltipWidth: [{ type: Input }],
+    tooltipPosition: [{ type: Input }],
     confirmDeletePosition: [{ type: Input }],
     click: [{ type: Output }],
     isLoading: [{ type: Input }],
@@ -3731,38 +3735,50 @@ BreadcrumbsComponent.propDecorators = {
 
 class CardPriceComponent {
     constructor() {
+        this.selected = false;
         this.disabled = false;
         this.btnTextcolor = '#ffffff';
         this.extraClasses = 'is-success';
+        this.extraClassesSelected = 'is-success is-outlined';
         this.hideButton = false;
         this.click = new EventEmitter();
+        this.removePackage = new EventEmitter();
     }
     ngOnInit() {
     }
     triggerClick() {
         this.click.emit(true);
     }
+    removePackageTrigger() {
+        this.removePackage.emit(true);
+    }
 }
 CardPriceComponent.decorators = [
     { type: Component, args: [{
                 selector: 'wac-card-price',
-                template: "<div class=\"wac-card-price\">\n  <strong>{{amount}}</strong>\n  <p>{{title}}</p>\n  <div class=\"price\">\n    <span class=\"amount\">{{price}} <span>{{currency}}</span></span><span class=\"month\">{{priceWording}}</span>\n  </div>\n  <div class=\"subtitle\">{{subtitle}}</div>\n  <div class=\"cta\">\n    <wac-button [label]=\"btnLabel\" [extraClasses]=\"extraClasses\" (click)=\"triggerClick()\" [disabled]=\"disabled\" [textcolor]=\"btnTextcolor\" *ngIf=\"!hideButton\"></wac-button>\n  </div>\n</div>\n"
+                template: "<div class=\"wac-card-price\" [ngClass]=\"{'selected': selected}\">\n  <strong>{{amount}}</strong>\n  <p>{{title}}</p>\n  <div class=\"price\">\n    <span class=\"amount\">{{price}} <span>{{currency}}</span></span><span class=\"month\">{{priceWording}}</span>\n  </div>\n  <div class=\"subtitle\">{{subtitle}}</div>\n  <div class=\"cta\" *ngIf=\"!selected\">\n    <wac-button [label]=\"btnLabel\" [extraClasses]=\"extraClasses\" (click)=\"triggerClick()\" [disabled]=\"disabled\" [whiteSpaceNowrap]=\"true\" [textcolor]=\"btnTextcolor\" *ngIf=\"!hideButton\"></wac-button>\n  </div>\n  <div class=\"cta\" *ngIf=\"selected\">\n    <wac-button [icon]=\"'fa-solid fa-check'\" [label]=\"btnLabelSelected\" [extraClasses]=\"extraClassesSelected\" [whiteSpaceNowrap]=\"true\" *ngIf=\"!hideButton\"></wac-button>\n  </div>\n  <div class=\"package-subtitle\" *ngIf=\"packageSubtitle\">{{packageSubtitle}}</div>\n  <div class=\"link-bottom\">\n    <wac-link (click)=\"removePackageTrigger()\">{{linkPackageLabel}}</wac-link>\n  </div>\n</div>\n"
             },] }
 ];
 CardPriceComponent.ctorParameters = () => [];
 CardPriceComponent.propDecorators = {
     amount: [{ type: Input }],
     title: [{ type: Input }],
+    selected: [{ type: Input }],
+    btnLabelSelected: [{ type: Input }],
     price: [{ type: Input }],
     currency: [{ type: Input }],
     priceWording: [{ type: Input }],
     subtitle: [{ type: Input }],
     btnLabel: [{ type: Input }],
+    packageSubtitle: [{ type: Input }],
+    linkPackageLabel: [{ type: Input }],
     disabled: [{ type: Input }],
     btnTextcolor: [{ type: Input }],
     extraClasses: [{ type: Input }],
+    extraClassesSelected: [{ type: Input }],
     hideButton: [{ type: Input }],
-    click: [{ type: Output }]
+    click: [{ type: Output }],
+    removePackage: [{ type: Output }]
 };
 
 class TokenCheckComponent {
@@ -3788,8 +3804,9 @@ TokenCheckComponent.propDecorators = {
 class BlockWithCheckboxComponent {
     constructor() {
         this.selected = false;
-        this.iconCopy = 'fa-solid fa-copy';
-        this.iconWorld = 'fa-thin fa-globe';
+        this.disabled = false;
+        this.iconCopy = 'fa-solid fa-paste';
+        this.iconWorld = 'fa-light fa-globe';
         this.copyAction = new EventEmitter();
         this.worldAction = new EventEmitter();
         this.checkboxAction = new EventEmitter();
@@ -3801,10 +3818,11 @@ class BlockWithCheckboxComponent {
         this.randomLabelName = 'radioBlock' + Math.random() * (900 - 700) + 700;
     }
     eventSelected(event) {
-        console.log(event);
-        this.selected = event.target.checked;
-        this.checkboxAction.emit(this.selected);
-        this.isFirst = false;
+        if (!this.disabled) {
+            this.selected = event.target.checked;
+            this.checkboxAction.emit(this.selected);
+            this.isFirst = false;
+        }
     }
     eventCopy() {
         this.copyAction.emit(true);
@@ -3821,12 +3839,13 @@ class BlockWithCheckboxComponent {
 BlockWithCheckboxComponent.decorators = [
     { type: Component, args: [{
                 selector: 'wac-block-with-checkbox',
-                template: "<div class=\"block-with-checkbox\" [ngClass]=\"{'selected': inputRadioA.checked, 'firstWacRadioBLock': isFirst}\" [style.opacity]=\"opacity\" (mouseover)=\"removeFirstClass()\">\n  <div class=\"block-with-checkbox__left\" (click)=\"inputRadioA.click()\">\n    <div class=\"wac-radio-block\">\n      <div class=\"wac-radio__row\">\n        <input #inputRadioA [name]=\"nameRadio\" type=\"radio\" [value]=\"selected\" (change)=\"eventSelected($event)\" [id]=\"randomLabelName\">\n        <label [for]=\"randomLabelName\"></label>\n      </div>\n    </div>\n  </div>\n  <div class=\"block-with-checkbox__center\" (click)=\"inputRadioA.click()\">\n    <ng-content></ng-content>\n  </div>\n  <div class=\"block-with-checkbox__right\">\n    <div><wac-button extraClasses=\"is-blue opacity static-width\"  [iconFontSize]=\"18\" [icon]=\"iconCopy\" (click)=\"eventCopy()\"></wac-button></div>\n    <div><wac-button extraClasses=\"is-green opacity static-width\" [iconFontSize]=\"18\" [icon]=\"iconWorld\"  (click)=\"eventWorld()\"></wac-button></div>\n  </div>\n</div>\n"
+                template: "<div class=\"block-with-checkbox\" [ngClass]=\"{'selected': inputRadioA.checked || selected, 'firstWacRadioBLock': isFirst, 'disabled': disabled}\" [style.opacity]=\"opacity\" (mouseover)=\"removeFirstClass()\">\n  <div class=\"block-with-checkbox__left\" (click)=\"inputRadioA.click()\">\n    <div class=\"wac-radio-block\">\n      <div class=\"wac-radio__row\">\n        <input #inputRadioA [name]=\"nameRadio\" type=\"radio\" [checked]=\"selected\" [value]=\"selected\" (change)=\"eventSelected($event)\" [id]=\"randomLabelName\">\n        <label [for]=\"randomLabelName\"></label>\n      </div>\n    </div>\n  </div>\n  <div class=\"block-with-checkbox__center\" (click)=\"inputRadioA.click()\">\n    <ng-content></ng-content>\n  </div>\n  <div class=\"block-with-checkbox__right\">\n    <div><wac-button extraClasses=\"is-blue opacity static-width\"  [iconFontSize]=\"18\" [icon]=\"iconCopy\" (click)=\"eventCopy()\"></wac-button></div>\n    <div><wac-button extraClasses=\"is-green opacity static-width\" [iconFontSize]=\"18\" [icon]=\"iconWorld\"  (click)=\"eventWorld()\"></wac-button></div>\n  </div>\n</div>\n"
             },] }
 ];
 BlockWithCheckboxComponent.ctorParameters = () => [];
 BlockWithCheckboxComponent.propDecorators = {
     selected: [{ type: Input }],
+    disabled: [{ type: Input }],
     iconCopy: [{ type: Input }],
     iconWorld: [{ type: Input }],
     copyAction: [{ type: Output }],
@@ -3874,32 +3893,49 @@ ConfirmDeleteComponent.propDecorators = {
 
 class MosaicComponent {
     constructor() {
-        this._imagesList = [];
+        this.imagesList = [];
         this.isLoading = false;
         this.numberOfColumn = 3;
         this.importImageSrc = new EventEmitter();
+        this.loadMoreImages = new EventEmitter();
     }
-    set imagesList(imagesList) {
-        this._imagesList = imagesList;
-        this.generateColumns();
-    }
-    get imagesList() {
-        return this._imagesList;
+    ngOnChanges(changes) {
+        console.log('changes', changes);
+        const isNumberOfColumnChange = changes.numberOfColumn && (changes.numberOfColumn.currentValue !== changes.numberOfColumn.previousValue);
+        if (changes.imagesList) {
+            this.generateColumns(changes.imagesList.previousValue, changes.imagesList.currentValue, isNumberOfColumnChange);
+            return;
+        }
+        if (isNumberOfColumnChange) {
+            this.generateColumns(null, this.imagesList, isNumberOfColumnChange);
+        }
     }
-    generateColumns() {
-        this.columns = this.sliceIntoChunks();
+    generateColumns(previousList, currentList, isNumberOfColumnChange) {
+        const isNewListSmaller = (currentList && previousList) && (currentList.length < previousList.length);
+        const resetColumns = isNumberOfColumnChange || isNewListSmaller;
+        const isPreviousListExisting = previousList === null || previousList === void 0 ? void 0 : previousList.length;
+        const newImagesToDisplay = !isPreviousListExisting || resetColumns ? currentList : currentList.slice(previousList.length);
+        let columns = this.separateImagesIntoColumns(newImagesToDisplay);
+        if (isPreviousListExisting && !resetColumns) {
+            const existingColumns = this.columns;
+            columns = this.concatColumns(existingColumns, columns);
+        }
+        this.columns = columns;
     }
-    sliceIntoChunks() {
+    separateImagesIntoColumns(newImagesToDisplay) {
         const columns = [];
-        const numberOfImagePerColumn = this.imagesList.length / this.numberOfColumn;
-        for (let i = 0; i < this.imagesList.length; i += numberOfImagePerColumn) {
-            const chunk = this.imagesList.slice(i, i + numberOfImagePerColumn);
+        const numberOfImagePerColumn = Math.floor(newImagesToDisplay.length / this.numberOfColumn);
+        for (let i = 0; i < newImagesToDisplay.length; i += numberOfImagePerColumn) {
+            const chunk = newImagesToDisplay.slice(i, i + numberOfImagePerColumn);
             columns.push(chunk);
         }
         return columns;
     }
+    concatColumns(oldColumns, newColumns) {
+        return oldColumns.map((oldColumn, columnIndex) => [...oldColumn, ...newColumns[columnIndex]]);
+    }
     onBottomReached() {
-        console.log('end bottom !');
+        this.loadMoreImages.emit();
     }
     onImportImage(src) {
         this.importImageSrc.emit(src);
@@ -3908,8 +3944,9 @@ class MosaicComponent {
 MosaicComponent.decorators = [
     { type: Component, args: [{
                 selector: 'wac-mosaic',
-                template: "<div class=\"wac-mosaic\" *ngIf=\"!isLoading; else loading\">\n  <ng-scrollbar (reachedBottom)=\"onBottomReached()\" reachedOffset=\"200\" class=\"wac-mosaic__wrapper__scrollbar\">\n    <div class=\"wac-mosaic__wrapper\">\n        <div class=\"wac-mosaic__wrapper__column\" *ngFor=\"let column of columns\">\n            <div class=\"wac-mosaic__wrapper__column__image\" *ngFor=\"let image of column; let i = index;\">\n              <img [src]=\"image.src\" [alt]=\"image.alt\"/>\n              <div class=\"hover\">\n                <ng-container\n                  [ngTemplateOutlet]=\"importButtonTemplate || defaultImportButton\"\n                  [ngTemplateOutletContext]=\"{ $implicit: image }\"\n                >\n                </ng-container>\n              </div>\n            </div>\n        </div>\n    </div>\n  </ng-scrollbar>\n</div>\n\n<ng-template #defaultImportButton let-image>\n  <wac-button [icon]=\"'fa-solid fa-image'\" [label]=\"'wac.MosaicComponent.import' | translate\" [extraClasses]=\"'is-success'\" (click)=\"onImportImage(image.src)\"></wac-button>\n</ng-template>\n\n<ng-template #loading>\n  <div class=\"wac-mosaic__loader\" *ngIf=\"isLoading\">\n    <wac-loader></wac-loader>\n  </div>\n</ng-template>\n",
-                encapsulation: ViewEncapsulation.None
+                template: "<div class=\"wac-mosaic\">\n  <ng-scrollbar (reachedBottom)=\"onBottomReached()\" reachedOffset=\"200\" class=\"wac-mosaic__wrapper__scrollbar\">\n    <div class=\"wac-mosaic__wrapper\">\n        <div class=\"wac-mosaic__wrapper__column\" *ngFor=\"let column of columns\">\n            <div class=\"wac-mosaic__wrapper__column__image\" *ngFor=\"let image of column; let i = index;\">\n              <img [src]=\"image.src\" [alt]=\"image.alt\"/>\n              <div class=\"hover\">\n                <ng-container\n                  [ngTemplateOutlet]=\"hoverImageTemplate || defaultImportButton\"\n                  [ngTemplateOutletContext]=\"{ $implicit: image }\"\n                >\n                </ng-container>\n              </div>\n            </div>\n        </div>\n    </div>\n  </ng-scrollbar>\n</div>\n\n<div class=\"wac-mosaic__loader\" *ngIf=\"isLoading\">\n  <wac-loader></wac-loader>\n</div>\n\n<ng-template #defaultImportButton let-image>\n  <wac-button [icon]=\"'fa-solid fa-image'\" [label]=\"'wac.MosaicComponent.import' | translate\" [extraClasses]=\"'is-success'\" (click)=\"onImportImage(image.src)\"></wac-button>\n</ng-template>\n",
+                encapsulation: ViewEncapsulation.None,
+                changeDetection: ChangeDetectionStrategy.OnPush
             },] }
 ];
 MosaicComponent.ctorParameters = () => [];
@@ -3917,10 +3954,24 @@ MosaicComponent.propDecorators = {
     imagesList: [{ type: Input }],
     isLoading: [{ type: Input }],
     numberOfColumn: [{ type: Input }],
-    importButtonTemplate: [{ type: Input }],
-    importImageSrc: [{ type: Output }]
+    hoverImageTemplate: [{ type: Input }],
+    importImageSrc: [{ type: Output }],
+    loadMoreImages: [{ type: Output }]
 };
 
+class ContentWithButtonsComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+ContentWithButtonsComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'wac-content-with-buttons',
+                template: "<p>content-with-buttons works!</p>\n"
+            },] }
+];
+ContentWithButtonsComponent.ctorParameters = () => [];
+
 const components = [
     TagComponent,
     TabComponent,
@@ -3969,7 +4020,8 @@ const components = [
     TokenCheckComponent,
     BlockWithCheckboxComponent,
     ConfirmDeleteComponent,
-    MosaicComponent
+    MosaicComponent,
+    ContentWithButtonsComponent
 ];
 const exportsFromModule = [
     PaginationComponent,
@@ -4053,5 +4105,5 @@ class TableFiltersGroup extends NwbFilterGroup {
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractDebounceDirective, AlertComponent, AlertPopupComponent, AlertPopupModule, AlertPopupService, AreAllOptionsSelectedPipe, AutoHideDirective, BackComponent, BlockComponent, BlockWithCheckboxComponent, BreadcrumbsComponent, ButtonComponent, CalendarComponent, CardPriceComponent, CheckBoxRow, CheckboxComponent, ConfirmDeleteComponent, DebounceKeyupDirective, DeleteComponent, DropdownComponent, FiltersComponent, FiltersTableService, FormatObjectToRecursifTreePipe, FormatObjectToSimpleTreePipe, FreePopinComponent, H1Component, H2Component, H3Component, H4Component, HeaderPageComponent, HtmlContainer, ImageComponent, InfoComponent, InputComponent, InputSearchComponent, InputWithSelectComponent, KeypressEnterDirective, LabelComponent, LinkComponent, LoaderComponent, LogoComponent, MosaicComponent, MultipleSearchComponent, MultipleSearchPlusComponent, PaginationComponent, PopinComponent, ProgressBarComponent, RadioComponent, SearchComponent, SelectComponent, SelectFiltersPipe, SelectInTextComponent, SelectedListComponent, SeparatorComponent, SettingsComponent, SharedComponentsModule, SharedDirectives, SharedPipes, SnackbarComponent, StateComponent, SwitchComponent, TabComponent, TableColumn, TableColumnHeader, TableComponent, TableFiltersGroup, TableRow, TagComponent, TextAreaComponent, TextComponent, TokenCheckComponent, TooltipComponent, TreeComponent, TreeModule, UploadComponent, VarDirective, WiziComponentsModule, WrapperBlocsComponent, WrapperComponent, WrapperSidebarComponent, WzEditInPlaceComponent, ZindexToggleDirective, DomService as ɵa, PaginationModule as ɵb, PagniationArrayTotalPages as ɵc, PagniationIsLastPage as ɵd, PagniationText as ɵe, TableModule as ɵf, InputSearchModule as ɵg, InputModule as ɵh, TooltipModule as ɵi, ProgressBarModule as ɵj, LoaderModule as ɵk, CheckboxModule as ɵl, inOutY as ɵm, TableCheckboxIdService as ɵn, MultiSelectionService as ɵo, inOutX as ɵp };
+export { AbstractDebounceDirective, AlertComponent, AlertPopupComponent, AlertPopupModule, AlertPopupService, AreAllOptionsSelectedPipe, AutoHideDirective, BackComponent, BlockComponent, BlockWithCheckboxComponent, BreadcrumbsComponent, ButtonComponent, CalendarComponent, CardPriceComponent, CheckBoxRow, CheckboxComponent, ConfirmDeleteComponent, ContentWithButtonsComponent, DebounceKeyupDirective, DeleteComponent, DropdownComponent, FiltersComponent, FiltersTableService, FormatObjectToRecursifTreePipe, FormatObjectToSimpleTreePipe, FreePopinComponent, H1Component, H2Component, H3Component, H4Component, HeaderPageComponent, HtmlContainer, ImageComponent, InfoComponent, InputComponent, InputSearchComponent, InputWithSelectComponent, KeypressEnterDirective, LabelComponent, LinkComponent, LoaderComponent, LogoComponent, MosaicComponent, MultipleSearchComponent, MultipleSearchPlusComponent, PaginationComponent, PopinComponent, ProgressBarComponent, RadioComponent, SearchComponent, SelectComponent, SelectFiltersPipe, SelectInTextComponent, SelectedListComponent, SeparatorComponent, SettingsComponent, SharedComponentsModule, SharedDirectives, SharedPipes, SnackbarComponent, StateComponent, SwitchComponent, TabComponent, TableColumn, TableColumnHeader, TableComponent, TableFiltersGroup, TableRow, TagComponent, TextAreaComponent, TextComponent, TokenCheckComponent, TooltipComponent, TreeComponent, TreeModule, UploadComponent, VarDirective, WiziComponentsModule, WrapperBlocsComponent, WrapperComponent, WrapperSidebarComponent, WzEditInPlaceComponent, ZindexToggleDirective, DomService as ɵa, PaginationModule as ɵb, PagniationArrayTotalPages as ɵc, PagniationIsLastPage as ɵd, PagniationText as ɵe, TableModule as ɵf, InputSearchModule as ɵg, InputModule as ɵh, TooltipModule as ɵi, ProgressBarModule as ɵj, LoaderModule as ɵk, CheckboxModule as ɵl, inOutY as ɵm, TableCheckboxIdService as ɵn, MultiSelectionService as ɵo, inOutX as ɵp };
 //# sourceMappingURL=wizishop-angular-components.js.map