@paperless/angular 3.6.2 → 3.6.3

package/fesm2022/paperless-angular.mjs

@@ -1,7 +1,6 @@
 import * as i0 from '@angular/core';
-import { Component, input, output, signal, effect, ViewChild, ChangeDetectionStrategy, HostListener, Directive, Self, inject, Injector, TemplateRef, Injectable, NgModule, EventEmitter, Output, HostBinding, Input, ContentChild, Host, ElementRef, ContentChildren, ViewChildren, Pipe, provideAppInitializer } from '@angular/core';
-import * as i1 from '@angular/forms';
-import { FormControl, FormGroup, FormArray, NG_VALUE_ACCESSOR, NumberValueAccessor } from '@angular/forms';
+import { Component, input, output, viewChild, signal, effect, ChangeDetectionStrategy, inject, ElementRef, HostListener, Directive, Injector, TemplateRef, Injectable, NgModule, HostBinding, Input, ContentChild, EventEmitter, Output, ContentChildren, ViewChild, ViewChildren, NgZone, Pipe, provideAppInitializer } from '@angular/core';
+import { FormControl, FormGroup, FormArray, NG_VALUE_ACCESSOR, NumberValueAccessor, NgControl } from '@angular/forms';
 import { filter, Subject, timer, fromEvent, BehaviorSubject, distinctUntilChanged, debounceTime, take, map as map$1 } from 'rxjs';
 import { ObserversModule } from '@angular/cdk/observers';
 import { Overlay, OverlayConfig, createOverlayRef, OverlayModule as OverlayModule$1 } from '@angular/cdk/overlay';
@@ -11,8 +10,7 @@ import { __decorate } from 'tslib';
 import { untilDestroyed, UntilDestroy } from '@ngneat/until-destroy';
 import { startWith, tap, pairwise, map, filter as filter$1, debounce } from 'rxjs/operators';
 import { PAGINATION_DEFAULT_PAGE_SIZE, cn, getTableCellColumnClasses, objectGetByPath, state, isMobile, floatingMenuContainerClass, onStateChange, TABLE_COLUMN_SIZES, SELECT_DEFAULT_MAX_DISPLAYED_ITEMS } from '@paperless/core';
-import * as i1$1 from '@angular/common';
-import { NgTemplateOutlet, AsyncPipe, CommonModule, DatePipe, CurrencyPipe } from '@angular/common';
+import { NgTemplateOutlet, AsyncPipe, CommonModule, CurrencyPipe, DatePipe } from '@angular/common';
 import { defineCustomElement as defineCustomElement$1 } from '@paperless/core/components/p-accordion.js';
 import { defineCustomElement as defineCustomElement$2 } from '@paperless/core/components/p-attachment.js';
 import { defineCustomElement as defineCustomElement$3 } from '@paperless/core/components/p-avatar.js';
@@ -89,7 +87,7 @@ import { defineCustomElement as defineCustomElement$19 } from '@paperless/core/c
 import { RouterLink, RouterModule } from '@angular/router';
 import { v4 } from 'uuid';
 import { defineCustomElements } from '@paperless/core/loader';
-import * as i1$2 from '@angular/platform-browser';
+import { DomSanitizer } from '@angular/platform-browser';
 
 class BaseFormComponent {
     markedDirty = false;
@@ -192,13 +190,12 @@ class BaseFormComponent {
         this.markedDirty = false;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: BaseFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: BaseFormComponent, isStandalone: false, selector: "ng-component", ngImport: i0, template: ``, isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: BaseFormComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: ``, isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: BaseFormComponent, decorators: [{
             type: Component,
             args: [{
                     template: ``,
-                    standalone: false,
                 }]
         }] });
 
@@ -208,9 +205,9 @@ class BaseUploadComponent {
     loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     fileChange = output();
-    uploaderInput;
-    file;
+    uploaderInput = viewChild('uploaderInput', ...(ngDevMode ? [{ debugName: "uploaderInput" }] : []));
     loadingParsed = signal(false, ...(ngDevMode ? [{ debugName: "loadingParsed" }] : []));
+    file;
     constructor() {
         effect(() => {
             const loading = this.loading();
@@ -233,14 +230,15 @@ class BaseUploadComponent {
             result,
             file,
         });
-        if (this.uploaderInput?.nativeElement) {
-            this.uploaderInput.nativeElement.value = '';
+        const uploaderInput = this.uploaderInput();
+        if (uploaderInput?.nativeElement) {
+            uploaderInput.nativeElement.value = '';
         }
         this.file = file;
         this.loadingParsed.set(false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: BaseUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: BaseUploadComponent, isStandalone: true, selector: "ng-component", inputs: { fileId: { classPropertyName: "fileId", publicName: "fileId", isSignal: true, isRequired: false, transformFunction: null }, uploaded: { classPropertyName: "uploaded", publicName: "uploaded", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { fileChange: "fileChange" }, viewQueries: [{ propertyName: "uploaderInput", first: true, predicate: ["uploaderInput"], descendants: true }], ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.0", type: BaseUploadComponent, isStandalone: true, selector: "ng-component", inputs: { fileId: { classPropertyName: "fileId", publicName: "fileId", isSignal: true, isRequired: false, transformFunction: null }, uploaded: { classPropertyName: "uploaded", publicName: "uploaded", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { fileChange: "fileChange" }, viewQueries: [{ propertyName: "uploaderInput", first: true, predicate: ["uploaderInput"], descendants: true, isSignal: true }], ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: BaseUploadComponent, decorators: [{
             type: Component,
@@ -248,14 +246,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
                     template: ``,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
-        }], ctorParameters: () => [], propDecorators: { fileId: [{ type: i0.Input, args: [{ isSignal: true, alias: "fileId", required: false }] }], uploaded: [{ type: i0.Input, args: [{ isSignal: true, alias: "uploaded", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], fileChange: [{ type: i0.Output, args: ["fileChange"] }], uploaderInput: [{
-                type: ViewChild,
-                args: ['uploaderInput']
-            }] } });
+        }], ctorParameters: () => [], propDecorators: { fileId: [{ type: i0.Input, args: [{ isSignal: true, alias: "fileId", required: false }] }], uploaded: [{ type: i0.Input, args: [{ isSignal: true, alias: "uploaded", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], fileChange: [{ type: i0.Output, args: ["fileChange"] }], uploaderInput: [{ type: i0.ViewChild, args: ['uploaderInput', { isSignal: true }] }] } });
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
 class BaseValueAccessor {
-    el;
+    el = inject(ElementRef);
     onChange = () => {
         /**/
     };
@@ -263,9 +258,6 @@ class BaseValueAccessor {
         /**/
     };
     lastValue;
-    constructor(el) {
-        this.el = el;
-    }
     writeValue(value) {
         this.el.nativeElement.value = this.lastValue = value == null ? '' : value;
     }
@@ -285,15 +277,12 @@ class BaseValueAccessor {
     _handleBlurEvent() {
         this.onTouched();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: BaseValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: BaseValueAccessor, isStandalone: false, host: { listeners: { "focusout": "_handleBlurEvent()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: BaseValueAccessor, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: BaseValueAccessor, isStandalone: true, host: { listeners: { "focusout": "_handleBlurEvent()" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: BaseValueAccessor, decorators: [{
-            type: Directive,
-            args: [{
-                    standalone: false,
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { _handleBlurEvent: [{
+            type: Directive
+        }], propDecorators: { _handleBlurEvent: [{
                 type: HostListener,
                 args: ['focusout']
             }] } });
@@ -425,16 +414,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
 class BaseNumberValueAccessor extends NumberValueAccessor {
-    el;
-    renderer;
+    _el = inject(ElementRef);
     lastValue;
-    constructor(el, renderer) {
-        super(renderer, el);
-        this.el = el;
-        this.renderer = renderer;
-    }
     writeValue(value) {
-        this.el.nativeElement.value = this.lastValue = value == null ? '' : value;
+        this._el.nativeElement.value = this.lastValue = value == null ? '' : value;
         super.writeValue(value);
     }
     handleChangeEvent(value) {
@@ -447,15 +430,12 @@ class BaseNumberValueAccessor extends NumberValueAccessor {
     _handleBlurEvent() {
         this.onTouched();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: BaseNumberValueAccessor, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: BaseNumberValueAccessor, isStandalone: false, host: { listeners: { "focusout": "_handleBlurEvent()" } }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: BaseNumberValueAccessor, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: BaseNumberValueAccessor, isStandalone: true, host: { listeners: { "focusout": "_handleBlurEvent()" } }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: BaseNumberValueAccessor, decorators: [{
-            type: Directive,
-            args: [{
-                    standalone: false,
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { _handleBlurEvent: [{
+            type: Directive
+        }], propDecorators: { _handleBlurEvent: [{
                 type: HostListener,
                 args: ['focusout']
             }] } });
@@ -554,13 +534,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
         }] });
 
 class PRadioDirective extends BaseValueAccessor {
-    _control;
+    _control = inject(NgControl, {
+        self: true,
+    });
     _modelValue;
     _valueChanges;
-    constructor(_control, el) {
-        super(el);
-        this._control = _control;
-        _control.valueAccessor = this;
+    constructor() {
+        super();
+        this._control.valueAccessor = this;
     }
     ngOnInit() {
         this._valueChanges = this._control
@@ -592,7 +573,7 @@ class PRadioDirective extends BaseValueAccessor {
         }
         return value;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: PRadioDirective, deps: [{ token: i1.NgControl, self: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: PRadioDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: PRadioDirective, isStandalone: true, selector: "p-radio", host: { listeners: { "checkedChange": "handleChangeEvent()" } }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: PRadioDirective, decorators: [{
@@ -603,9 +584,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
                         '(checkedChange)': 'handleChangeEvent()',
                     },
                 }]
-        }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
-                    type: Self
-                }] }, { type: i0.ElementRef }] });
+        }], ctorParameters: () => [] });
 
 class PSelectDirective extends BaseValueAccessor {
     writeValue(value) {
@@ -832,7 +811,7 @@ const createFormFilters = (values, quickFilters, quickFilterKey) => {
 };
 
 let BaseTableComponent = class BaseTableComponent extends BaseFormComponent {
-    tableOptionsChange = new EventEmitter();
+    tableOptionsChange = output();
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     quickFilters = [];
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -946,7 +925,7 @@ let BaseTableComponent = class BaseTableComponent extends BaseFormComponent {
             selectedRows: this.parsedDefaultTableValues.selectedRows,
         });
         this.tableOptions.valueChanges
-            .pipe(untilDestroyed(this), startWith(this.tableOptions.value), tap((value) => this.tableOptionsChange.next(value)), pairwise(), map(([previous, next]) => this._getChanges(previous, next)), filter$1(changes => !!changes), debounce(changes => {
+            .pipe(untilDestroyed(this), startWith(this.tableOptions.value), tap((value) => this.tableOptionsChange.emit(value)), pairwise(), map(([previous, next]) => this._getChanges(previous, next)), filter$1(changes => !!changes), debounce(changes => {
             if (changes?.query && Object.keys(changes)?.length === 1) {
                 return timer(300);
             }
@@ -1040,7 +1019,7 @@ let BaseTableComponent = class BaseTableComponent extends BaseFormComponent {
         }), map(([_, current]) => current));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: BaseTableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: BaseTableComponent, isStandalone: false, selector: "ng-component", outputs: { tableOptionsChange: "tableOptionsChange" }, usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: BaseTableComponent, isStandalone: true, selector: "ng-component", outputs: { tableOptionsChange: "tableOptionsChange" }, usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 };
 BaseTableComponent = __decorate([
     UntilDestroy({ checkProperties: true })
@@ -1049,11 +1028,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
             type: Component,
             args: [{
                     template: ``,
-                    standalone: false,
                 }]
-        }], propDecorators: { tableOptionsChange: [{
-                type: Output
-            }] } });
+        }], propDecorators: { tableOptionsChange: [{ type: i0.Output, args: ["tableOptionsChange"] }] } });
 
 /* eslint-disable */
 /* tslint:disable */
@@ -3482,7 +3458,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
 class PTableNgxDirective extends BaseValueAccessor {
-    _base;
+    _base = inject(TableComponent, {
+        host: true,
+    });
     lastValue = {
         query: '',
         quickFilter: undefined,
@@ -3491,10 +3469,6 @@ class PTableNgxDirective extends BaseValueAccessor {
         pageSize: 12,
         selectedRows: [],
     };
-    constructor(el, _base) {
-        super(el);
-        this._base = _base;
-    }
     writeValue(value) {
         this._base.query = this.lastValue.query = value?.query;
         // this.el.nativeElement.query = this.lastValue.query = value?.query;
@@ -3567,7 +3541,7 @@ class PTableNgxDirective extends BaseValueAccessor {
                     : false;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: PTableNgxDirective, deps: [{ token: i0.ElementRef }, { token: TableComponent, host: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: PTableNgxDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: PTableNgxDirective, isStandalone: true, selector: "p-table-ngx", host: { listeners: { "queryChange": "handleChange($event, \"query\")", "quickFilter": "handleChange($event, \"quickFilter\")", "pageChange": "handleChange($event, \"page\")", "pageSizeChange": "handleChange($event, \"pageSize\")", "selectedRowsChange": "handleChange($event, \"selectedRows\")" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -3595,9 +3569,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
                         },
                     ],
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: TableComponent, decorators: [{
-                    type: Host
-                }] }] });
+        }] });
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
 class PTableDirective extends BaseValueAccessor {
@@ -4897,32 +4869,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
         }] });
 
 class PToastDirective {
-    delay = 5000;
-    identifier;
-    dismissOnAction = true;
-    actionFunc;
+    delay = input(5000, ...(ngDevMode ? [{ debugName: "delay" }] : []));
+    identifier = input.required(...(ngDevMode ? [{ debugName: "identifier" }] : []));
+    dismissOnAction = input(true, ...(ngDevMode ? [{ debugName: "dismissOnAction" }] : []));
+    actionFunc = input(...(ngDevMode ? [undefined, { debugName: "actionFunc" }] : []));
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    actionData = {};
-    dismiss = new EventEmitter();
+    actionData = input({}, ...(ngDevMode ? [{ debugName: "actionData" }] : []));
+    dismiss = output();
     ngOnInit() {
-        if (this.delay === 'infinite' || this.delay === 0) {
+        const delay = this.delay();
+        if (delay === 'infinite' || delay === 0) {
             return;
         }
-        setTimeout(() => this.doDismiss(), this.delay);
+        setTimeout(() => this.doDismiss(), delay);
     }
     onAction() {
-        if (this.dismissOnAction && !this.actionFunc) {
+        const actionFunc = this.actionFunc();
+        if (this.dismissOnAction() && !actionFunc) {
             return this.doDismiss();
         }
-        if (this.actionFunc) {
-            this.actionFunc(this, this.actionData);
+        if (actionFunc) {
+            actionFunc(this, this.actionData());
         }
     }
     doDismiss() {
-        this.dismiss.next(this.identifier);
+        this.dismiss.emit(this.identifier());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: PToastDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: PToastDirective, isStandalone: true, selector: "p-toast", inputs: { delay: "delay", identifier: "identifier", dismissOnAction: "dismissOnAction", actionFunc: "actionFunc", actionData: "actionData" }, outputs: { dismiss: "dismiss" }, host: { listeners: { "action": "onAction()" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.0", type: PToastDirective, isStandalone: true, selector: "p-toast", inputs: { delay: { classPropertyName: "delay", publicName: "delay", isSignal: true, isRequired: false, transformFunction: null }, identifier: { classPropertyName: "identifier", publicName: "identifier", isSignal: true, isRequired: true, transformFunction: null }, dismissOnAction: { classPropertyName: "dismissOnAction", publicName: "dismissOnAction", isSignal: true, isRequired: false, transformFunction: null }, actionFunc: { classPropertyName: "actionFunc", publicName: "actionFunc", isSignal: true, isRequired: false, transformFunction: null }, actionData: { classPropertyName: "actionData", publicName: "actionData", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismiss: "dismiss" }, host: { listeners: { "action": "onAction()" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: PToastDirective, decorators: [{
             type: Directive,
@@ -4933,19 +4907,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
                     },
                     standalone: true,
                 }]
-        }], propDecorators: { delay: [{
-                type: Input
-            }], identifier: [{
-                type: Input
-            }], dismissOnAction: [{
-                type: Input
-            }], actionFunc: [{
-                type: Input
-            }], actionData: [{
-                type: Input
-            }], dismiss: [{
-                type: Output
-            }] } });
+        }], propDecorators: { delay: [{ type: i0.Input, args: [{ isSignal: true, alias: "delay", required: false }] }], identifier: [{ type: i0.Input, args: [{ isSignal: true, alias: "identifier", required: true }] }], dismissOnAction: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissOnAction", required: false }] }], actionFunc: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionFunc", required: false }] }], actionData: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionData", required: false }] }], dismiss: [{ type: i0.Output, args: ["dismiss"] }] } });
 
 var PToastVariants;
 (function (PToastVariants) {
@@ -5006,18 +4968,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
 
 /* top-0 bottom-0 left-0 right-0 */
 let ToastContainerComponent = class ToastContainerComponent {
-    z;
+    _elRef = inject(ElementRef);
+    z = inject(NgZone);
     _toastService = inject(ToastService);
     toasts$ = this._toastService.toasts$.pipe(map$1(arr => arr.toReversed()));
     el;
-    constructor(r, z) {
-        this.z = z;
-        this.el = r.nativeElement;
+    constructor() {
+        this.el = this._elRef.nativeElement;
     }
     dismiss(identifier) {
         this._toastService.hide(identifier);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ToastContainerComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ToastContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: ToastContainerComponent, isStandalone: true, selector: "p-toast-container", inputs: { placement: "placement" }, ngImport: i0, template: "@for (toast of toasts$ | async; track toast; let index = $index) {\n\t<p-toast\n\t\tanimate.enter=\"animate-in fade-in slide-in-from-top\"\n\t\tanimate.leave=\"animate-out fade-out\"\n\t\t[actionData]=\"toast.options.actionData\"\n\t\t[actionFunc]=\"toast.options.action\"\n\t\t[actionIcon]=\"toast.options.icon?.variant\"\n\t\t[actionIconFlip]=\"toast.options.icon?.flip\"\n\t\t[actionIconRotate]=\"toast.options.icon?.rotate\"\n\t\t[content]=\"toast.content\"\n\t\t[delay]=\"toast.options.delay ?? 5000\"\n\t\t[dismissOnAction]=\"toast.options.dismissOnAction ?? true\"\n\t\t[enableAction]=\"toast.options.enableAction\"\n\t\t[header]=\"toast.header\"\n\t\t[identifier]=\"toast.identifier\"\n\t\t[variant]=\"toast.variant\"\n\t\t(dismiss)=\"dismiss($event)\"\n\t/>\n}\n", dependencies: [{ kind: "component", type: PToast, selector: "p-toast", inputs: ["actionIcon", "actionIconFlip", "actionIconRotate", "content", "enableAction", "header", "variant"] }, { kind: "directive", type: PToastDirective, selector: "p-toast", inputs: ["delay", "identifier", "dismissOnAction", "actionFunc", "actionData"], outputs: ["dismiss"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 ToastContainerComponent = __decorate([
@@ -5029,7 +4991,7 @@ ToastContainerComponent = __decorate([
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ToastContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'p-toast-container', changeDetection: ChangeDetectionStrategy.OnPush, inputs: ['placement'], standalone: true, imports: [PToast, PToastDirective, AsyncPipe], template: "@for (toast of toasts$ | async; track toast; let index = $index) {\n\t<p-toast\n\t\tanimate.enter=\"animate-in fade-in slide-in-from-top\"\n\t\tanimate.leave=\"animate-out fade-out\"\n\t\t[actionData]=\"toast.options.actionData\"\n\t\t[actionFunc]=\"toast.options.action\"\n\t\t[actionIcon]=\"toast.options.icon?.variant\"\n\t\t[actionIconFlip]=\"toast.options.icon?.flip\"\n\t\t[actionIconRotate]=\"toast.options.icon?.rotate\"\n\t\t[content]=\"toast.content\"\n\t\t[delay]=\"toast.options.delay ?? 5000\"\n\t\t[dismissOnAction]=\"toast.options.dismissOnAction ?? true\"\n\t\t[enableAction]=\"toast.options.enableAction\"\n\t\t[header]=\"toast.header\"\n\t\t[identifier]=\"toast.identifier\"\n\t\t[variant]=\"toast.variant\"\n\t\t(dismiss)=\"dismiss($event)\"\n\t/>\n}\n" }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [] });
 
 const TOAST_COMPONENTS = [ToastContainerComponent];
 
@@ -5051,15 +5013,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
 
 const MODULES = [TableModule, ToastModule, OverlayModule];
 
+/*
+    This pipe overrides the default currency pipe from angular,
+    this can be removed when angular supports currency defaults
+    https://github.com/angular/angular/issues/25461
+*/
 class CustomCurrencyPipe {
-    _currencyPipe;
-    constructor(_currencyPipe) {
-        this._currencyPipe = _currencyPipe;
-    }
+    _currencyPipe = inject(CurrencyPipe);
     transform(value, currencyCode = 'EUR', display = 'symbol', digitsInfo = '1.2-2', locale = 'nl') {
         return this._currencyPipe.transform(value, currencyCode, display, digitsInfo, locale);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CustomCurrencyPipe, deps: [{ token: i1$1.CurrencyPipe }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CustomCurrencyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
     static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.0", ngImport: i0, type: CustomCurrencyPipe, isStandalone: true, name: "pcurrency" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CustomCurrencyPipe, decorators: [{
@@ -5067,17 +5031,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
             args: [{
                     name: 'pcurrency',
                 }]
-        }], ctorParameters: () => [{ type: i1$1.CurrencyPipe }] });
+        }] });
 
 class CustomDatePipe {
-    _datePipe;
-    constructor(_datePipe) {
-        this._datePipe = _datePipe;
-    }
+    _datePipe = inject(DatePipe);
     transform(value, format = 'd MMM yyyy') {
         return this._datePipe.transform(value, format);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CustomDatePipe, deps: [{ token: i1$1.DatePipe }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CustomDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
     static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.0", ngImport: i0, type: CustomDatePipe, isStandalone: true, name: "pdate" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CustomDatePipe, decorators: [{
@@ -5085,36 +5046,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
             args: [{
                     name: 'pdate',
                 }]
-        }], ctorParameters: () => [{ type: i1$1.DatePipe }] });
+        }] });
 
 class SafePipe {
-    sanitizer;
-    constructor(sanitizer) {
-        this.sanitizer = sanitizer;
-    }
+    _sanitizer = inject(DomSanitizer);
     transform(value, type) {
         switch (type) {
             case 'html': {
-                return this.sanitizer.bypassSecurityTrustHtml(value);
+                return this._sanitizer.bypassSecurityTrustHtml(value);
             }
             case 'style': {
-                return this.sanitizer.bypassSecurityTrustStyle(value);
+                return this._sanitizer.bypassSecurityTrustStyle(value);
             }
             case 'script': {
-                return this.sanitizer.bypassSecurityTrustScript(value);
+                return this._sanitizer.bypassSecurityTrustScript(value);
             }
             case 'url': {
-                return this.sanitizer.bypassSecurityTrustUrl(value);
+                return this._sanitizer.bypassSecurityTrustUrl(value);
             }
             case 'resourceUrl': {
-                return this.sanitizer.bypassSecurityTrustResourceUrl(value);
+                return this._sanitizer.bypassSecurityTrustResourceUrl(value);
             }
             default: {
                 throw new Error(`Invalid safe type specified: ${type}`);
             }
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SafePipe, deps: [{ token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SafePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
     static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.0", ngImport: i0, type: SafePipe, isStandalone: true, name: "psafe" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SafePipe, decorators: [{
@@ -5122,7 +5080,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
             args: [{
                     name: 'psafe',
                 }]
-        }], ctorParameters: () => [{ type: i1$2.DomSanitizer }] });
+        }] });
 
 class SelectAutocompletePipe {
     transform(value) {