@wizishop/angular-components 15.1.117 → 15.1.119

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/angular-components.scss +165 -23
  2. package/esm2020/lib/components/grid/grid.component.mjs +28 -0
  3. package/esm2020/lib/components/menu-tile/menu-tile.component.mjs +65 -0
  4. package/esm2020/lib/components/multiple-search-plus/multiple-search-plus.component.mjs +1 -1
  5. package/esm2020/lib/components/radio-legacy/radio-group-legacy.directive.mjs +34 -0
  6. package/esm2020/lib/components/radio-legacy/radio-legacy-directive.mjs +22 -0
  7. package/esm2020/lib/components/row/row.component.mjs +8 -4
  8. package/esm2020/lib/components/select/option-group/option-group.component.mjs +13 -0
  9. package/esm2020/lib/components/select/select/select.component.mjs +3 -3
  10. package/esm2020/lib/components/shared-components.module.mjs +18 -6
  11. package/esm2020/lib/components/text/text.component.mjs +14 -3
  12. package/esm2020/lib/directives/shared-directives.module.mjs +9 -9
  13. package/esm2020/public-api.mjs +6 -3
  14. package/fesm2015/wizishop-angular-components.mjs +153 -32
  15. package/fesm2015/wizishop-angular-components.mjs.map +1 -1
  16. package/fesm2020/wizishop-angular-components.mjs +153 -32
  17. package/fesm2020/wizishop-angular-components.mjs.map +1 -1
  18. package/lib/components/grid/grid.component.d.ts +13 -0
  19. package/lib/components/menu-tile/menu-tile.component.d.ts +23 -0
  20. package/lib/components/radio-legacy/{radio-group.directive.d.ts → radio-group-legacy.directive.d.ts} +3 -3
  21. package/lib/components/radio-legacy/{radio-directive.d.ts → radio-legacy-directive.d.ts} +3 -3
  22. package/lib/components/row/row.component.d.ts +3 -1
  23. package/lib/components/select/option-group/option-group.component.d.ts +6 -0
  24. package/lib/components/select/select/select.component.d.ts +1 -1
  25. package/lib/components/shared-components.module.d.ts +117 -114
  26. package/lib/components/text/text.component.d.ts +4 -1
  27. package/lib/directives/shared-directives.module.d.ts +3 -3
  28. package/package.json +1 -1
  29. package/public-api.d.ts +5 -2
  30. package/wizishop-angular-components-15.1.119.tgz +0 -0
  31. package/esm2020/lib/components/radio-legacy/radio-directive.mjs +0 -22
  32. package/esm2020/lib/components/radio-legacy/radio-group.directive.mjs +0 -34
  33. package/wizishop-angular-components-15.1.117.tgz +0 -0
@@ -827,25 +827,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
827
827
  args: ['keydown', ['$event']]
828
828
  }] } });
829
829
 
830
- class RadioDirective extends SelectOptionDirective {
830
+ class RadioLegacyDirective extends SelectOptionDirective {
831
831
  constructor(contentRef, changeDetectorRef) {
832
832
  super(contentRef, changeDetectorRef);
833
833
  this.contentRef = contentRef;
834
834
  this.changeDetectorRef = changeDetectorRef;
835
835
  }
836
836
  }
837
- 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 });
838
- 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 });
839
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: RadioDirective, decorators: [{
837
+ 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 });
838
+ 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 });
839
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: RadioLegacyDirective, decorators: [{
840
840
  type: Directive,
841
841
  args: [{
842
842
  selector: '[wacRadio]',
843
843
  exportAs: 'wacRadio',
844
- providers: [{ provide: OPTION_SELECTION_HANDLER, useExisting: RadioDirective }],
844
+ providers: [{ provide: OPTION_SELECTION_HANDLER, useExisting: RadioLegacyDirective }],
845
845
  }]
846
846
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; } });
847
847
 
848
- let RadioGroupDirective$1 = class RadioGroupDirective extends SelectDirective {
848
+ class RadioGroupLegacyDirective extends SelectDirective {
849
849
  get multiple() {
850
850
  return false;
851
851
  }
@@ -856,18 +856,18 @@ let RadioGroupDirective$1 = class RadioGroupDirective extends SelectDirective {
856
856
  super(valueChangeService);
857
857
  this.valueChangeService = valueChangeService;
858
858
  }
859
- };
860
- 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 });
861
- RadioGroupDirective$1.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.5", type: RadioGroupDirective$1, selector: "[wacRadioGroup]", providers: [
862
- { provide: NG_VALUE_ACCESSOR, useExisting: RadioGroupDirective$1, multi: true },
859
+ }
860
+ RadioGroupLegacyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: RadioGroupLegacyDirective, deps: [{ token: ValueChangeService }], target: i0.ɵɵFactoryTarget.Directive });
861
+ RadioGroupLegacyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.5", type: RadioGroupLegacyDirective, selector: "[wacRadioGroup]", providers: [
862
+ { provide: NG_VALUE_ACCESSOR, useExisting: RadioGroupLegacyDirective, multi: true },
863
863
  ValueChangeService
864
864
  ], usesInheritance: true, ngImport: i0 });
865
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: RadioGroupDirective$1, decorators: [{
865
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: RadioGroupLegacyDirective, decorators: [{
866
866
  type: Directive,
867
867
  args: [{
868
868
  selector: '[wacRadioGroup]',
869
869
  providers: [
870
- { provide: NG_VALUE_ACCESSOR, useExisting: RadioGroupDirective$1, multi: true },
870
+ { provide: NG_VALUE_ACCESSOR, useExisting: RadioGroupLegacyDirective, multi: true },
871
871
  ValueChangeService
872
872
  ],
873
873
  }]
@@ -970,8 +970,8 @@ const directives$2 = [
970
970
  KeypressEnterDirective,
971
971
  OnlyNumberDirective,
972
972
  TwoDigitDecimalNumberDirective,
973
- RadioDirective,
974
- RadioGroupDirective$1,
973
+ RadioLegacyDirective,
974
+ RadioGroupLegacyDirective,
975
975
  DomChangedDirective
976
976
  ];
977
977
  const standalone = [
@@ -989,8 +989,8 @@ SharedDirectives.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versio
989
989
  KeypressEnterDirective,
990
990
  OnlyNumberDirective,
991
991
  TwoDigitDecimalNumberDirective,
992
- RadioDirective,
993
- RadioGroupDirective$1,
992
+ RadioLegacyDirective,
993
+ RadioGroupLegacyDirective,
994
994
  DomChangedDirective], imports: [CommonModule, FormsModule, CopyToClipBoardDirective, ScrollToDirective, SelectDirective,
995
995
  SelectOptionDirective], exports: [DebounceKeyupDirective,
996
996
  AbstractDebounceDirective,
@@ -1000,8 +1000,8 @@ SharedDirectives.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versio
1000
1000
  KeypressEnterDirective,
1001
1001
  OnlyNumberDirective,
1002
1002
  TwoDigitDecimalNumberDirective,
1003
- RadioDirective,
1004
- RadioGroupDirective$1,
1003
+ RadioLegacyDirective,
1004
+ RadioGroupLegacyDirective,
1005
1005
  DomChangedDirective, CopyToClipBoardDirective, ScrollToDirective, SelectDirective,
1006
1006
  SelectOptionDirective] });
1007
1007
  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
3443
3443
  }] } });
3444
3444
 
3445
3445
  class TextComponent {
3446
+ constructor() {
3447
+ this._noMargin = false;
3448
+ }
3449
+ get noMargin() {
3450
+ return this._noMargin;
3451
+ }
3452
+ set noMargin(value) {
3453
+ this._noMargin = value === '' || value === 'noMargin' || value === true;
3454
+ }
3446
3455
  }
3447
3456
  TextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: TextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3448
- 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" });
3457
+ 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" });
3449
3458
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: TextComponent, decorators: [{
3450
3459
  type: Component,
3451
- args: [{ selector: 'wac-text', template: "<div class=\"wac-text\" [class]=\"textClass\">\r\n <p><ng-content></ng-content></p>\r\n</div>\r\n" }]
3460
+ 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" }]
3452
3461
  }], propDecorators: { textClass: [{
3453
3462
  type: Input
3463
+ }], noMargin: [{
3464
+ type: Input
3454
3465
  }] } });
3455
3466
 
3456
3467
  const pipes$1 = [PagniationArrayTotalPages, PagniationIsLastPage, PagniationText];
@@ -4086,7 +4097,7 @@ class MultipleSearchPlusComponent {
4086
4097
  }
4087
4098
  }
4088
4099
  MultipleSearchPlusComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: MultipleSearchPlusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
4089
- 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" }] });
4100
+ 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" }] });
4090
4101
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: MultipleSearchPlusComponent, decorators: [{
4091
4102
  type: Component,
4092
4103
  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" }]
@@ -5046,6 +5057,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
5046
5057
  args: ['contentWrapper']
5047
5058
  }] } });
5048
5059
 
5060
+ class OptionGroupComponent {
5061
+ }
5062
+ OptionGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: OptionGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
5063
+ OptionGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: OptionGroupComponent, selector: "wac-option-group", inputs: { title: "title" }, ngImport: i0, template: "<div class=\"wac-option-group\">\r\n <div class=\"wac-option-group__title\">{{ title }}</div>\r\n <div class=\"wac-option-group__content\">\r\n <ng-content select=\"wac-option, option, .option, [selectOption]\"></ng-content>\r\n </div>\r\n </div>", styles: [".wac-option-group{width:100%}.wac-option-group:first-child{padding-top:rem(10)}.wac-option-group:last-child{padding-bottom:rem(10)}.wac-option-group:not(:last-child):after{content:\"\";display:block;width:100%;height:1px;border-bottom:1px dashed #dee2de}.wac-option-group__title{padding:0 20px 10px;font-size:12px;font-weight:500;color:#526384}\n"], encapsulation: i0.ViewEncapsulation.None });
5064
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: OptionGroupComponent, decorators: [{
5065
+ type: Component,
5066
+ args: [{ selector: 'wac-option-group', encapsulation: ViewEncapsulation.None, template: "<div class=\"wac-option-group\">\r\n <div class=\"wac-option-group__title\">{{ title }}</div>\r\n <div class=\"wac-option-group__content\">\r\n <ng-content select=\"wac-option, option, .option, [selectOption]\"></ng-content>\r\n </div>\r\n </div>", styles: [".wac-option-group{width:100%}.wac-option-group:first-child{padding-top:rem(10)}.wac-option-group:last-child{padding-bottom:rem(10)}.wac-option-group:not(:last-child):after{content:\"\";display:block;width:100%;height:1px;border-bottom:1px dashed #dee2de}.wac-option-group__title{padding:0 20px 10px;font-size:12px;font-weight:500;color:#526384}\n"] }]
5067
+ }], propDecorators: { title: [{
5068
+ type: Input
5069
+ }] } });
5070
+
5049
5071
  class SelectSearchTriggerComponent {
5050
5072
  constructor() {
5051
5073
  this.searchValue = '';
@@ -5231,13 +5253,13 @@ SelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version:
5231
5253
  SelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: SelectComponent, selector: "wac-select", inputs: { required: "required", small: "small", keepPanelOpen: "keepPanelOpen", openPanel: "openPanel" }, outputs: { openPanelChange: "openPanelChange" }, host: { properties: { "attr.role": "this.role" } }, providers: [
5232
5254
  { provide: NG_VALUE_ACCESSOR, useExisting: SelectComponent, multi: true },
5233
5255
  ValueChangeService
5234
- ], queries: [{ propertyName: "customSearchTrigger", first: true, predicate: SelectSearchTriggerComponent, descendants: true }, { propertyName: "label", first: true, predicate: LabelComponent, descendants: true }], viewQueries: [{ propertyName: "selectHeader", first: true, predicate: ["selectHeader"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<p *ngIf=\"!!label\" class=\"wac-select__label\">\r\n <ng-content select=\"wac-label, .wac-label\" ></ng-content>\r\n</p>\r\n\r\n<div\r\n class=\"wac-select\"\r\n wzAutoHide\r\n (clickOutside)=\"onClosePanel()\"\r\n [triggerElement]=\"'wac-select__header__selection'\"\r\n [zIndexToggle]=\"openPanel\"\r\n [ngClass]=\"{'small': small}\"\r\n >\r\n\r\n <div #selectHeader class=\"wac-select__header\" [ngClass]=\"{ 'select-disabled' : disabled }\" (click)=\"!disabled && onTogglePanel()\" tabindex=\"0\">\r\n\r\n <ng-container [ngTemplateOutlet]=\"openPanel ? openPanelTrigger : closePanelTrigger\" >\r\n\r\n <ng-template #closePanelTrigger>\r\n <ng-container [ngTemplateOutlet]=\"defaultTrigger\"></ng-container>\r\n </ng-template>\r\n\r\n <ng-template #openPanelTrigger>\r\n <ng-content *ngIf=\"!!customSearchTrigger; else defaultTrigger\" select=\"wac-select-search-trigger\" ></ng-content>\r\n </ng-template>\r\n\r\n <ng-template #defaultTrigger>\r\n <ng-content *ngIf=\"!selectedOptionContent\" select=\"wac-placeholder,[role=placeholder]\"></ng-content>\r\n <div\r\n class=\"wac-select__header__selection wac-option__placeholder\"\r\n *ngIf=\"!!selectedOptionContent\"\r\n [innerHtml]=\"selectedOptionContent\">\r\n </div>\r\n </ng-template>\r\n\r\n </ng-container>\r\n\r\n <span class=\"wac-select__header__chevron\"><i class=\"fas fa-chevron-down\"></i></span>\r\n\r\n </div>\r\n\r\n\r\n <div class=\"wac-select__content\" *ngIf=\"!disabled\" [ngClass]=\"{ hidden: !openPanel, open: openPanel }\">\r\n\r\n <perfect-scrollbar [config]=\"{ suppressScrollX: true }\">\r\n <ng-content\r\n select=\"wac-option-call-to-action, wac-option, option, .option, [selectOption]\">\r\n </ng-content>\r\n </perfect-scrollbar>\r\n\r\n <div *ngIf=\"!optionChildren?.length\" class=\"wac-select__content__empty\">\r\n <span>{{'wac.datatable.noresult' | translate}}</span>\r\n </div>\r\n\r\n </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: AutoHideDirective, selector: "[wzAutoHide]", inputs: ["triggerElement", "forceOn"], outputs: ["clickOutside"] }, { kind: "directive", type: ZindexToggleDirective, selector: "[zIndexToggle]", inputs: ["zIndexToggle"], outputs: ["onEventChange"] }, { kind: "component", type: i4.PerfectScrollbarComponent, selector: "perfect-scrollbar", inputs: ["disabled", "usePSClass", "autoPropagation", "scrollIndicators", "config"], outputs: ["psScrollY", "psScrollX", "psScrollUp", "psScrollDown", "psScrollLeft", "psScrollRight", "psYReachEnd", "psYReachStart", "psXReachEnd", "psXReachStart"], exportAs: ["ngxPerfectScrollbar"] }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
5256
+ ], queries: [{ propertyName: "customSearchTrigger", first: true, predicate: SelectSearchTriggerComponent, descendants: true }, { propertyName: "label", first: true, predicate: LabelComponent, descendants: true }], viewQueries: [{ propertyName: "selectHeader", first: true, predicate: ["selectHeader"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<p *ngIf=\"!!label\" class=\"wac-select__label\">\r\n <ng-content select=\"wac-label, .wac-label\" ></ng-content>\r\n</p>\r\n\r\n<div\r\n class=\"wac-select\"\r\n wzAutoHide\r\n (clickOutside)=\"onClosePanel()\"\r\n [triggerElement]=\"'wac-select__header__selection'\"\r\n [zIndexToggle]=\"openPanel\"\r\n [ngClass]=\"{'small': small}\"\r\n >\r\n\r\n <div #selectHeader class=\"wac-select__header\" [ngClass]=\"{ 'select-disabled' : disabled }\" (click)=\"!disabled && onTogglePanel()\" tabindex=\"0\">\r\n\r\n <ng-container [ngTemplateOutlet]=\"openPanel ? openPanelTrigger : closePanelTrigger\" >\r\n\r\n <ng-template #closePanelTrigger>\r\n <ng-container [ngTemplateOutlet]=\"defaultTrigger\"></ng-container>\r\n </ng-template>\r\n\r\n <ng-template #openPanelTrigger>\r\n <ng-content *ngIf=\"!!customSearchTrigger; else defaultTrigger\" select=\"wac-select-search-trigger\" ></ng-content>\r\n </ng-template>\r\n\r\n <ng-template #defaultTrigger>\r\n <ng-content *ngIf=\"!selectedOptionContent\" select=\"wac-placeholder,[role=placeholder]\"></ng-content>\r\n <div\r\n class=\"wac-select__header__selection wac-option__placeholder\"\r\n *ngIf=\"!!selectedOptionContent\"\r\n [innerHtml]=\"selectedOptionContent\">\r\n </div>\r\n </ng-template>\r\n\r\n </ng-container>\r\n\r\n <span class=\"wac-select__header__chevron\"><i class=\"fas fa-chevron-down\"></i></span>\r\n\r\n </div>\r\n\r\n\r\n <div class=\"wac-select__content\" *ngIf=\"!disabled\" [ngClass]=\"{ hidden: !openPanel, open: openPanel }\">\r\n\r\n <perfect-scrollbar [config]=\"{ suppressScrollX: true }\">\r\n <ng-content\r\n select=\"wac-option-group, wac-option-call-to-action, wac-option, option, .option, [selectOption]\">\r\n </ng-content>\r\n </perfect-scrollbar>\r\n\r\n <div *ngIf=\"!optionChildren?.length\" class=\"wac-select__content__empty\">\r\n <span>{{'wac.datatable.noresult' | translate}}</span>\r\n </div>\r\n\r\n </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: AutoHideDirective, selector: "[wzAutoHide]", inputs: ["triggerElement", "forceOn"], outputs: ["clickOutside"] }, { kind: "directive", type: ZindexToggleDirective, selector: "[zIndexToggle]", inputs: ["zIndexToggle"], outputs: ["onEventChange"] }, { kind: "component", type: i4.PerfectScrollbarComponent, selector: "perfect-scrollbar", inputs: ["disabled", "usePSClass", "autoPropagation", "scrollIndicators", "config"], outputs: ["psScrollY", "psScrollX", "psScrollUp", "psScrollDown", "psScrollLeft", "psScrollRight", "psYReachEnd", "psYReachStart", "psXReachEnd", "psXReachStart"], exportAs: ["ngxPerfectScrollbar"] }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
5235
5257
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: SelectComponent, decorators: [{
5236
5258
  type: Component,
5237
5259
  args: [{ selector: 'wac-select', providers: [
5238
5260
  { provide: NG_VALUE_ACCESSOR, useExisting: SelectComponent, multi: true },
5239
5261
  ValueChangeService
5240
- ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, template: "<p *ngIf=\"!!label\" class=\"wac-select__label\">\r\n <ng-content select=\"wac-label, .wac-label\" ></ng-content>\r\n</p>\r\n\r\n<div\r\n class=\"wac-select\"\r\n wzAutoHide\r\n (clickOutside)=\"onClosePanel()\"\r\n [triggerElement]=\"'wac-select__header__selection'\"\r\n [zIndexToggle]=\"openPanel\"\r\n [ngClass]=\"{'small': small}\"\r\n >\r\n\r\n <div #selectHeader class=\"wac-select__header\" [ngClass]=\"{ 'select-disabled' : disabled }\" (click)=\"!disabled && onTogglePanel()\" tabindex=\"0\">\r\n\r\n <ng-container [ngTemplateOutlet]=\"openPanel ? openPanelTrigger : closePanelTrigger\" >\r\n\r\n <ng-template #closePanelTrigger>\r\n <ng-container [ngTemplateOutlet]=\"defaultTrigger\"></ng-container>\r\n </ng-template>\r\n\r\n <ng-template #openPanelTrigger>\r\n <ng-content *ngIf=\"!!customSearchTrigger; else defaultTrigger\" select=\"wac-select-search-trigger\" ></ng-content>\r\n </ng-template>\r\n\r\n <ng-template #defaultTrigger>\r\n <ng-content *ngIf=\"!selectedOptionContent\" select=\"wac-placeholder,[role=placeholder]\"></ng-content>\r\n <div\r\n class=\"wac-select__header__selection wac-option__placeholder\"\r\n *ngIf=\"!!selectedOptionContent\"\r\n [innerHtml]=\"selectedOptionContent\">\r\n </div>\r\n </ng-template>\r\n\r\n </ng-container>\r\n\r\n <span class=\"wac-select__header__chevron\"><i class=\"fas fa-chevron-down\"></i></span>\r\n\r\n </div>\r\n\r\n\r\n <div class=\"wac-select__content\" *ngIf=\"!disabled\" [ngClass]=\"{ hidden: !openPanel, open: openPanel }\">\r\n\r\n <perfect-scrollbar [config]=\"{ suppressScrollX: true }\">\r\n <ng-content\r\n select=\"wac-option-call-to-action, wac-option, option, .option, [selectOption]\">\r\n </ng-content>\r\n </perfect-scrollbar>\r\n\r\n <div *ngIf=\"!optionChildren?.length\" class=\"wac-select__content__empty\">\r\n <span>{{'wac.datatable.noresult' | translate}}</span>\r\n </div>\r\n\r\n </div>\r\n</div>\r\n" }]
5262
+ ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, template: "<p *ngIf=\"!!label\" class=\"wac-select__label\">\r\n <ng-content select=\"wac-label, .wac-label\" ></ng-content>\r\n</p>\r\n\r\n<div\r\n class=\"wac-select\"\r\n wzAutoHide\r\n (clickOutside)=\"onClosePanel()\"\r\n [triggerElement]=\"'wac-select__header__selection'\"\r\n [zIndexToggle]=\"openPanel\"\r\n [ngClass]=\"{'small': small}\"\r\n >\r\n\r\n <div #selectHeader class=\"wac-select__header\" [ngClass]=\"{ 'select-disabled' : disabled }\" (click)=\"!disabled && onTogglePanel()\" tabindex=\"0\">\r\n\r\n <ng-container [ngTemplateOutlet]=\"openPanel ? openPanelTrigger : closePanelTrigger\" >\r\n\r\n <ng-template #closePanelTrigger>\r\n <ng-container [ngTemplateOutlet]=\"defaultTrigger\"></ng-container>\r\n </ng-template>\r\n\r\n <ng-template #openPanelTrigger>\r\n <ng-content *ngIf=\"!!customSearchTrigger; else defaultTrigger\" select=\"wac-select-search-trigger\" ></ng-content>\r\n </ng-template>\r\n\r\n <ng-template #defaultTrigger>\r\n <ng-content *ngIf=\"!selectedOptionContent\" select=\"wac-placeholder,[role=placeholder]\"></ng-content>\r\n <div\r\n class=\"wac-select__header__selection wac-option__placeholder\"\r\n *ngIf=\"!!selectedOptionContent\"\r\n [innerHtml]=\"selectedOptionContent\">\r\n </div>\r\n </ng-template>\r\n\r\n </ng-container>\r\n\r\n <span class=\"wac-select__header__chevron\"><i class=\"fas fa-chevron-down\"></i></span>\r\n\r\n </div>\r\n\r\n\r\n <div class=\"wac-select__content\" *ngIf=\"!disabled\" [ngClass]=\"{ hidden: !openPanel, open: openPanel }\">\r\n\r\n <perfect-scrollbar [config]=\"{ suppressScrollX: true }\">\r\n <ng-content\r\n select=\"wac-option-group, wac-option-call-to-action, wac-option, option, .option, [selectOption]\">\r\n </ng-content>\r\n </perfect-scrollbar>\r\n\r\n <div *ngIf=\"!optionChildren?.length\" class=\"wac-select__content__empty\">\r\n <span>{{'wac.datatable.noresult' | translate}}</span>\r\n </div>\r\n\r\n </div>\r\n</div>\r\n" }]
5241
5263
  }], ctorParameters: function () { return [{ type: ValueChangeService }]; }, propDecorators: { role: [{
5242
5264
  type: HostBinding,
5243
5265
  args: ['attr.role']
@@ -6229,11 +6251,15 @@ class RowComponent {
6229
6251
  }
6230
6252
  }
6231
6253
  RowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: RowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
6232
- 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 });
6254
+ 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 });
6233
6255
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: RowComponent, decorators: [{
6234
6256
  type: Component,
6235
- 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" }]
6236
- }], propDecorators: { position: [{
6257
+ 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" }]
6258
+ }], propDecorators: { colPosition: [{
6259
+ type: Input
6260
+ }], rowPosition: [{
6261
+ type: Input
6262
+ }], position: [{
6237
6263
  type: Input
6238
6264
  }], width: [{
6239
6265
  type: Input
@@ -6493,6 +6519,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
6493
6519
  type: Output
6494
6520
  }] } });
6495
6521
 
6522
+ class GridComponent {
6523
+ constructor() {
6524
+ this.cols = 12;
6525
+ this.gap = 10;
6526
+ this.justify = 'center';
6527
+ this.align = 'center';
6528
+ }
6529
+ ngOnInit() {
6530
+ this.gridTemplateColumns = `repeat(${this.cols}, 1fr)`;
6531
+ }
6532
+ }
6533
+ GridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: GridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
6534
+ 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"] });
6535
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: GridComponent, decorators: [{
6536
+ type: Component,
6537
+ 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"] }]
6538
+ }], ctorParameters: function () { return []; }, propDecorators: { cols: [{
6539
+ type: Input
6540
+ }], gap: [{
6541
+ type: Input
6542
+ }], justify: [{
6543
+ type: Input
6544
+ }], align: [{
6545
+ type: Input
6546
+ }] } });
6547
+
6496
6548
  class ColorPickerComponent {
6497
6549
  constructor() {
6498
6550
  this.value = '';
@@ -6712,7 +6764,68 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
6712
6764
  type: Output
6713
6765
  }] } });
6714
6766
 
6767
+ class MenuTileComponent {
6768
+ get col() {
6769
+ return this._col;
6770
+ }
6771
+ set col(value) {
6772
+ // Ensure col is between 1-12 for a 12-column grid
6773
+ this._col = !isNaN(Number(value)) ? Math.min(Math.max(Math.round(Number(value)), 1), 12) : 1;
6774
+ }
6775
+ get hostClasses() {
6776
+ return `wac-menu-tile wac-menu-tile--col-${this.col}`;
6777
+ }
6778
+ constructor(router) {
6779
+ this.router = router;
6780
+ this._col = 1;
6781
+ this.iconPath = '';
6782
+ this.title = '';
6783
+ this.description = '';
6784
+ this.new = '';
6785
+ this.newElement = false;
6786
+ this.url = null;
6787
+ this.urlQueryParams = null;
6788
+ this.external = false;
6789
+ }
6790
+ ngOnInit() { }
6791
+ navigate() {
6792
+ const queryParams = this.urlQueryParams;
6793
+ this.router.navigate([this.url], {
6794
+ queryParams,
6795
+ queryParamsHandling: 'merge',
6796
+ });
6797
+ }
6798
+ }
6799
+ 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 });
6800
+ 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"] }] });
6801
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: MenuTileComponent, decorators: [{
6802
+ type: Component,
6803
+ 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"] }]
6804
+ }], ctorParameters: function () { return [{ type: i1$3.Router }]; }, propDecorators: { col: [{
6805
+ type: Input
6806
+ }], hostClasses: [{
6807
+ type: HostBinding,
6808
+ args: ['class']
6809
+ }], iconPath: [{
6810
+ type: Input
6811
+ }], title: [{
6812
+ type: Input
6813
+ }], description: [{
6814
+ type: Input
6815
+ }], new: [{
6816
+ type: Input
6817
+ }], newElement: [{
6818
+ type: Input
6819
+ }], url: [{
6820
+ type: Input
6821
+ }], urlQueryParams: [{
6822
+ type: Input
6823
+ }], external: [{
6824
+ type: Input
6825
+ }] } });
6826
+
6715
6827
  const components = [
6828
+ GridComponent,
6716
6829
  TagComponent,
6717
6830
  ButtonComponent,
6718
6831
  InfoComponent,
@@ -6776,7 +6889,9 @@ const components = [
6776
6889
  AiExpressComponent,
6777
6890
  RadioOptionComponent,
6778
6891
  TagDropdownComponent,
6779
- SlideInComponent
6892
+ SlideInComponent,
6893
+ OptionGroupComponent,
6894
+ MenuTileComponent
6780
6895
  ];
6781
6896
  const exportsFromModule = [
6782
6897
  PaginationComponent,
@@ -6810,7 +6925,8 @@ const standaloneComponents = [
6810
6925
  class SharedComponentsModule {
6811
6926
  }
6812
6927
  SharedComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: SharedComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
6813
- SharedComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.5", ngImport: i0, type: SharedComponentsModule, declarations: [TagComponent,
6928
+ SharedComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.5", ngImport: i0, type: SharedComponentsModule, declarations: [GridComponent,
6929
+ TagComponent,
6814
6930
  ButtonComponent,
6815
6931
  InfoComponent,
6816
6932
  SettingsComponent,
@@ -6873,7 +6989,9 @@ SharedComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
6873
6989
  AiExpressComponent,
6874
6990
  RadioOptionComponent,
6875
6991
  TagDropdownComponent,
6876
- SlideInComponent], imports: [CommonModule,
6992
+ SlideInComponent,
6993
+ OptionGroupComponent,
6994
+ MenuTileComponent], imports: [CommonModule,
6877
6995
  FormsModule,
6878
6996
  NwbAllModule,
6879
6997
  TranslateModule,
@@ -6908,7 +7026,8 @@ SharedComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
6908
7026
  BlockTitleLegacyComponent,
6909
7027
  BlockSeparatorComponent,
6910
7028
  ColorPickerComponent,
6911
- BorderPickerComponent], exports: [TagComponent,
7029
+ BorderPickerComponent], exports: [GridComponent,
7030
+ TagComponent,
6912
7031
  ButtonComponent,
6913
7032
  InfoComponent,
6914
7033
  SettingsComponent,
@@ -6971,7 +7090,9 @@ SharedComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
6971
7090
  AiExpressComponent,
6972
7091
  RadioOptionComponent,
6973
7092
  TagDropdownComponent,
6974
- SlideInComponent, PaginationComponent,
7093
+ SlideInComponent,
7094
+ OptionGroupComponent,
7095
+ MenuTileComponent, PaginationComponent,
6975
7096
  TableComponent,
6976
7097
  TableColumn,
6977
7098
  CheckBoxRow,
@@ -7242,5 +7363,5 @@ const switchInOut = trigger('switchInOut', [
7242
7363
  * Generated bundle index. Do not edit.
7243
7364
  */
7244
7365
 
7245
- 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, 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 };
7366
+ 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 };
7246
7367
  //# sourceMappingURL=wizishop-angular-components.mjs.map