dolfo-angular 1.214.0 → 1.216.0

package/fesm2022/dolfo-angular.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
-import { Directive, Input, ChangeDetectionStrategy, Component, InjectionToken, Injectable, inject, Inject, signal, Pipe, EventEmitter, Output, ViewChild, forwardRef, booleanAttribute, Injector, ChangeDetectorRef, ViewChildren, TemplateRef, ContentChild, EnvironmentInjector, createComponent, NgModule } from '@angular/core';
+import { Directive, Input, ChangeDetectionStrategy, Component, InjectionToken, Service, inject, signal, Pipe, EventEmitter, Output, ViewChild, forwardRef, booleanAttribute, Injector, ChangeDetectorRef, ViewChildren, TemplateRef, ContentChild, EnvironmentInjector, createComponent, NgModule } from '@angular/core';
 import * as i1$1 from '@angular/forms';
-import { ControlContainer, FormControl, Validators, NG_VALUE_ACCESSOR, NG_VALIDATORS, FormGroupDirective, FormGroup, ReactiveFormsModule } from '@angular/forms';
+import { ControlContainer, FormControl, Validators, NG_VALUE_ACCESSOR, NG_VALIDATORS, FormArray, FormGroupDirective, FormGroup, ReactiveFormsModule } from '@angular/forms';
 import { BehaviorSubject, map, tap, distinctUntilChanged, filter, delay, mergeMap, of, catchError, throwError, zip, fromEvent, from, concatAll, race } from 'rxjs';
 import * as i1 from '@angular/common';
 import { formatDate, DecimalPipe, APP_BASE_HREF, CommonModule } from '@angular/common';
@@ -17,10 +17,10 @@ class Subscriptable {
     ngOnDestroy() {
         this.subs.forEach(s => s.unsubscribe());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: Subscriptable, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: Subscriptable, isStandalone: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: Subscriptable, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: Subscriptable, isStandalone: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: Subscriptable, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: Subscriptable, decorators: [{
             type: Directive
         }] });
 
@@ -108,10 +108,10 @@ class GridConfig {
 
 class IconComponent {
     name;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: IconComponent, isStandalone: false, selector: "dolfo-icon-x", inputs: { name: "name" }, ngImport: i0, template: `<i [class]="'icon-' + name"></i>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: IconComponent, isStandalone: false, selector: "dolfo-icon-x", inputs: { name: "name" }, ngImport: i0, template: `<i [class]="'icon-' + name"></i>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: IconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IconComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "dolfo-icon-x",
@@ -183,14 +183,11 @@ class ContextMenuService {
     contextMenu$ = new BehaviorSubject(null);
     getContextMenu$ = () => this.contextMenu$.asObservable();
     openContextMenu = (input) => this.contextMenu$.next(input);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ContextMenuService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ContextMenuService, providedIn: "root" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ContextMenuService, deps: [], target: i0.ɵɵFactoryTarget.Service });
+    static ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.0.5", ngImport: i0, type: ContextMenuService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ContextMenuService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: "root"
-                }]
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ContextMenuService, decorators: [{
+            type: Service
         }] });
 
 class TranslateService {
@@ -198,10 +195,11 @@ class TranslateService {
     langContent;
     langs;
     httpClient = inject(HttpClient);
-    constructor(langConfig) {
+    langConfig = inject(LANGUAGE_TOKEN);
+    constructor() {
         if (!localStorage.getItem(TRANSLATE_STORAGE_KEY))
-            localStorage.setItem(TRANSLATE_STORAGE_KEY, langConfig.defaultLanguage);
-        const { langs } = langConfig, lang = localStorage.getItem(TRANSLATE_STORAGE_KEY), foundLang = langConfig.langs.find(l => l.name === lang);
+            localStorage.setItem(TRANSLATE_STORAGE_KEY, this.langConfig.defaultLanguage);
+        const { langs } = this.langConfig, lang = localStorage.getItem(TRANSLATE_STORAGE_KEY), foundLang = this.langConfig.langs.find(l => l.name === lang);
         this.langs = langs;
         if (!foundLang)
             localStorage.removeItem(TRANSLATE_STORAGE_KEY);
@@ -234,26 +232,17 @@ class TranslateService {
     getLocale = () => this.getLang()?.locale || "en-US";
     formatDate = (d) => formatDate(new Date(d), this.translate("dateFormat"), this.getLocale());
     formatDateTime = (d) => formatDate(new Date(d), this.translate("dateTimeFormat"), this.getLocale());
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TranslateService, deps: [{ token: LANGUAGE_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TranslateService, providedIn: "root" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TranslateService, deps: [], target: i0.ɵɵFactoryTarget.Service });
+    static ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.0.5", ngImport: i0, type: TranslateService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TranslateService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: "root"
-                }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [LANGUAGE_TOKEN]
-                }] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TranslateService, decorators: [{
+            type: Service
+        }], ctorParameters: () => [] });
 
 class DialogService {
-    ts;
     dialog$ = new BehaviorSubject([]);
     waiters = [];
-    constructor(ts) {
-        this.ts = ts;
-    }
+    ts = inject(TranslateService);
     getLastWaiter = () => this.waiters[this.waiters.length - 1];
     getDialog = () => this.dialog$.getValue();
     getDialog$ = () => this.dialog$.asObservable();
@@ -281,23 +270,16 @@ class DialogService {
         this.waiters = this.waiters.slice(0, this.waiters.length - 1);
     };
     action = (action) => this.getLastWaiter().next(action);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DialogService, deps: [{ token: TranslateService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DialogService, providedIn: "root" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DialogService, deps: [], target: i0.ɵɵFactoryTarget.Service });
+    static ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.0.5", ngImport: i0, type: DialogService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DialogService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: "root"
-                }]
-        }], ctorParameters: () => [{ type: TranslateService }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DialogService, decorators: [{
+            type: Service
+        }] });
 
 class DialogUtilsService {
-    dialogService;
-    translateService;
-    constructor(dialogService, translateService) {
-        this.dialogService = dialogService;
-        this.translateService = translateService;
-    }
+    dialogService = inject(DialogService);
+    translateService = inject(TranslateService);
     showLoading$ = (obs) => mergeMap(res => of(res).pipe(delay(0), tap(() => this.dialogService.showLoading().subscribe()), mergeMap(res => obs(res)), catchError(err => {
         this.closeLatestDialog();
         return throwError(() => err);
@@ -317,15 +299,12 @@ class DialogUtilsService {
         hideCloseX: input.hideCloseX,
         width: input.width
     }).pipe(filter(res => res.type === DialogActionType.OK || getDialogResp), this.showLoading$(res => obs(res.type)), tap(() => this.hideLoading()));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DialogUtilsService, deps: [{ token: DialogService }, { token: TranslateService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DialogUtilsService, providedIn: "root" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DialogUtilsService, deps: [], target: i0.ɵɵFactoryTarget.Service });
+    static ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.0.5", ngImport: i0, type: DialogUtilsService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DialogUtilsService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: "root"
-                }]
-        }], ctorParameters: () => [{ type: DialogService }, { type: TranslateService }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DialogUtilsService, decorators: [{
+            type: Service
+        }] });
 
 class NotificationService {
     notification$ = new BehaviorSubject(null);
@@ -337,14 +316,11 @@ class NotificationService {
     };
     hide = () => this.notification$.next(null);
     getHistory$ = () => this.history$.asObservable();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NotificationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NotificationService, providedIn: "root" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationService, deps: [], target: i0.ɵɵFactoryTarget.Service });
+    static ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.0.5", ngImport: i0, type: NotificationService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NotificationService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: "root"
-                }]
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationService, decorators: [{
+            type: Service
         }] });
 
 class PopoverService {
@@ -353,14 +329,11 @@ class PopoverService {
     getPopover = () => this.popover$.getValue();
     showPopover = (input) => this.popover$.next(input);
     hide = () => this.popover$.next(null);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: PopoverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: PopoverService, providedIn: "root" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: PopoverService, deps: [], target: i0.ɵɵFactoryTarget.Service });
+    static ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.0.5", ngImport: i0, type: PopoverService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: PopoverService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: "root"
-                }]
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: PopoverService, decorators: [{
+            type: Service
         }] });
 
 class RouteCheckService {
@@ -371,18 +344,16 @@ class RouteCheckService {
             return false;
         return this.routeService.load$().pipe(catchError(() => of(null)), mergeMap(() => this.routeService.checkRoute(routeConfig.path)));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RouteCheckService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RouteCheckService, providedIn: "root" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RouteCheckService, deps: [], target: i0.ɵɵFactoryTarget.Service });
+    static ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.0.5", ngImport: i0, type: RouteCheckService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RouteCheckService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: "root"
-                }]
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RouteCheckService, decorators: [{
+            type: Service
         }] });
 
 class StoreService extends Subscriptable {
-    appInitialized = signal(false, ...(ngDevMode ? [{ debugName: "appInitialized" }] : /* istanbul ignore next */ []));
+    appInitialized = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "appInitialized" }] : /* istanbul ignore next */ []));
     constructor() {
         super();
         this.addSubscription(zip([
@@ -419,14 +390,11 @@ class StoreService extends Subscriptable {
     isPressingCtrl = () => this.store$.getValue().pressingCtrl;
     isInitialized = () => this.appInitialized();
     initialize = () => this.appInitialized.set(true);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: StoreService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: StoreService, providedIn: "root" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: StoreService, deps: [], target: i0.ɵɵFactoryTarget.Service });
+    static ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.0.5", ngImport: i0, type: StoreService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: StoreService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: "root"
-                }]
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: StoreService, decorators: [{
+            type: Service
         }], ctorParameters: () => [] });
 
 class TooltipService {
@@ -435,14 +403,11 @@ class TooltipService {
     getTooltip$ = () => this.tooltip$.asObservable();
     getTooltip = () => this.tooltip$.getValue();
     hide = () => this.tooltip$.next(null);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TooltipService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TooltipService, providedIn: "root" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TooltipService, deps: [], target: i0.ɵɵFactoryTarget.Service });
+    static ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.0.5", ngImport: i0, type: TooltipService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TooltipService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: "root"
-                }]
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TooltipService, decorators: [{
+            type: Service
         }] });
 
 class TooltipDirective extends Subscriptable {
@@ -459,10 +424,10 @@ class TooltipDirective extends Subscriptable {
             direction: this.direction
         })));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TooltipDirective, deps: [{ token: i0.ElementRef }, { token: TooltipService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: TooltipDirective, isStandalone: false, selector: "[dolfoTooltip]", inputs: { content: ["dolfoTooltip", "content"], direction: "direction" }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TooltipDirective, deps: [{ token: i0.ElementRef }, { token: TooltipService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: TooltipDirective, isStandalone: false, selector: "[dolfoTooltip]", inputs: { content: ["dolfoTooltip", "content"], direction: "direction" }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TooltipDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TooltipDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[dolfoTooltip]",
@@ -481,10 +446,10 @@ class TranslatePipe {
         this.ts = ts;
     }
     transform = (value, args) => this.ts.translate(value, args);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TranslatePipe, deps: [{ token: TranslateService }], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: TranslatePipe, isStandalone: true, name: "translate", pure: false });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TranslatePipe, deps: [{ token: TranslateService }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: TranslatePipe, isStandalone: true, name: "translate", pure: false });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TranslatePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TranslatePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "translate",
@@ -528,8 +493,8 @@ class InputContainerComponent {
         if (input)
             input.focus();
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: InputContainerComponent, deps: [{ token: BaseFormInput }, { token: i0.ElementRef }, { token: TranslateService }, { token: i1.DecimalPipe }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: InputContainerComponent, isStandalone: false, selector: "dolfo-input-container", providers: [DecimalPipe], ngImport: i0, template: `<div class="input-container" [class.error]="decodedError$ | async">
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: InputContainerComponent, deps: [{ token: BaseFormInput }, { token: i0.ElementRef }, { token: TranslateService }, { token: i1.DecimalPipe }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: InputContainerComponent, isStandalone: false, selector: "dolfo-input-container", providers: [DecimalPipe], ngImport: i0, template: `<div class="input-container" [class.error]="decodedError$ | async">
         @if(input.label){
             <label>
                 {{ input.label }}
@@ -550,7 +515,7 @@ class InputContainerComponent {
         }
     </div>`, isInline: true, dependencies: [{ kind: "directive", type: TooltipDirective, selector: "[dolfoTooltip]", inputs: ["dolfoTooltip", "direction"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: InputContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: InputContainerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "dolfo-input-container",
@@ -613,10 +578,10 @@ class BaseFormInput extends Subscriptable {
     get isRequired() {
         return this.control.hasValidator(Validators.required);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: BaseFormInput, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: BaseFormInput, isStandalone: true, inputs: { formControlName: "formControlName", label: "label" }, outputs: { onChange: "onChange" }, viewQueries: [{ propertyName: "container", first: true, predicate: InputContainerComponent, descendants: true }], usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: BaseFormInput, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: BaseFormInput, isStandalone: true, inputs: { formControlName: "formControlName", label: "label" }, outputs: { onChange: "onChange" }, viewQueries: [{ propertyName: "container", first: true, predicate: InputContainerComponent, descendants: true }], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: BaseFormInput, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: BaseFormInput, decorators: [{
             type: Directive
         }], propDecorators: { container: [{
                 type: ViewChild,
@@ -638,12 +603,18 @@ class AutocompleteComponent extends BaseFormInput {
     resultTemplate;
     onFocus = new EventEmitter();
     onBlur = new EventEmitter();
-    options = signal([], ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
-    opened = signal(false, ...(ngDevMode ? [{ debugName: "opened" }] : /* istanbul ignore next */ []));
-    currentOption = signal("", ...(ngDevMode ? [{ debugName: "currentOption" }] : /* istanbul ignore next */ []));
-    currentOptionLabel = signal("", ...(ngDevMode ? [{ debugName: "currentOptionLabel" }] : /* istanbul ignore next */ []));
-    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
-    currentFocus = signal(null, ...(ngDevMode ? [{ debugName: "currentFocus" }] : /* istanbul ignore next */ []));
+    options = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
+    opened = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "opened" }] : /* istanbul ignore next */ []));
+    currentOption = signal("", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "currentOption" }] : /* istanbul ignore next */ []));
+    currentOptionLabel = signal("", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "currentOptionLabel" }] : /* istanbul ignore next */ []));
+    loading = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+    currentFocus = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "currentFocus" }] : /* istanbul ignore next */ []));
     keyDown = false;
     keyDownTimeout;
     constructor() {
@@ -721,8 +692,8 @@ class AutocompleteComponent extends BaseFormInput {
         if (!noEmit)
             this.onChange.emit(this.input.value);
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AutocompleteComponent, isStandalone: false, selector: "dolfo-autocomplete", inputs: { config: "config", minChars: "minChars", resultTemplate: "resultTemplate" }, outputs: { onFocus: "onFocus", onBlur: "onBlur" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: AutocompleteComponent, isStandalone: false, selector: "dolfo-autocomplete", inputs: { config: "config", minChars: "minChars", resultTemplate: "resultTemplate" }, outputs: { onFocus: "onFocus", onBlur: "onBlur" }, providers: [
             { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => AutocompleteComponent), multi: true },
             { provide: NG_VALIDATORS, useExisting: forwardRef(() => AutocompleteComponent), multi: true },
             { provide: BaseFormInput, useExisting: AutocompleteComponent }
@@ -757,7 +728,7 @@ class AutocompleteComponent extends BaseFormInput {
         </div>
     </dolfo-input-container>`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: InputContainerComponent, selector: "dolfo-input-container" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AutocompleteComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AutocompleteComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "dolfo-autocomplete",
@@ -821,10 +792,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
 class IconWrapperComponent {
     name;
     iconComponent = inject(ICON_COMPONENT);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: IconWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: IconWrapperComponent, isStandalone: false, selector: "dolfo-icon", inputs: { name: "name" }, ngImport: i0, template: `<ng-container [ngComponentOutlet]="iconComponent" [ngComponentOutletInputs]="{ name }"></ng-container>`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IconWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: IconWrapperComponent, isStandalone: false, selector: "dolfo-icon", inputs: { name: "name" }, ngImport: i0, template: `<ng-container [ngComponentOutlet]="iconComponent" [ngComponentOutletInputs]="{ name }"></ng-container>`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: IconWrapperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IconWrapperComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "dolfo-icon",
@@ -845,9 +816,12 @@ class ComboboxComponent extends BaseFormInput {
     multiple = false;
     onFocus = new EventEmitter();
     onBlur = new EventEmitter();
-    opened = signal(false, ...(ngDevMode ? [{ debugName: "opened" }] : /* istanbul ignore next */ []));
-    currentFocus = signal(null, ...(ngDevMode ? [{ debugName: "currentFocus" }] : /* istanbul ignore next */ []));
-    comboLabel = signal("", ...(ngDevMode ? [{ debugName: "comboLabel" }] : /* istanbul ignore next */ []));
+    opened = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "opened" }] : /* istanbul ignore next */ []));
+    currentFocus = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "currentFocus" }] : /* istanbul ignore next */ []));
+    comboLabel = signal("", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "comboLabel" }] : /* istanbul ignore next */ []));
     constructor(cdr) {
         super();
         this.cdr = cdr;
@@ -929,8 +903,8 @@ class ComboboxComponent extends BaseFormInput {
     get hasValue() {
         return this.multiple ? this.input.value != null && this.input.value.length > 0 : this.input.value != null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ComboboxComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: ComboboxComponent, isStandalone: false, selector: "dolfo-combobox", inputs: { options: "options", placeHolder: "placeHolder", multiple: ["multiple", "multiple", booleanAttribute] }, outputs: { onFocus: "onFocus", onBlur: "onBlur" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ComboboxComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: ComboboxComponent, isStandalone: false, selector: "dolfo-combobox", inputs: { options: "options", placeHolder: "placeHolder", multiple: ["multiple", "multiple", booleanAttribute] }, outputs: { onFocus: "onFocus", onBlur: "onBlur" }, providers: [
             { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => ComboboxComponent), multi: true },
             { provide: NG_VALIDATORS, useExisting: forwardRef(() => ComboboxComponent), multi: true },
             { provide: BaseFormInput, useExisting: ComboboxComponent }
@@ -955,9 +929,9 @@ class ComboboxComponent extends BaseFormInput {
 
             <input type="hidden" [formControl]="input" />
 		</div>
-	</dolfo-input-container>`, isInline: true, dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: TooltipDirective, selector: "[dolfoTooltip]", inputs: ["dolfoTooltip", "direction"] }, { kind: "component", type: IconWrapperComponent, selector: "dolfo-icon", inputs: ["name"] }, { kind: "component", type: InputContainerComponent, selector: "dolfo-input-container" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+	</dolfo-input-container>`, isInline: true, dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: TooltipDirective, selector: "[dolfoTooltip]", inputs: ["dolfoTooltip", "direction"] }, { kind: "component", type: IconWrapperComponent, selector: "dolfo-icon", inputs: ["name"] }, { kind: "component", type: InputContainerComponent, selector: "dolfo-input-container" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ComboboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ComboboxComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "dolfo-combobox",
@@ -1014,16 +988,16 @@ class DatepickerComponent extends BaseFormInput {
     onFocus = new EventEmitter();
     onBlur = new EventEmitter();
     openPicker = () => this.formInput.nativeElement.showPicker();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DatepickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.2.9", type: DatepickerComponent, isStandalone: false, selector: "dolfo-datepicker", inputs: { selectTime: ["selectTime", "selectTime", booleanAttribute] }, outputs: { onFocus: "onFocus", onBlur: "onBlur" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DatepickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.0.5", type: DatepickerComponent, isStandalone: false, selector: "dolfo-datepicker", inputs: { selectTime: ["selectTime", "selectTime", booleanAttribute] }, outputs: { onFocus: "onFocus", onBlur: "onBlur" }, providers: [
             { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => DatepickerComponent), multi: true },
             { provide: NG_VALIDATORS, useExisting: forwardRef(() => DatepickerComponent), multi: true },
             { provide: BaseFormInput, useExisting: DatepickerComponent }
         ], viewQueries: [{ propertyName: "formInput", first: true, predicate: ["formInput"], descendants: true }], usesInheritance: true, ngImport: i0, template: `<dolfo-input-container>
 		<input #formInput [type]="selectTime ? 'datetime-local' : 'date'" [formControl]="input" (focus)="openPicker(); onFocus.emit($event)" (blur)="onBlur.emit($event)" />
-	</dolfo-input-container>`, isInline: true, dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: InputContainerComponent, selector: "dolfo-input-container" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+	</dolfo-input-container>`, isInline: true, dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: InputContainerComponent, selector: "dolfo-input-container" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DatepickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DatepickerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "dolfo-datepicker",
@@ -1053,8 +1027,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
 class FormComponent {
     formGroup;
     hiddenSubmit;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FormComponent, isStandalone: false, selector: "dolfo-form", inputs: { formGroup: "formGroup", hiddenSubmit: ["hiddenSubmit", "hiddenSubmit", booleanAttribute] }, ngImport: i0, template: `<form [formGroup]="formGroup">
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: FormComponent, isStandalone: false, selector: "dolfo-form", inputs: { formGroup: "formGroup", hiddenSubmit: ["hiddenSubmit", "hiddenSubmit", booleanAttribute] }, ngImport: i0, template: `<form [formGroup]="formGroup">
         <ng-content></ng-content>
 
         @if(hiddenSubmit){
@@ -1062,7 +1036,7 @@ class FormComponent {
         }
     </form>`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FormComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "dolfo-form",
@@ -1088,8 +1062,10 @@ class BaseAppComponent extends Subscriptable {
     injector = inject(Injector);
     router = inject(Router);
     storeService = inject(StoreService);
-    loading = signal(0, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
-    loadingMessage = signal("...", ...(ngDevMode ? [{ debugName: "loadingMessage" }] : /* istanbul ignore next */ []));
+    loading = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+    loadingMessage = signal("...", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "loadingMessage" }] : /* istanbul ignore next */ []));
     ngOnInit() {
         from(Object.values(this.streams)).pipe(concatAll(), tap(desc => {
             this.loading.update(item => item + 1);
@@ -1110,10 +1086,10 @@ class BaseAppComponent extends Subscriptable {
     get percentage() {
         return (this.loading() * 100) / Object.keys(this.streams).length;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: BaseAppComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: BaseAppComponent, isStandalone: true, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: BaseAppComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: BaseAppComponent, isStandalone: true, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: BaseAppComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: BaseAppComponent, decorators: [{
             type: Directive
         }] });
 
@@ -1134,17 +1110,7 @@ class Formable extends Subscriptable {
             else
                 this.formRef.form.enable();
         }));
-        this.subForm = this.formRef.ngSubmit.pipe(tap(() => {
-            let focused = false;
-            Object.entries(this.formRef.form.controls).forEach(([key, control]) => {
-                control.markAsTouched();
-                control.updateValueAndValidity();
-                if (control.invalid && !focused) {
-                    this.inputs.toArray().find(i => i.formControlName === key).container?.focus();
-                    focused = true;
-                }
-            });
-        }), mergeMap(() => {
+        this.subForm = this.formRef.ngSubmit.pipe(tap(() => this.findInForm(this.formRef.form)), mergeMap(() => {
             if (!this.formRef.invalid && !this.loading$.getValue()) {
                 this.loading$.next(true);
                 return this.submit(this.formRef.form.getRawValue()).pipe(catchError(err => {
@@ -1165,11 +1131,37 @@ class Formable extends Subscriptable {
         else if (this.formRef && !this.subForm)
             this.ngAfterViewInit();
     }
+    findInForm = (formGroup, index) => {
+        for (const [key, control] of Object.entries(formGroup.controls)) {
+            control.markAsTouched();
+            control.updateValueAndValidity();
+            if (control.invalid) {
+                const arr = formGroup.get(key);
+                if (arr instanceof FormArray) {
+                    let index = 0;
+                    for (const item of arr.controls) {
+                        if (this.findInForm(item, index))
+                            return true;
+                        index++;
+                    }
+                }
+                else {
+                    const inputs = this.inputs.toArray().filter(i => i.formControlName === key);
+                    if (inputs.length === 1)
+                        inputs[0].container?.focus();
+                    else if (index != null)
+                        inputs[index].container?.focus();
+                    return true;
+                }
+            }
+        }
+        return false;
+    };
     manualSubmit = () => this.formRef.ngSubmit.emit();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: Formable, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: Formable, isStandalone: true, viewQueries: [{ propertyName: "formRef", first: true, predicate: FormGroupDirective, descendants: true }, { propertyName: "inputs", predicate: BaseFormInput, descendants: true }], usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: Formable, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: Formable, isStandalone: true, viewQueries: [{ propertyName: "formRef", first: true, predicate: FormGroupDirective, descendants: true }, { propertyName: "inputs", predicate: BaseFormInput, descendants: true }], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: Formable, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: Formable, decorators: [{
             type: Directive
         }], propDecorators: { formRef: [{
                 type: ViewChild,
@@ -1201,8 +1193,8 @@ class ContextMenuComponent extends Subscriptable {
             this.destroyFn();
         }
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ContextMenuComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: ContextMenuComponent, isStandalone: false, selector: "dolfo-context-menu", inputs: { x: "x", y: "y", items: "items", ref: "ref", position: "position" }, usesInheritance: true, ngImport: i0, template: `<div class="context-menu" [ngStyle]="{
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ContextMenuComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: ContextMenuComponent, isStandalone: false, selector: "dolfo-context-menu", inputs: { x: "x", y: "y", items: "items", ref: "ref", position: "position" }, usesInheritance: true, ngImport: i0, template: `<div class="context-menu" [ngStyle]="{
         top: y + 'px',
         left: x + 'px'
     }" (click)="$event.stopPropagation()" [ngClass]="'position-' + position">
@@ -1216,7 +1208,7 @@ class ContextMenuComponent extends Subscriptable {
             }
     </div>`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: IconWrapperComponent, selector: "dolfo-icon", inputs: ["name"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ContextMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ContextMenuComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "dolfo-context-menu",
@@ -1269,8 +1261,8 @@ class InputTextComponent extends BaseFormInput {
             }));
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: InputTextComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: InputTextComponent, isStandalone: false, selector: "dolfo-input-text", inputs: { type: "type", placeHolder: "placeHolder" }, outputs: { onFocus: "onFocus", onBlur: "onBlur" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: InputTextComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: InputTextComponent, isStandalone: false, selector: "dolfo-input-text", inputs: { type: "type", placeHolder: "placeHolder" }, outputs: { onFocus: "onFocus", onBlur: "onBlur" }, providers: [
             { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => InputTextComponent), multi: true },
             { provide: NG_VALIDATORS, useExisting: forwardRef(() => InputTextComponent), multi: true },
             { provide: BaseFormInput, useExisting: InputTextComponent }
@@ -1280,9 +1272,9 @@ class InputTextComponent extends BaseFormInput {
         }@else{
             <input #formInput [name]="formControlName" [type]="type" [formControl]="input" (focus)="onFocus.emit($event)" (blur)="onBlur.emit($event)" [placeholder]="placeHolder" />
         }
-    </dolfo-input-container>`, isInline: true, dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: InputContainerComponent, selector: "dolfo-input-container" }] });
+    </dolfo-input-container>`, isInline: true, dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: InputContainerComponent, selector: "dolfo-input-container" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: InputTextComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: InputTextComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "dolfo-input-text",
@@ -1322,8 +1314,8 @@ class InputRadioComponent extends BaseFormInput {
         this.input.setValue(opt.value);
         this.onChange.emit(this.input.value);
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: InputRadioComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: InputRadioComponent, isStandalone: false, selector: "dolfo-input-radio", inputs: { options: "options" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: InputRadioComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: InputRadioComponent, isStandalone: false, selector: "dolfo-input-radio", inputs: { options: "options" }, providers: [
             { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => InputRadioComponent), multi: true },
             { provide: NG_VALIDATORS, useExisting: forwardRef(() => InputRadioComponent), multi: true },
             { provide: BaseFormInput, useExisting: InputRadioComponent }
@@ -1334,9 +1326,9 @@ class InputRadioComponent extends BaseFormInput {
                 <label (click)="setOption(option)">{{ option.label }}</label>
             </div>
         }
-    </dolfo-input-container>`, isInline: true, dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: InputContainerComponent, selector: "dolfo-input-container" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    </dolfo-input-container>`, isInline: true, dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.RadioControlValueAccessor, selector: "input[type=radio]:not([ngNoCva])[formControlName],input[type=radio]:not([ngNoCva])[formControl],input[type=radio]:not([ngNoCva])[ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: InputContainerComponent, selector: "dolfo-input-container" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: InputRadioComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: InputRadioComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "dolfo-input-radio",
@@ -1370,10 +1362,10 @@ class DialogContentComponent {
     ngOnInit() {
         this.cdr.detectChanges();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DialogContentComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: DialogContentComponent, isStandalone: false, selector: "dolfo-dialog-content", viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: `<ng-template><ng-content></ng-content></ng-template>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DialogContentComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: DialogContentComponent, isStandalone: false, selector: "dolfo-dialog-content", viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: `<ng-template><ng-content></ng-content></ng-template>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DialogContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DialogContentComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "dolfo-dialog-content",
@@ -1393,6 +1385,7 @@ class ButtonComponent {
     color;
     loading = false;
     size;
+    textButton;
     onClick = new EventEmitter();
     onBlur = new EventEmitter();
     onFocus = new EventEmitter();
@@ -1404,19 +1397,19 @@ class ButtonComponent {
         if (!this.disabled && !this.loading)
             this.btn.nativeElement.focus();
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: ButtonComponent, isStandalone: false, selector: "dolfo-button", inputs: { type: "type", disabled: ["disabled", "disabled", booleanAttribute], color: "color", loading: "loading", size: "size" }, outputs: { onClick: "onClick", onBlur: "onBlur", onFocus: "onFocus" }, viewQueries: [{ propertyName: "btn", first: true, predicate: ["btn"], descendants: true }], ngImport: i0, template: `<button #btn [type]="type" [disabled]="disabled || loading" (click)="doClick($event)" [class]="'color-' + (color || 'primary')" (focus)="onFocus.emit($event)" (blur)="onFocus.emit($event)" [class.size-sm]="size === 'small'" [class.size-lg]="size === 'large'">
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: ButtonComponent, isStandalone: false, selector: "dolfo-button", inputs: { type: "type", disabled: ["disabled", "disabled", booleanAttribute], color: "color", loading: "loading", size: "size", textButton: "textButton" }, outputs: { onClick: "onClick", onBlur: "onBlur", onFocus: "onFocus" }, viewQueries: [{ propertyName: "btn", first: true, predicate: ["btn"], descendants: true }], ngImport: i0, template: `<button #btn [type]="type" [disabled]="disabled || loading" (click)="doClick($event)" [class]="'color-' + (color || 'primary')" (focus)="onFocus.emit($event)" (blur)="onFocus.emit($event)" [class.size-sm]="size === 'small'" [class.size-lg]="size === 'large'" [class.text]="textButton">
         @if(loading){
             <dolfo-icon name="spinner8"></dolfo-icon>
         }
         <ng-content></ng-content>
     </button>`, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "dolfo-icon", inputs: ["name"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "dolfo-button",
-                    template: `<button #btn [type]="type" [disabled]="disabled || loading" (click)="doClick($event)" [class]="'color-' + (color || 'primary')" (focus)="onFocus.emit($event)" (blur)="onFocus.emit($event)" [class.size-sm]="size === 'small'" [class.size-lg]="size === 'large'">
+                    template: `<button #btn [type]="type" [disabled]="disabled || loading" (click)="doClick($event)" [class]="'color-' + (color || 'primary')" (focus)="onFocus.emit($event)" (blur)="onFocus.emit($event)" [class.size-sm]="size === 'small'" [class.size-lg]="size === 'large'" [class.text]="textButton">
         @if(loading){
             <dolfo-icon name="spinner8"></dolfo-icon>
         }
@@ -1439,6 +1432,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 type: Input
             }], size: [{
                 type: Input
+            }], textButton: [{
+                type: Input
             }], onClick: [{
                 type: Output
             }], onBlur: [{
@@ -1466,8 +1461,8 @@ class DialogHeaderComponent {
         this.dialogService.close();
     };
     getIcon = () => this.icon.icon;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DialogHeaderComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: DialogService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: DialogHeaderComponent, isStandalone: false, selector: "dolfo-dialog-header", inputs: { title: "title", icon: "icon", showCloseX: ["showCloseX", "showCloseX", booleanAttribute] }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: `<ng-template>
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DialogHeaderComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: DialogService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: DialogHeaderComponent, isStandalone: false, selector: "dolfo-dialog-header", inputs: { title: "title", icon: "icon", showCloseX: ["showCloseX", "showCloseX", booleanAttribute] }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: `<ng-template>
         <h5>
             @if(icon){
                 <dolfo-icon [name]="getIcon()" [class]="'fg-' + icon.color"></dolfo-icon>
@@ -1476,12 +1471,12 @@ class DialogHeaderComponent {
         </h5>
         @if(showCloseX){
             <dolfo-button (click)="close()" color="secondary" [dolfoTooltip]="'dialog.close' | translate">
-                <i class="icon-cross"></i>
+                <dolfo-icon name="cross"></dolfo-icon>
             </dolfo-button>
         }
-    </ng-template>`, isInline: true, dependencies: [{ kind: "directive", type: TooltipDirective, selector: "[dolfoTooltip]", inputs: ["dolfoTooltip", "direction"] }, { kind: "component", type: ButtonComponent, selector: "dolfo-button", inputs: ["type", "disabled", "color", "loading", "size"], outputs: ["onClick", "onBlur", "onFocus"] }, { kind: "component", type: IconWrapperComponent, selector: "dolfo-icon", inputs: ["name"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    </ng-template>`, isInline: true, dependencies: [{ kind: "directive", type: TooltipDirective, selector: "[dolfoTooltip]", inputs: ["dolfoTooltip", "direction"] }, { kind: "component", type: ButtonComponent, selector: "dolfo-button", inputs: ["type", "disabled", "color", "loading", "size", "textButton"], outputs: ["onClick", "onBlur", "onFocus"] }, { kind: "component", type: IconWrapperComponent, selector: "dolfo-icon", inputs: ["name"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DialogHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DialogHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "dolfo-dialog-header",
@@ -1494,7 +1489,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         </h5>
         @if(showCloseX){
             <dolfo-button (click)="close()" color="secondary" [dolfoTooltip]="'dialog.close' | translate">
-                <i class="icon-cross"></i>
+                <dolfo-icon name="cross"></dolfo-icon>
             </dolfo-button>
         }
     </ng-template>`,
@@ -1515,15 +1510,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             }] } });
 
 class DialogFooterComponent {
-    cdr;
     template;
     childrenButtons;
     buttons;
     focused = false;
-    constructor(cdr) {
-        this.cdr = cdr;
-    }
-    ngOnInit() {
+    cdr = inject(ChangeDetectorRef);
+    injector = inject(Injector);
+    async ngOnInit() {
         this.cdr.detectChanges();
         setTimeout(() => this.cdr.markForCheck());
     }
@@ -1535,8 +1528,8 @@ class DialogFooterComponent {
             this.focused = true;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DialogFooterComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: DialogFooterComponent, isStandalone: false, selector: "dolfo-dialog-footer", inputs: { buttons: "buttons" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }, { propertyName: "childrenButtons", predicate: ButtonComponent, descendants: true }], ngImport: i0, template: `<ng-template>
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DialogFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: DialogFooterComponent, isStandalone: false, selector: "dolfo-dialog-footer", inputs: { buttons: "buttons" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }, { propertyName: "childrenButtons", predicate: ButtonComponent, descendants: true }], ngImport: i0, template: `<ng-template>
         @for(btn of buttons; track btn.label){
             <dolfo-button (onClick)="btn.onClick()" [color]="btn.color" [disabled]="btn.disabled" [loading]="btn.loading">
                 @if(btn.icon && !btn.loading){
@@ -1545,9 +1538,9 @@ class DialogFooterComponent {
                 {{ btn.label }}
             </dolfo-button>
         }
-    </ng-template>`, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "dolfo-button", inputs: ["type", "disabled", "color", "loading", "size"], outputs: ["onClick", "onBlur", "onFocus"] }, { kind: "component", type: IconWrapperComponent, selector: "dolfo-icon", inputs: ["name"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    </ng-template>`, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "dolfo-button", inputs: ["type", "disabled", "color", "loading", "size", "textButton"], outputs: ["onClick", "onBlur", "onFocus"] }, { kind: "component", type: IconWrapperComponent, selector: "dolfo-icon", inputs: ["name"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DialogFooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DialogFooterComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "dolfo-dialog-footer",
@@ -1564,7 +1557,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { template: [{
+        }], propDecorators: { template: [{
                 type: ViewChild,
                 args: [TemplateRef]
             }], childrenButtons: [{
@@ -1580,10 +1573,10 @@ class DialogLayoutComponent {
     content;
     footer;
     width;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DialogLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: DialogLayoutComponent, isStandalone: false, selector: "dolfo-dialog-layout", inputs: { width: "width" }, queries: [{ propertyName: "header", first: true, predicate: DialogHeaderComponent, descendants: true }, { propertyName: "content", first: true, predicate: DialogContentComponent, descendants: true }, { propertyName: "footer", first: true, predicate: DialogFooterComponent, descendants: true }], ngImport: i0, template: "<div class=\"dialog\">\r\n    <div class=\"dialog-inner\" [ngStyle]=\"{ width: width + 'px' }\">\r\n        @if(header){\r\n            <div class=\"dialog-header\">\r\n                <ng-content *ngTemplateOutlet=\"header.template\"></ng-content>\r\n            </div>\r\n        }\r\n        @if(content){\r\n            <div class=\"dialog-content\">\r\n                <ng-content *ngTemplateOutlet=\"content.template\"></ng-content>\r\n            </div>\r\n        }\r\n        @if(footer){\r\n            <div class=\"dialog-footer\">\r\n                <ng-content *ngTemplateOutlet=\"footer.template\"></ng-content>\r\n            </div>\r\n        }\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DialogLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: DialogLayoutComponent, isStandalone: false, selector: "dolfo-dialog-layout", inputs: { width: "width" }, queries: [{ propertyName: "header", first: true, predicate: DialogHeaderComponent, descendants: true }, { propertyName: "content", first: true, predicate: DialogContentComponent, descendants: true }, { propertyName: "footer", first: true, predicate: DialogFooterComponent, descendants: true }], ngImport: i0, template: "<div class=\"dialog\">\r\n    <div class=\"dialog-inner\" [ngStyle]=\"{ width: width + 'px' }\">\r\n        @if(header){\r\n            <div class=\"dialog-header\">\r\n                <ng-content *ngTemplateOutlet=\"header.template\"></ng-content>\r\n            </div>\r\n        }\r\n        @if(content){\r\n            <div class=\"dialog-content\">\r\n                <ng-content *ngTemplateOutlet=\"content.template\"></ng-content>\r\n            </div>\r\n        }\r\n        @if(footer){\r\n            <div class=\"dialog-footer\">\r\n                <ng-content *ngTemplateOutlet=\"footer.template\"></ng-content>\r\n            </div>\r\n        }\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DialogLayoutComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DialogLayoutComponent, decorators: [{
             type: Component,
             args: [{ selector: "dolfo-dialog-layout", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"dialog\">\r\n    <div class=\"dialog-inner\" [ngStyle]=\"{ width: width + 'px' }\">\r\n        @if(header){\r\n            <div class=\"dialog-header\">\r\n                <ng-content *ngTemplateOutlet=\"header.template\"></ng-content>\r\n            </div>\r\n        }\r\n        @if(content){\r\n            <div class=\"dialog-content\">\r\n                <ng-content *ngTemplateOutlet=\"content.template\"></ng-content>\r\n            </div>\r\n        }\r\n        @if(footer){\r\n            <div class=\"dialog-footer\">\r\n                <ng-content *ngTemplateOutlet=\"footer.template\"></ng-content>\r\n            </div>\r\n        }\r\n    </div>\r\n</div>" }]
         }], propDecorators: { header: [{
@@ -1660,8 +1653,8 @@ class DialogComponent extends Formable {
             }];
     };
     sanitizeMsg = () => this.sanitizer.bypassSecurityTrustHtml(this.message);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DialogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: DialogComponent, isStandalone: false, selector: "dolfo-dialog", inputs: { title: "title", message: "message", type: "type", width: "width", hideCloseX: "hideCloseX", form: "form", component: "component", buttons: "buttons", className: "className" }, usesInheritance: true, ngImport: i0, template: `<dolfo-dialog-layout [width]="width" [ngClass]="className">
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DialogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: DialogComponent, isStandalone: false, selector: "dolfo-dialog", inputs: { title: "title", message: "message", type: "type", width: "width", hideCloseX: "hideCloseX", form: "form", component: "component", buttons: "buttons", className: "className" }, usesInheritance: true, ngImport: i0, template: `<dolfo-dialog-layout [width]="width" [ngClass]="className">
         @if(title){
             <dolfo-dialog-header [title]="title" [showCloseX]="showCloseX()" [icon]="getIcon()"></dolfo-dialog-header>
         }
@@ -1705,7 +1698,7 @@ class DialogComponent extends Formable {
         }
     </dolfo-dialog-layout>`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: InputTextComponent, selector: "dolfo-input-text", inputs: ["type", "placeHolder"], outputs: ["onFocus", "onBlur"] }, { kind: "component", type: ComboboxComponent, selector: "dolfo-combobox", inputs: ["options", "placeHolder", "multiple"], outputs: ["onFocus", "onBlur"] }, { kind: "component", type: DatepickerComponent, selector: "dolfo-datepicker", inputs: ["selectTime"], outputs: ["onFocus", "onBlur"] }, { kind: "component", type: AutocompleteComponent, selector: "dolfo-autocomplete", inputs: ["config", "minChars", "resultTemplate"], outputs: ["onFocus", "onBlur"] }, { kind: "component", type: InputRadioComponent, selector: "dolfo-input-radio", inputs: ["options"] }, { kind: "component", type: DialogContentComponent, selector: "dolfo-dialog-content" }, { kind: "component", type: DialogHeaderComponent, selector: "dolfo-dialog-header", inputs: ["title", "icon", "showCloseX"] }, { kind: "component", type: DialogFooterComponent, selector: "dolfo-dialog-footer", inputs: ["buttons"] }, { kind: "component", type: DialogLayoutComponent, selector: "dolfo-dialog-layout", inputs: ["width"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DialogComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "dolfo-dialog",
@@ -1798,8 +1791,8 @@ class NotificationComponent {
         this.ns.hide();
     };
     getTitleByType = () => this.ts.translate("notification." + this.type);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NotificationComponent, deps: [{ token: NotificationService }, { token: TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: NotificationComponent, isStandalone: false, selector: "dolfo-notification", inputs: { title: "title", message: "message", type: "type", action: "action" }, ngImport: i0, template: `<div class="notification" [ngClass]="{
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationComponent, deps: [{ token: NotificationService }, { token: TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: NotificationComponent, isStandalone: false, selector: "dolfo-notification", inputs: { title: "title", message: "message", type: "type", action: "action" }, ngImport: i0, template: `<div class="notification" [ngClass]="{
         success: type === 'success',
         error: type === 'error',
         warning: type === 'warning',
@@ -1819,9 +1812,9 @@ class NotificationComponent {
                 </dolfo-button>
             </div>
         }
-    </div>`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonComponent, selector: "dolfo-button", inputs: ["type", "disabled", "color", "loading", "size"], outputs: ["onClick", "onBlur", "onFocus"] }, { kind: "component", type: IconWrapperComponent, selector: "dolfo-icon", inputs: ["name"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    </div>`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonComponent, selector: "dolfo-button", inputs: ["type", "disabled", "color", "loading", "size", "textButton"], outputs: ["onClick", "onBlur", "onFocus"] }, { kind: "component", type: IconWrapperComponent, selector: "dolfo-icon", inputs: ["name"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NotificationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "dolfo-notification",
@@ -1933,8 +1926,8 @@ class PopoverComponent extends Subscriptable {
     getContentStr = () => this.sanitizer.bypassSecurityTrustHtml(this.content);
     isTemplate = () => this.content instanceof TemplateRef;
     getContentTemplate = () => this.content;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: PopoverComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: PopoverComponent, isStandalone: false, selector: "dolfo-popover", inputs: { content: "content", elementRef: "elementRef", direction: "direction", context: "context" }, viewQueries: [{ propertyName: "tooltipRef", first: true, predicate: ["tooltipRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: `<div class="tooltip popover" #tooltipRef [ngStyle]="{
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: PopoverComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: PopoverComponent, isStandalone: false, selector: "dolfo-popover", inputs: { content: "content", elementRef: "elementRef", direction: "direction", context: "context" }, viewQueries: [{ propertyName: "tooltipRef", first: true, predicate: ["tooltipRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: `<div class="tooltip popover" #tooltipRef [ngStyle]="{
         left: (x$ | async) + 'px',
         top: (y$ | async) + 'px'
     }" [ngClass]="currentDirection$ | async" [class.show]="completed$ | async">
@@ -1945,7 +1938,7 @@ class PopoverComponent extends Subscriptable {
         }
     </div>`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: PopoverComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: PopoverComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "dolfo-popover",
@@ -2044,15 +2037,15 @@ class TooltipComponent extends Subscriptable {
         const { top, left, bottom, right } = this.tooltipRef.nativeElement.getBoundingClientRect();
         return top >= 0 && left >= 0 && bottom <= window.innerHeight && right <= window.innerWidth;
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TooltipComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: TooltipComponent, isStandalone: false, selector: "dolfo-tooltip", inputs: { content: "content", elementRef: "elementRef", direction: "direction" }, viewQueries: [{ propertyName: "tooltipRef", first: true, predicate: ["tooltipRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: `<div class="tooltip" #tooltipRef [ngStyle]="{
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TooltipComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: TooltipComponent, isStandalone: false, selector: "dolfo-tooltip", inputs: { content: "content", elementRef: "elementRef", direction: "direction" }, viewQueries: [{ propertyName: "tooltipRef", first: true, predicate: ["tooltipRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: `<div class="tooltip" #tooltipRef [ngStyle]="{
         left: (x$ | async) + 'px',
         top: (y$ | async) + 'px'
     }" [ngClass]="currentDirection$ | async" [class.show]="completed$ | async">
         {{ content }}
     </div>`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TooltipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TooltipComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "dolfo-tooltip",
@@ -2236,10 +2229,10 @@ class ContextMenuDirective extends Subscriptable {
             return [diff, top];
         return [this.elRef.nativeElement.offsetLeft, top];
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ContextMenuDirective, deps: [{ token: ContextMenuService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.2.9", type: ContextMenuDirective, isStandalone: false, selector: "[dolfoContextMenu]", inputs: { contextMenu: ["dolfoContextMenu", "contextMenu"], openOnClick: ["openOnClick", "openOnClick", booleanAttribute], useElRef: ["useElRef", "useElRef", booleanAttribute], position: "position" }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ContextMenuDirective, deps: [{ token: ContextMenuService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "22.0.5", type: ContextMenuDirective, isStandalone: false, selector: "[dolfoContextMenu]", inputs: { contextMenu: ["dolfoContextMenu", "contextMenu"], openOnClick: ["openOnClick", "openOnClick", booleanAttribute], useElRef: ["useElRef", "useElRef", booleanAttribute], position: "position" }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ContextMenuDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ContextMenuDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[dolfoContextMenu]",
@@ -2287,10 +2280,10 @@ class NavigateDirective extends Subscriptable {
             this.elementRef.nativeElement.setAttribute("href", this.url);
     }
     openBlank = () => window.open(this.publicUrl + this.url, "_blank");
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NavigateDirective, deps: [{ token: StoreService }, { token: i2.Router }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: NavigateDirective, isStandalone: false, selector: "[dolfoNavigate]", inputs: { url: ["dolfoNavigate", "url"] }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NavigateDirective, deps: [{ token: StoreService }, { token: i2.Router }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: NavigateDirective, isStandalone: false, selector: "[dolfoNavigate]", inputs: { url: ["dolfoNavigate", "url"] }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NavigateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NavigateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[dolfoNavigate]",
@@ -2321,10 +2314,10 @@ class PopoverDirective extends Subscriptable {
             context: this.context
         })));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: PopoverDirective, deps: [{ token: i0.ElementRef }, { token: PopoverService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: PopoverDirective, isStandalone: false, selector: "[dolfoPopover]", inputs: { content: ["dolfoPopover", "content"], context: ["dolfoPopoverContext", "context"], direction: "direction" }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: PopoverDirective, deps: [{ token: i0.ElementRef }, { token: PopoverService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: PopoverDirective, isStandalone: false, selector: "[dolfoPopover]", inputs: { content: ["dolfoPopover", "content"], context: ["dolfoPopoverContext", "context"], direction: "direction" }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: PopoverDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: PopoverDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[dolfoPopover]",
@@ -2380,10 +2373,10 @@ class ScrollDragDirective extends Subscriptable {
             }
         }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ScrollDragDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: ScrollDragDirective, isStandalone: false, selector: "[dolfoScrollDrag]", usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ScrollDragDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: ScrollDragDirective, isStandalone: false, selector: "[dolfoScrollDrag]", usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ScrollDragDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ScrollDragDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[dolfoScrollDrag]",
@@ -2392,11 +2385,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         }], ctorParameters: () => [{ type: i0.ElementRef }] });
 
 class DirectivesModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DirectivesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: DirectivesModule, declarations: [ContextMenuDirective, ScrollDragDirective, TooltipDirective, PopoverDirective, NavigateDirective], exports: [ContextMenuDirective, ScrollDragDirective, TooltipDirective, PopoverDirective, NavigateDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DirectivesModule });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DirectivesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: DirectivesModule, declarations: [ContextMenuDirective, ScrollDragDirective, TooltipDirective, PopoverDirective, NavigateDirective], exports: [ContextMenuDirective, ScrollDragDirective, TooltipDirective, PopoverDirective, NavigateDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DirectivesModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DirectivesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DirectivesModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ContextMenuDirective, ScrollDragDirective, TooltipDirective, PopoverDirective, NavigateDirective],
@@ -2406,13 +2399,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
 
 class LoaderComponent {
     langKey = "loading";
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: LoaderComponent, isStandalone: false, selector: "dolfo-loader", inputs: { langKey: "langKey" }, ngImport: i0, template: `<div class="loading">
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: LoaderComponent, isStandalone: false, selector: "dolfo-loader", inputs: { langKey: "langKey" }, ngImport: i0, template: `<div class="loading">
 		<dolfo-icon name="spinner5"></dolfo-icon>
 		{{ langKey | translate }}
 	</div>`, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "dolfo-icon", inputs: ["name"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: LoaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: LoaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "dolfo-loader",
@@ -2428,11 +2421,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             }] } });
 
 class LayoutModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: LayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: LayoutModule, declarations: [ButtonComponent, ContextMenuComponent, IconWrapperComponent, LoaderComponent, NotificationComponent, TooltipComponent, IconComponent, PopoverComponent], imports: [CommonModule, DirectivesModule, TranslatePipe], exports: [ButtonComponent, ContextMenuComponent, IconWrapperComponent, LoaderComponent, NotificationComponent, TooltipComponent, IconComponent, PopoverComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: LayoutModule, imports: [CommonModule, DirectivesModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: LayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: LayoutModule, declarations: [ButtonComponent, ContextMenuComponent, IconWrapperComponent, LoaderComponent, NotificationComponent, TooltipComponent, IconComponent, PopoverComponent], imports: [CommonModule, DirectivesModule, TranslatePipe], exports: [ButtonComponent, ContextMenuComponent, IconWrapperComponent, LoaderComponent, NotificationComponent, TooltipComponent, IconComponent, PopoverComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: LayoutModule, imports: [CommonModule, DirectivesModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: LayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: LayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ButtonComponent, ContextMenuComponent, IconWrapperComponent, LoaderComponent, NotificationComponent, TooltipComponent, IconComponent, PopoverComponent],
@@ -2443,8 +2436,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
 
 class InputCheckboxComponent extends BaseFormInput {
     toggleCheck = () => this.input.setValue(!this.input.value);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: InputCheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: InputCheckboxComponent, isStandalone: false, selector: "dolfo-input-checkbox", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: InputCheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: InputCheckboxComponent, isStandalone: false, selector: "dolfo-input-checkbox", providers: [
             { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => InputCheckboxComponent), multi: true },
             { provide: NG_VALIDATORS, useExisting: forwardRef(() => InputCheckboxComponent), multi: true },
             { provide: BaseFormInput, useExisting: InputCheckboxComponent }
@@ -2453,9 +2446,9 @@ class InputCheckboxComponent extends BaseFormInput {
         @if(label){
             <label (click)="toggleCheck()">{{ label }}</label>
         }
-    </div>`, isInline: true, dependencies: [{ kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    </div>`, isInline: true, dependencies: [{ kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox]:not([ngNoCva])[formControlName],input[type=checkbox]:not([ngNoCva])[formControl],input[type=checkbox]:not([ngNoCva])[ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: InputCheckboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: InputCheckboxComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "dolfo-input-checkbox",
@@ -2476,11 +2469,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         }] });
 
 class FormModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: FormModule, declarations: [InputTextComponent, InputContainerComponent, ComboboxComponent, DatepickerComponent, AutocompleteComponent, InputRadioComponent, InputCheckboxComponent, FormComponent], imports: [CommonModule, ReactiveFormsModule, TranslatePipe, DirectivesModule, LayoutModule], exports: [ReactiveFormsModule, InputTextComponent, InputContainerComponent, ComboboxComponent, DatepickerComponent, AutocompleteComponent, InputRadioComponent, InputCheckboxComponent, FormComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormModule, imports: [CommonModule, ReactiveFormsModule, DirectivesModule, LayoutModule, ReactiveFormsModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: FormModule, declarations: [InputTextComponent, InputContainerComponent, ComboboxComponent, DatepickerComponent, AutocompleteComponent, InputRadioComponent, InputCheckboxComponent, FormComponent], imports: [CommonModule, ReactiveFormsModule, TranslatePipe, DirectivesModule, LayoutModule], exports: [ReactiveFormsModule, InputTextComponent, InputContainerComponent, ComboboxComponent, DatepickerComponent, AutocompleteComponent, InputRadioComponent, InputCheckboxComponent, FormComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FormModule, imports: [CommonModule, ReactiveFormsModule, DirectivesModule, LayoutModule, ReactiveFormsModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FormModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [InputTextComponent, InputContainerComponent, ComboboxComponent, DatepickerComponent, AutocompleteComponent, InputRadioComponent, InputCheckboxComponent, FormComponent],
@@ -2490,11 +2483,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         }] });
 
 class DialogLayoutModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DialogLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: DialogLayoutModule, declarations: [DialogComponent, DialogContentComponent, DialogHeaderComponent, DialogFooterComponent, DialogLayoutComponent], imports: [CommonModule, DirectivesModule, LayoutModule, ReactiveFormsModule, TranslatePipe, FormModule], exports: [DialogComponent, DialogContentComponent, DialogHeaderComponent, DialogFooterComponent, DialogLayoutComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DialogLayoutModule, imports: [CommonModule, DirectivesModule, LayoutModule, ReactiveFormsModule, FormModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DialogLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: DialogLayoutModule, declarations: [DialogComponent, DialogContentComponent, DialogHeaderComponent, DialogFooterComponent, DialogLayoutComponent], imports: [CommonModule, DirectivesModule, LayoutModule, ReactiveFormsModule, TranslatePipe, FormModule], exports: [DialogComponent, DialogContentComponent, DialogHeaderComponent, DialogFooterComponent, DialogLayoutComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DialogLayoutModule, imports: [CommonModule, DirectivesModule, LayoutModule, ReactiveFormsModule, FormModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DialogLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DialogLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [DialogComponent, DialogContentComponent, DialogHeaderComponent, DialogFooterComponent, DialogLayoutComponent],
@@ -2540,10 +2533,10 @@ class GridComponent {
                 col.onLink(colValue);
         }
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GridComponent, deps: [{ token: TranslateService }, { token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: GridComponent, isStandalone: false, selector: "dolfo-grid", inputs: { config: "config" }, ngImport: i0, template: "@let loading = config.isLoading$() | async;\r\n\r\n<div class=\"grid-container\" [class.loading]=\"loading\">\r\n    @if(loading){\r\n        <div class=\"grid-loading\">\r\n            <dolfo-icon name=\"spinner2\"></dolfo-icon>\r\n        </div>\r\n    }\r\n\r\n    <table>\r\n        @let columns = config.getColumns();\r\n        @let showActions = config.hasActions;\r\n        @let selection = config.getSelectionConfig();\r\n        @let colSpan = columns.length + (showActions ? 1 : 0) + (selection ? 1 : 0);\r\n    \r\n        <thead>\r\n            <tr>\r\n                @if(selection){\r\n                    <th [style]=\"{ width: 0 }\">\r\n                        @if(selection.showSelectAll && selection.type === \"multiple\"){\r\n                            <input type=\"checkbox\" [checked]=\"config.isAllSelected()\" (change)=\"config.toggleSelectAll()\" />\r\n                        }\r\n                    </th>\r\n                }\r\n\r\n                @for(col of columns; track col.label){\r\n                    <th [ngStyle]=\"{ width: col.width + 'px', maxWidth: col.width + 'px' }\">{{ col.label | translate }}</th>\r\n                }\r\n    \r\n                @if(showActions){\r\n                    <th>{{ \"grid.actions\" | translate }}</th>\r\n                }\r\n            </tr>\r\n        </thead>\r\n    \r\n        <tbody>\r\n            @let list = config.getList$() | async;\r\n            \r\n            @if(list.length > 0){\r\n                @for(item of list; track config.getUniqueId(item)){\r\n                    @let itemActions = config.getActions$(item) | async;\r\n                    @let rowClass = config.getRowClass(item);\r\n    \r\n                    <tr (click)=\"config.getEvents()?.onRowClick?.(item)\" [dolfoContextMenu]=\"itemActions\" position=\"bottom-right\">\r\n                        @if(selection){\r\n                            <td [ngClass]=\"rowClass\" class=\"align-center\">\r\n                                <input type=\"checkbox\" [checked]=\"config.isItemSelected(item)\" (change)=\"config.toggleSelection(item)\" />\r\n                            </td>\r\n                        }\r\n\r\n                        @for(col of columns; track col.label){\r\n                            <td #cell [ngStyle]=\"{ width: col.width + 'px' }\" [ngClass]=\"rowClass\" [class.align-right]=\"col.align === 'right'\" [class.align-center]=\"col.align === 'center'\" (click)=\"checkLink($event, col, item, cell)\" [innerHTML]=\"resolveField(item, col)\"></td>\r\n                        }\r\n            \r\n                        @if(showActions){\r\n                            <td class=\"align-center actions\" [ngClass]=\"rowClass\">\r\n                                @if(itemActions.length > 0){\r\n                                    <dolfo-button color=\"secondary\" [dolfoTooltip]=\"'grid.showActions' | translate\" [dolfoContextMenu]=\"itemActions\" position=\"bottom-right\" openOnClick>\r\n                                        <dolfo-icon name=\"flickr\"></dolfo-icon>\r\n                                    </dolfo-button>\r\n                                }\r\n                            </td>\r\n                        }\r\n                    </tr>\r\n                }\r\n            }@else {\r\n                <tr>\r\n                    <td [colSpan]=\"colSpan\" class=\"align-center\">{{ \"grid.noResults\" | translate }}</td>\r\n                </tr>\r\n            }\r\n        </tbody>\r\n    </table>\r\n</div>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: ContextMenuDirective, selector: "[dolfoContextMenu]", inputs: ["dolfoContextMenu", "openOnClick", "useElRef", "position"] }, { kind: "directive", type: TooltipDirective, selector: "[dolfoTooltip]", inputs: ["dolfoTooltip", "direction"] }, { kind: "component", type: ButtonComponent, selector: "dolfo-button", inputs: ["type", "disabled", "color", "loading", "size"], outputs: ["onClick", "onBlur", "onFocus"] }, { kind: "component", type: IconWrapperComponent, selector: "dolfo-icon", inputs: ["name"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: GridComponent, deps: [{ token: TranslateService }, { token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: GridComponent, isStandalone: false, selector: "dolfo-grid", inputs: { config: "config" }, ngImport: i0, template: "@let loading = config.isLoading$() | async;\r\n\r\n<div class=\"grid-container\" [class.loading]=\"loading\">\r\n    @if(loading){\r\n        <div class=\"grid-loading\">\r\n            <dolfo-icon name=\"spinner2\"></dolfo-icon>\r\n        </div>\r\n    }\r\n\r\n    <table>\r\n        @let columns = config.getColumns();\r\n        @let showActions = config.hasActions;\r\n        @let selection = config.getSelectionConfig();\r\n        @let colSpan = columns.length + (showActions ? 1 : 0) + (selection ? 1 : 0);\r\n    \r\n        <thead>\r\n            <tr>\r\n                @if(selection){\r\n                    <th [style]=\"{ width: 0 }\">\r\n                        @if(selection.showSelectAll && selection.type === \"multiple\"){\r\n                            <input type=\"checkbox\" [checked]=\"config.isAllSelected()\" (change)=\"config.toggleSelectAll()\" />\r\n                        }\r\n                    </th>\r\n                }\r\n\r\n                @for(col of columns; track col.label){\r\n                    <th [ngStyle]=\"{ width: col.width + 'px', maxWidth: col.width + 'px' }\">{{ col.label | translate }}</th>\r\n                }\r\n    \r\n                @if(showActions){\r\n                    <th>{{ \"grid.actions\" | translate }}</th>\r\n                }\r\n            </tr>\r\n        </thead>\r\n    \r\n        <tbody>\r\n            @let list = config.getList$() | async;\r\n            \r\n            @if(list.length > 0){\r\n                @for(item of list; track config.getUniqueId(item)){\r\n                    @let itemActions = config.getActions$(item) | async;\r\n                    @let rowClass = config.getRowClass(item);\r\n    \r\n                    <tr (click)=\"config.getEvents()?.onRowClick?.(item)\" [dolfoContextMenu]=\"itemActions\" position=\"bottom-right\">\r\n                        @if(selection){\r\n                            <td [ngClass]=\"rowClass\" class=\"align-center\">\r\n                                <input type=\"checkbox\" [checked]=\"config.isItemSelected(item)\" (change)=\"config.toggleSelection(item)\" />\r\n                            </td>\r\n                        }\r\n\r\n                        @for(col of columns; track col.label){\r\n                            <td #cell [ngStyle]=\"{ width: col.width + 'px' }\" [ngClass]=\"rowClass\" [class.align-right]=\"col.align === 'right'\" [class.align-center]=\"col.align === 'center'\" (click)=\"checkLink($event, col, item, cell)\" [innerHTML]=\"resolveField(item, col)\"></td>\r\n                        }\r\n            \r\n                        @if(showActions){\r\n                            <td class=\"align-center actions\" [ngClass]=\"rowClass\">\r\n                                @if(itemActions.length > 0){\r\n                                    <dolfo-button color=\"secondary\" [dolfoTooltip]=\"'grid.showActions' | translate\" [dolfoContextMenu]=\"itemActions\" position=\"bottom-right\" openOnClick>\r\n                                        <dolfo-icon name=\"flickr\"></dolfo-icon>\r\n                                    </dolfo-button>\r\n                                }\r\n                            </td>\r\n                        }\r\n                    </tr>\r\n                }\r\n            }@else {\r\n                <tr>\r\n                    <td [colSpan]=\"colSpan\" class=\"align-center\">{{ \"grid.noResults\" | translate }}</td>\r\n                </tr>\r\n            }\r\n        </tbody>\r\n    </table>\r\n</div>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: ContextMenuDirective, selector: "[dolfoContextMenu]", inputs: ["dolfoContextMenu", "openOnClick", "useElRef", "position"] }, { kind: "directive", type: TooltipDirective, selector: "[dolfoTooltip]", inputs: ["dolfoTooltip", "direction"] }, { kind: "component", type: ButtonComponent, selector: "dolfo-button", inputs: ["type", "disabled", "color", "loading", "size", "textButton"], outputs: ["onClick", "onBlur", "onFocus"] }, { kind: "component", type: IconWrapperComponent, selector: "dolfo-icon", inputs: ["name"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GridComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: GridComponent, decorators: [{
             type: Component,
             args: [{ selector: "dolfo-grid", standalone: false, template: "@let loading = config.isLoading$() | async;\r\n\r\n<div class=\"grid-container\" [class.loading]=\"loading\">\r\n    @if(loading){\r\n        <div class=\"grid-loading\">\r\n            <dolfo-icon name=\"spinner2\"></dolfo-icon>\r\n        </div>\r\n    }\r\n\r\n    <table>\r\n        @let columns = config.getColumns();\r\n        @let showActions = config.hasActions;\r\n        @let selection = config.getSelectionConfig();\r\n        @let colSpan = columns.length + (showActions ? 1 : 0) + (selection ? 1 : 0);\r\n    \r\n        <thead>\r\n            <tr>\r\n                @if(selection){\r\n                    <th [style]=\"{ width: 0 }\">\r\n                        @if(selection.showSelectAll && selection.type === \"multiple\"){\r\n                            <input type=\"checkbox\" [checked]=\"config.isAllSelected()\" (change)=\"config.toggleSelectAll()\" />\r\n                        }\r\n                    </th>\r\n                }\r\n\r\n                @for(col of columns; track col.label){\r\n                    <th [ngStyle]=\"{ width: col.width + 'px', maxWidth: col.width + 'px' }\">{{ col.label | translate }}</th>\r\n                }\r\n    \r\n                @if(showActions){\r\n                    <th>{{ \"grid.actions\" | translate }}</th>\r\n                }\r\n            </tr>\r\n        </thead>\r\n    \r\n        <tbody>\r\n            @let list = config.getList$() | async;\r\n            \r\n            @if(list.length > 0){\r\n                @for(item of list; track config.getUniqueId(item)){\r\n                    @let itemActions = config.getActions$(item) | async;\r\n                    @let rowClass = config.getRowClass(item);\r\n    \r\n                    <tr (click)=\"config.getEvents()?.onRowClick?.(item)\" [dolfoContextMenu]=\"itemActions\" position=\"bottom-right\">\r\n                        @if(selection){\r\n                            <td [ngClass]=\"rowClass\" class=\"align-center\">\r\n                                <input type=\"checkbox\" [checked]=\"config.isItemSelected(item)\" (change)=\"config.toggleSelection(item)\" />\r\n                            </td>\r\n                        }\r\n\r\n                        @for(col of columns; track col.label){\r\n                            <td #cell [ngStyle]=\"{ width: col.width + 'px' }\" [ngClass]=\"rowClass\" [class.align-right]=\"col.align === 'right'\" [class.align-center]=\"col.align === 'center'\" (click)=\"checkLink($event, col, item, cell)\" [innerHTML]=\"resolveField(item, col)\"></td>\r\n                        }\r\n            \r\n                        @if(showActions){\r\n                            <td class=\"align-center actions\" [ngClass]=\"rowClass\">\r\n                                @if(itemActions.length > 0){\r\n                                    <dolfo-button color=\"secondary\" [dolfoTooltip]=\"'grid.showActions' | translate\" [dolfoContextMenu]=\"itemActions\" position=\"bottom-right\" openOnClick>\r\n                                        <dolfo-icon name=\"flickr\"></dolfo-icon>\r\n                                    </dolfo-button>\r\n                                }\r\n                            </td>\r\n                        }\r\n                    </tr>\r\n                }\r\n            }@else {\r\n                <tr>\r\n                    <td [colSpan]=\"colSpan\" class=\"align-center\">{{ \"grid.noResults\" | translate }}</td>\r\n                </tr>\r\n            }\r\n        </tbody>\r\n    </table>\r\n</div>" }]
         }], ctorParameters: () => [{ type: TranslateService }, { type: i1$2.DomSanitizer }], propDecorators: { config: [{
@@ -2552,11 +2545,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             }] } });
 
 class GridModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: GridModule, declarations: [GridComponent], imports: [CommonModule, DirectivesModule, LayoutModule, TranslatePipe], exports: [GridComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GridModule, imports: [CommonModule, DirectivesModule, LayoutModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: GridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: GridModule, declarations: [GridComponent], imports: [CommonModule, DirectivesModule, LayoutModule, TranslatePipe], exports: [GridComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: GridModule, imports: [CommonModule, DirectivesModule, LayoutModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GridModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: GridModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [GridComponent],