dolfo-angular 1.224.0 → 1.226.0

package/fesm2022/dolfo-angular.mjs

@@ -1,14 +1,12 @@
 import * as i0 from '@angular/core';
-import { Directive, Input, ChangeDetectionStrategy, Component, InjectionToken, Service, inject, signal, Pipe, EventEmitter, Output, ViewChild, forwardRef, booleanAttribute, Injector, ChangeDetectorRef, ViewChildren, TemplateRef, ContentChild, EnvironmentInjector, createComponent, NgModule } from '@angular/core';
+import { Directive, Input, ChangeDetectionStrategy, Component, InjectionToken, Service, inject, signal, ElementRef, Pipe, EventEmitter, Output, ViewChild, forwardRef, ChangeDetectorRef, booleanAttribute, Injector, ViewChildren, TemplateRef, ContentChild, EnvironmentInjector, createComponent, NgModule } from '@angular/core';
 import * as i1$1 from '@angular/forms';
 import { ControlContainer, FormControl, Validators, NG_VALUE_ACCESSOR, NG_VALIDATORS, FormArray, FormGroupDirective, FormGroup, ReactiveFormsModule } from '@angular/forms';
 import { BehaviorSubject, map, tap, distinctUntilChanged, filter, delay, mergeMap, of, catchError, throwError, zip, fromEvent, from, concatAll, race } from 'rxjs';
 import * as i1 from '@angular/common';
 import { formatDate, DecimalPipe, APP_BASE_HREF, CommonModule } from '@angular/common';
 import { HttpClient, HttpErrorResponse } from '@angular/common/http';
-import * as i2 from '@angular/router';
 import { Router } from '@angular/router';
-import * as i1$2 from '@angular/platform-browser';
 import { DomSanitizer } from '@angular/platform-browser';
 
 class Subscriptable {
@@ -269,7 +267,7 @@ class DialogService {
         this.getLastWaiter()?.complete();
         this.waiters = this.waiters.slice(0, this.waiters.length - 1);
     };
-    action = (action) => this.getLastWaiter().next(action);
+    action = (action) => this.getLastWaiter()?.next(action);
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DialogService, deps: [], target: i0.ɵɵFactoryTarget.Service });
     static ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.0.5", ngImport: i0, type: DialogService });
 }
@@ -411,20 +409,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
         }] });
 
 class TooltipDirective extends Subscriptable {
-    ts;
     content;
     direction = "top";
-    constructor(el, ts) {
+    el = inject(ElementRef);
+    ts = inject(TooltipService);
+    constructor() {
         super();
-        this.ts = ts;
-        this.addSubscription(fromEvent(el.nativeElement, "mousedown").pipe(filter(() => !!this.ts.getTooltip())).subscribe(() => this.ts.hide()));
-        this.addSubscription(fromEvent(el.nativeElement, "mouseenter").pipe(filter(() => !!this.content)).subscribe(() => this.ts.showTooltip({
+        this.addSubscription(fromEvent(this.el.nativeElement, "mousedown").pipe(filter(() => !!this.ts.getTooltip())).subscribe(() => this.ts.hide()));
+        this.addSubscription(fromEvent(this.el.nativeElement, "mouseenter").pipe(filter(() => !!this.content)).subscribe(() => this.ts.showTooltip({
             content: this.content,
-            elementRef: el,
+            elementRef: this.el,
             direction: this.direction
         })));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TooltipDirective, deps: [{ token: i0.ElementRef }, { token: TooltipService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: TooltipDirective, isStandalone: false, selector: "[dolfoTooltip]", inputs: { content: ["dolfoTooltip", "content"], direction: "direction" }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TooltipDirective, decorators: [{
@@ -433,7 +431,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                     selector: "[dolfoTooltip]",
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: TooltipService }], propDecorators: { content: [{
+        }], ctorParameters: () => [], propDecorators: { content: [{
                 type: Input,
                 args: [{ required: true, alias: "dolfoTooltip" }]
             }], direction: [{
@@ -441,12 +439,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
             }] } });
 
 class TranslatePipe {
-    ts;
-    constructor(ts) {
-        this.ts = ts;
-    }
+    ts = inject(TranslateService);
     transform = (value, args) => this.ts.translate(value, args);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TranslatePipe, deps: [{ token: TranslateService }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TranslatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
     static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: TranslatePipe, isStandalone: true, name: "translate", pure: false });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TranslatePipe, decorators: [{
@@ -456,13 +451,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                     standalone: true,
                     pure: false
                 }]
-        }], ctorParameters: () => [{ type: TranslateService }] });
+        }] });
 
 class InputContainerComponent {
-    input;
-    elRef;
-    translateService;
-    cp;
     errors$ = new BehaviorSubject(null);
     decodedError$ = this.errors$.pipe(distinctUntilChanged((a, b) => isDeepEqual(a, b)), map(val => {
         if (val) {
@@ -482,18 +473,16 @@ class InputContainerComponent {
         }
         return null;
     }));
-    constructor(input, elRef, translateService, cp) {
-        this.input = input;
-        this.elRef = elRef;
-        this.translateService = translateService;
-        this.cp = cp;
-    }
+    input = inject(BaseFormInput);
+    elRef = inject(ElementRef);
+    translateService = inject(TranslateService);
+    cp = inject(DecimalPipe);
     focus = () => {
         const input = this.elRef.nativeElement.querySelector("input");
         if (input)
             input.focus();
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: InputContainerComponent, deps: [{ token: BaseFormInput }, { token: i0.ElementRef }, { token: TranslateService }, { token: i1.DecimalPipe }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: InputContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: InputContainerComponent, isStandalone: false, selector: "dolfo-input-container", providers: [DecimalPipe], ngImport: i0, template: `<div class="input-container" [class.error]="decodedError$ | async">
         @if(input.label){
             <label>
@@ -542,7 +531,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                     providers: [DecimalPipe],
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: BaseFormInput }, { type: i0.ElementRef }, { type: TranslateService }, { type: i1.DecimalPipe }] });
+        }] });
 
 class BaseFormInput extends Subscriptable {
     container;
@@ -809,22 +798,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
             }] } });
 
 class ComboboxComponent extends BaseFormInput {
-    cdr;
     combo;
     options;
     placeHolder;
     multiple = false;
     onFocus = new EventEmitter();
     onBlur = new EventEmitter();
+    cdr = inject(ChangeDetectorRef);
     opened = signal(false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "opened" }] : /* istanbul ignore next */ []));
     currentFocus = signal(null, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "currentFocus" }] : /* istanbul ignore next */ []));
     comboLabel = signal("", /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "comboLabel" }] : /* istanbul ignore next */ []));
-    constructor(cdr) {
+    constructor() {
         super();
-        this.cdr = cdr;
         this.addSubscription(fromEvent(window, "click").pipe(filter(() => !!this.combo && !this.input.disabled), map(ev => ev.target), map(target => !this.combo.nativeElement.contains(target) && !target.isEqualNode(this.combo.nativeElement))).subscribe(condition => {
             if (condition && this.opened())
                 this.opened.set(false);
@@ -903,7 +891,7 @@ 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: "22.0.5", ngImport: i0, type: ComboboxComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ComboboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: ComboboxComponent, isStandalone: false, selector: "dolfo-combobox", inputs: { options: "options", placeHolder: "placeHolder", multiple: ["multiple", "multiple", booleanAttribute] }, outputs: { onFocus: "onFocus", onBlur: "onBlur" }, providers: [
             { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => ComboboxComponent), multi: true },
             { provide: NG_VALIDATORS, useExisting: forwardRef(() => ComboboxComponent), multi: true },
@@ -965,7 +953,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                     ],
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { combo: [{
+        }], ctorParameters: () => [], propDecorators: { combo: [{
                 type: ViewChild,
                 args: ["combo"]
             }], options: [{
@@ -1354,15 +1342,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
             }] } });
 
 class DialogContentComponent {
-    cdr;
     template;
-    constructor(cdr) {
-        this.cdr = cdr;
-    }
+    cdr = inject(ChangeDetectorRef);
     ngOnInit() {
         this.cdr.detectChanges();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DialogContentComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DialogContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: DialogContentComponent, isStandalone: false, selector: "dolfo-dialog-content", viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: `<ng-template><ng-content></ng-content></ng-template>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DialogContentComponent, decorators: [{
@@ -1373,7 +1358,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { template: [{
+        }], propDecorators: { template: [{
                 type: ViewChild,
                 args: [TemplateRef]
             }] } });
@@ -1444,16 +1429,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
             }] } });
 
 class DialogHeaderComponent {
-    cdr;
-    dialogService;
     template;
     title;
     icon;
     showCloseX = true;
-    constructor(cdr, dialogService) {
-        this.cdr = cdr;
-        this.dialogService = dialogService;
-    }
+    cdr = inject(ChangeDetectorRef);
+    dialogService = inject(DialogService);
     ngOnInit() {
         this.cdr.detectChanges();
     }
@@ -1462,7 +1443,7 @@ class DialogHeaderComponent {
         this.dialogService.close();
     };
     getIcon = () => this.icon.icon;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DialogHeaderComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: DialogService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DialogHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: DialogHeaderComponent, isStandalone: false, selector: "dolfo-dialog-header", inputs: { title: "title", icon: "icon", showCloseX: ["showCloseX", "showCloseX", booleanAttribute] }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: `<ng-template>
         <h5>
             @if(icon){
@@ -1497,7 +1478,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: DialogService }], propDecorators: { template: [{
+        }], propDecorators: { template: [{
                 type: ViewChild,
                 args: [TemplateRef]
             }], title: [{
@@ -1771,17 +1752,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
             }] } });
 
 class NotificationComponent {
-    ns;
-    ts;
     title;
     message;
     type = "info";
     action;
     timeout;
-    constructor(ns, ts) {
-        this.ns = ns;
-        this.ts = ts;
-    }
+    ns = inject(NotificationService);
+    ts = inject(TranslateService);
     ngOnInit() {
         this.mouseLeave();
     }
@@ -1792,7 +1769,7 @@ class NotificationComponent {
         this.ns.hide();
     };
     getTitleByType = () => this.ts.translate("notification." + this.type);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationComponent, deps: [{ token: NotificationService }, { token: TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: NotificationComponent, isStandalone: false, selector: "dolfo-notification", inputs: { title: "title", message: "message", type: "type", action: "action" }, ngImport: i0, template: `<div class="notification" [ngClass]="{
         success: type === 'success',
         error: type === 'error',
@@ -1843,7 +1820,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
     </div>`,
                     changeDetection: ChangeDetectionStrategy.OnPush
                 }]
-        }], ctorParameters: () => [{ type: NotificationService }, { type: TranslateService }], propDecorators: { title: [{
+        }], propDecorators: { title: [{
                 type: Input,
                 args: [{ required: true }]
             }], message: [{
@@ -1857,8 +1834,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 
 const POPOVER_DESTROY_TOKEN = new InjectionToken("POPOVER_DESTROY_TOKEN");
 class PopoverComponent extends Subscriptable {
-    cdr;
-    sanitizer;
     tooltipRef;
     content;
     elementRef;
@@ -1866,15 +1841,12 @@ class PopoverComponent extends Subscriptable {
     context;
     destroyFn = inject(POPOVER_DESTROY_TOKEN);
     checkCount = 0;
+    cdr = inject(ChangeDetectorRef);
+    sanitizer = inject(DomSanitizer);
     currentDirection$ = new BehaviorSubject(null);
     completed$ = new BehaviorSubject(false);
     x$ = new BehaviorSubject(0);
     y$ = new BehaviorSubject(0);
-    constructor(cdr, sanitizer) {
-        super();
-        this.cdr = cdr;
-        this.sanitizer = sanitizer;
-    }
     ngOnInit() {
         this.currentDirection$.next(this.direction);
         this.addSubscription(race([
@@ -1927,7 +1899,7 @@ 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: "22.0.5", ngImport: i0, type: PopoverComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: PopoverComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: PopoverComponent, isStandalone: false, selector: "dolfo-popover", inputs: { content: "content", elementRef: "elementRef", direction: "direction", context: "context" }, viewQueries: [{ propertyName: "tooltipRef", first: true, predicate: ["tooltipRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: `<div class="tooltip popover" #tooltipRef [ngStyle]="{
         left: (x$ | async) + 'px',
         top: (y$ | async) + 'px'
@@ -1956,7 +1928,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
     </div>`,
                     changeDetection: ChangeDetectionStrategy.OnPush
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$2.DomSanitizer }], propDecorators: { tooltipRef: [{
+        }], propDecorators: { tooltipRef: [{
                 type: ViewChild,
                 args: ["tooltipRef"]
             }], content: [{
@@ -1974,21 +1946,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 
 const TOOLTIP_DESTROY_TOKEN = new InjectionToken("TOOLTIP_DESTROY_TOKEN");
 class TooltipComponent extends Subscriptable {
-    cdr;
     tooltipRef;
     content;
     elementRef;
     direction;
     destroyFn = inject(TOOLTIP_DESTROY_TOKEN);
     checkCount = 0;
+    cdr = inject(ChangeDetectorRef);
     currentDirection$ = new BehaviorSubject(null);
     completed$ = new BehaviorSubject(false);
     x$ = new BehaviorSubject(0);
     y$ = new BehaviorSubject(0);
-    constructor(cdr) {
-        super();
-        this.cdr = cdr;
-    }
     ngOnInit() {
         this.currentDirection$.next(this.direction);
         this.addSubscription(race([
@@ -2038,7 +2006,7 @@ 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: "22.0.5", ngImport: i0, type: TooltipComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TooltipComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: TooltipComponent, isStandalone: false, selector: "dolfo-tooltip", inputs: { content: "content", elementRef: "elementRef", direction: "direction" }, viewQueries: [{ propertyName: "tooltipRef", first: true, predicate: ["tooltipRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: `<div class="tooltip" #tooltipRef [ngStyle]="{
         left: (x$ | async) + 'px',
         top: (y$ | async) + 'px'
@@ -2059,7 +2027,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
     </div>`,
                     changeDetection: ChangeDetectionStrategy.OnPush
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { tooltipRef: [{
+        }], propDecorators: { tooltipRef: [{
                 type: ViewChild,
                 args: ["tooltipRef"]
             }], content: [{
@@ -2202,17 +2170,12 @@ class RouteConfig {
 }
 
 class ContextMenuDirective extends Subscriptable {
-    contextMenuService;
-    elRef;
     contextMenu;
     openOnClick;
     useElRef;
     position = "bottom-left";
-    constructor(contextMenuService, elRef) {
-        super();
-        this.contextMenuService = contextMenuService;
-        this.elRef = elRef;
-    }
+    contextMenuService = inject(ContextMenuService);
+    elRef = inject(ElementRef);
     ngOnInit() {
         this.addSubscription(fromEvent(this.elRef.nativeElement, this.openOnClick ? "click" : "contextmenu").subscribe(e => {
             e.preventDefault();
@@ -2239,7 +2202,7 @@ class ContextMenuDirective extends Subscriptable {
             return [diff, top];
         return [this.elRef.nativeElement.offsetLeft, top];
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ContextMenuDirective, deps: [{ token: ContextMenuService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ContextMenuDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "22.0.5", type: ContextMenuDirective, isStandalone: false, selector: "[dolfoContextMenu]", inputs: { contextMenu: ["dolfoContextMenu", "contextMenu"], openOnClick: ["openOnClick", "openOnClick", booleanAttribute], useElRef: ["useElRef", "useElRef", booleanAttribute], position: "position" }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ContextMenuDirective, decorators: [{
@@ -2248,7 +2211,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                     selector: "[dolfoContextMenu]",
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: ContextMenuService }, { type: i0.ElementRef }], propDecorators: { contextMenu: [{
+        }], propDecorators: { contextMenu: [{
                 type: Input,
                 args: [{ required: true, alias: "dolfoContextMenu" }]
             }], openOnClick: [{
@@ -2262,23 +2225,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
             }] } });
 
 class NavigateDirective extends Subscriptable {
-    elementRef;
     url;
     isLink;
     publicUrl = inject(APP_BASE_HREF);
-    constructor(storeService, router, elementRef) {
+    storeService = inject(StoreService);
+    router = inject(Router);
+    elementRef = inject(ElementRef);
+    constructor() {
         super();
-        this.elementRef = elementRef;
-        this.isLink = elementRef.nativeElement.tagName.toLowerCase() === "a";
-        this.addSubscription(fromEvent(elementRef.nativeElement, "click").subscribe(e => {
+        this.isLink = this.elementRef.nativeElement.tagName.toLowerCase() === "a";
+        this.addSubscription(fromEvent(this.elementRef.nativeElement, "click").subscribe(e => {
             if (this.isLink)
                 e.preventDefault();
-            if (storeService.isPressingCtrl())
+            if (this.storeService.isPressingCtrl())
                 this.openBlank();
             else
-                router.navigateByUrl(this.url);
+                this.router.navigateByUrl(this.url);
         }));
-        this.addSubscription(fromEvent(elementRef.nativeElement, "mousedown").pipe(filter(e => e.button === 1)).subscribe(e => {
+        this.addSubscription(fromEvent(this.elementRef.nativeElement, "mousedown").pipe(filter(e => e.button === 1)).subscribe(e => {
             if (this.isLink)
                 e.stopPropagation();
             else
@@ -2290,7 +2254,7 @@ class NavigateDirective extends Subscriptable {
             this.elementRef.nativeElement.setAttribute("href", this.url);
     }
     openBlank = () => window.open(this.publicUrl + this.url, "_blank");
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NavigateDirective, deps: [{ token: StoreService }, { token: i2.Router }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NavigateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: NavigateDirective, isStandalone: false, selector: "[dolfoNavigate]", inputs: { url: ["dolfoNavigate", "url"] }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NavigateDirective, decorators: [{
@@ -2299,22 +2263,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                     selector: "[dolfoNavigate]",
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: StoreService }, { type: i2.Router }, { type: i0.ElementRef }], propDecorators: { url: [{
+        }], ctorParameters: () => [], propDecorators: { url: [{
                 type: Input,
                 args: [{ required: true, alias: "dolfoNavigate" }]
             }] } });
 
 class PopoverDirective extends Subscriptable {
-    el;
-    ps;
     content;
     context;
     direction = "top";
-    constructor(el, ps) {
-        super();
-        this.el = el;
-        this.ps = ps;
-    }
+    el = inject(ElementRef);
+    ps = inject(PopoverService);
     ngOnInit() {
         this.addSubscription(fromEvent(this.el.nativeElement, "mousedown").pipe(filter(() => !!this.ps.getPopover())).subscribe(() => this.ps.hide()));
         this.addSubscription(fromEvent(this.el.nativeElement, "click").pipe(filter(() => !!this.content)).subscribe(() => this.ps.showPopover({
@@ -2324,7 +2283,7 @@ class PopoverDirective extends Subscriptable {
             context: this.context
         })));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: PopoverDirective, deps: [{ token: i0.ElementRef }, { token: PopoverService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: PopoverDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: PopoverDirective, isStandalone: false, selector: "[dolfoPopover]", inputs: { content: ["dolfoPopover", "content"], context: ["dolfoPopoverContext", "context"], direction: "direction" }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: PopoverDirective, decorators: [{
@@ -2333,7 +2292,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                     selector: "[dolfoPopover]",
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: PopoverService }], propDecorators: { content: [{
+        }], propDecorators: { content: [{
                 type: Input,
                 args: [{ required: true, alias: "dolfoPopover" }]
             }], context: [{
@@ -2350,23 +2309,24 @@ class ScrollDragDirective extends Subscriptable {
     mouseDownY;
     initialScrollY = 0;
     diffY = 0;
-    constructor(elementRef) {
+    elementRef = inject(ElementRef);
+    constructor() {
         super();
-        this.addSubscription(fromEvent(elementRef.nativeElement, "mousedown").pipe(filter(e => e.button === 0)).subscribe(e => {
+        this.addSubscription(fromEvent(this.elementRef.nativeElement, "mousedown").pipe(filter(e => e.button === 0)).subscribe(e => {
             e.preventDefault();
             e.stopPropagation();
             this.mouseDownX = e.clientX;
             this.mouseDownY = e.clientY;
-            this.initialScrollX = elementRef.nativeElement.scrollLeft;
-            this.initialScrollY = elementRef.nativeElement.scrollTop;
-            elementRef.nativeElement.classList.add("dragging");
+            this.initialScrollX = this.elementRef.nativeElement.scrollLeft;
+            this.initialScrollY = this.elementRef.nativeElement.scrollTop;
+            this.elementRef.nativeElement.classList.add("dragging");
         }));
         this.addSubscription(fromEvent(document, "mouseup", { capture: true }).subscribe(() => {
             this.mouseDownX = null;
             this.mouseDownY = null;
-            elementRef.nativeElement.classList.remove("dragging");
+            this.elementRef.nativeElement.classList.remove("dragging");
         }));
-        this.addSubscription(fromEvent(elementRef.nativeElement, "click", { capture: true }).pipe(filter(() => this.diffX != 0 || this.diffY != 0)).subscribe(e => {
+        this.addSubscription(fromEvent(this.elementRef.nativeElement, "click", { capture: true }).pipe(filter(() => this.diffX != 0 || this.diffY != 0)).subscribe(e => {
             e.stopPropagation();
             this.diffX = 0;
             this.diffY = 0;
@@ -2375,15 +2335,15 @@ class ScrollDragDirective extends Subscriptable {
             e.stopPropagation();
             if (this.mouseDownX != null) {
                 this.diffX = this.initialScrollX + (this.mouseDownX - e.clientX);
-                elementRef.nativeElement.scrollLeft = this.diffX;
+                this.elementRef.nativeElement.scrollLeft = this.diffX;
             }
             if (this.mouseDownY != null) {
                 this.diffY = this.initialScrollY + (this.mouseDownY - e.clientY);
-                elementRef.nativeElement.scrollTop = this.diffY;
+                this.elementRef.nativeElement.scrollTop = this.diffY;
             }
         }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ScrollDragDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ScrollDragDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: ScrollDragDirective, isStandalone: false, selector: "[dolfoScrollDrag]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ScrollDragDirective, decorators: [{
@@ -2392,7 +2352,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                     selector: "[dolfoScrollDrag]",
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }] });
+        }], ctorParameters: () => [] });
 
 class DirectivesModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DirectivesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -2507,13 +2467,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
         }] });
 
 class GridComponent {
-    translateService;
-    sanitizer;
     config;
-    constructor(translateService, sanitizer) {
-        this.translateService = translateService;
-        this.sanitizer = sanitizer;
-    }
+    translateService = inject(TranslateService);
+    sanitizer = inject(DomSanitizer);
     resolveField = (item, { field, formatter, dataType, onLink }) => {
         let value = field
             .toString()
@@ -2543,13 +2499,13 @@ class GridComponent {
                 col.onLink(colValue);
         }
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: GridComponent, deps: [{ token: TranslateService }, { token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: GridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: GridComponent, isStandalone: false, selector: "dolfo-grid", inputs: { config: "config" }, ngImport: i0, template: "@let loading = config.isLoading$() | async;\r\n\r\n<div class=\"grid-container\" [class.loading]=\"loading\">\r\n    @if(loading){\r\n        <div class=\"grid-loading\">\r\n            <dolfo-icon name=\"spinner2\"></dolfo-icon>\r\n        </div>\r\n    }\r\n\r\n    <table>\r\n        @let columns = config.getColumns();\r\n        @let showActions = config.hasActions;\r\n        @let selection = config.getSelectionConfig();\r\n        @let colSpan = columns.length + (showActions ? 1 : 0) + (selection ? 1 : 0);\r\n    \r\n        <thead>\r\n            <tr>\r\n                @if(selection){\r\n                    <th [style]=\"{ width: 0 }\">\r\n                        @if(selection.showSelectAll && selection.type === \"multiple\"){\r\n                            <input type=\"checkbox\" [checked]=\"config.isAllSelected()\" (change)=\"config.toggleSelectAll()\" />\r\n                        }\r\n                    </th>\r\n                }\r\n\r\n                @for(col of columns; track col.label){\r\n                    <th [ngStyle]=\"{ width: col.width + 'px', maxWidth: col.width + 'px' }\">{{ col.label | translate }}</th>\r\n                }\r\n    \r\n                @if(showActions){\r\n                    <th>{{ \"grid.actions\" | translate }}</th>\r\n                }\r\n            </tr>\r\n        </thead>\r\n    \r\n        <tbody>\r\n            @let list = config.getList$() | async;\r\n            \r\n            @if(list.length > 0){\r\n                @for(item of list; track config.getUniqueId(item)){\r\n                    @let itemActions = config.getActions$(item) | async;\r\n                    @let rowClass = config.getRowClass(item);\r\n    \r\n                    <tr (click)=\"config.getEvents()?.onRowClick?.(item)\" [dolfoContextMenu]=\"itemActions\" position=\"bottom-right\">\r\n                        @if(selection){\r\n                            <td [ngClass]=\"rowClass\" class=\"align-center\">\r\n                                <input type=\"checkbox\" [checked]=\"config.isItemSelected(item)\" (change)=\"config.toggleSelection(item)\" />\r\n                            </td>\r\n                        }\r\n\r\n                        @for(col of columns; track col.label){\r\n                            <td #cell [ngStyle]=\"{ width: col.width + 'px' }\" [ngClass]=\"rowClass\" [class.align-right]=\"col.align === 'right'\" [class.align-center]=\"col.align === 'center'\" (click)=\"checkLink($event, col, item, cell)\" [innerHTML]=\"resolveField(item, col)\"></td>\r\n                        }\r\n            \r\n                        @if(showActions){\r\n                            <td class=\"align-center actions\" [ngClass]=\"rowClass\">\r\n                                @if(itemActions.length > 0){\r\n                                    <dolfo-button color=\"secondary\" [dolfoTooltip]=\"'grid.showActions' | translate\" [dolfoContextMenu]=\"itemActions\" position=\"bottom-right\" openOnClick>\r\n                                        <dolfo-icon name=\"flickr\"></dolfo-icon>\r\n                                    </dolfo-button>\r\n                                }\r\n                            </td>\r\n                        }\r\n                    </tr>\r\n                }\r\n            }@else {\r\n                <tr>\r\n                    <td [colSpan]=\"colSpan\" class=\"align-center\">{{ \"grid.noResults\" | translate }}</td>\r\n                </tr>\r\n            }\r\n        </tbody>\r\n    </table>\r\n</div>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: ContextMenuDirective, selector: "[dolfoContextMenu]", inputs: ["dolfoContextMenu", "openOnClick", "useElRef", "position"] }, { kind: "directive", type: TooltipDirective, selector: "[dolfoTooltip]", inputs: ["dolfoTooltip", "direction"] }, { kind: "component", type: ButtonComponent, selector: "dolfo-button", inputs: ["type", "disabled", "color", "loading", "size", "textButton"], outputs: ["onClick", "onBlur", "onFocus"] }, { kind: "component", type: IconWrapperComponent, selector: "dolfo-icon", inputs: ["name"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: GridComponent, decorators: [{
             type: Component,
             args: [{ selector: "dolfo-grid", standalone: false, template: "@let loading = config.isLoading$() | async;\r\n\r\n<div class=\"grid-container\" [class.loading]=\"loading\">\r\n    @if(loading){\r\n        <div class=\"grid-loading\">\r\n            <dolfo-icon name=\"spinner2\"></dolfo-icon>\r\n        </div>\r\n    }\r\n\r\n    <table>\r\n        @let columns = config.getColumns();\r\n        @let showActions = config.hasActions;\r\n        @let selection = config.getSelectionConfig();\r\n        @let colSpan = columns.length + (showActions ? 1 : 0) + (selection ? 1 : 0);\r\n    \r\n        <thead>\r\n            <tr>\r\n                @if(selection){\r\n                    <th [style]=\"{ width: 0 }\">\r\n                        @if(selection.showSelectAll && selection.type === \"multiple\"){\r\n                            <input type=\"checkbox\" [checked]=\"config.isAllSelected()\" (change)=\"config.toggleSelectAll()\" />\r\n                        }\r\n                    </th>\r\n                }\r\n\r\n                @for(col of columns; track col.label){\r\n                    <th [ngStyle]=\"{ width: col.width + 'px', maxWidth: col.width + 'px' }\">{{ col.label | translate }}</th>\r\n                }\r\n    \r\n                @if(showActions){\r\n                    <th>{{ \"grid.actions\" | translate }}</th>\r\n                }\r\n            </tr>\r\n        </thead>\r\n    \r\n        <tbody>\r\n            @let list = config.getList$() | async;\r\n            \r\n            @if(list.length > 0){\r\n                @for(item of list; track config.getUniqueId(item)){\r\n                    @let itemActions = config.getActions$(item) | async;\r\n                    @let rowClass = config.getRowClass(item);\r\n    \r\n                    <tr (click)=\"config.getEvents()?.onRowClick?.(item)\" [dolfoContextMenu]=\"itemActions\" position=\"bottom-right\">\r\n                        @if(selection){\r\n                            <td [ngClass]=\"rowClass\" class=\"align-center\">\r\n                                <input type=\"checkbox\" [checked]=\"config.isItemSelected(item)\" (change)=\"config.toggleSelection(item)\" />\r\n                            </td>\r\n                        }\r\n\r\n                        @for(col of columns; track col.label){\r\n                            <td #cell [ngStyle]=\"{ width: col.width + 'px' }\" [ngClass]=\"rowClass\" [class.align-right]=\"col.align === 'right'\" [class.align-center]=\"col.align === 'center'\" (click)=\"checkLink($event, col, item, cell)\" [innerHTML]=\"resolveField(item, col)\"></td>\r\n                        }\r\n            \r\n                        @if(showActions){\r\n                            <td class=\"align-center actions\" [ngClass]=\"rowClass\">\r\n                                @if(itemActions.length > 0){\r\n                                    <dolfo-button color=\"secondary\" [dolfoTooltip]=\"'grid.showActions' | translate\" [dolfoContextMenu]=\"itemActions\" position=\"bottom-right\" openOnClick>\r\n                                        <dolfo-icon name=\"flickr\"></dolfo-icon>\r\n                                    </dolfo-button>\r\n                                }\r\n                            </td>\r\n                        }\r\n                    </tr>\r\n                }\r\n            }@else {\r\n                <tr>\r\n                    <td [colSpan]=\"colSpan\" class=\"align-center\">{{ \"grid.noResults\" | translate }}</td>\r\n                </tr>\r\n            }\r\n        </tbody>\r\n    </table>\r\n</div>" }]
-        }], ctorParameters: () => [{ type: TranslateService }, { type: i1$2.DomSanitizer }], propDecorators: { config: [{
+        }], propDecorators: { config: [{
                 type: Input,
                 args: [{ required: true }]
             }] } });