dolfo-angular 1.200.0 → 1.202.0

package/fesm2022/dolfo-angular.mjs

@@ -1,12 +1,12 @@
 import * as i0 from '@angular/core';
-import { Directive, Input, ChangeDetectionStrategy, Component, InjectionToken, Injectable, Inject, Pipe, EventEmitter, inject, Output, ViewChild, signal, forwardRef, booleanAttribute, ChangeDetectorRef, ViewChildren, TemplateRef, ContentChild, EnvironmentInjector, createComponent, Injector, NgModule } from '@angular/core';
-import * as i1$2 from '@angular/forms';
+import { Directive, Input, ChangeDetectionStrategy, Component, InjectionToken, Injectable, inject, Inject, Pipe, EventEmitter, Output, ViewChild, signal, forwardRef, booleanAttribute, ChangeDetectorRef, ViewChildren, TemplateRef, ContentChild, EnvironmentInjector, createComponent, Injector, 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 { BehaviorSubject, tap, distinctUntilChanged, filter, fromEvent, map, delay, mergeMap, catchError, of, race, zip } from 'rxjs';
-import * as i1$1 from '@angular/common';
+import * as i1 from '@angular/common';
 import { formatDate, DecimalPipe, CommonModule } from '@angular/common';
-import * as i1 from '@angular/common/http';
-import * as i1$3 from '@angular/platform-browser';
+import { HttpClient } from '@angular/common/http';
+import * as i1$2 from '@angular/platform-browser';
 import { DomSanitizer } from '@angular/platform-browser';
 
 class Subscriptable {
@@ -15,10 +15,10 @@ class Subscriptable {
     ngOnDestroy() {
         this.subs.forEach(s => s.unsubscribe());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: Subscriptable, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: Subscriptable, isStandalone: true, ngImport: i0 });
+    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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: Subscriptable, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: Subscriptable, decorators: [{
             type: Directive
         }] });
 
@@ -102,10 +102,10 @@ class GridConfig {
 
 class IconComponent {
     name;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", 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: "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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: IconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: IconComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "dolfo-icon-x",
@@ -152,15 +152,20 @@ const isDeepEqual = (objA, objB, map = new WeakMap()) => {
     }
     return true;
 };
+const passwordValidator = (control) => {
+    if (control.value?.match(/^(.{0,7}|[^0-9]*|[^A-Z]*|[^a-z]*|[a-zA-Z0-9]*)$/))
+        return { password: true };
+    return null;
+};
 
 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.1.3", ngImport: i0, type: ContextMenuService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ContextMenuService, providedIn: "root" });
+    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" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ContextMenuService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ContextMenuService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: "root"
@@ -168,12 +173,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
         }] });
 
 class TranslateService {
-    httpClient;
     lang$ = new BehaviorSubject(null);
     langContent;
     langs;
-    constructor(langConfig, httpClient) {
-        this.httpClient = httpClient;
+    httpClient = inject(HttpClient);
+    constructor(langConfig) {
         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);
@@ -209,10 +213,10 @@ 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.1.3", ngImport: i0, type: TranslateService, deps: [{ token: LANGUAGE_TOKEN }, { token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TranslateService, providedIn: "root" });
+    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" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TranslateService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TranslateService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: "root"
@@ -220,7 +224,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [LANGUAGE_TOKEN]
-                }] }, { type: i1.HttpClient }] });
+                }] }] });
 
 class DialogService {
     ts;
@@ -256,10 +260,10 @@ 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.1.3", ngImport: i0, type: DialogService, deps: [{ token: TranslateService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DialogService, providedIn: "root" });
+    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" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DialogService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DialogService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: "root"
@@ -276,10 +280,10 @@ class NotificationService {
     };
     hide = () => this.notification$.next(null);
     getHistory$ = () => this.history$.asObservable();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: NotificationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: NotificationService, providedIn: "root" });
+    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" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: NotificationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NotificationService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: "root"
@@ -292,10 +296,10 @@ 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.1.3", ngImport: i0, type: PopoverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: PopoverService, providedIn: "root" });
+    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" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: PopoverService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: PopoverService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: "root"
@@ -308,10 +312,10 @@ 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.1.3", ngImport: i0, type: TooltipService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TooltipService, providedIn: "root" });
+    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" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TooltipService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TooltipService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: "root"
@@ -332,10 +336,10 @@ class TooltipDirective extends Subscriptable {
             direction: this.direction
         })));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TooltipDirective, deps: [{ token: i0.ElementRef }, { token: TooltipService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", 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: "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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TooltipDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TooltipDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[dolfoTooltip]",
@@ -354,10 +358,10 @@ class TranslatePipe {
         this.ts = ts;
     }
     transform = (value, args) => this.ts.translate(value, args);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TranslatePipe, deps: [{ token: TranslateService }], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: TranslatePipe, isStandalone: true, name: "translate", pure: false });
+    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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TranslatePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TranslatePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "translate",
@@ -401,8 +405,8 @@ class InputContainerComponent {
         if (input)
             input.focus();
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: InputContainerComponent, deps: [{ token: BaseFormInput }, { token: i0.ElementRef }, { token: TranslateService }, { token: i1$1.DecimalPipe }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", 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: "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">
         @if(input.label){
             <label>
                 {{ input.label }}
@@ -421,9 +425,9 @@ class InputContainerComponent {
                 {{ error[0] | translate: error[1] }}
             </div>
         }
-    </div>`, isInline: true, dependencies: [{ kind: "directive", type: TooltipDirective, selector: "[dolfoTooltip]", inputs: ["dolfoTooltip", "direction"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+    </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.1.3", ngImport: i0, type: InputContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: InputContainerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "dolfo-input-container",
@@ -450,7 +454,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
                     providers: [DecimalPipe],
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: BaseFormInput }, { type: i0.ElementRef }, { type: TranslateService }, { type: i1$1.DecimalPipe }] });
+        }], ctorParameters: () => [{ type: BaseFormInput }, { type: i0.ElementRef }, { type: TranslateService }, { type: i1.DecimalPipe }] });
 
 class BaseFormInput extends Subscriptable {
     container;
@@ -486,10 +490,10 @@ class BaseFormInput extends Subscriptable {
     get isRequired() {
         return this.control.hasValidator(Validators.required);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: BaseFormInput, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", 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: "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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: BaseFormInput, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: BaseFormInput, decorators: [{
             type: Directive
         }], propDecorators: { container: [{
                 type: ViewChild,
@@ -508,14 +512,15 @@ class AutocompleteComponent extends BaseFormInput {
     autocompleteInput;
     config;
     minChars = 3;
+    resultTemplate;
     onFocus = new EventEmitter();
     onBlur = new EventEmitter();
-    options = signal([], ...(ngDevMode ? [{ debugName: "options" }] : []));
-    opened = signal(false, ...(ngDevMode ? [{ debugName: "opened" }] : []));
-    currentOption = signal("", ...(ngDevMode ? [{ debugName: "currentOption" }] : []));
-    currentOptionLabel = signal("", ...(ngDevMode ? [{ debugName: "currentOptionLabel" }] : []));
-    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
-    currentFocus = signal(null, ...(ngDevMode ? [{ debugName: "currentFocus" }] : []));
+    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 */ []));
     keyDown = false;
     keyDownTimeout;
     constructor() {
@@ -593,8 +598,8 @@ class AutocompleteComponent extends BaseFormInput {
         if (!noEmit)
             this.onChange.emit(this.input.value);
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: AutocompleteComponent, isStandalone: false, selector: "dolfo-autocomplete", inputs: { config: "config", minChars: "minChars" }, outputs: { onFocus: "onFocus", onBlur: "onBlur" }, providers: [
+    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: [
             { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => AutocompleteComponent), multi: true },
             { provide: NG_VALIDATORS, useExisting: forwardRef(() => AutocompleteComponent), multi: true },
             { provide: BaseFormInput, useExisting: AutocompleteComponent }
@@ -618,14 +623,18 @@ class AutocompleteComponent extends BaseFormInput {
 
                 @for(opt of options(); track opt.value; let idx = $index){
                     <div class="combobox-option" [class.selected]="isSelected(opt)" [class.focused]="currentFocus() === idx" (click)="$event.stopPropagation(); setOption(opt)">
-                        <span>{{ opt.label }}</span>
+                        @if(resultTemplate){
+                            <ng-container [ngTemplateOutlet]="resultTemplate" [ngTemplateOutletContext]="{ item: opt }"></ng-container>
+                        }@else {
+                            <span>{{ opt.label }}</span>
+                        }
                     </div>
                 }
             </div>
         </div>
-    </dolfo-input-container>`, isInline: true, dependencies: [{ 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.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.1.3", ngImport: i0, type: AutocompleteComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AutocompleteComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "dolfo-autocomplete",
@@ -649,7 +658,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
 
                 @for(opt of options(); track opt.value; let idx = $index){
                     <div class="combobox-option" [class.selected]="isSelected(opt)" [class.focused]="currentFocus() === idx" (click)="$event.stopPropagation(); setOption(opt)">
-                        <span>{{ opt.label }}</span>
+                        @if(resultTemplate){
+                            <ng-container [ngTemplateOutlet]="resultTemplate" [ngTemplateOutletContext]="{ item: opt }"></ng-container>
+                        }@else {
+                            <span>{{ opt.label }}</span>
+                        }
                     </div>
                 }
             </div>
@@ -674,6 +687,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
                 args: [{ required: true }]
             }], minChars: [{
                 type: Input
+            }], resultTemplate: [{
+                type: Input
             }], onFocus: [{
                 type: Output
             }], onBlur: [{
@@ -683,10 +698,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
 class IconWrapperComponent {
     name;
     iconComponent = inject(ICON_COMPONENT);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: IconWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", 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$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: IconWrapperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: IconWrapperComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "dolfo-icon",
@@ -707,9 +722,9 @@ class ComboboxComponent extends BaseFormInput {
     multiple = false;
     onFocus = new EventEmitter();
     onBlur = new EventEmitter();
-    opened = signal(false, ...(ngDevMode ? [{ debugName: "opened" }] : []));
-    currentFocus = signal(null, ...(ngDevMode ? [{ debugName: "currentFocus" }] : []));
-    comboLabel = signal("", ...(ngDevMode ? [{ debugName: "comboLabel" }] : []));
+    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 */ []));
     constructor(cdr) {
         super();
         this.cdr = cdr;
@@ -791,8 +806,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.1.3", ngImport: i0, type: ComboboxComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", 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: "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: [
             { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => ComboboxComponent), multi: true },
             { provide: NG_VALIDATORS, useExisting: forwardRef(() => ComboboxComponent), multi: true },
             { provide: BaseFormInput, useExisting: ComboboxComponent }
@@ -817,9 +832,9 @@ class ComboboxComponent extends BaseFormInput {
 
             <input type="hidden" [formControl]="input" />
 		</div>
-	</dolfo-input-container>`, isInline: true, dependencies: [{ kind: "directive", type: i1$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.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])[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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ComboboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ComboboxComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "dolfo-combobox",
@@ -876,16 +891,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.1.3", ngImport: i0, type: DatepickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.1.3", 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: "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: [
             { 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$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.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])[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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DatepickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DatepickerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "dolfo-datepicker",
@@ -912,6 +927,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
                 type: Output
             }] } });
 
+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">
+        <ng-content></ng-content>
+
+        @if(hiddenSubmit){
+            <button type="submit" [ngStyle]="{ display: 'none' }"></button>
+        }
+    </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: [{
+            type: Component,
+            args: [{
+                    selector: "dolfo-form",
+                    template: `<form [formGroup]="formGroup">
+        <ng-content></ng-content>
+
+        @if(hiddenSubmit){
+            <button type="submit" [ngStyle]="{ display: 'none' }"></button>
+        }
+    </form>`,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    standalone: false
+                }]
+        }], propDecorators: { formGroup: [{
+                type: Input,
+                args: [{ required: true }]
+            }], hiddenSubmit: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }] } });
+
 class Formable extends Subscriptable {
     formRef;
     inputs;
@@ -961,10 +1010,10 @@ class Formable extends Subscriptable {
             this.ngAfterViewInit();
     }
     manualSubmit = () => this.formRef.ngSubmit.emit();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: Formable, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", 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: "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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: Formable, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: Formable, decorators: [{
             type: Directive
         }], propDecorators: { formRef: [{
                 type: ViewChild,
@@ -996,8 +1045,8 @@ class ContextMenuComponent extends Subscriptable {
             this.destroyFn();
         }
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ContextMenuComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", 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: "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]="{
         top: y + 'px',
         left: x + 'px'
     }" (click)="$event.stopPropagation()" [ngClass]="'position-' + position">
@@ -1009,9 +1058,9 @@ class ContextMenuComponent extends Subscriptable {
                 {{ item.label }}
             </div>
             }
-    </div>`, isInline: true, dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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: "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.1.3", ngImport: i0, type: ContextMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ContextMenuComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "dolfo-context-menu",
@@ -1054,8 +1103,8 @@ class InputTextComponent extends BaseFormInput {
     onBlur = new EventEmitter();
     formInput;
     focus = () => this.formInput.nativeElement.focus();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: InputTextComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", 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: "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: [
             { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => InputTextComponent), multi: true },
             { provide: NG_VALIDATORS, useExisting: forwardRef(() => InputTextComponent), multi: true },
             { provide: BaseFormInput, useExisting: InputTextComponent }
@@ -1065,9 +1114,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$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.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])[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" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: InputTextComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: InputTextComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "dolfo-input-text",
@@ -1107,8 +1156,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.1.3", ngImport: i0, type: InputRadioComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: InputRadioComponent, isStandalone: false, selector: "dolfo-input-radio", inputs: { options: "options" }, providers: [
+    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: [
             { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => InputRadioComponent), multi: true },
             { provide: NG_VALIDATORS, useExisting: forwardRef(() => InputRadioComponent), multi: true },
             { provide: BaseFormInput, useExisting: InputRadioComponent }
@@ -1119,9 +1168,9 @@ class InputRadioComponent extends BaseFormInput {
                 <label (click)="setOption(option)">{{ option.label }}</label>
             </div>
         }
-    </dolfo-input-container>`, isInline: true, dependencies: [{ kind: "directive", type: i1$2.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$2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.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])[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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: InputRadioComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: InputRadioComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "dolfo-input-radio",
@@ -1155,10 +1204,10 @@ class DialogContentComponent {
     ngOnInit() {
         this.cdr.detectChanges();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DialogContentComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", 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: "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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DialogContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DialogContentComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "dolfo-dialog-content",
@@ -1189,15 +1238,15 @@ class ButtonComponent {
         if (!this.disabled && !this.loading)
             this.btn.nativeElement.focus();
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", 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: "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'">
         @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.1.3", ngImport: i0, type: ButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "dolfo-button",
@@ -1250,8 +1299,8 @@ class DialogHeaderComponent {
         this.dialogService.action({ type: DialogActionType.CANCEL, data: null });
         this.dialogService.close();
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DialogHeaderComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: DialogService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", 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: "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>
         <h5>
             @if(icon){
                 <i [class]="'icon-' + icon.icon + ' fg-' + icon.color"></i>
@@ -1265,7 +1314,7 @@ class DialogHeaderComponent {
         }
     </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: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DialogHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DialogHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "dolfo-dialog-header",
@@ -1319,8 +1368,8 @@ class DialogFooterComponent {
             this.focused = true;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DialogFooterComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", 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: "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>
         @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){
@@ -1331,7 +1380,7 @@ class DialogFooterComponent {
         }
     </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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DialogFooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DialogFooterComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "dolfo-dialog-footer",
@@ -1364,10 +1413,10 @@ class DialogLayoutComponent {
     content;
     footer;
     width;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DialogLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", 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$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DialogLayoutComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", 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: [{
@@ -1443,8 +1492,8 @@ class DialogComponent extends Formable {
             }];
     };
     sanitizeMsg = () => this.sanitizer.bypassSecurityTrustHtml(this.message);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DialogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: DialogComponent, isStandalone: false, selector: "dolfo-dialog", inputs: { title: "title", message: "message", type: "type", width: "width", hideCloseX: "hideCloseX", form: "form", component: "component", buttons: "buttons" }, usesInheritance: true, ngImport: i0, template: `<dolfo-dialog-layout [width]="width">
+    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" }, usesInheritance: true, ngImport: i0, template: `<dolfo-dialog-layout [width]="width">
         @if(title){
             <dolfo-dialog-header [title]="title" [showCloseX]="showCloseX()" [icon]="getIcon()"></dolfo-dialog-header>
         }
@@ -1486,9 +1535,9 @@ class DialogComponent extends Formable {
         @if(footer){
             <dolfo-dialog-footer [buttons]="footer"></dolfo-dialog-footer>
         }
-    </dolfo-dialog-layout>`, isInline: true, dependencies: [{ kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.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"], 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 });
+    </dolfo-dialog-layout>`, isInline: true, dependencies: [{ 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.1.3", ngImport: i0, type: DialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DialogComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "dolfo-dialog",
@@ -1579,8 +1628,8 @@ class NotificationComponent {
         this.ns.hide();
     };
     getTitleByType = () => this.ts.translate("notification." + this.type);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: NotificationComponent, deps: [{ token: NotificationService }, { token: TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", 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: "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]="{
         success: type === 'success',
         error: type === 'error',
         warning: type === 'warning',
@@ -1600,9 +1649,9 @@ class NotificationComponent {
                 </dolfo-button>
             </div>
         }
-    </div>`, isInline: true, dependencies: [{ kind: "directive", type: i1$1.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"], 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.1.3", ngImport: i0, type: NotificationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NotificationComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "dolfo-notification",
@@ -1714,8 +1763,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.1.3", ngImport: i0, type: PopoverComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", 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: "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]="{
         left: (x$ | async) + 'px',
         top: (y$ | async) + 'px'
     }" [ngClass]="currentDirection$ | async" [class.show]="completed$ | async">
@@ -1724,9 +1773,9 @@ class PopoverComponent extends Subscriptable {
         }@else{
             <div [innerHTML]="getContentStr()"></div>
         }
-    </div>`, isInline: true, dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    </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.1.3", ngImport: i0, type: PopoverComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: PopoverComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "dolfo-popover",
@@ -1743,7 +1792,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
     </div>`,
                     changeDetection: ChangeDetectionStrategy.OnPush
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$3.DomSanitizer }], propDecorators: { tooltipRef: [{
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$2.DomSanitizer }], propDecorators: { tooltipRef: [{
                 type: ViewChild,
                 args: ["tooltipRef"]
             }], content: [{
@@ -1825,15 +1874,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.1.3", ngImport: i0, type: TooltipComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", 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: "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]="{
         left: (x$ | async) + 'px',
         top: (y$ | async) + 'px'
     }" [ngClass]="currentDirection$ | async" [class.show]="completed$ | async">
         {{ content }}
-    </div>`, isInline: true, dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    </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.1.3", ngImport: i0, type: TooltipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TooltipComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "dolfo-tooltip",
@@ -1976,10 +2025,10 @@ class ContextMenuDirective extends Subscriptable {
             return [diff, top];
         return [this.elRef.nativeElement.offsetLeft, top];
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ContextMenuDirective, deps: [{ token: ContextMenuService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.1.3", 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: "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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ContextMenuDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ContextMenuDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[dolfoContextMenu]",
@@ -2018,10 +2067,10 @@ class PopoverDirective extends Subscriptable {
             context: this.context
         })));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: PopoverDirective, deps: [{ token: i0.ElementRef }, { token: PopoverService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", 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: "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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: PopoverDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: PopoverDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[dolfoPopover]",
@@ -2077,10 +2126,10 @@ class ScrollDragDirective extends Subscriptable {
             }
         }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ScrollDragDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: ScrollDragDirective, isStandalone: false, selector: "[dolfoScrollDrag]", usesInheritance: true, ngImport: i0 });
+    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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ScrollDragDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ScrollDragDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[dolfoScrollDrag]",
@@ -2089,11 +2138,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
         }], ctorParameters: () => [{ type: i0.ElementRef }] });
 
 class DirectivesModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DirectivesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: DirectivesModule, declarations: [ContextMenuDirective, ScrollDragDirective, TooltipDirective, PopoverDirective], exports: [ContextMenuDirective, ScrollDragDirective, TooltipDirective, PopoverDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: 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], exports: [ContextMenuDirective, ScrollDragDirective, TooltipDirective, PopoverDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DirectivesModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DirectivesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DirectivesModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ContextMenuDirective, ScrollDragDirective, TooltipDirective, PopoverDirective],
@@ -2103,13 +2152,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
 
 class LoaderComponent {
     langKey = "loading";
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", 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: "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">
 		<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.1.3", ngImport: i0, type: LoaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: LoaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "dolfo-loader",
@@ -2125,11 +2174,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
             }] } });
 
 class LayoutModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: LayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", 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.1.3", ngImport: i0, type: LayoutModule, imports: [CommonModule, DirectivesModule] });
+    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] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: LayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: LayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ButtonComponent, ContextMenuComponent, IconWrapperComponent, LoaderComponent, NotificationComponent, TooltipComponent, IconComponent, PopoverComponent],
@@ -2140,8 +2189,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
 
 class InputCheckboxComponent extends BaseFormInput {
     toggleCheck = () => this.input.setValue(!this.input.value);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: InputCheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: InputCheckboxComponent, isStandalone: false, selector: "dolfo-input-checkbox", providers: [
+    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: [
             { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => InputCheckboxComponent), multi: true },
             { provide: NG_VALIDATORS, useExisting: forwardRef(() => InputCheckboxComponent), multi: true },
             { provide: BaseFormInput, useExisting: InputCheckboxComponent }
@@ -2150,9 +2199,9 @@ class InputCheckboxComponent extends BaseFormInput {
         @if(label){
             <label (click)="toggleCheck()">{{ label }}</label>
         }
-    </div>`, isInline: true, dependencies: [{ kind: "directive", type: i1$2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.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][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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: InputCheckboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: InputCheckboxComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "dolfo-input-checkbox",
@@ -2173,25 +2222,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
         }] });
 
 class FormModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: FormModule, declarations: [InputTextComponent, InputContainerComponent, ComboboxComponent, DatepickerComponent, AutocompleteComponent, InputRadioComponent, InputCheckboxComponent], imports: [CommonModule, ReactiveFormsModule, TranslatePipe, DirectivesModule, LayoutModule], exports: [ReactiveFormsModule, InputTextComponent, InputContainerComponent, ComboboxComponent, DatepickerComponent, AutocompleteComponent, InputRadioComponent, InputCheckboxComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormModule, imports: [CommonModule, ReactiveFormsModule, DirectivesModule, LayoutModule, ReactiveFormsModule] });
+    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] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [InputTextComponent, InputContainerComponent, ComboboxComponent, DatepickerComponent, AutocompleteComponent, InputRadioComponent, InputCheckboxComponent],
+                    declarations: [InputTextComponent, InputContainerComponent, ComboboxComponent, DatepickerComponent, AutocompleteComponent, InputRadioComponent, InputCheckboxComponent, FormComponent],
                     imports: [CommonModule, ReactiveFormsModule, TranslatePipe, DirectivesModule, LayoutModule],
-                    exports: [ReactiveFormsModule, InputTextComponent, InputContainerComponent, ComboboxComponent, DatepickerComponent, AutocompleteComponent, InputRadioComponent, InputCheckboxComponent]
+                    exports: [ReactiveFormsModule, InputTextComponent, InputContainerComponent, ComboboxComponent, DatepickerComponent, AutocompleteComponent, InputRadioComponent, InputCheckboxComponent, FormComponent]
                 }]
         }] });
 
 class DialogLayoutModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DialogLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", 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.1.3", ngImport: i0, type: DialogLayoutModule, imports: [CommonModule, DirectivesModule, LayoutModule, ReactiveFormsModule, FormModule] });
+    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] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DialogLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DialogLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [DialogComponent, DialogContentComponent, DialogHeaderComponent, DialogFooterComponent, DialogLayoutComponent],
@@ -2220,23 +2269,23 @@ class GridComponent {
         const retValue = formatter ? formatter(value) : value;
         return this.sanitizer.bypassSecurityTrustHtml(retValue);
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GridComponent, deps: [{ token: TranslateService }, { token: i1$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", 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);\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 [ngStyle]=\"{ width: col.width + 'px' }\" [ngClass]=\"rowClass\" [class.align-right]=\"col.align === 'right'\" [class.align-center]=\"col.align === 'center'\" [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$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.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$1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+    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);\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 [ngStyle]=\"{ width: col.width + 'px' }\" [ngClass]=\"rowClass\" [class.align-right]=\"col.align === 'right'\" [class.align-center]=\"col.align === 'center'\" [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" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GridComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", 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);\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 [ngStyle]=\"{ width: col.width + 'px' }\" [ngClass]=\"rowClass\" [class.align-right]=\"col.align === 'right'\" [class.align-center]=\"col.align === 'center'\" [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$3.DomSanitizer }], propDecorators: { config: [{
+        }], ctorParameters: () => [{ type: TranslateService }, { type: i1$2.DomSanitizer }], propDecorators: { config: [{
                 type: Input,
                 args: [{ required: true }]
             }] } });
 
 class GridModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: GridModule, declarations: [GridComponent], imports: [CommonModule, DirectivesModule, LayoutModule, TranslatePipe], exports: [GridComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GridModule, imports: [CommonModule, DirectivesModule, LayoutModule] });
+    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] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GridModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GridModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [GridComponent],
@@ -2254,5 +2303,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AutocompleteComponent, BaseFormInput, ButtonComponent, CONTEXT_MENU_DESTROY_TOKEN, ColumnAlign, ColumnDataType, ComboboxComponent, ContextMenuComponent, ContextMenuDirective, ContextMenuService, DatepickerComponent, DialogActionType, DialogComponent, DialogContentComponent, DialogFooterComponent, DialogHeaderComponent, DialogLayoutComponent, DialogLayoutModule, DialogService, DirectivesModule, FormModule, Formable, GridComponent, GridConfig, GridModule, ICON_COMPONENT, IconComponent, IconWrapperComponent, InputCheckboxComponent, InputContainerComponent, InputRadioComponent, InputTextComponent, LANGUAGE_TOKEN, LayoutModule, LoaderComponent, NotificationComponent, NotificationService, OverlayManager, POPOVER_DESTROY_TOKEN, PopoverComponent, PopoverDirective, PopoverService, ScrollDragDirective, Subscriptable, TOOLTIP_DESTROY_TOKEN, TRANSLATE_STORAGE_KEY, TooltipComponent, TooltipDirective, TooltipService, TranslatePipe, TranslateService, isDeepEqual, provideDolfoLanguages };
+export { AutocompleteComponent, BaseFormInput, ButtonComponent, CONTEXT_MENU_DESTROY_TOKEN, ColumnAlign, ColumnDataType, ComboboxComponent, ContextMenuComponent, ContextMenuDirective, ContextMenuService, DatepickerComponent, DialogActionType, DialogComponent, DialogContentComponent, DialogFooterComponent, DialogHeaderComponent, DialogLayoutComponent, DialogLayoutModule, DialogService, DirectivesModule, FormComponent, FormModule, Formable, GridComponent, GridConfig, GridModule, ICON_COMPONENT, IconComponent, IconWrapperComponent, InputCheckboxComponent, InputContainerComponent, InputRadioComponent, InputTextComponent, LANGUAGE_TOKEN, LayoutModule, LoaderComponent, NotificationComponent, NotificationService, OverlayManager, POPOVER_DESTROY_TOKEN, PopoverComponent, PopoverDirective, PopoverService, ScrollDragDirective, Subscriptable, TOOLTIP_DESTROY_TOKEN, TRANSLATE_STORAGE_KEY, TooltipComponent, TooltipDirective, TooltipService, TranslatePipe, TranslateService, isDeepEqual, passwordValidator, provideDolfoLanguages };
 //# sourceMappingURL=dolfo-angular.mjs.map