@wizishop/angular-components 15.1.118 → 15.1.119

package/fesm2020/wizishop-angular-components.mjs

@@ -827,25 +827,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
                 args: ['keydown', ['$event']]
             }] } });
 
-class RadioDirective extends SelectOptionDirective {
+class RadioLegacyDirective extends SelectOptionDirective {
     constructor(contentRef, changeDetectorRef) {
         super(contentRef, changeDetectorRef);
         this.contentRef = contentRef;
         this.changeDetectorRef = changeDetectorRef;
     }
 }
-RadioDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: RadioDirective, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-RadioDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.5", type: RadioDirective, selector: "[wacRadio]", providers: [{ provide: OPTION_SELECTION_HANDLER, useExisting: RadioDirective }], exportAs: ["wacRadio"], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: RadioDirective, decorators: [{
+RadioLegacyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: RadioLegacyDirective, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+RadioLegacyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.5", type: RadioLegacyDirective, selector: "[wacRadio]", providers: [{ provide: OPTION_SELECTION_HANDLER, useExisting: RadioLegacyDirective }], exportAs: ["wacRadio"], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: RadioLegacyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[wacRadio]',
                     exportAs: 'wacRadio',
-                    providers: [{ provide: OPTION_SELECTION_HANDLER, useExisting: RadioDirective }],
+                    providers: [{ provide: OPTION_SELECTION_HANDLER, useExisting: RadioLegacyDirective }],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; } });
 
-let RadioGroupDirective$1 = class RadioGroupDirective extends SelectDirective {
+class RadioGroupLegacyDirective extends SelectDirective {
     get multiple() {
         return false;
     }
@@ -856,18 +856,18 @@ let RadioGroupDirective$1 = class RadioGroupDirective extends SelectDirective {
         super(valueChangeService);
         this.valueChangeService = valueChangeService;
     }
-};
-RadioGroupDirective$1.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: RadioGroupDirective$1, deps: [{ token: ValueChangeService }], target: i0.ɵɵFactoryTarget.Directive });
-RadioGroupDirective$1.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.5", type: RadioGroupDirective$1, selector: "[wacRadioGroup]", providers: [
-        { provide: NG_VALUE_ACCESSOR, useExisting: RadioGroupDirective$1, multi: true },
+}
+RadioGroupLegacyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: RadioGroupLegacyDirective, deps: [{ token: ValueChangeService }], target: i0.ɵɵFactoryTarget.Directive });
+RadioGroupLegacyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.5", type: RadioGroupLegacyDirective, selector: "[wacRadioGroup]", providers: [
+        { provide: NG_VALUE_ACCESSOR, useExisting: RadioGroupLegacyDirective, multi: true },
         ValueChangeService
     ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: RadioGroupDirective$1, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: RadioGroupLegacyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[wacRadioGroup]',
                     providers: [
-                        { provide: NG_VALUE_ACCESSOR, useExisting: RadioGroupDirective$1, multi: true },
+                        { provide: NG_VALUE_ACCESSOR, useExisting: RadioGroupLegacyDirective, multi: true },
                         ValueChangeService
                     ],
                 }]
@@ -970,8 +970,8 @@ const directives$2 = [
     KeypressEnterDirective,
     OnlyNumberDirective,
     TwoDigitDecimalNumberDirective,
-    RadioDirective,
-    RadioGroupDirective$1,
+    RadioLegacyDirective,
+    RadioGroupLegacyDirective,
     DomChangedDirective
 ];
 const standalone = [
@@ -989,8 +989,8 @@ SharedDirectives.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versio
         KeypressEnterDirective,
         OnlyNumberDirective,
         TwoDigitDecimalNumberDirective,
-        RadioDirective,
-        RadioGroupDirective$1,
+        RadioLegacyDirective,
+        RadioGroupLegacyDirective,
         DomChangedDirective], imports: [CommonModule, FormsModule, CopyToClipBoardDirective, ScrollToDirective, SelectDirective,
         SelectOptionDirective], exports: [DebounceKeyupDirective,
         AbstractDebounceDirective,
@@ -1000,8 +1000,8 @@ SharedDirectives.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versio
         KeypressEnterDirective,
         OnlyNumberDirective,
         TwoDigitDecimalNumberDirective,
-        RadioDirective,
-        RadioGroupDirective$1,
+        RadioLegacyDirective,
+        RadioGroupLegacyDirective,
         DomChangedDirective, CopyToClipBoardDirective, ScrollToDirective, SelectDirective,
         SelectOptionDirective] });
 SharedDirectives.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: SharedDirectives, imports: [CommonModule, FormsModule] });
@@ -3443,14 +3443,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
             }] } });
 
 class TextComponent {
+    constructor() {
+        this._noMargin = false;
+    }
+    get noMargin() {
+        return this._noMargin;
+    }
+    set noMargin(value) {
+        this._noMargin = value === '' || value === 'noMargin' || value === true;
+    }
 }
 TextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: TextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: TextComponent, selector: "wac-text", inputs: { textClass: "textClass" }, ngImport: i0, template: "<div class=\"wac-text\" [class]=\"textClass\">\r\n    <p><ng-content></ng-content></p>\r\n</div>\r\n" });
+TextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: TextComponent, selector: "wac-text", inputs: { textClass: "textClass", noMargin: "noMargin" }, ngImport: i0, template: "<div class=\"wac-text\" [class]=\"textClass\" [class.no-margin]=\"noMargin\">\r\n    <p><ng-content></ng-content></p>\r\n</div>\r\n" });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: TextComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'wac-text', template: "<div class=\"wac-text\" [class]=\"textClass\">\r\n    <p><ng-content></ng-content></p>\r\n</div>\r\n" }]
+            args: [{ selector: 'wac-text', template: "<div class=\"wac-text\" [class]=\"textClass\" [class.no-margin]=\"noMargin\">\r\n    <p><ng-content></ng-content></p>\r\n</div>\r\n" }]
         }], propDecorators: { textClass: [{
                 type: Input
+            }], noMargin: [{
+                type: Input
             }] } });
 
 const pipes$1 = [PagniationArrayTotalPages, PagniationIsLastPage, PagniationText];
@@ -4086,7 +4097,7 @@ class MultipleSearchPlusComponent {
     }
 }
 MultipleSearchPlusComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: MultipleSearchPlusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MultipleSearchPlusComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: MultipleSearchPlusComponent, selector: "wac-multiple-search-plus", inputs: { options: "options", searchResults: "searchResults", disabled: "disabled", hideResults: "hideResults" }, outputs: { searchValue: "searchValue", optionsChange: "optionsChange" }, ngImport: i0, template: "<div class=\"wac-multiple-search-plus\" [zIndexToggle]=\"openSelect || openSearchResults\" [ngClass]=\"{ 'disabled': disabled }\">\r\n  <!-- Multiple select with search input -->\r\n  <div class=\"wac-multiple-search\" [ngClass]=\"{ open: openSelect }\">\r\n    <div class=\"wac-multiple-search__wrapper\">\r\n      <div class=\"wac-multiple-search__wrapper__left\" *ngIf=\"options.length > 1\" [ngClass]=\"{ open: openSelect }\" wzAutoHide (clickOutside)=\"closeSelect()\">\r\n        <span>{{ label }}</span>\r\n        <i class=\"fal fa-chevron-down\"></i>\r\n        <div class=\"wac-multiple-search__wrapper__left__background\" (click)=\"onToggleSelect()\"></div>\r\n        <div class=\"wac-multiple-search__wrapper__left__select\" *ngIf=\"openSelect\">\r\n          <div\r\n            class=\"wac-multiple-search__wrapper__left__select__item\"\r\n            *ngFor=\"let option of options; let i = index\"\r\n            [attr.data-index]=\"i\"\r\n            (click)=\"resetAllVue(i); inputSearch.value = ''\"\r\n          >\r\n            <span>{{ option.label }}</span>\r\n            <input type=\"hidden\" value=\"\" />\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"wac-multiple-search__wrapper__right\" wzAutoHide (clickOutside)=\"closeSearchResults()\">\r\n        <button><i class=\"fal fa-search\"></i></button>\r\n        <input\r\n          #inputSearch\r\n          type=\"text\"\r\n          [placeholder]=\"placeholder\"\r\n          debounceKeyUp\r\n          [debounceTime]=\"500\"\r\n          (onEventChange)=\"setSearchValue($event)\"\r\n        />\r\n        <div class=\"wac-multiple-search__wrapper__left__select\" *ngIf=\"openSearchResults\">\r\n          <div\r\n            class=\"wac-multiple-search__wrapper__left__select__item\"\r\n            *ngFor=\"let res of searchResults; let i = index\"\r\n            (click)=\"addResult(i); inputSearch.value = ''\"\r\n          >\r\n            <wac-image *ngIf=\"res.image\" [src]=\"res.image\"></wac-image>\r\n            <wac-text>#{{ res.id }} {{ res.name }}</wac-text>\r\n          </div>\r\n          <div class=\"wac-table__body__loader\" *ngIf=\"isLoading && !searchResults\">\r\n            <wac-loader [small]=\"true\"></wac-loader>\r\n          </div>\r\n          <div\r\n            class=\"wac-multiple-search__wrapper__left__select__item\"\r\n            *ngIf=\"!searchResults?.length\"\r\n          >\r\n            <span>{{'wac.datatable.noresult' | translate}}</span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- Results checked -->\r\n  <div *ngFor=\"let option of options; let i = index\">\r\n    <div class=\"wac-multiple-search-plus__wrapper\" *ngIf=\"option.table.length && !hideResults\">\r\n      <wac-h3>{{ option.title }}</wac-h3>\r\n      <div class=\"wac-multiple-search-plus__wrapper__block hover default\" *ngFor=\"let item of option.table; let indexItem = index\">\r\n        <wac-image *ngIf=\"item.image\" [src]=\"item.image\"></wac-image>\r\n        <wac-text>{{ item.name }}</wac-text>\r\n        <span (click)=\"deleteResult(indexItem, i)\"><i class=\"fas fa-times\"></i></span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: DebounceKeyupDirective, selector: "input[debounceKeyUp]" }, { kind: "directive", type: AutoHideDirective, selector: "[wzAutoHide]", inputs: ["triggerElement", "forceOn"], outputs: ["clickOutside"] }, { kind: "directive", type: ZindexToggleDirective, selector: "[zIndexToggle]", inputs: ["zIndexToggle"], outputs: ["onEventChange"] }, { kind: "component", type: LoaderComponent, selector: "wac-loader", inputs: ["text", "small"] }, { kind: "component", type: ImageComponent, selector: "wac-image", inputs: ["src"] }, { kind: "component", type: H3Component, selector: "wac-h3", inputs: ["grey"] }, { kind: "component", type: TextComponent, selector: "wac-text", inputs: ["textClass"] }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
+MultipleSearchPlusComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: MultipleSearchPlusComponent, selector: "wac-multiple-search-plus", inputs: { options: "options", searchResults: "searchResults", disabled: "disabled", hideResults: "hideResults" }, outputs: { searchValue: "searchValue", optionsChange: "optionsChange" }, ngImport: i0, template: "<div class=\"wac-multiple-search-plus\" [zIndexToggle]=\"openSelect || openSearchResults\" [ngClass]=\"{ 'disabled': disabled }\">\r\n  <!-- Multiple select with search input -->\r\n  <div class=\"wac-multiple-search\" [ngClass]=\"{ open: openSelect }\">\r\n    <div class=\"wac-multiple-search__wrapper\">\r\n      <div class=\"wac-multiple-search__wrapper__left\" *ngIf=\"options.length > 1\" [ngClass]=\"{ open: openSelect }\" wzAutoHide (clickOutside)=\"closeSelect()\">\r\n        <span>{{ label }}</span>\r\n        <i class=\"fal fa-chevron-down\"></i>\r\n        <div class=\"wac-multiple-search__wrapper__left__background\" (click)=\"onToggleSelect()\"></div>\r\n        <div class=\"wac-multiple-search__wrapper__left__select\" *ngIf=\"openSelect\">\r\n          <div\r\n            class=\"wac-multiple-search__wrapper__left__select__item\"\r\n            *ngFor=\"let option of options; let i = index\"\r\n            [attr.data-index]=\"i\"\r\n            (click)=\"resetAllVue(i); inputSearch.value = ''\"\r\n          >\r\n            <span>{{ option.label }}</span>\r\n            <input type=\"hidden\" value=\"\" />\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"wac-multiple-search__wrapper__right\" wzAutoHide (clickOutside)=\"closeSearchResults()\">\r\n        <button><i class=\"fal fa-search\"></i></button>\r\n        <input\r\n          #inputSearch\r\n          type=\"text\"\r\n          [placeholder]=\"placeholder\"\r\n          debounceKeyUp\r\n          [debounceTime]=\"500\"\r\n          (onEventChange)=\"setSearchValue($event)\"\r\n        />\r\n        <div class=\"wac-multiple-search__wrapper__left__select\" *ngIf=\"openSearchResults\">\r\n          <div\r\n            class=\"wac-multiple-search__wrapper__left__select__item\"\r\n            *ngFor=\"let res of searchResults; let i = index\"\r\n            (click)=\"addResult(i); inputSearch.value = ''\"\r\n          >\r\n            <wac-image *ngIf=\"res.image\" [src]=\"res.image\"></wac-image>\r\n            <wac-text>#{{ res.id }} {{ res.name }}</wac-text>\r\n          </div>\r\n          <div class=\"wac-table__body__loader\" *ngIf=\"isLoading && !searchResults\">\r\n            <wac-loader [small]=\"true\"></wac-loader>\r\n          </div>\r\n          <div\r\n            class=\"wac-multiple-search__wrapper__left__select__item\"\r\n            *ngIf=\"!searchResults?.length\"\r\n          >\r\n            <span>{{'wac.datatable.noresult' | translate}}</span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- Results checked -->\r\n  <div *ngFor=\"let option of options; let i = index\">\r\n    <div class=\"wac-multiple-search-plus__wrapper\" *ngIf=\"option.table.length && !hideResults\">\r\n      <wac-h3>{{ option.title }}</wac-h3>\r\n      <div class=\"wac-multiple-search-plus__wrapper__block hover default\" *ngFor=\"let item of option.table; let indexItem = index\">\r\n        <wac-image *ngIf=\"item.image\" [src]=\"item.image\"></wac-image>\r\n        <wac-text>{{ item.name }}</wac-text>\r\n        <span (click)=\"deleteResult(indexItem, i)\"><i class=\"fas fa-times\"></i></span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: DebounceKeyupDirective, selector: "input[debounceKeyUp]" }, { kind: "directive", type: AutoHideDirective, selector: "[wzAutoHide]", inputs: ["triggerElement", "forceOn"], outputs: ["clickOutside"] }, { kind: "directive", type: ZindexToggleDirective, selector: "[zIndexToggle]", inputs: ["zIndexToggle"], outputs: ["onEventChange"] }, { kind: "component", type: LoaderComponent, selector: "wac-loader", inputs: ["text", "small"] }, { kind: "component", type: ImageComponent, selector: "wac-image", inputs: ["src"] }, { kind: "component", type: H3Component, selector: "wac-h3", inputs: ["grey"] }, { kind: "component", type: TextComponent, selector: "wac-text", inputs: ["textClass", "noMargin"] }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: MultipleSearchPlusComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wac-multiple-search-plus', template: "<div class=\"wac-multiple-search-plus\" [zIndexToggle]=\"openSelect || openSearchResults\" [ngClass]=\"{ 'disabled': disabled }\">\r\n  <!-- Multiple select with search input -->\r\n  <div class=\"wac-multiple-search\" [ngClass]=\"{ open: openSelect }\">\r\n    <div class=\"wac-multiple-search__wrapper\">\r\n      <div class=\"wac-multiple-search__wrapper__left\" *ngIf=\"options.length > 1\" [ngClass]=\"{ open: openSelect }\" wzAutoHide (clickOutside)=\"closeSelect()\">\r\n        <span>{{ label }}</span>\r\n        <i class=\"fal fa-chevron-down\"></i>\r\n        <div class=\"wac-multiple-search__wrapper__left__background\" (click)=\"onToggleSelect()\"></div>\r\n        <div class=\"wac-multiple-search__wrapper__left__select\" *ngIf=\"openSelect\">\r\n          <div\r\n            class=\"wac-multiple-search__wrapper__left__select__item\"\r\n            *ngFor=\"let option of options; let i = index\"\r\n            [attr.data-index]=\"i\"\r\n            (click)=\"resetAllVue(i); inputSearch.value = ''\"\r\n          >\r\n            <span>{{ option.label }}</span>\r\n            <input type=\"hidden\" value=\"\" />\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"wac-multiple-search__wrapper__right\" wzAutoHide (clickOutside)=\"closeSearchResults()\">\r\n        <button><i class=\"fal fa-search\"></i></button>\r\n        <input\r\n          #inputSearch\r\n          type=\"text\"\r\n          [placeholder]=\"placeholder\"\r\n          debounceKeyUp\r\n          [debounceTime]=\"500\"\r\n          (onEventChange)=\"setSearchValue($event)\"\r\n        />\r\n        <div class=\"wac-multiple-search__wrapper__left__select\" *ngIf=\"openSearchResults\">\r\n          <div\r\n            class=\"wac-multiple-search__wrapper__left__select__item\"\r\n            *ngFor=\"let res of searchResults; let i = index\"\r\n            (click)=\"addResult(i); inputSearch.value = ''\"\r\n          >\r\n            <wac-image *ngIf=\"res.image\" [src]=\"res.image\"></wac-image>\r\n            <wac-text>#{{ res.id }} {{ res.name }}</wac-text>\r\n          </div>\r\n          <div class=\"wac-table__body__loader\" *ngIf=\"isLoading && !searchResults\">\r\n            <wac-loader [small]=\"true\"></wac-loader>\r\n          </div>\r\n          <div\r\n            class=\"wac-multiple-search__wrapper__left__select__item\"\r\n            *ngIf=\"!searchResults?.length\"\r\n          >\r\n            <span>{{'wac.datatable.noresult' | translate}}</span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- Results checked -->\r\n  <div *ngFor=\"let option of options; let i = index\">\r\n    <div class=\"wac-multiple-search-plus__wrapper\" *ngIf=\"option.table.length && !hideResults\">\r\n      <wac-h3>{{ option.title }}</wac-h3>\r\n      <div class=\"wac-multiple-search-plus__wrapper__block hover default\" *ngFor=\"let item of option.table; let indexItem = index\">\r\n        <wac-image *ngIf=\"item.image\" [src]=\"item.image\"></wac-image>\r\n        <wac-text>{{ item.name }}</wac-text>\r\n        <span (click)=\"deleteResult(indexItem, i)\"><i class=\"fas fa-times\"></i></span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
@@ -6240,11 +6251,15 @@ class RowComponent {
     }
 }
 RowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: RowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-RowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: RowComponent, selector: "wac-row", inputs: { position: "position", width: "width", height: "height", responsiveAuto: "responsiveAuto", childrensWidthAuto: "childrensWidthAuto", visibility: "visibility", marginChild: "marginChild", marginBottom: "marginBottom", marginBottomChild: "marginBottomChild", addWacBlock: "addWacBlock", lineDisplayContent: "lineDisplayContent", border: "border", multipleLine: "multipleLine", childrenByLine: "childrenByLine", padding: "padding", gap: "gap", lastChildIsDown: "lastChildIsDown", addClass: "addClass" }, host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: "<div watchDomTree (dom-changed)=\"handleDomChange($event)\" [ngStyle]=\"{'padding': padding, 'gap': gap, 'margin-bottom': marginBottom,'transform': (childs > 1 || multipleLine ? 'translateX(-' + halfMarginChild + ')' : 'wrong'), 'width': ((childs > 1 && !addWacBlock) || multipleLine ? 'calc(100% + ' + marginChild  + ')' : 'wrong')}\" class=\"wac-row {{ addWacBlock ? 'white-block' : '' }} {{ multipleLine ? 'multiple-line' : '' }} {{ lineDisplayContent ? 'direction-column' : '' }} {{ border ? 'with-border' : '' }} {{ lastChildIsDown ? 'last-child-down' : '' }} {{ childrensWidthAuto ? 'childrens-width-auto' : '' }} {{ position ? position : '' }} {{ visibility ? visibility : '' }} {{ responsiveClass ? responsiveClass : '' }} {{addClass}} {{nbChildsClass}} {{classWidth}}\" #container [ngClass]=\"{\r\n  'multiple-child': childs > 3,\r\n  'five-or-more-child': childs > 4,\r\n  'alone': childs === 1\r\n}\" [id]=\"id\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: DomChangedDirective, selector: "[watchDomTree]" }], encapsulation: i0.ViewEncapsulation.None });
+RowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: RowComponent, selector: "wac-row", inputs: { colPosition: "colPosition", rowPosition: "rowPosition", position: "position", width: "width", height: "height", responsiveAuto: "responsiveAuto", childrensWidthAuto: "childrensWidthAuto", visibility: "visibility", marginChild: "marginChild", marginBottom: "marginBottom", marginBottomChild: "marginBottomChild", addWacBlock: "addWacBlock", lineDisplayContent: "lineDisplayContent", border: "border", multipleLine: "multipleLine", childrenByLine: "childrenByLine", padding: "padding", gap: "gap", lastChildIsDown: "lastChildIsDown", addClass: "addClass" }, host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: "<div [style.gridColumn]=\"colPosition\" [style.gridRow]=\"rowPosition\" watchDomTree (dom-changed)=\"handleDomChange($event)\" [ngStyle]=\"{'padding': padding,'margin-bottom': marginBottom,'transform': (childs > 1 || multipleLine ? 'translateX(-' + halfMarginChild + ')' : 'wrong'), 'width': ((childs > 1 && !addWacBlock) || multipleLine ? 'calc(100% + ' + marginChild  + ')' : 'wrong')}\" class=\"wac-row {{ addWacBlock ? 'white-block' : '' }} {{ multipleLine ? 'multiple-line' : '' }} {{ lineDisplayContent ? 'direction-column' : '' }} {{ border ? 'with-border' : '' }} {{ lastChildIsDown ? 'last-child-down' : '' }} {{ childrensWidthAuto ? 'childrens-width-auto' : '' }} {{ position ? position : '' }} {{ visibility ? visibility : '' }} {{ responsiveClass ? responsiveClass : '' }} {{addClass}} {{nbChildsClass}} {{classWidth}}\" #container [ngClass]=\"{\r\n  'multiple-child': childs > 3,\r\n  'five-or-more-child': childs > 4,\r\n  'alone': childs === 1\r\n}\" [id]=\"id\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: DomChangedDirective, selector: "[watchDomTree]" }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: RowComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'wac-row', encapsulation: ViewEncapsulation.None, template: "<div watchDomTree (dom-changed)=\"handleDomChange($event)\" [ngStyle]=\"{'padding': padding, 'gap': gap, 'margin-bottom': marginBottom,'transform': (childs > 1 || multipleLine ? 'translateX(-' + halfMarginChild + ')' : 'wrong'), 'width': ((childs > 1 && !addWacBlock) || multipleLine ? 'calc(100% + ' + marginChild  + ')' : 'wrong')}\" class=\"wac-row {{ addWacBlock ? 'white-block' : '' }} {{ multipleLine ? 'multiple-line' : '' }} {{ lineDisplayContent ? 'direction-column' : '' }} {{ border ? 'with-border' : '' }} {{ lastChildIsDown ? 'last-child-down' : '' }} {{ childrensWidthAuto ? 'childrens-width-auto' : '' }} {{ position ? position : '' }} {{ visibility ? visibility : '' }} {{ responsiveClass ? responsiveClass : '' }} {{addClass}} {{nbChildsClass}} {{classWidth}}\" #container [ngClass]=\"{\r\n  'multiple-child': childs > 3,\r\n  'five-or-more-child': childs > 4,\r\n  'alone': childs === 1\r\n}\" [id]=\"id\">\r\n  <ng-content></ng-content>\r\n</div>\r\n" }]
-        }], propDecorators: { position: [{
+            args: [{ selector: 'wac-row', encapsulation: ViewEncapsulation.None, template: "<div [style.gridColumn]=\"colPosition\" [style.gridRow]=\"rowPosition\" watchDomTree (dom-changed)=\"handleDomChange($event)\" [ngStyle]=\"{'padding': padding,'margin-bottom': marginBottom,'transform': (childs > 1 || multipleLine ? 'translateX(-' + halfMarginChild + ')' : 'wrong'), 'width': ((childs > 1 && !addWacBlock) || multipleLine ? 'calc(100% + ' + marginChild  + ')' : 'wrong')}\" class=\"wac-row {{ addWacBlock ? 'white-block' : '' }} {{ multipleLine ? 'multiple-line' : '' }} {{ lineDisplayContent ? 'direction-column' : '' }} {{ border ? 'with-border' : '' }} {{ lastChildIsDown ? 'last-child-down' : '' }} {{ childrensWidthAuto ? 'childrens-width-auto' : '' }} {{ position ? position : '' }} {{ visibility ? visibility : '' }} {{ responsiveClass ? responsiveClass : '' }} {{addClass}} {{nbChildsClass}} {{classWidth}}\" #container [ngClass]=\"{\r\n  'multiple-child': childs > 3,\r\n  'five-or-more-child': childs > 4,\r\n  'alone': childs === 1\r\n}\" [id]=\"id\">\r\n  <ng-content></ng-content>\r\n</div>\r\n" }]
+        }], propDecorators: { colPosition: [{
+                type: Input
+            }], rowPosition: [{
+                type: Input
+            }], position: [{
                 type: Input
             }], width: [{
                 type: Input
@@ -6504,6 +6519,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
                 type: Output
             }] } });
 
+class GridComponent {
+    constructor() {
+        this.cols = 12;
+        this.gap = 10;
+        this.justify = 'center';
+        this.align = 'center';
+    }
+    ngOnInit() {
+        this.gridTemplateColumns = `repeat(${this.cols}, 1fr)`;
+    }
+}
+GridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: GridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: GridComponent, selector: "wac-grid", inputs: { cols: "cols", gap: "gap", justify: "justify", align: "align" }, ngImport: i0, template: "<div \r\n    [style.gridTemplateColumns]=\"gridTemplateColumns\" \r\n    [style.gap]=\"gap + 'px'\" \r\n    [style.justifyContent]=\"justify\"\r\n    [style.alignItems]=\"align\"\r\n    class=\"wac-grid\">\r\n    <ng-content></ng-content>\r\n</div>", styles: ["wac-grid{width:100%}wac-grid .wac-grid{display:grid}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: GridComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-grid', template: "<div \r\n    [style.gridTemplateColumns]=\"gridTemplateColumns\" \r\n    [style.gap]=\"gap + 'px'\" \r\n    [style.justifyContent]=\"justify\"\r\n    [style.alignItems]=\"align\"\r\n    class=\"wac-grid\">\r\n    <ng-content></ng-content>\r\n</div>", styles: ["wac-grid{width:100%}wac-grid .wac-grid{display:grid}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { cols: [{
+                type: Input
+            }], gap: [{
+                type: Input
+            }], justify: [{
+                type: Input
+            }], align: [{
+                type: Input
+            }] } });
+
 class ColorPickerComponent {
     constructor() {
         this.value = '';
@@ -6723,7 +6764,68 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
                 type: Output
             }] } });
 
+class MenuTileComponent {
+    get col() {
+        return this._col;
+    }
+    set col(value) {
+        // Ensure col is between 1-12 for a 12-column grid
+        this._col = !isNaN(Number(value)) ? Math.min(Math.max(Math.round(Number(value)), 1), 12) : 1;
+    }
+    get hostClasses() {
+        return `wac-menu-tile wac-menu-tile--col-${this.col}`;
+    }
+    constructor(router) {
+        this.router = router;
+        this._col = 1;
+        this.iconPath = '';
+        this.title = '';
+        this.description = '';
+        this.new = '';
+        this.newElement = false;
+        this.url = null;
+        this.urlQueryParams = null;
+        this.external = false;
+    }
+    ngOnInit() { }
+    navigate() {
+        const queryParams = this.urlQueryParams;
+        this.router.navigate([this.url], {
+            queryParams,
+            queryParamsHandling: 'merge',
+        });
+    }
+}
+MenuTileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: MenuTileComponent, deps: [{ token: i1$3.Router }], target: i0.ɵɵFactoryTarget.Component });
+MenuTileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: MenuTileComponent, selector: "wac-menu-tile", inputs: { col: "col", iconPath: "iconPath", title: "title", description: "description", new: "new", newElement: "newElement", url: "url", urlQueryParams: "urlQueryParams", external: "external" }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0, template: "<div class=\"wac-menu-tile__new\" *ngIf=\"newElement\">\r\n  <wac-text noMargin><i class=\"fa-regular fa-wand-magic-sparkles\"></i>&nbsp;{{ new }}</wac-text>\r\n</div>\r\n<a class=\"wac-menu-tile__content\" *ngIf=\"url && url.startsWith('http')\" [href]=\"url\" [target]=\"external ? '_blank' : '_self'\">\r\n  <img [src]=\"iconPath\" />\r\n  <div class=\"w-text\">\r\n    <wac-text noMargin>{{ title }}</wac-text>\r\n    <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n  </div>\r\n</a>\r\n<a class=\"wac-menu-tile__content\" *ngIf=\"url && !url.startsWith('http')\" (click)=\"navigate()\">\r\n  <img [src]=\"iconPath\" />\r\n  <div class=\"w-text\">\r\n    <wac-text noMargin>{{ title }}</wac-text>\r\n    <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n  </div>\r\n</a>\r\n<div *ngIf=\"!url\" class=\"wac-menu-tile__content\">\r\n  <img [src]=\"iconPath\" />\r\n  <div class=\"w-text\">\r\n    <wac-text noMargin>{{ title }}</wac-text>\r\n    <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n  </div>\r\n</div>\r\n", styles: [":host{position:relative}:host.wac-menu-tile--col-1{grid-column:span 1}:host.wac-menu-tile--col-2{grid-column:span 2}:host.wac-menu-tile--col-3{grid-column:span 3}:host.wac-menu-tile--col-4{grid-column:span 4}:host.wac-menu-tile--col-5{grid-column:span 5}:host.wac-menu-tile--col-6{grid-column:span 6}:host.wac-menu-tile--col-7{grid-column:span 7}:host.wac-menu-tile--col-8{grid-column:span 8}:host.wac-menu-tile--col-9{grid-column:span 9}:host.wac-menu-tile--col-10{grid-column:span 10}:host.wac-menu-tile--col-11{grid-column:span 11}:host.wac-menu-tile--col-12{grid-column:span 12}.wac-menu-tile__new{position:absolute;background-color:#59d0cf;color:#fff;font-weight:500;font-size:12px;padding:6px;top:0;left:15px}.wac-menu-tile__content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;background:#ffffff;width:100%;padding:20px;border:1px solid #ffffff;border-radius:3px;box-shadow:0 2px 6px #0000000d;transition:border-color .3s ease-in-out}.wac-menu-tile__content:hover,.wac-menu-tile__content:active,.wac-menu-tile__content:focus{border-color:#3ba6ec;transition:border-color .3s ease-in-out}.wac-menu-tile__content img{width:auto;height:40px;max-height:40px;margin:10px 0}.wac-menu-tile__content .w-text{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.wac-menu-tile a{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TextComponent, selector: "wac-text", inputs: ["textClass", "noMargin"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: MenuTileComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-menu-tile', template: "<div class=\"wac-menu-tile__new\" *ngIf=\"newElement\">\r\n  <wac-text noMargin><i class=\"fa-regular fa-wand-magic-sparkles\"></i>&nbsp;{{ new }}</wac-text>\r\n</div>\r\n<a class=\"wac-menu-tile__content\" *ngIf=\"url && url.startsWith('http')\" [href]=\"url\" [target]=\"external ? '_blank' : '_self'\">\r\n  <img [src]=\"iconPath\" />\r\n  <div class=\"w-text\">\r\n    <wac-text noMargin>{{ title }}</wac-text>\r\n    <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n  </div>\r\n</a>\r\n<a class=\"wac-menu-tile__content\" *ngIf=\"url && !url.startsWith('http')\" (click)=\"navigate()\">\r\n  <img [src]=\"iconPath\" />\r\n  <div class=\"w-text\">\r\n    <wac-text noMargin>{{ title }}</wac-text>\r\n    <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n  </div>\r\n</a>\r\n<div *ngIf=\"!url\" class=\"wac-menu-tile__content\">\r\n  <img [src]=\"iconPath\" />\r\n  <div class=\"w-text\">\r\n    <wac-text noMargin>{{ title }}</wac-text>\r\n    <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n  </div>\r\n</div>\r\n", styles: [":host{position:relative}:host.wac-menu-tile--col-1{grid-column:span 1}:host.wac-menu-tile--col-2{grid-column:span 2}:host.wac-menu-tile--col-3{grid-column:span 3}:host.wac-menu-tile--col-4{grid-column:span 4}:host.wac-menu-tile--col-5{grid-column:span 5}:host.wac-menu-tile--col-6{grid-column:span 6}:host.wac-menu-tile--col-7{grid-column:span 7}:host.wac-menu-tile--col-8{grid-column:span 8}:host.wac-menu-tile--col-9{grid-column:span 9}:host.wac-menu-tile--col-10{grid-column:span 10}:host.wac-menu-tile--col-11{grid-column:span 11}:host.wac-menu-tile--col-12{grid-column:span 12}.wac-menu-tile__new{position:absolute;background-color:#59d0cf;color:#fff;font-weight:500;font-size:12px;padding:6px;top:0;left:15px}.wac-menu-tile__content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;background:#ffffff;width:100%;padding:20px;border:1px solid #ffffff;border-radius:3px;box-shadow:0 2px 6px #0000000d;transition:border-color .3s ease-in-out}.wac-menu-tile__content:hover,.wac-menu-tile__content:active,.wac-menu-tile__content:focus{border-color:#3ba6ec;transition:border-color .3s ease-in-out}.wac-menu-tile__content img{width:auto;height:40px;max-height:40px;margin:10px 0}.wac-menu-tile__content .w-text{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.wac-menu-tile a{cursor:pointer}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$3.Router }]; }, propDecorators: { col: [{
+                type: Input
+            }], hostClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }], iconPath: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], new: [{
+                type: Input
+            }], newElement: [{
+                type: Input
+            }], url: [{
+                type: Input
+            }], urlQueryParams: [{
+                type: Input
+            }], external: [{
+                type: Input
+            }] } });
+
 const components = [
+    GridComponent,
     TagComponent,
     ButtonComponent,
     InfoComponent,
@@ -6788,7 +6890,8 @@ const components = [
     RadioOptionComponent,
     TagDropdownComponent,
     SlideInComponent,
-    OptionGroupComponent
+    OptionGroupComponent,
+    MenuTileComponent
 ];
 const exportsFromModule = [
     PaginationComponent,
@@ -6822,7 +6925,8 @@ const standaloneComponents = [
 class SharedComponentsModule {
 }
 SharedComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: SharedComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SharedComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.5", ngImport: i0, type: SharedComponentsModule, declarations: [TagComponent,
+SharedComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.5", ngImport: i0, type: SharedComponentsModule, declarations: [GridComponent,
+        TagComponent,
         ButtonComponent,
         InfoComponent,
         SettingsComponent,
@@ -6886,7 +6990,8 @@ SharedComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
         RadioOptionComponent,
         TagDropdownComponent,
         SlideInComponent,
-        OptionGroupComponent], imports: [CommonModule,
+        OptionGroupComponent,
+        MenuTileComponent], imports: [CommonModule,
         FormsModule,
         NwbAllModule,
         TranslateModule,
@@ -6921,7 +7026,8 @@ SharedComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
         BlockTitleLegacyComponent,
         BlockSeparatorComponent,
         ColorPickerComponent,
-        BorderPickerComponent], exports: [TagComponent,
+        BorderPickerComponent], exports: [GridComponent,
+        TagComponent,
         ButtonComponent,
         InfoComponent,
         SettingsComponent,
@@ -6985,7 +7091,8 @@ SharedComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
         RadioOptionComponent,
         TagDropdownComponent,
         SlideInComponent,
-        OptionGroupComponent, PaginationComponent,
+        OptionGroupComponent,
+        MenuTileComponent, PaginationComponent,
         TableComponent,
         TableColumn,
         CheckBoxRow,
@@ -7256,5 +7363,5 @@ const switchInOut = trigger('switchInOut', [
  * Generated bundle index. Do not edit.
  */
 
-export { ACCORDION_ITEM, AbstractDebounceDirective, AccordionComponent, AiExpressComponent, AlertComponent, AlertPopupComponent, AlertPopupModule, AlertPopupService, AreAllOptionsSelectedPipe, AutoHideDirective, BackComponent, BlockComponent, BlockSeparatorComponent, BlockTitleLegacyComponent, BlockWithCheckboxComponent, BorderPickerComponent, BreadcrumbsComponent, ButtonComponent, CalendarComponent, CallComponentFunctionPipe, CardPriceComponent, ChargingBarComponent, CheckBoxRow, CheckboxComponent, ColorPickerComponent, ColumnComponent, ConfirmDeleteComponent, ContentWithButtonsComponent, CopyToClipBoardDirective, DebounceKeyupDirective, DeleteComponent, DomChangedDirective, DraganddropListComponent, DropdownComponent, EXPANSION_PANEL_HEADER, ExpandedPanelComponent, ExpansionExport, ExpansionModule, ExpansionPanelComponent, ExpansionPanelDirective, ExpansionPanelHeaderComponent, ExpansionPanelHeaderDirective, FilterOptionsPipe, FiltersComponent, FiltersTableService, FindOptionSelectedPipe, FormatObjectToRecursifTreePipe, FormatObjectToSimpleTreePipe, FreePopinComponent, GooglePreviewComponent, H1Component, H2Component, H3Component, H4Component, HeaderPageComponent, HistoryService, HtmlContainer, ImageComponent, InfoComponent, InputComponent, InputSearchComponent, InputWithSelectComponent, KeypressEnterDirective, LabelComponent, LinkComponent, LoaderComponent, LogoComponent, MosaicComponent, MultipleSearchComponent, MultipleSearchPlusComponent, OnlyNumberDirective, OptionCallToActionComponent, OptionComponent, OptionGroupComponent, OptionalDisableContainerComponent, PaginationComponent, PlaceholderComponent, PopinComponent, ProgressBarComponent, RadioComponent, RadioDirective, RadioGroupDirective$1 as RadioGroupDirective, RadioLegacyComponent, RadioOptionComponent, RowComponent, ScrollToDirective, SearchComponent, SelectComponent, SelectDirective, SelectFiltersPipe, SelectInTextComponent, SelectOptionDirective, SelectSearchTriggerComponent, SelectedListComponent, SeparatorComponent, SettingsComponent, SharedComponentsModule, SharedDirectives, SharedPipes, SlideInComponent, SnackbarComponent, StateComponent, SummaryComponent, SwitchComponent, TabComponent, TableColumn, TableColumnHeader, TableComponent, TableFiltersGroup, TableRow, TabsComponent, TagComponent, TagDropdownComponent, TagLabelComponent, TextAreaComponent, TextComponent, TokenCheckComponent, TooltipComponent, TreeComponent, TreeModule, TwoDigitDecimalNumberDirective, UploadComponent, ValueChangeService, VarDirective, WiziComponentsModule, WrapperBlocsComponent, WrapperComponent, WrapperMultipleBlockComponent, WrapperSidebarComponent, WzEditInPlaceComponent, ZindexToggleDirective, animateListFromBottom, animateListFromLeft, animateListFromRight, animateListFromTop, distinctUntilTableFiltersChanged, inOutX, inOutY, opacityAnimation, showFromBottom, showFromLeft, showFromRight, showFromTop, switchInOut, updateTableFiltersTotalItems, uuid };
+export { ACCORDION_ITEM, AbstractDebounceDirective, AccordionComponent, AiExpressComponent, AlertComponent, AlertPopupComponent, AlertPopupModule, AlertPopupService, AreAllOptionsSelectedPipe, AutoHideDirective, BackComponent, BlockComponent, BlockSeparatorComponent, BlockTitleLegacyComponent, BlockWithCheckboxComponent, BorderPickerComponent, BreadcrumbsComponent, ButtonComponent, CalendarComponent, CallComponentFunctionPipe, CardPriceComponent, ChargingBarComponent, CheckBoxRow, CheckboxComponent, ColorPickerComponent, ColumnComponent, ConfirmDeleteComponent, ContentWithButtonsComponent, CopyToClipBoardDirective, DebounceKeyupDirective, DeleteComponent, DomChangedDirective, DraganddropListComponent, DropdownComponent, EXPANSION_PANEL_HEADER, ExpandedPanelComponent, ExpansionExport, ExpansionModule, ExpansionPanelComponent, ExpansionPanelDirective, ExpansionPanelHeaderComponent, ExpansionPanelHeaderDirective, FilterOptionsPipe, FiltersComponent, FiltersTableService, FindOptionSelectedPipe, FormatObjectToRecursifTreePipe, FormatObjectToSimpleTreePipe, FreePopinComponent, GooglePreviewComponent, GridComponent, H1Component, H2Component, H3Component, H4Component, HeaderPageComponent, HistoryService, HtmlContainer, ImageComponent, InfoComponent, InputComponent, InputSearchComponent, InputWithSelectComponent, KeypressEnterDirective, LabelComponent, LinkComponent, LoaderComponent, LogoComponent, MenuTileComponent, MosaicComponent, MultipleSearchComponent, MultipleSearchPlusComponent, OnlyNumberDirective, OptionCallToActionComponent, OptionComponent, OptionGroupComponent, OptionalDisableContainerComponent, PaginationComponent, PlaceholderComponent, PopinComponent, ProgressBarComponent, RadioComponent, RadioGroupLegacyDirective, RadioLegacyComponent, RadioLegacyDirective, RadioOptionComponent, RowComponent, ScrollToDirective, SearchComponent, SelectComponent, SelectDirective, SelectFiltersPipe, SelectInTextComponent, SelectOptionDirective, SelectSearchTriggerComponent, SelectedListComponent, SeparatorComponent, SettingsComponent, SharedComponentsModule, SharedDirectives, SharedPipes, SlideInComponent, SnackbarComponent, StateComponent, SummaryComponent, SwitchComponent, TabComponent, TableColumn, TableColumnHeader, TableComponent, TableFiltersGroup, TableRow, TabsComponent, TagComponent, TagDropdownComponent, TagLabelComponent, TextAreaComponent, TextComponent, TokenCheckComponent, TooltipComponent, TreeComponent, TreeModule, TwoDigitDecimalNumberDirective, UploadComponent, ValueChangeService, VarDirective, WiziComponentsModule, WrapperBlocsComponent, WrapperComponent, WrapperMultipleBlockComponent, WrapperSidebarComponent, WzEditInPlaceComponent, ZindexToggleDirective, animateListFromBottom, animateListFromLeft, animateListFromRight, animateListFromTop, distinctUntilTableFiltersChanged, inOutX, inOutY, opacityAnimation, showFromBottom, showFromLeft, showFromRight, showFromTop, switchInOut, updateTableFiltersTotalItems, uuid };
 //# sourceMappingURL=wizishop-angular-components.mjs.map