@vality/matez 19.0.1-pr-423-eca1120.0 → 20.0.0

package/fesm2022/vality-matez.mjs

@@ -1,11 +1,11 @@
 import * as i1$1 from '@angular/common';
 import { CommonModule, AsyncPipe, formatCurrency as formatCurrency$1, getCurrencySymbol, formatDate, NgClass } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, NgModule, Input, EventEmitter, booleanAttribute, HostBinding, Output, InjectionToken, Injectable, Optional, Inject, inject, Directive, input, numberAttribute, ChangeDetectorRef, DestroyRef, forwardRef, LOCALE_ID, model, runInInjectionContext, Injector, output, viewChild, computed, signal, ElementRef, ViewChild, ContentChild, TemplateRef, ViewEncapsulation, DEFAULT_CURRENCY_CODE, Pipe } from '@angular/core';
-import * as i1$4 from '@angular/material/button';
+import { ChangeDetectionStrategy, Component, NgModule, Input, EventEmitter, booleanAttribute, Output, HostBinding, InjectionToken, inject, Injectable, Directive, input, numberAttribute, isSignal, ChangeDetectorRef, DestroyRef, forwardRef, Injector, ElementRef, Renderer2, LOCALE_ID, model, runInInjectionContext, output, viewChild, computed, signal, ViewChild, ContentChild, TemplateRef, ViewEncapsulation, DEFAULT_CURRENCY_CODE, Pipe } from '@angular/core';
+import * as i1$2 from '@angular/material/button';
 import { MatButtonModule, MatIconButton, MatButton } from '@angular/material/button';
-import * as i1$2 from '@angular/material/dialog';
-import { MatDialogModule, MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import * as i4 from '@angular/material/dialog';
+import { MatDialog, MatDialogModule, MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
 import * as i2 from '@angular/material/divider';
 import { MatDividerModule, MatDivider } from '@angular/material/divider';
 import * as i2$1 from '@angular/material/icon';
@@ -14,11 +14,11 @@ import * as i1 from '@angular/material/progress-bar';
 import { MatProgressBarModule, MatProgressBar } from '@angular/material/progress-bar';
 import * as i10 from '@angular/cdk/drag-drop';
 import { CdkDrag, CdkDropList } from '@angular/cdk/drag-drop';
-import * as i1$3 from '@angular/forms';
-import { NG_VALIDATORS, NG_VALUE_ACCESSOR, FormControl, ReactiveFormsModule, FormsModule } from '@angular/forms';
+import * as i3 from '@angular/forms';
+import { NG_VALIDATORS, NG_VALUE_ACCESSOR, FormControl, ReactiveFormsModule, NonNullableFormBuilder, FormsModule } from '@angular/forms';
 import * as i6 from '@angular/material/badge';
 import { MatBadgeModule } from '@angular/material/badge';
-import * as i4 from '@angular/material/card';
+import * as i3$2 from '@angular/material/card';
 import { MatCardModule } from '@angular/material/card';
 import * as i9 from '@angular/material/sort';
 import { MatSort, MatSortModule } from '@angular/material/sort';
@@ -26,15 +26,15 @@ import * as i2$4 from '@angular/material/table';
 import { MatTableDataSource, MatTable, MatColumnDef, MatCellDef, MatHeaderCellDef, MatFooterCellDef, MatTableModule, MatRow } from '@angular/material/table';
 import * as i2$5 from '@angular/material/tooltip';
 import { MatTooltip, MatTooltipModule } from '@angular/material/tooltip';
-import { random, get, difference, isEqual as isEqual$1, capitalize, lowerFirst, isArray } from 'lodash-es';
+import { random, get, difference, isEqual as isEqual$1, capitalize, negate, isEmpty as isEmpty$1, lowerFirst, isArray } from 'lodash-es';
 import * as i2$2 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
 import startCase from 'lodash-es/startCase';
 import { isPrimitive } from 'utility-types';
-import { isObservable, defer, merge, combineLatest, mergeMap, EMPTY, catchError, of, scan, takeLast, from, switchMap, ReplaySubject, debounce, interval, concat, timer, take, BehaviorSubject, Observable, debounceTime as debounceTime$1, Subject, tap, first as first$1, forkJoin, lastValueFrom, timeout, map as map$1, skipWhile, race, skip, mergeScan, takeUntil, throttleTime } from 'rxjs';
+import { isObservable, defer, merge, combineLatest, mergeMap, EMPTY, catchError, of, scan, takeLast, from, switchMap, ReplaySubject, debounce, interval, concat, timer, take, fromEvent, filter as filter$1, map as map$1, startWith as startWith$1, distinctUntilChanged as distinctUntilChanged$1, shareReplay as shareReplay$1, BehaviorSubject, Observable, debounceTime as debounceTime$1, Subject, tap, first as first$1, forkJoin, lastValueFrom, timeout, skipWhile, race, skip, mergeScan, takeUntil, throttleTime } from 'rxjs';
 import { finalize, map, delay, startWith, distinctUntilChanged, shareReplay, catchError as catchError$1, filter, first, debounceTime, share } from 'rxjs/operators';
 import { isPromise } from 'rxjs/internal/util/isPromise';
-import { takeUntilDestroyed, toObservable, outputFromObservable } from '@angular/core/rxjs-interop';
+import { takeUntilDestroyed, toSignal, toObservable, outputFromObservable } from '@angular/core/rxjs-interop';
 import { WrappedControlSuperclass, FormComponentSuperclass as FormComponentSuperclass$1 } from '@s-libs/ng-core';
 import omitBy from 'lodash-es/omitBy';
 import isNil from 'lodash-es/isNil';
@@ -44,50 +44,51 @@ import isEqual from 'lodash-es/isEqual';
 import lodashIsEmpty from 'lodash-es/isEmpty';
 import isObject$1 from 'lodash-es/isObject';
 import * as papaparse from 'papaparse';
-import * as i3 from '@angular/material/form-field';
-import { MatFormFieldModule } from '@angular/material/form-field';
+import papaparse__default from 'papaparse';
 import * as i2$3 from '@angular/material/chips';
 import { MatChipsModule } from '@angular/material/chips';
 import * as i1$5 from '@angular/router';
-import { RouterModule, RouterLink } from '@angular/router';
+import { Router, RouterModule, ActivatedRoute, RouterLink } from '@angular/router';
 export { MtxTooltip as Tooltip } from '@ng-matero/extensions/tooltip';
 import { MatMenu, MatMenuItem, MatMenuTrigger } from '@angular/material/menu';
+import * as i1$3 from '@angular/material/slide-toggle';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
 import { SelectionModel } from '@angular/cdk/collections';
 import * as i3$1 from '@angular/material/checkbox';
 import { MatCheckboxModule } from '@angular/material/checkbox';
-import * as i2$6 from '@angular/cdk/layout';
-import { Breakpoints, LayoutModule } from '@angular/cdk/layout';
-import * as i2$7 from '@angular/material/datepicker';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { BreakpointObserver, Breakpoints, LayoutModule } from '@angular/cdk/layout';
+import * as i1$4 from '@angular/material/datepicker';
 import { MatDatepickerModule } from '@angular/material/datepicker';
-import * as i6$1 from '@angular/material/core';
 import { MAT_DATE_LOCALE, DateAdapter, MAT_DATE_FORMATS } from '@angular/material/core';
 import { DateFnsAdapter, MAT_DATE_FNS_FORMATS } from '@angular/material-date-fns-adapter';
 import { enGB } from 'date-fns/locale';
-import { isEqual as isEqual$2, subDays, startOfDay, endOfDay, format, isValid, formatDistanceToNow } from 'date-fns';
-import * as i3$2 from '@ng-matero/extensions/select';
+import { isEqual as isEqual$2, endOfDay, subDays, startOfDay, format, isValid, formatDistanceToNow } from 'date-fns';
+import * as i3$3 from '@ng-matero/extensions/select';
 import { MtxSelectModule } from '@ng-matero/extensions/select';
-import * as i5 from '@angular/material/autocomplete';
+import * as i4$1 from '@angular/material/autocomplete';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import * as i1$6 from '@angular/common/http';
-import * as i1$7 from '@angular/material/snack-bar';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import negate from 'lodash-es/negate';
+import { HttpClient } from '@angular/common/http';
+import { MatSnackBar, MatSnackBarModule, MAT_SNACK_BAR_DATA, MatSnackBarRef } from '@angular/material/snack-bar';
+import negate$1 from 'lodash-es/negate';
+import * as i2$6 from '@angular/material/progress-spinner';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 
 class ActionsComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: ActionsComponent, isStandalone: false, selector: "v-actions", ngImport: i0, template: "<div class=\"v-actions\">\n    <ng-content></ng-content>\n</div>\n", styles: ["::ng-deep .v-actions{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:16px}::ng-deep .v-actions>*:first-child:not(:last-child){margin-right:auto}::ng-deep .v-actions>*:first-child:last-child{margin-left:auto}@media screen and (max-width: 600px){::ng-deep .v-actions>*{margin-left:auto!important;margin-right:auto!important}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", type: ActionsComponent, isStandalone: false, selector: "v-actions", ngImport: i0, template: "<div class=\"v-actions\">\n    <ng-content></ng-content>\n</div>\n", styles: ["::ng-deep .v-actions{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:16px}::ng-deep .v-actions>*:first-child:not(:last-child){margin-right:auto}::ng-deep .v-actions>*:first-child:last-child{margin-left:auto}@media screen and (max-width: 600px){::ng-deep .v-actions>*{margin-left:auto!important;margin-right:auto!important}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ActionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ActionsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-actions', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"v-actions\">\n    <ng-content></ng-content>\n</div>\n", styles: ["::ng-deep .v-actions{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:16px}::ng-deep .v-actions>*:first-child:not(:last-child){margin-right:auto}::ng-deep .v-actions>*:first-child:last-child{margin-left:auto}@media screen and (max-width: 600px){::ng-deep .v-actions>*{margin-left:auto!important;margin-right:auto!important}}\n"] }]
         }] });
 
 class ActionsModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ActionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: ActionsModule, declarations: [ActionsComponent], exports: [ActionsComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ActionsModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ActionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: ActionsModule, declarations: [ActionsComponent], exports: [ActionsComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ActionsModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ActionsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ActionsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [],
@@ -109,10 +110,10 @@ class ProgressComponent {
             ? Math.max(Math.min((1 - this.progress) * 100, 100), 0)
             : undefined;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: ProgressComponent, isStandalone: false, selector: "v-progress", inputs: { progress: "progress" }, ngImport: i0, template: "@if (!!mode) {\n    <mat-progress-bar [mode]=\"mode\" [value]=\"value\"></mat-progress-bar>\n}\n", dependencies: [{ kind: "component", type: i1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: ProgressComponent, isStandalone: false, selector: "v-progress", inputs: { progress: "progress" }, ngImport: i0, template: "@if (!!mode) {\n    <mat-progress-bar [mode]=\"mode\" [value]=\"value\"></mat-progress-bar>\n}\n", dependencies: [{ kind: "component", type: i1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ProgressComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ProgressComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-progress', standalone: false, template: "@if (!!mode) {\n    <mat-progress-bar [mode]=\"mode\" [value]=\"value\"></mat-progress-bar>\n}\n" }]
         }], propDecorators: { progress: [{
@@ -120,11 +121,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
             }] } });
 
 class ProgressModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ProgressModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: ProgressModule, declarations: [ProgressComponent], imports: [CommonModule, MatProgressBarModule], exports: [ProgressComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ProgressModule, imports: [CommonModule, MatProgressBarModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ProgressModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: ProgressModule, declarations: [ProgressComponent], imports: [CommonModule, MatProgressBarModule], exports: [ProgressComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ProgressModule, imports: [CommonModule, MatProgressBarModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ProgressModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ProgressModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ProgressComponent],
@@ -134,10 +135,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
         }] });
 
 class DialogActionsComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: DialogActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: DialogActionsComponent, isStandalone: false, selector: "v-dialog-actions", ngImport: i0, template: "<v-actions><ng-content></ng-content></v-actions>\n", dependencies: [{ kind: "component", type: ActionsComponent, selector: "v-actions" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: DialogActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", type: DialogActionsComponent, isStandalone: false, selector: "v-dialog-actions", ngImport: i0, template: "<v-actions><ng-content></ng-content></v-actions>\n", dependencies: [{ kind: "component", type: ActionsComponent, selector: "v-actions" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: DialogActionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: DialogActionsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-dialog-actions', standalone: false, template: "<v-actions><ng-content></ng-content></v-actions>\n" }]
         }] });
@@ -167,10 +168,10 @@ class DialogComponent {
     cancelDialog() {
         this.cancel.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: DialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: DialogComponent, isStandalone: false, selector: "v-dialog", inputs: { title: "title", disabled: ["disabled", "disabled", booleanAttribute], progress: "progress", hasDivider: ["hasDivider", "hasDivider", booleanAttribute], noContent: ["noContent", "noContent", booleanAttribute], noActions: ["noActions", "noActions", booleanAttribute], noCloseButton: ["noCloseButton", "noCloseButton", booleanAttribute], fullSize: ["fullSize", "fullSize", booleanAttribute] }, outputs: { cancel: "cancel" }, host: { properties: { "class.v-dialog": "this.hostClass" } }, ngImport: i0, template: "<div [ngClass]=\"{ 'full-size': fullSize }\" class=\"dialog\">\n    <div class=\"dialog-title\">\n        <div>\n            <h2 class=\"title\">{{ title }}</h2>\n        </div>\n        @if (!noCloseButton) {\n            <mat-icon\n                [matDialogClose]=\"cancelData\"\n                class=\"dialog-title-close\"\n                inline\n                (click)=\"cancelDialog()\"\n                >clear</mat-icon\n            >\n        }\n    </div>\n\n    @if (!noContent) {\n        @if (hasDivider) {\n            <mat-divider></mat-divider>\n        }\n        <div class=\"dialog-content\">\n            <ng-content></ng-content>\n        </div>\n    }\n    @if (!noActions) {\n        @if (hasDivider) {\n            <mat-divider></mat-divider>\n        }\n        <div class=\"dialog-actions\">\n            <ng-content select=\"v-dialog-actions\"></ng-content>\n        </div>\n    }\n\n    <v-progress [progress]=\"progress\"></v-progress>\n</div>\n", styles: [":host{display:flex;flex-direction:column;flex-grow:1;height:100%}.dialog{flex-direction:column;box-sizing:border-box;display:flex;flex:1 1 100%;max-height:calc(90vh - 48px)!important}@media screen and (max-width: 959px){.dialog{max-height:calc(100vh - 48px)!important}}.dialog.full-size{min-height:calc(90vh - 48px)!important}@media screen and (max-width: 959px){.dialog.full-size{min-height:calc(100vh - 48px)!important}}.dialog-title{flex-direction:row;box-sizing:border-box;display:flex;place-content:center space-between;align-items:center;padding:24px}.dialog-title h1,.dialog-title h2,.dialog-title h3,.dialog-title h4,.dialog-title h5,.dialog-title h6{margin:0}.dialog-title-close.dialog-title-close{cursor:pointer;font-size:24px}.dialog-title-close.dialog-title-close:hover{opacity:.5}.dialog-content{flex:1 1 100%;box-sizing:border-box;padding:24px;overflow:auto;display:grid}.dialog-actions{padding:24px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i1$2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: ProgressComponent, selector: "v-progress", inputs: ["progress"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: DialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: DialogComponent, isStandalone: false, selector: "v-dialog", inputs: { title: "title", disabled: ["disabled", "disabled", booleanAttribute], progress: "progress", hasDivider: ["hasDivider", "hasDivider", booleanAttribute], noContent: ["noContent", "noContent", booleanAttribute], noActions: ["noActions", "noActions", booleanAttribute], noCloseButton: ["noCloseButton", "noCloseButton", booleanAttribute], fullSize: ["fullSize", "fullSize", booleanAttribute] }, outputs: { cancel: "cancel" }, host: { properties: { "class.v-dialog": "this.hostClass" } }, ngImport: i0, template: "<div [ngClass]=\"{ 'full-size': fullSize }\" class=\"dialog\">\n    <div class=\"dialog-title\">\n        <div>\n            <h2 class=\"title\">{{ title }}</h2>\n        </div>\n        @if (!noCloseButton) {\n            <mat-icon\n                [matDialogClose]=\"cancelData\"\n                class=\"dialog-title-close\"\n                inline\n                (click)=\"cancelDialog()\"\n                >clear</mat-icon\n            >\n        }\n    </div>\n\n    @if (!noContent) {\n        @if (hasDivider) {\n            <mat-divider></mat-divider>\n        }\n        <div class=\"dialog-content\">\n            <ng-content></ng-content>\n        </div>\n    }\n    @if (!noActions) {\n        @if (hasDivider) {\n            <mat-divider></mat-divider>\n        }\n        <div class=\"dialog-actions\">\n            <ng-content select=\"v-dialog-actions\"></ng-content>\n        </div>\n    }\n\n    <v-progress [progress]=\"progress\"></v-progress>\n</div>\n", styles: [":host{display:flex;flex-direction:column;flex-grow:1;height:100%}.dialog{flex-direction:column;box-sizing:border-box;display:flex;flex:1 1 100%;max-height:calc(90vh - 48px)!important}@media screen and (max-width: 959px){.dialog{max-height:calc(100vh - 48px)!important}}.dialog.full-size{min-height:calc(90vh - 48px)!important}@media screen and (max-width: 959px){.dialog.full-size{min-height:calc(100vh - 48px)!important}}.dialog-title{flex-direction:row;box-sizing:border-box;display:flex;place-content:center space-between;align-items:center;padding:24px}.dialog-title h1,.dialog-title h2,.dialog-title h3,.dialog-title h4,.dialog-title h5,.dialog-title h6{margin:0}.dialog-title-close.dialog-title-close{cursor:pointer;font-size:24px}.dialog-title-close.dialog-title-close:hover{opacity:.5}.dialog-content{flex:1 1 100%;box-sizing:border-box;padding:24px;overflow:auto;display:grid}.dialog-actions{padding:24px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i4.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: ProgressComponent, selector: "v-progress", inputs: ["progress"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: DialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: DialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-dialog', standalone: false, template: "<div [ngClass]=\"{ 'full-size': fullSize }\" class=\"dialog\">\n    <div class=\"dialog-title\">\n        <div>\n            <h2 class=\"title\">{{ title }}</h2>\n        </div>\n        @if (!noCloseButton) {\n            <mat-icon\n                [matDialogClose]=\"cancelData\"\n                class=\"dialog-title-close\"\n                inline\n                (click)=\"cancelDialog()\"\n                >clear</mat-icon\n            >\n        }\n    </div>\n\n    @if (!noContent) {\n        @if (hasDivider) {\n            <mat-divider></mat-divider>\n        }\n        <div class=\"dialog-content\">\n            <ng-content></ng-content>\n        </div>\n    }\n    @if (!noActions) {\n        @if (hasDivider) {\n            <mat-divider></mat-divider>\n        }\n        <div class=\"dialog-actions\">\n            <ng-content select=\"v-dialog-actions\"></ng-content>\n        </div>\n    }\n\n    <v-progress [progress]=\"progress\"></v-progress>\n</div>\n", styles: [":host{display:flex;flex-direction:column;flex-grow:1;height:100%}.dialog{flex-direction:column;box-sizing:border-box;display:flex;flex:1 1 100%;max-height:calc(90vh - 48px)!important}@media screen and (max-width: 959px){.dialog{max-height:calc(100vh - 48px)!important}}.dialog.full-size{min-height:calc(90vh - 48px)!important}@media screen and (max-width: 959px){.dialog.full-size{min-height:calc(100vh - 48px)!important}}.dialog-title{flex-direction:row;box-sizing:border-box;display:flex;place-content:center space-between;align-items:center;padding:24px}.dialog-title h1,.dialog-title h2,.dialog-title h3,.dialog-title h4,.dialog-title h5,.dialog-title h6{margin:0}.dialog-title-close.dialog-title-close{cursor:pointer;font-size:24px}.dialog-title-close.dialog-title-close:hover{opacity:.5}.dialog-content{flex:1 1 100%;box-sizing:border-box;padding:24px;overflow:auto;display:grid}.dialog-actions{padding:24px}\n"] }]
         }], propDecorators: { hostClass: [{
@@ -225,12 +226,9 @@ const DEFAULT_DIALOG_CONFIG = {
 const DEFAULT_DIALOG_CONFIG_FULL_HEIGHT = 'calc(90vh - 48px)';
 
 class DialogService {
-    constructor(dialog, dialogConfig) {
-        this.dialog = dialog;
-        this.dialogConfig = dialogConfig;
-        if (!dialogConfig) {
-            this.dialogConfig = DEFAULT_DIALOG_CONFIG;
-        }
+    constructor() {
+        this.dialog = inject(MatDialog);
+        this.dialogConfig = inject(DIALOG_CONFIG, { optional: true }) || DEFAULT_DIALOG_CONFIG;
     }
     open(dialogComponent, 
     /**
@@ -255,24 +253,19 @@ class DialogService {
             ...config,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: DialogService, deps: [{ token: i1$2.MatDialog }, { token: DIALOG_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: DialogService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: DialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: DialogService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: DialogService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: DialogService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i1$2.MatDialog }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [DIALOG_CONFIG]
-                }] }] });
+        }] });
 
 class DialogModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: DialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: DialogModule, declarations: [DialogComponent, DialogActionsComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: DialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: DialogModule, declarations: [DialogComponent, DialogActionsComponent], imports: [CommonModule,
             MatDividerModule,
             MatButtonModule,
             ActionsModule,
@@ -280,7 +273,7 @@ class DialogModule {
             MatProgressBarModule,
             MatDialogModule,
             ProgressModule], exports: [DialogComponent, DialogActionsComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: DialogModule, providers: [DialogService], imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: DialogModule, providers: [DialogService], imports: [CommonModule,
             MatDividerModule,
             MatButtonModule,
             ActionsModule,
@@ -289,7 +282,7 @@ class DialogModule {
             MatDialogModule,
             ProgressModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: DialogModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: DialogModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -332,10 +325,10 @@ class DialogSuperclass {
             data,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: DialogSuperclass, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.6", type: DialogSuperclass, isStandalone: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: DialogSuperclass, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.5", type: DialogSuperclass, isStandalone: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: DialogSuperclass, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: DialogSuperclass, decorators: [{
             type: Directive
         }] });
 
@@ -345,10 +338,10 @@ class ContentLoadingComponent {
         this.textSize = input(0, { transform: numberAttribute });
         this.hiddenText = input();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ContentLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.6", type: ContentLoadingComponent, isStandalone: true, selector: "v-content-loading", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, textSize: { classPropertyName: "textSize", publicName: "textSize", isSignal: true, isRequired: false, transformFunction: null }, hiddenText: { classPropertyName: "hiddenText", publicName: "hiddenText", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<span\n    [ngClass]=\"{ 'content-loading__text': !!hiddenText() }\"\n    [style.width]=\"hiddenText() || textSize() ? undefined : width()\"\n    class=\"content-loading\"\n    >{{ hiddenText() || '&nbsp;'.repeat(textSize() || 1) }}</span\n>\n", styles: ["@keyframes content-loading-animation{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.content-loading{color:transparent;display:inline-block;line-height:100%;background-color:#00000014;animation:content-loading-animation 1.5s ease-in-out infinite}.content-loading__text{color:inherit;background-color:transparent}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ContentLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.5", type: ContentLoadingComponent, isStandalone: true, selector: "v-content-loading", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, textSize: { classPropertyName: "textSize", publicName: "textSize", isSignal: true, isRequired: false, transformFunction: null }, hiddenText: { classPropertyName: "hiddenText", publicName: "hiddenText", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<span\n    [ngClass]=\"{ 'content-loading__text': !!hiddenText() }\"\n    [style.width]=\"hiddenText() || textSize() ? undefined : width()\"\n    class=\"content-loading\"\n    >{{ hiddenText() || '&nbsp;'.repeat(textSize() || 1) }}</span\n>\n", styles: ["@keyframes content-loading-animation{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.content-loading{color:transparent;display:inline-block;line-height:100%;background-color:#00000014;animation:content-loading-animation 1.5s ease-in-out infinite}.content-loading__text{color:inherit;background-color:transparent}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ContentLoadingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ContentLoadingComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-content-loading', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule], template: "<span\n    [ngClass]=\"{ 'content-loading__text': !!hiddenText() }\"\n    [style.width]=\"hiddenText() || textSize() ? undefined : width()\"\n    class=\"content-loading\"\n    >{{ hiddenText() || '&nbsp;'.repeat(textSize() || 1) }}</span\n>\n", styles: ["@keyframes content-loading-animation{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.content-loading{color:transparent;display:inline-block;line-height:100%;background-color:#00000014;animation:content-loading-animation 1.5s ease-in-out infinite}.content-loading__text{color:inherit;background-color:transparent}\n"] }]
         }] });
@@ -402,11 +395,16 @@ function splitBySeparators(ids, separators = SEPARATORS) {
         .filter(Boolean);
 }
 
-function progressTo(subject$) {
-    const getSub = () => (isObservable(subject$) ? subject$ : subject$());
+function progressTo(subjectSignal) {
+    const getSubjectSignal = () => isObservable(subjectSignal) || isSignal(subjectSignal) ? subjectSignal : subjectSignal();
     return (src$) => defer(() => {
-        getSub().next(getSub().getValue() + 1);
-        return src$.pipe(finalize(() => getSub().next(getSub().getValue() - 1)));
+        const subSigRes = getSubjectSignal();
+        if (isSignal(subSigRes)) {
+            subSigRes.update((prev) => prev + 1);
+            return src$.pipe(finalize(() => subSigRes.update((prev) => prev - 1)));
+        }
+        subSigRes.next(subSigRes.getValue() + 1);
+        return src$.pipe(finalize(() => subSigRes.next(subSigRes.getValue() - 1)));
     });
 }
 
@@ -487,8 +485,8 @@ class AsyncTransform {
             of(args.slice(1)),
         ])), map(([value, params]) => [value, ...params]));
         this.cdr = inject(ChangeDetectorRef);
-        this.args$ = new ReplaySubject(1);
         this.asyncPipe = new AsyncPipe(this.cdr);
+        this.args$ = new ReplaySubject(1);
     }
     ngOnDestroy() {
         this.asyncPipe.ngOnDestroy();
@@ -497,12 +495,12 @@ class AsyncTransform {
         this.args$.next(args);
         return this.asyncPipe.transform(this.result$);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: AsyncTransform, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: AsyncTransform }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AsyncTransform, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AsyncTransform }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: AsyncTransform, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AsyncTransform, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [] });
+        }] });
 
 function switchCombineWith(project) {
     return (src$) => src$.pipe(switchMap((value, index) => {
@@ -616,10 +614,10 @@ class AbstractControlSuperclass extends WrappedControlSuperclass {
     setUpOuterToInnerErrors$() {
         return EMPTY;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: AbstractControlSuperclass, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.6", type: AbstractControlSuperclass, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AbstractControlSuperclass, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.5", type: AbstractControlSuperclass, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: AbstractControlSuperclass, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AbstractControlSuperclass, decorators: [{
             type: Directive
         }] });
 
@@ -642,10 +640,10 @@ class FormGroupSuperclass extends AbstractControlSuperclass {
         }
         return outer;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: FormGroupSuperclass, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.6", type: FormGroupSuperclass, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: FormGroupSuperclass, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.5", type: FormGroupSuperclass, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: FormGroupSuperclass, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: FormGroupSuperclass, decorators: [{
             type: Directive
         }] });
 
@@ -671,10 +669,10 @@ class FormControlSuperclass extends AbstractControlSuperclass {
         super(...arguments);
         this.control = new FormControl();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: FormControlSuperclass, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.6", type: FormControlSuperclass, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: FormControlSuperclass, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.5", type: FormControlSuperclass, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: FormControlSuperclass, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: FormControlSuperclass, decorators: [{
             type: Directive
         }] });
 
@@ -699,10 +697,10 @@ class FormComponentSuperclass extends FormComponentSuperclass$1 {
     registerOnValidatorChange(fn) {
         this.onValidatorChange = fn;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: FormComponentSuperclass, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.6", type: FormComponentSuperclass, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: FormComponentSuperclass, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.5", type: FormComponentSuperclass, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: FormComponentSuperclass, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: FormComponentSuperclass, decorators: [{
             type: Directive
         }] });
 
@@ -915,6 +913,24 @@ function createCsv(data) {
     return papaparse.unparse(data);
 }
 
+function removeLineBreaks(str) {
+    return str.replace(/^[\r\n\s]+|[\r\n\s]+$/g, '');
+}
+
+function parseCsv(content, config) {
+    return papaparse__default.parse(removeLineBreaks(content), config);
+}
+
+function unifyCsvItems(csv, defaultProps) {
+    if (!Array.isArray(csv)) {
+        return [];
+    }
+    if (Array.isArray(csv?.[0])) {
+        return csv.map((d) => Object.fromEntries(d.map((prop, idx) => [defaultProps[idx], prop])));
+    }
+    return csv;
+}
+
 function arrayAttribute(value) {
     if (!Array.isArray(value)) {
         return [];
@@ -939,6 +955,73 @@ function DebounceTime(ms = 500) {
     };
 }
 
+const DEFAULT_SERIALIZE = (v) => (v === null ? null : String(v));
+function createStorageValue(key, { serialize = DEFAULT_SERIALIZE, deserialize, changed$ }) {
+    const injector = inject(Injector);
+    const value$ = fromEvent(document, 'storage').pipe(filter$1((v) => v.key === key), map$1((v) => v.newValue), startWith$1(localStorage.getItem(key)), map$1((v) => deserialize(v)), distinctUntilChanged$1(), shareReplay$1({ refCount: true, bufferSize: 1 }));
+    const value = {
+        get() {
+            return deserialize(localStorage.getItem(key));
+        },
+        set(value) {
+            const serialized = serialize(value);
+            if (serialized === null) {
+                return localStorage.removeItem(key);
+            }
+            return localStorage.setItem(key, serialized);
+        },
+        value$,
+        value: toSignal(value$, { injector }),
+    };
+    if (changed$) {
+        changed$.pipe(takeUntilDestroyed(inject(DestroyRef))).subscribe((v) => {
+            value.set(v);
+        });
+    }
+    return value;
+}
+
+function subscribeReturn(observable$, subscription = {}) {
+    const externalSubscription = {};
+    observable$.subscribe({
+        next: (value) => {
+            if (subscription.next) {
+                subscription.next(value);
+            }
+            if (externalSubscription.next) {
+                externalSubscription.next(value);
+            }
+        },
+        error: (err) => {
+            if (subscription.error) {
+                subscription.error(err);
+            }
+            if (externalSubscription.error) {
+                externalSubscription.error(err);
+            }
+        },
+        complete: () => {
+            if (subscription.complete) {
+                subscription.complete();
+            }
+            if (externalSubscription.complete) {
+                externalSubscription.complete();
+            }
+        },
+    });
+    return {
+        next: (nextFn) => {
+            externalSubscription.next = nextFn;
+        },
+        error: (errorFn) => {
+            externalSubscription.error = errorFn;
+        },
+        complete: (completeFn) => {
+            externalSubscription.complete = completeFn;
+        },
+    };
+}
+
 class InputFieldComponent extends FormControlSuperclass {
     constructor() {
         super(...arguments);
@@ -947,13 +1030,14 @@ class InputFieldComponent extends FormControlSuperclass {
         this.appearance = 'fill';
         this.cleanButton = input(false, { transform: booleanAttribute });
         this.icon = input();
+        this.hintText = input();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: InputFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: InputFieldComponent, isStandalone: false, selector: "v-input-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: false, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null }, cleanButton: { classPropertyName: "cleanButton", publicName: "cleanButton", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, providers: createControlProviders(() => InputFieldComponent), usesInheritance: true, ngImport: i0, template: "<mat-form-field\n    [appearance]=\"appearance\"\n    [ngClass]=\"{\n        'v-input-field__small': size === 'small',\n        'v-input-field__outline': appearance === 'outline',\n    }\"\n    class=\"v-input-field\"\n>\n    @if (icon()) {\n        <div class=\"prefix\" matPrefix>\n            <mat-icon>{{ icon() }}</mat-icon>\n        </div>\n    }\n    <mat-label>{{ label }}</mat-label>\n    <input\n        [formControl]=\"control\"\n        [placeholder]=\"placeholder\"\n        [type]=\"type\"\n        autocomplete=\"false\"\n        matInput\n    />\n    <div class=\"postfix\" matSuffix>\n        @if (cleanButton()) {\n            <button\n                [disabled]=\"!control.value\"\n                [style.visibility]=\"control.value ? '' : 'hidden'\"\n                mat-icon-button\n                (click)=\"control.reset()\"\n            >\n                <mat-icon>clear</mat-icon>\n            </button>\n        }\n    </div>\n</mat-form-field>\n", styles: [".v-input-field .postfix{white-space:nowrap}.v-input-field__small ::ng-deep .mat-icon{transform:scale(.75)!important}.v-input-field__outline .postfix{padding-right:4px}.v-input-field__outline .prefix{padding-left:4px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i1$3.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i1$4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: InputFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: InputFieldComponent, isStandalone: false, selector: "v-input-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: false, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null }, cleanButton: { classPropertyName: "cleanButton", publicName: "cleanButton", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, hintText: { classPropertyName: "hintText", publicName: "hintText", isSignal: true, isRequired: false, transformFunction: null } }, providers: createControlProviders(() => InputFieldComponent), usesInheritance: true, ngImport: i0, template: "<mat-form-field\n    [appearance]=\"appearance\"\n    [ngClass]=\"{\n        'v-input-field__small': size === 'small',\n        'v-input-field__outline': appearance === 'outline',\n    }\"\n    class=\"v-input-field\"\n>\n    @if (icon()) {\n        <div class=\"prefix\" matPrefix>\n            <mat-icon>{{ icon() }}</mat-icon>\n        </div>\n    }\n    <mat-label>{{ label }}</mat-label>\n    <input\n        [formControl]=\"control\"\n        [placeholder]=\"placeholder\"\n        [type]=\"type\"\n        autocomplete=\"false\"\n        matInput\n    />\n    <div class=\"postfix\" matSuffix>\n        @if (cleanButton()) {\n            <button\n                [disabled]=\"!control.value\"\n                [style.visibility]=\"control.value ? '' : 'hidden'\"\n                mat-icon-button\n                (click)=\"control.reset()\"\n            >\n                <mat-icon>clear</mat-icon>\n            </button>\n        }\n    </div>\n    @if (hintText()) {\n        <mat-hint>{{ hintText() }}</mat-hint>\n    }\n</mat-form-field>\n", styles: [".v-input-field .postfix{white-space:nowrap}.v-input-field__small ::ng-deep .mat-icon{transform:scale(.75)!important}.v-input-field__outline .postfix{padding-right:4px}.v-input-field__outline .prefix{padding-left:4px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2$2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i1$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: InputFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: InputFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'v-input-field', providers: createControlProviders(() => InputFieldComponent), standalone: false, template: "<mat-form-field\n    [appearance]=\"appearance\"\n    [ngClass]=\"{\n        'v-input-field__small': size === 'small',\n        'v-input-field__outline': appearance === 'outline',\n    }\"\n    class=\"v-input-field\"\n>\n    @if (icon()) {\n        <div class=\"prefix\" matPrefix>\n            <mat-icon>{{ icon() }}</mat-icon>\n        </div>\n    }\n    <mat-label>{{ label }}</mat-label>\n    <input\n        [formControl]=\"control\"\n        [placeholder]=\"placeholder\"\n        [type]=\"type\"\n        autocomplete=\"false\"\n        matInput\n    />\n    <div class=\"postfix\" matSuffix>\n        @if (cleanButton()) {\n            <button\n                [disabled]=\"!control.value\"\n                [style.visibility]=\"control.value ? '' : 'hidden'\"\n                mat-icon-button\n                (click)=\"control.reset()\"\n            >\n                <mat-icon>clear</mat-icon>\n            </button>\n        }\n    </div>\n</mat-form-field>\n", styles: [".v-input-field .postfix{white-space:nowrap}.v-input-field__small ::ng-deep .mat-icon{transform:scale(.75)!important}.v-input-field__outline .postfix{padding-right:4px}.v-input-field__outline .prefix{padding-left:4px}\n"] }]
+            args: [{ selector: 'v-input-field', providers: createControlProviders(() => InputFieldComponent), standalone: false, template: "<mat-form-field\n    [appearance]=\"appearance\"\n    [ngClass]=\"{\n        'v-input-field__small': size === 'small',\n        'v-input-field__outline': appearance === 'outline',\n    }\"\n    class=\"v-input-field\"\n>\n    @if (icon()) {\n        <div class=\"prefix\" matPrefix>\n            <mat-icon>{{ icon() }}</mat-icon>\n        </div>\n    }\n    <mat-label>{{ label }}</mat-label>\n    <input\n        [formControl]=\"control\"\n        [placeholder]=\"placeholder\"\n        [type]=\"type\"\n        autocomplete=\"false\"\n        matInput\n    />\n    <div class=\"postfix\" matSuffix>\n        @if (cleanButton()) {\n            <button\n                [disabled]=\"!control.value\"\n                [style.visibility]=\"control.value ? '' : 'hidden'\"\n                mat-icon-button\n                (click)=\"control.reset()\"\n            >\n                <mat-icon>clear</mat-icon>\n            </button>\n        }\n    </div>\n    @if (hintText()) {\n        <mat-hint>{{ hintText() }}</mat-hint>\n    }\n</mat-form-field>\n", styles: [".v-input-field .postfix{white-space:nowrap}.v-input-field__small ::ng-deep .mat-icon{transform:scale(.75)!important}.v-input-field__outline .postfix{padding-right:4px}.v-input-field__outline .prefix{padding-left:4px}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], placeholder: [{
@@ -967,11 +1051,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
             }] } });
 
 class InputFieldModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: InputFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: InputFieldModule, declarations: [InputFieldComponent], imports: [CommonModule, MatInputModule, ReactiveFormsModule, MatIcon, MatIconButton], exports: [InputFieldComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: InputFieldModule, imports: [CommonModule, MatInputModule, ReactiveFormsModule, MatIcon, MatIconButton] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: InputFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: InputFieldModule, declarations: [InputFieldComponent], imports: [CommonModule, MatInputModule, ReactiveFormsModule, MatIcon, MatIconButton], exports: [InputFieldComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: InputFieldModule, imports: [CommonModule, MatInputModule, ReactiveFormsModule, MatIcon, MatIconButton] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: InputFieldModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: InputFieldModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [InputFieldComponent],
@@ -986,10 +1070,10 @@ class TagComponent {
         this.icon = input();
         this.progress = input(false, { transform: booleanAttribute });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: TagComponent, isStandalone: false, selector: "v-tag", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.v-tag": "this.hostClass" } }, ngImport: i0, template: "<mat-chip-row\n    [disabled]=\"progress()\"\n    [ngClass]=\"{ loading: progress(), action: !!icon() }\"\n    class=\"tag {{ 'color-' + color }}\"\n    disableRipple\n>\n    @if (icon()) {\n        <button matChipRemove>\n            <mat-icon>{{ progress() ? 'autorenew' : icon() }}</mat-icon>\n        </button>\n    }\n    <ng-content></ng-content>\n</mat-chip-row>\n", styles: [":host ::ng-deep{pointer-events:none}:host .action ::ng-deep{pointer-events:auto;cursor:pointer}:host .action ::ng-deep button{pointer-events:none}:host ::ng-deep *:before{border:none!important}@keyframes content-loading-animation{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.tag{transition:all .3s ease-in-out}.loading{animation:content-loading-animation 1.5s ease-in-out infinite}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$3.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i2$3.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: TagComponent, isStandalone: false, selector: "v-tag", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.v-tag": "this.hostClass" } }, ngImport: i0, template: "<mat-chip-row\n    [disabled]=\"progress()\"\n    [ngClass]=\"{ loading: progress(), action: !!icon() }\"\n    class=\"tag {{ 'color-' + color }}\"\n    disableRipple\n>\n    @if (icon()) {\n        <button matChipRemove>\n            <mat-icon>{{ progress() ? 'autorenew' : icon() }}</mat-icon>\n        </button>\n    }\n    <ng-content></ng-content>\n</mat-chip-row>\n", styles: [":host ::ng-deep{pointer-events:none}:host .action ::ng-deep{pointer-events:auto;cursor:pointer}:host .action ::ng-deep button{pointer-events:none}:host ::ng-deep *:before{border:none!important}@keyframes content-loading-animation{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.tag{transition:all .3s ease-in-out}.loading{animation:content-loading-animation 1.5s ease-in-out infinite}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$3.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i2$3.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TagComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: TagComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-tag', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<mat-chip-row\n    [disabled]=\"progress()\"\n    [ngClass]=\"{ loading: progress(), action: !!icon() }\"\n    class=\"tag {{ 'color-' + color }}\"\n    disableRipple\n>\n    @if (icon()) {\n        <button matChipRemove>\n            <mat-icon>{{ progress() ? 'autorenew' : icon() }}</mat-icon>\n        </button>\n    }\n    <ng-content></ng-content>\n</mat-chip-row>\n", styles: [":host ::ng-deep{pointer-events:none}:host .action ::ng-deep{pointer-events:auto;cursor:pointer}:host .action ::ng-deep button{pointer-events:none}:host ::ng-deep *:before{border:none!important}@keyframes content-loading-animation{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.tag{transition:all .3s ease-in-out}.loading{animation:content-loading-animation 1.5s ease-in-out infinite}\n"] }]
         }], propDecorators: { hostClass: [{
@@ -1000,11 +1084,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
             }] } });
 
 class TagModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: TagModule, declarations: [TagComponent], imports: [CommonModule, MatChipsModule, MatIconModule], exports: [TagComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TagModule, imports: [CommonModule, MatChipsModule, MatIconModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: TagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: TagModule, declarations: [TagComponent], imports: [CommonModule, MatChipsModule, MatIconModule], exports: [TagComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: TagModule, imports: [CommonModule, MatChipsModule, MatIconModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TagModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: TagModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [TagComponent],
@@ -1019,11 +1103,11 @@ function normalizeString(str) {
 }
 
 class HighlightDirective {
-    constructor(el, renderer, dr, injector) {
-        this.el = el;
-        this.renderer = renderer;
-        this.dr = dr;
-        this.injector = injector;
+    constructor() {
+        this.el = inject(ElementRef);
+        this.renderer = inject(Renderer2);
+        this.dr = inject(DestroyRef);
+        this.injector = inject(Injector);
         this.vHighlightText = input('', { transform: (v) => String(v || '') });
         this.vHighlightSearch = input('', { transform: (v) => String(v || '') });
     }
@@ -1051,23 +1135,23 @@ class HighlightDirective {
             .replace(/"/g, '&quot;')
             .replace(/'/g, '&#39;');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: HighlightDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.DestroyRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.6", type: HighlightDirective, isStandalone: true, selector: "[vHighlight]", inputs: { vHighlightText: { classPropertyName: "vHighlightText", publicName: "vHighlightText", isSignal: true, isRequired: false, transformFunction: null }, vHighlightSearch: { classPropertyName: "vHighlightSearch", publicName: "vHighlightSearch", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: HighlightDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.5", type: HighlightDirective, isStandalone: true, selector: "[vHighlight]", inputs: { vHighlightText: { classPropertyName: "vHighlightText", publicName: "vHighlightText", isSignal: true, isRequired: false, transformFunction: null }, vHighlightSearch: { classPropertyName: "vHighlightSearch", publicName: "vHighlightSearch", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: HighlightDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: HighlightDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
                     selector: '[vHighlight]',
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.DestroyRef }, { type: i0.Injector }] });
+        }] });
 
 class MenuValueComponent {
     constructor() {
         this.value = input.required();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: MenuValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: MenuValueComponent, isStandalone: true, selector: "v-menu-value", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: ` @if (value(); as v) {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: MenuValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: MenuValueComponent, isStandalone: true, selector: "v-menu-value", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: ` @if (value(); as v) {
         <button [matMenuTriggerFor]="menu" class="button" mat-icon-button>
             <mat-icon>more_vert</mat-icon>
         </button>
@@ -1078,9 +1162,9 @@ class MenuValueComponent {
                 </button>
             }
         </mat-menu>
-    }`, isInline: true, styles: [""], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }] }); }
+    }`, isInline: true, styles: [""], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: MenuValueComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: MenuValueComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-menu-value', imports: [MatIcon, MatIconButton, MatMenu, MatMenuItem, MatMenuTrigger], template: ` @if (value(); as v) {
         <button [matMenuTriggerFor]="menu" class="button" mat-icon-button>
@@ -1096,6 +1180,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
     }` }]
         }] });
 
+class ToggleValueComponent {
+    constructor() {
+        this.value = input.required();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ToggleValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: ToggleValueComponent, isStandalone: true, selector: "v-toggle-value", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: ` @if (value(); as v) {
+        <mat-slide-toggle
+            [checked]="value().value"
+            (change)="$event.source.checked = !!value().value"
+        >
+        </mat-slide-toggle>
+    }`, isInline: true, dependencies: [{ kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i1$3.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ToggleValueComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'v-toggle-value',
+                    imports: [MatSlideToggleModule],
+                    template: ` @if (value(); as v) {
+        <mat-slide-toggle
+            [checked]="value().value"
+            (change)="$event.source.checked = !!value().value"
+        >
+        </mat-slide-toggle>
+    }`,
+                }]
+        }] });
+
 function currencyAmountValueToString(value) {
     if (typeof value?.value !== 'number') {
         return '';
@@ -1130,9 +1242,9 @@ function valueToString(value) {
 }
 
 class ValueComponent {
-    constructor(injector, router) {
-        this.injector = injector;
-        this.router = router;
+    constructor() {
+        this.injector = inject(Injector);
+        this.router = inject(Router);
         this.value = input();
         this.lazyValue = input();
         this.lazyVisible = model(false);
@@ -1166,10 +1278,10 @@ class ValueComponent {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ValueComponent, deps: [{ token: i0.Injector }, { token: i1$5.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: ValueComponent, isStandalone: true, selector: "v-value", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, lazyValue: { classPropertyName: "lazyValue", publicName: "lazyValue", isSignal: true, isRequired: false, transformFunction: null }, lazyVisible: { classPropertyName: "lazyVisible", publicName: "lazyVisible", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null }, inline: { classPropertyName: "inline", publicName: "inline", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, emptySymbol: { classPropertyName: "emptySymbol", publicName: "emptySymbol", isSignal: false, isRequired: false, transformFunction: (v) => (v === false ? '' : typeof v === 'string' ? v : '―') }, highlight: { classPropertyName: "highlight", publicName: "highlight", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { lazyVisible: "lazyVisibleChange" }, host: { properties: { "class.inline": "inline" } }, ngImport: i0, template: "@if (!value() && lazyValue() && !lazyVisible()) {\n    <button class=\"button\" mat-icon-button (click)=\"lazyVisible.set(true)\">\n        <mat-icon>sync</mat-icon>\n    </button>\n} @else {\n    @if (value$ | async; as v) {\n        @if (v.template) {\n            <ng-container *ngTemplateOutlet=\"v.template; context: {}\"></ng-container>\n        } @else {\n            @if (v.color) {\n                <v-tag [color]=\"v.color\">\n                    <ng-container *ngTemplateOutlet=\"tooltipTemplate\"></ng-container>\n                </v-tag>\n            } @else {\n                <ng-container *ngTemplateOutlet=\"tooltipTemplate\"></ng-container>\n            }\n\n            <ng-template #tooltipTemplate>\n                @if (v.tooltip) {\n                    <span [matTooltip]=\"v.tooltip\" class=\"tooltip\">\n                        <ng-container *ngTemplateOutlet=\"valueTemplate\"></ng-container>\n                    </span>\n                } @else {\n                    <span [title]=\"v.value\">\n                        <ng-container *ngTemplateOutlet=\"valueTemplate\"></ng-container>\n                    </span>\n                }\n            </ng-template>\n\n            <ng-template #valueTemplate>\n                @switch (v.type) {\n                    @case ('menu') {\n                        <v-menu-value [value]=\"v\"></v-menu-value>\n                    }\n                    @default {\n                        @let valueText = valueText$ | async;\n                        @if (inProgress$ | async) {\n                            <v-content-loading [hiddenText]=\"valueText\"></v-content-loading>\n                        } @else if (valueText) {\n                            <span\n                                [ngClass]=\"{ value__click: v.click, value__link: v.link }\"\n                                [vHighlightSearch]=\"highlight\"\n                                [vHighlightText]=\"valueText\"\n                                vHighlight\n                                (click)=\"click($event)\"\n                            ></span>\n                        } @else if (emptySymbol) {\n                            <span style=\"color: #ccc\">{{ emptySymbol }}</span>\n                        }\n                    }\n                }\n            </ng-template>\n        }\n\n        @if (v.description) {\n            <div\n                [title]=\"v.description\"\n                [vHighlightSearch]=\"highlight\"\n                [vHighlightText]=\"v.description\"\n                class=\"description mat-label-medium mat-secondary-text\"\n                vHighlight\n            ></div>\n        }\n    } @else {\n        <v-content-loading></v-content-loading>\n    }\n}\n", styles: [":host{cursor:default;text-align:left}::ng-deep .inline,::ng-deep .inline *{white-space:nowrap}.tooltip{text-decoration:underline;text-decoration-style:dotted}.value__click{cursor:pointer}.value__click:hover{text-decoration:underline;text-decoration-style:dashed}.value__link{cursor:pointer}.value__link:hover{text-decoration:underline}.description{overflow:hidden;text-overflow:ellipsis}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: TagComponent, selector: "v-tag", inputs: ["color", "icon", "progress"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MenuValueComponent, selector: "v-menu-value", inputs: ["value"] }, { kind: "component", type: ContentLoadingComponent, selector: "v-content-loading", inputs: ["width", "textSize", "hiddenText"] }, { kind: "directive", type: HighlightDirective, selector: "[vHighlight]", inputs: ["vHighlightText", "vHighlightSearch"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: ValueComponent, isStandalone: true, selector: "v-value", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, lazyValue: { classPropertyName: "lazyValue", publicName: "lazyValue", isSignal: true, isRequired: false, transformFunction: null }, lazyVisible: { classPropertyName: "lazyVisible", publicName: "lazyVisible", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null }, inline: { classPropertyName: "inline", publicName: "inline", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, emptySymbol: { classPropertyName: "emptySymbol", publicName: "emptySymbol", isSignal: false, isRequired: false, transformFunction: (v) => (v === false ? '' : typeof v === 'string' ? v : '―') }, highlight: { classPropertyName: "highlight", publicName: "highlight", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { lazyVisible: "lazyVisibleChange" }, host: { properties: { "class.inline": "inline" } }, ngImport: i0, template: "@if (!value() && lazyValue() && !lazyVisible()) {\n    <button class=\"button\" mat-icon-button (click)=\"lazyVisible.set(true)\">\n        <mat-icon>sync</mat-icon>\n    </button>\n} @else {\n    @if (value$ | async; as v) {\n        <div\n            [ngClass]=\"{ wrapper__action: v.click || v.link }\"\n            class=\"wrapper\"\n            (click)=\"click($event)\"\n        >\n            @if (v.template) {\n                <ng-container *ngTemplateOutlet=\"v.template; context: {}\"></ng-container>\n            } @else {\n                @if (v.color) {\n                    <v-tag [color]=\"v.color\">\n                        <ng-container *ngTemplateOutlet=\"tooltipTemplate\"></ng-container>\n                    </v-tag>\n                } @else {\n                    <ng-container *ngTemplateOutlet=\"tooltipTemplate\"></ng-container>\n                }\n\n                <ng-template #tooltipTemplate>\n                    @if (v.tooltip) {\n                        <span [matTooltip]=\"v.tooltip\" class=\"tooltip\">\n                            <ng-container *ngTemplateOutlet=\"valueTemplate\"></ng-container>\n                        </span>\n                    } @else {\n                        <span [title]=\"v.value\">\n                            <ng-container *ngTemplateOutlet=\"valueTemplate\"></ng-container>\n                        </span>\n                    }\n                </ng-template>\n\n                <ng-template #valueTemplate>\n                    @switch (v.type) {\n                        @case ('menu') {\n                            <v-menu-value [value]=\"v\"></v-menu-value>\n                        }\n                        @case ('toggle') {\n                            <v-toggle-value [value]=\"v\"></v-toggle-value>\n                        }\n                        @default {\n                            @let valueText = valueText$ | async;\n                            @if (inProgress$ | async) {\n                                <v-content-loading [hiddenText]=\"valueText\"></v-content-loading>\n                            } @else if (valueText) {\n                                <span\n                                    [ngClass]=\"{ value__click: v.click, value__link: v.link }\"\n                                    [vHighlightSearch]=\"highlight\"\n                                    [vHighlightText]=\"valueText\"\n                                    vHighlight\n                                ></span>\n                            } @else if (emptySymbol) {\n                                <span style=\"color: #ccc\">{{ emptySymbol }}</span>\n                            }\n                        }\n                    }\n                </ng-template>\n            }\n\n            @if (v.description) {\n                <div\n                    [title]=\"v.description\"\n                    [vHighlightSearch]=\"highlight\"\n                    [vHighlightText]=\"v.description\"\n                    class=\"description mat-label-medium mat-secondary-text\"\n                    vHighlight\n                ></div>\n            }\n        </div>\n    } @else {\n        <v-content-loading></v-content-loading>\n    }\n}\n", styles: [":host{cursor:default;text-align:left}::ng-deep .inline,::ng-deep .inline *{white-space:nowrap}.tooltip{text-decoration:underline;text-decoration-style:dotted}.wrapper__action{cursor:pointer}.value__click:hover{text-decoration:underline;text-decoration-style:dashed}.value__link:hover{text-decoration:underline}.description{overflow:hidden;text-overflow:ellipsis}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: TagComponent, selector: "v-tag", inputs: ["color", "icon", "progress"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MenuValueComponent, selector: "v-menu-value", inputs: ["value"] }, { kind: "component", type: ContentLoadingComponent, selector: "v-content-loading", inputs: ["width", "textSize", "hiddenText"] }, { kind: "directive", type: HighlightDirective, selector: "[vHighlight]", inputs: ["vHighlightText", "vHighlightSearch"] }, { kind: "component", type: ToggleValueComponent, selector: "v-toggle-value", inputs: ["value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ValueComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ValueComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-value', imports: [
                         CommonModule,
@@ -1180,10 +1292,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
                         MenuValueComponent,
                         ContentLoadingComponent,
                         HighlightDirective,
+                        ToggleValueComponent,
                     ], host: {
                         '[class.inline]': 'inline',
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (!value() && lazyValue() && !lazyVisible()) {\n    <button class=\"button\" mat-icon-button (click)=\"lazyVisible.set(true)\">\n        <mat-icon>sync</mat-icon>\n    </button>\n} @else {\n    @if (value$ | async; as v) {\n        @if (v.template) {\n            <ng-container *ngTemplateOutlet=\"v.template; context: {}\"></ng-container>\n        } @else {\n            @if (v.color) {\n                <v-tag [color]=\"v.color\">\n                    <ng-container *ngTemplateOutlet=\"tooltipTemplate\"></ng-container>\n                </v-tag>\n            } @else {\n                <ng-container *ngTemplateOutlet=\"tooltipTemplate\"></ng-container>\n            }\n\n            <ng-template #tooltipTemplate>\n                @if (v.tooltip) {\n                    <span [matTooltip]=\"v.tooltip\" class=\"tooltip\">\n                        <ng-container *ngTemplateOutlet=\"valueTemplate\"></ng-container>\n                    </span>\n                } @else {\n                    <span [title]=\"v.value\">\n                        <ng-container *ngTemplateOutlet=\"valueTemplate\"></ng-container>\n                    </span>\n                }\n            </ng-template>\n\n            <ng-template #valueTemplate>\n                @switch (v.type) {\n                    @case ('menu') {\n                        <v-menu-value [value]=\"v\"></v-menu-value>\n                    }\n                    @default {\n                        @let valueText = valueText$ | async;\n                        @if (inProgress$ | async) {\n                            <v-content-loading [hiddenText]=\"valueText\"></v-content-loading>\n                        } @else if (valueText) {\n                            <span\n                                [ngClass]=\"{ value__click: v.click, value__link: v.link }\"\n                                [vHighlightSearch]=\"highlight\"\n                                [vHighlightText]=\"valueText\"\n                                vHighlight\n                                (click)=\"click($event)\"\n                            ></span>\n                        } @else if (emptySymbol) {\n                            <span style=\"color: #ccc\">{{ emptySymbol }}</span>\n                        }\n                    }\n                }\n            </ng-template>\n        }\n\n        @if (v.description) {\n            <div\n                [title]=\"v.description\"\n                [vHighlightSearch]=\"highlight\"\n                [vHighlightText]=\"v.description\"\n                class=\"description mat-label-medium mat-secondary-text\"\n                vHighlight\n            ></div>\n        }\n    } @else {\n        <v-content-loading></v-content-loading>\n    }\n}\n", styles: [":host{cursor:default;text-align:left}::ng-deep .inline,::ng-deep .inline *{white-space:nowrap}.tooltip{text-decoration:underline;text-decoration-style:dotted}.value__click{cursor:pointer}.value__click:hover{text-decoration:underline;text-decoration-style:dashed}.value__link{cursor:pointer}.value__link:hover{text-decoration:underline}.description{overflow:hidden;text-overflow:ellipsis}\n"] }]
-        }], ctorParameters: () => [{ type: i0.Injector }, { type: i1$5.Router }], propDecorators: { inline: [{
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (!value() && lazyValue() && !lazyVisible()) {\n    <button class=\"button\" mat-icon-button (click)=\"lazyVisible.set(true)\">\n        <mat-icon>sync</mat-icon>\n    </button>\n} @else {\n    @if (value$ | async; as v) {\n        <div\n            [ngClass]=\"{ wrapper__action: v.click || v.link }\"\n            class=\"wrapper\"\n            (click)=\"click($event)\"\n        >\n            @if (v.template) {\n                <ng-container *ngTemplateOutlet=\"v.template; context: {}\"></ng-container>\n            } @else {\n                @if (v.color) {\n                    <v-tag [color]=\"v.color\">\n                        <ng-container *ngTemplateOutlet=\"tooltipTemplate\"></ng-container>\n                    </v-tag>\n                } @else {\n                    <ng-container *ngTemplateOutlet=\"tooltipTemplate\"></ng-container>\n                }\n\n                <ng-template #tooltipTemplate>\n                    @if (v.tooltip) {\n                        <span [matTooltip]=\"v.tooltip\" class=\"tooltip\">\n                            <ng-container *ngTemplateOutlet=\"valueTemplate\"></ng-container>\n                        </span>\n                    } @else {\n                        <span [title]=\"v.value\">\n                            <ng-container *ngTemplateOutlet=\"valueTemplate\"></ng-container>\n                        </span>\n                    }\n                </ng-template>\n\n                <ng-template #valueTemplate>\n                    @switch (v.type) {\n                        @case ('menu') {\n                            <v-menu-value [value]=\"v\"></v-menu-value>\n                        }\n                        @case ('toggle') {\n                            <v-toggle-value [value]=\"v\"></v-toggle-value>\n                        }\n                        @default {\n                            @let valueText = valueText$ | async;\n                            @if (inProgress$ | async) {\n                                <v-content-loading [hiddenText]=\"valueText\"></v-content-loading>\n                            } @else if (valueText) {\n                                <span\n                                    [ngClass]=\"{ value__click: v.click, value__link: v.link }\"\n                                    [vHighlightSearch]=\"highlight\"\n                                    [vHighlightText]=\"valueText\"\n                                    vHighlight\n                                ></span>\n                            } @else if (emptySymbol) {\n                                <span style=\"color: #ccc\">{{ emptySymbol }}</span>\n                            }\n                        }\n                    }\n                </ng-template>\n            }\n\n            @if (v.description) {\n                <div\n                    [title]=\"v.description\"\n                    [vHighlightSearch]=\"highlight\"\n                    [vHighlightText]=\"v.description\"\n                    class=\"description mat-label-medium mat-secondary-text\"\n                    vHighlight\n                ></div>\n            }\n        </div>\n    } @else {\n        <v-content-loading></v-content-loading>\n    }\n}\n", styles: [":host{cursor:default;text-align:left}::ng-deep .inline,::ng-deep .inline *{white-space:nowrap}.tooltip{text-decoration:underline;text-decoration-style:dotted}.wrapper__action{cursor:pointer}.value__click:hover{text-decoration:underline;text-decoration-style:dashed}.value__link:hover{text-decoration:underline}.description{overflow:hidden;text-overflow:ellipsis}\n"] }]
+        }], propDecorators: { inline: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
             }], emptySymbol: [{
@@ -1199,8 +1312,8 @@ class ValueListComponent {
     constructor() {
         this.list = input();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ValueListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: ValueListComponent, isStandalone: true, selector: "v-value-list", inputs: { list: { classPropertyName: "list", publicName: "list", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ValueListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: ValueListComponent, isStandalone: true, selector: "v-value-list", inputs: { list: { classPropertyName: "list", publicName: "list", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
         @if (list(); as items) {
             @if (items.length > 1) {
                 <div class="list">
@@ -1216,7 +1329,7 @@ class ValueListComponent {
         }
     `, isInline: true, styles: [".list{display:flex;flex-direction:column}.list>*{overflow:hidden;text-overflow:ellipsis;min-height:20px}\n"], dependencies: [{ kind: "component", type: ValueComponent, selector: "v-value", inputs: ["value", "lazyValue", "lazyVisible", "progress", "inline", "emptySymbol", "highlight"], outputs: ["lazyVisibleChange"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ValueListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ValueListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-value-list', imports: [ValueComponent], template: `
         @if (list(); as items) {
@@ -1236,10 +1349,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
         }] });
 
 class TableInputsComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TableInputsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: TableInputsComponent, isStandalone: false, selector: "v-table-inputs", ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [":host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: TableInputsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", type: TableInputsComponent, isStandalone: false, selector: "v-table-inputs", ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [":host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TableInputsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: TableInputsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-table-inputs', template: `<ng-content></ng-content>`, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, styles: [":host{display:block}\n"] }]
         }] });
@@ -1539,8 +1652,8 @@ class NoRecordsComponent {
         this.noRecords = input(false, { transform: booleanAttribute });
         this.progress = input(false, { transform: booleanAttribute });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: NoRecordsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: NoRecordsComponent, isStandalone: true, selector: "v-no-records", inputs: { noRecords: { classPropertyName: "noRecords", publicName: "noRecords", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: NoRecordsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: NoRecordsComponent, isStandalone: true, selector: "v-no-records", inputs: { noRecords: { classPropertyName: "noRecords", publicName: "noRecords", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
         @if (noRecords()) {
             <div class="no-records mat-body-large">
                 {{ progress() ? 'Loading...' : 'No records' }}
@@ -1548,7 +1661,7 @@ class NoRecordsComponent {
         }
     `, isInline: true, styles: [".no-records{position:absolute;z-index:999;top:calc(50% + 28px);left:50%;transform:translate(-50%) translateY(-50%)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: NoRecordsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: NoRecordsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-no-records', template: `
         @if (noRecords()) {
@@ -1578,9 +1691,9 @@ function createIntersectionObserver(el) {
 }
 
 class InfinityScrollDirective {
-    constructor(elementRef, dr) {
-        this.elementRef = elementRef;
-        this.dr = dr;
+    constructor() {
+        this.elementRef = inject(ElementRef);
+        this.dr = inject(DestroyRef);
         this.vInfinityScroll = input(false, { transform: booleanAttribute });
         this.vInfinityScrollMore = output();
     }
@@ -1591,16 +1704,16 @@ class InfinityScrollDirective {
             this.vInfinityScrollMore.emit();
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: InfinityScrollDirective, deps: [{ token: i0.ElementRef }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.6", type: InfinityScrollDirective, isStandalone: true, selector: "[vInfinityScroll]", inputs: { vInfinityScroll: { classPropertyName: "vInfinityScroll", publicName: "vInfinityScroll", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { vInfinityScrollMore: "vInfinityScrollMore" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: InfinityScrollDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.5", type: InfinityScrollDirective, isStandalone: true, selector: "[vInfinityScroll]", inputs: { vInfinityScroll: { classPropertyName: "vInfinityScroll", publicName: "vInfinityScroll", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { vInfinityScrollMore: "vInfinityScrollMore" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: InfinityScrollDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: InfinityScrollDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vInfinityScroll]',
                     standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.DestroyRef }] });
+        }] });
 
 class BaseColumnComponent {
     constructor() {
@@ -1631,17 +1744,17 @@ class BaseColumnComponent {
             this.table.removeColumnDef(this.addedColumnDef);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: BaseColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.0.6", type: BaseColumnComponent, isStandalone: true, inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "columnDef", first: true, predicate: MatColumnDef, descendants: true, isSignal: true }, { propertyName: "cellDef", first: true, predicate: MatCellDef, descendants: true, isSignal: true }, { propertyName: "headerCellDef", first: true, predicate: MatHeaderCellDef, descendants: true, isSignal: true }, { propertyName: "footerCellDef", first: true, predicate: MatFooterCellDef, descendants: true, isSignal: true }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BaseColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.0.5", type: BaseColumnComponent, isStandalone: true, inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "columnDef", first: true, predicate: MatColumnDef, descendants: true, isSignal: true }, { propertyName: "cellDef", first: true, predicate: MatCellDef, descendants: true, isSignal: true }, { propertyName: "headerCellDef", first: true, predicate: MatHeaderCellDef, descendants: true, isSignal: true }, { propertyName: "footerCellDef", first: true, predicate: MatFooterCellDef, descendants: true, isSignal: true }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: BaseColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BaseColumnComponent, decorators: [{
             type: Directive
         }] });
 
 class SelectColumnComponent extends BaseColumnComponent {
-    constructor(dr) {
-        super();
-        this.dr = dr;
+    constructor() {
+        super(...arguments);
+        this.dr = inject(DestroyRef);
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.selected = model([]);
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -1681,8 +1794,8 @@ class SelectColumnComponent extends BaseColumnComponent {
         this.selection.deselect(...this.selection.selected.filter((s) => !newSelected.includes(s)));
         this.selection.select(...newSelected);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SelectColumnComponent, deps: [{ token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.6", type: SelectColumnComponent, isStandalone: true, selector: "v-select-column", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selectedChange" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SelectColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.5", type: SelectColumnComponent, isStandalone: true, selector: "v-select-column", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selectedChange" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
         <ng-container [matColumnDef]="name()" [sticky]="true">
             @let columnClasses = 'column';
             <th *matHeaderCellDef [class]="columnClasses" mat-header-cell>
@@ -1709,7 +1822,7 @@ class SelectColumnComponent extends BaseColumnComponent {
         </ng-container>
     `, isInline: true, styles: [".column{padding-left:4px;padding-right:4px;width:48px;border-right:1px solid;text-overflow:clip}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatTableModule }, { kind: "directive", type: i2$4.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i2$4.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i2$4.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i2$4.MatFooterCellDef, selector: "[matFooterCellDef]" }, { kind: "directive", type: i2$4.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i2$4.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "directive", type: i2$4.MatFooterCell, selector: "mat-footer-cell, td[mat-footer-cell]" }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i3$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SelectColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SelectColumnComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-select-column', template: `
         <ng-container [matColumnDef]="name()" [sticky]="true">
@@ -1737,15 +1850,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
             </td>
         </ng-container>
     `, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, MatTableModule, MatCheckboxModule], styles: [".column{padding-left:4px;padding-right:4px;width:48px;border-right:1px solid;text-overflow:clip}\n"] }]
-        }], ctorParameters: () => [{ type: i0.DestroyRef }] });
+        }] });
 
 class DndColumnComponent extends BaseColumnComponent {
     constructor() {
         super(...arguments);
         this.dragged = output();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: DndColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: DndColumnComponent, isStandalone: true, selector: "v-dnd-column", outputs: { dragged: "dragged" }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: DndColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", type: DndColumnComponent, isStandalone: true, selector: "v-dnd-column", outputs: { dragged: "dragged" }, usesInheritance: true, ngImport: i0, template: `
         <ng-container [matColumnDef]="name()" [sticky]="true">
             @let columnClasses = 'column';
             <th *matHeaderCellDef [class]="columnClasses" mat-header-cell></th>
@@ -1761,9 +1874,9 @@ class DndColumnComponent extends BaseColumnComponent {
                 </div>
             </td>
         </ng-container>
-    `, isInline: true, styles: [".column .position{display:flex;align-items:center;gap:8px}.column .position .dragCursor{cursor:move}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatTableModule }, { kind: "directive", type: i2$4.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i2$4.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i2$4.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i2$4.MatFooterCellDef, selector: "[matFooterCellDef]" }, { kind: "directive", type: i2$4.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i2$4.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "directive", type: i2$4.MatFooterCell, selector: "mat-footer-cell, td[mat-footer-cell]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    `, isInline: true, styles: [".column .position{display:flex;align-items:center;gap:8px}.column .position .dragCursor{cursor:move}\n"], dependencies: [{ kind: "ngmodule", type: MatTableModule }, { kind: "directive", type: i2$4.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i2$4.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i2$4.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i2$4.MatFooterCellDef, selector: "[matFooterCellDef]" }, { kind: "directive", type: i2$4.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i2$4.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "directive", type: i2$4.MatFooterCell, selector: "mat-footer-cell, td[mat-footer-cell]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: DndColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: DndColumnComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-dnd-column', template: `
         <ng-container [matColumnDef]="name()" [sticky]="true">
@@ -1781,12 +1894,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
                 </div>
             </td>
         </ng-container>
-    `, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, MatTableModule, MatIconModule], styles: [".column .position{display:flex;align-items:center;gap:8px}.column .position .dragCursor{cursor:move}\n"] }]
+    `, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatTableModule, MatIconModule], styles: [".column .position{display:flex;align-items:center;gap:8px}.column .position .dragCursor{cursor:move}\n"] }]
         }] });
 
 class TableInfoBarComponent {
-    constructor(dr) {
-        this.dr = dr;
+    constructor() {
+        this.dr = inject(DestroyRef);
         this.progress = input(false, { transform: booleanAttribute });
         this.hasMore = input(false, { transform: booleanAttribute });
         this.hasLoad = input(false, { transform: booleanAttribute });
@@ -1801,10 +1914,10 @@ class TableInfoBarComponent {
         this.filteredCount = input(0);
         this.selectedCount = input(0);
         this.filter = input('');
-        this.standaloneFilter = input(false, { transform: booleanAttribute });
-        this.hasInputs = input(false, { transform: booleanAttribute });
         this.filterChange = output();
         this.filterControl = new FormControl('', { nonNullable: true });
+        this.standaloneFilter = input(false, { transform: booleanAttribute });
+        this.hasInputs = input(false, { transform: booleanAttribute });
         this.downloadCsv = output();
         // eslint-disable-next-line @angular-eslint/no-output-native
         this.load = output();
@@ -1823,20 +1936,23 @@ class TableInfoBarComponent {
         this.filterControl.valueChanges.pipe(takeUntilDestroyed(this.dr)).subscribe((v) => {
             this.filterChange.emit(v);
         });
+        if (this.filterControl.value !== this.filter()) {
+            this.filterControl.setValue(this.filter(), { emitEvent: false });
+        }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TableInfoBarComponent, deps: [{ token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: TableInfoBarComponent, isStandalone: false, selector: "v-table-info-bar", inputs: { progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null }, hasMore: { classPropertyName: "hasMore", publicName: "hasMore", isSignal: true, isRequired: false, transformFunction: null }, hasLoad: { classPropertyName: "hasLoad", publicName: "hasLoad", isSignal: true, isRequired: false, transformFunction: null }, isPreload: { classPropertyName: "isPreload", publicName: "isPreload", isSignal: true, isRequired: false, transformFunction: null }, noDownload: { classPropertyName: "noDownload", publicName: "noDownload", isSignal: true, isRequired: false, transformFunction: null }, noToolbar: { classPropertyName: "noToolbar", publicName: "noToolbar", isSignal: true, isRequired: false, transformFunction: null }, dataProgress: { classPropertyName: "dataProgress", publicName: "dataProgress", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, preloadSize: { classPropertyName: "preloadSize", publicName: "preloadSize", isSignal: true, isRequired: false, transformFunction: null }, count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, filteredCount: { classPropertyName: "filteredCount", publicName: "filteredCount", isSignal: true, isRequired: false, transformFunction: null }, selectedCount: { classPropertyName: "selectedCount", publicName: "selectedCount", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, standaloneFilter: { classPropertyName: "standaloneFilter", publicName: "standaloneFilter", isSignal: true, isRequired: false, transformFunction: null }, hasInputs: { classPropertyName: "hasInputs", publicName: "hasInputs", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filterChange: "filterChange", downloadCsv: "downloadCsv", load: "load", preload: "preload" }, ngImport: i0, template: "<div class=\"wrapper\">\n    @if (standaloneFilter()) {\n        <div class=\"header-wrapper\">\n            @if (hasInputs()) {\n                <ng-content select=\"v-table-inputs\"></ng-content>\n            }\n            <v-input-field\n                [formControl]=\"filterControl\"\n                class=\"filter__standalone filter\"\n                cleanButton\n                label=\"Search\"\n            ></v-input-field>\n        </div>\n    }\n    <v-actions>\n        <v-actions>\n            @if (!noToolbar()) {\n                @if (!standaloneFilter()) {\n                    <div>\n                        <v-input-field\n                            [formControl]=\"filterControl\"\n                            appearance=\"outline\"\n                            class=\"filter filter__extended\"\n                            cleanButton\n                            icon=\"manage_search\"\n                            label=\"Search\"\n                            size=\"small\"\n                        ></v-input-field>\n                    </div>\n                }\n                <div class=\"details\">\n                    @if (hasLoad() || hasMore()) {\n                        <button\n                            [disabled]=\"progress() || !hasMore()\"\n                            mat-icon-button\n                            matTooltip=\"Preload {{ preloadSize() }}{{\n                                isPreload() && hasMore() ? ' more' : ''\n                            }} elements\"\n                            (click)=\"preload.emit()\"\n                        >\n                            <mat-icon>\n                                {{\n                                    hasMore()\n                                        ? isPreload()\n                                            ? 'downloading'\n                                            : 'download'\n                                        : 'download_done'\n                                }}\n                            </mat-icon>\n                        </button>\n                    }\n                    @if (!noDownload()) {\n                        <button\n                            [disabled]=\"progress() || !count()\"\n                            mat-icon-button\n                            matTooltip=\"Download CSV\"\n                            (click)=\"downloadCsv.emit()\"\n                        >\n                            <mat-icon>file_save</mat-icon>\n                        </button>\n                    }\n                    <!-- <button mat-icon-button matTooltip=\"Customize table\" (click)=\"tune()\">\n                        <mat-icon>tune</mat-icon>\n                    </button> -->\n                </div>\n            }\n            <div\n                [matBadge]=\"selectedCount() || ''\"\n                [matBadgeDisabled]=\"progress() || dataProgress()\"\n                [matTooltip]=\"\n                    dataProgress()\n                        ? 'Preparing data for sorting, filtering and downloading...'\n                        : progress()\n                          ? 'Loading...'\n                          : 'Reload ' + size() + ' elements'\n                \"\n                class=\"count\"\n                (click)=\"hasLoad() ? load.emit() : undefined\"\n            >\n                <v-tag\n                    [icon]=\"hasLoad() ? 'refresh' : undefined\"\n                    [progress]=\"progress() || dataProgress()\"\n                >\n                    {{ countText() }}\n                </v-tag>\n            </div>\n        </v-actions>\n        <v-actions>\n            <ng-content></ng-content>\n        </v-actions>\n    </v-actions>\n</div>\n", styles: [".wrapper{display:flex;flex-direction:column;gap:8px}.inputs{display:none}.inputs:not(:empty){display:block}.header-wrapper{display:flex;gap:16px}::ng-deep .header-wrapper>*{flex:1}.details{display:flex;align-items:center}.details ::ng-deep button{margin:-6px 0}.count{align-self:anchor-center}.filter__extended{max-width:200px}.filter ::ng-deep .mat-mdc-form-field-subscript-wrapper{height:0}\n"], dependencies: [{ kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2$5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i1$4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: InputFieldComponent, selector: "v-input-field", inputs: ["label", "placeholder", "type", "appearance", "size", "cleanButton", "icon"] }, { kind: "component", type: ActionsComponent, selector: "v-actions" }, { kind: "directive", type: i6.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: TagComponent, selector: "v-tag", inputs: ["color", "icon", "progress"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: TableInfoBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: TableInfoBarComponent, isStandalone: false, selector: "v-table-info-bar", inputs: { progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null }, hasMore: { classPropertyName: "hasMore", publicName: "hasMore", isSignal: true, isRequired: false, transformFunction: null }, hasLoad: { classPropertyName: "hasLoad", publicName: "hasLoad", isSignal: true, isRequired: false, transformFunction: null }, isPreload: { classPropertyName: "isPreload", publicName: "isPreload", isSignal: true, isRequired: false, transformFunction: null }, noDownload: { classPropertyName: "noDownload", publicName: "noDownload", isSignal: true, isRequired: false, transformFunction: null }, noToolbar: { classPropertyName: "noToolbar", publicName: "noToolbar", isSignal: true, isRequired: false, transformFunction: null }, dataProgress: { classPropertyName: "dataProgress", publicName: "dataProgress", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, preloadSize: { classPropertyName: "preloadSize", publicName: "preloadSize", isSignal: true, isRequired: false, transformFunction: null }, count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, filteredCount: { classPropertyName: "filteredCount", publicName: "filteredCount", isSignal: true, isRequired: false, transformFunction: null }, selectedCount: { classPropertyName: "selectedCount", publicName: "selectedCount", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, standaloneFilter: { classPropertyName: "standaloneFilter", publicName: "standaloneFilter", isSignal: true, isRequired: false, transformFunction: null }, hasInputs: { classPropertyName: "hasInputs", publicName: "hasInputs", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filterChange: "filterChange", downloadCsv: "downloadCsv", load: "load", preload: "preload" }, ngImport: i0, template: "<div class=\"wrapper\">\n    @if (standaloneFilter()) {\n        <div class=\"header-wrapper\">\n            @if (hasInputs()) {\n                <ng-content select=\"v-table-inputs\"></ng-content>\n            }\n            <v-input-field [formControl]=\"filterControl\" cleanButton label=\"Search\"></v-input-field>\n        </div>\n    }\n    <v-actions>\n        <v-actions>\n            @if (!noToolbar()) {\n                @if (!standaloneFilter()) {\n                    <div>\n                        <v-input-field\n                            [formControl]=\"filterControl\"\n                            appearance=\"outline\"\n                            class=\"filter filter__extended\"\n                            cleanButton\n                            icon=\"manage_search\"\n                            label=\"Search\"\n                            size=\"small\"\n                        ></v-input-field>\n                    </div>\n                }\n                <div class=\"details\">\n                    @if (hasLoad() || hasMore()) {\n                        <button\n                            [disabled]=\"progress() || !hasMore()\"\n                            mat-icon-button\n                            matTooltip=\"Preload {{ preloadSize() }}{{\n                                isPreload() && hasMore() ? ' more' : ''\n                            }} elements\"\n                            (click)=\"preload.emit()\"\n                        >\n                            <mat-icon>\n                                {{\n                                    hasMore()\n                                        ? isPreload()\n                                            ? 'downloading'\n                                            : 'download'\n                                        : 'download_done'\n                                }}\n                            </mat-icon>\n                        </button>\n                    }\n                    @if (!noDownload()) {\n                        <button\n                            [disabled]=\"progress() || !count()\"\n                            mat-icon-button\n                            matTooltip=\"Download CSV\"\n                            (click)=\"downloadCsv.emit()\"\n                        >\n                            <mat-icon>file_save</mat-icon>\n                        </button>\n                    }\n                    <!-- <button mat-icon-button matTooltip=\"Customize table\" (click)=\"tune()\">\n                        <mat-icon>tune</mat-icon>\n                    </button> -->\n                </div>\n            }\n            <div\n                [matBadge]=\"selectedCount() || ''\"\n                [matBadgeDisabled]=\"progress() || dataProgress()\"\n                [matTooltip]=\"\n                    dataProgress()\n                        ? 'Preparing data for sorting, filtering and downloading...'\n                        : progress()\n                          ? 'Loading...'\n                          : hasLoad()\n                            ? 'Reload ' + size() + ' elements'\n                            : ''\n                \"\n                class=\"count\"\n                (click)=\"hasLoad() ? load.emit() : undefined\"\n            >\n                <v-tag\n                    [icon]=\"hasLoad() ? 'refresh' : undefined\"\n                    [progress]=\"progress() || dataProgress()\"\n                >\n                    {{ countText() }}\n                </v-tag>\n            </div>\n        </v-actions>\n        <v-actions>\n            <ng-content></ng-content>\n        </v-actions>\n    </v-actions>\n</div>\n", styles: [".wrapper{display:flex;flex-direction:column;gap:24px}.inputs{display:none}.inputs:not(:empty){display:block}.header-wrapper{display:flex;gap:16px}::ng-deep .header-wrapper>*{flex:1}.header-wrapper ::ng-deep .mat-mdc-form-field-subscript-wrapper{height:0}.details{display:flex;align-items:center}.details ::ng-deep button{margin:-6px 0}.count{align-self:anchor-center}.filter__extended{max-width:200px}.filter ::ng-deep .mat-mdc-form-field-subscript-wrapper{height:0}\n"], dependencies: [{ kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2$5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i1$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: InputFieldComponent, selector: "v-input-field", inputs: ["label", "placeholder", "type", "appearance", "size", "cleanButton", "icon", "hintText"] }, { kind: "component", type: ActionsComponent, selector: "v-actions" }, { kind: "directive", type: i6.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: TagComponent, selector: "v-tag", inputs: ["color", "icon", "progress"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TableInfoBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: TableInfoBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'v-table-info-bar', standalone: false, template: "<div class=\"wrapper\">\n    @if (standaloneFilter()) {\n        <div class=\"header-wrapper\">\n            @if (hasInputs()) {\n                <ng-content select=\"v-table-inputs\"></ng-content>\n            }\n            <v-input-field\n                [formControl]=\"filterControl\"\n                class=\"filter__standalone filter\"\n                cleanButton\n                label=\"Search\"\n            ></v-input-field>\n        </div>\n    }\n    <v-actions>\n        <v-actions>\n            @if (!noToolbar()) {\n                @if (!standaloneFilter()) {\n                    <div>\n                        <v-input-field\n                            [formControl]=\"filterControl\"\n                            appearance=\"outline\"\n                            class=\"filter filter__extended\"\n                            cleanButton\n                            icon=\"manage_search\"\n                            label=\"Search\"\n                            size=\"small\"\n                        ></v-input-field>\n                    </div>\n                }\n                <div class=\"details\">\n                    @if (hasLoad() || hasMore()) {\n                        <button\n                            [disabled]=\"progress() || !hasMore()\"\n                            mat-icon-button\n                            matTooltip=\"Preload {{ preloadSize() }}{{\n                                isPreload() && hasMore() ? ' more' : ''\n                            }} elements\"\n                            (click)=\"preload.emit()\"\n                        >\n                            <mat-icon>\n                                {{\n                                    hasMore()\n                                        ? isPreload()\n                                            ? 'downloading'\n                                            : 'download'\n                                        : 'download_done'\n                                }}\n                            </mat-icon>\n                        </button>\n                    }\n                    @if (!noDownload()) {\n                        <button\n                            [disabled]=\"progress() || !count()\"\n                            mat-icon-button\n                            matTooltip=\"Download CSV\"\n                            (click)=\"downloadCsv.emit()\"\n                        >\n                            <mat-icon>file_save</mat-icon>\n                        </button>\n                    }\n                    <!-- <button mat-icon-button matTooltip=\"Customize table\" (click)=\"tune()\">\n                        <mat-icon>tune</mat-icon>\n                    </button> -->\n                </div>\n            }\n            <div\n                [matBadge]=\"selectedCount() || ''\"\n                [matBadgeDisabled]=\"progress() || dataProgress()\"\n                [matTooltip]=\"\n                    dataProgress()\n                        ? 'Preparing data for sorting, filtering and downloading...'\n                        : progress()\n                          ? 'Loading...'\n                          : 'Reload ' + size() + ' elements'\n                \"\n                class=\"count\"\n                (click)=\"hasLoad() ? load.emit() : undefined\"\n            >\n                <v-tag\n                    [icon]=\"hasLoad() ? 'refresh' : undefined\"\n                    [progress]=\"progress() || dataProgress()\"\n                >\n                    {{ countText() }}\n                </v-tag>\n            </div>\n        </v-actions>\n        <v-actions>\n            <ng-content></ng-content>\n        </v-actions>\n    </v-actions>\n</div>\n", styles: [".wrapper{display:flex;flex-direction:column;gap:8px}.inputs{display:none}.inputs:not(:empty){display:block}.header-wrapper{display:flex;gap:16px}::ng-deep .header-wrapper>*{flex:1}.details{display:flex;align-items:center}.details ::ng-deep button{margin:-6px 0}.count{align-self:anchor-center}.filter__extended{max-width:200px}.filter ::ng-deep .mat-mdc-form-field-subscript-wrapper{height:0}\n"] }]
-        }], ctorParameters: () => [{ type: i0.DestroyRef }] });
+            args: [{ selector: 'v-table-info-bar', standalone: false, template: "<div class=\"wrapper\">\n    @if (standaloneFilter()) {\n        <div class=\"header-wrapper\">\n            @if (hasInputs()) {\n                <ng-content select=\"v-table-inputs\"></ng-content>\n            }\n            <v-input-field [formControl]=\"filterControl\" cleanButton label=\"Search\"></v-input-field>\n        </div>\n    }\n    <v-actions>\n        <v-actions>\n            @if (!noToolbar()) {\n                @if (!standaloneFilter()) {\n                    <div>\n                        <v-input-field\n                            [formControl]=\"filterControl\"\n                            appearance=\"outline\"\n                            class=\"filter filter__extended\"\n                            cleanButton\n                            icon=\"manage_search\"\n                            label=\"Search\"\n                            size=\"small\"\n                        ></v-input-field>\n                    </div>\n                }\n                <div class=\"details\">\n                    @if (hasLoad() || hasMore()) {\n                        <button\n                            [disabled]=\"progress() || !hasMore()\"\n                            mat-icon-button\n                            matTooltip=\"Preload {{ preloadSize() }}{{\n                                isPreload() && hasMore() ? ' more' : ''\n                            }} elements\"\n                            (click)=\"preload.emit()\"\n                        >\n                            <mat-icon>\n                                {{\n                                    hasMore()\n                                        ? isPreload()\n                                            ? 'downloading'\n                                            : 'download'\n                                        : 'download_done'\n                                }}\n                            </mat-icon>\n                        </button>\n                    }\n                    @if (!noDownload()) {\n                        <button\n                            [disabled]=\"progress() || !count()\"\n                            mat-icon-button\n                            matTooltip=\"Download CSV\"\n                            (click)=\"downloadCsv.emit()\"\n                        >\n                            <mat-icon>file_save</mat-icon>\n                        </button>\n                    }\n                    <!-- <button mat-icon-button matTooltip=\"Customize table\" (click)=\"tune()\">\n                        <mat-icon>tune</mat-icon>\n                    </button> -->\n                </div>\n            }\n            <div\n                [matBadge]=\"selectedCount() || ''\"\n                [matBadgeDisabled]=\"progress() || dataProgress()\"\n                [matTooltip]=\"\n                    dataProgress()\n                        ? 'Preparing data for sorting, filtering and downloading...'\n                        : progress()\n                          ? 'Loading...'\n                          : hasLoad()\n                            ? 'Reload ' + size() + ' elements'\n                            : ''\n                \"\n                class=\"count\"\n                (click)=\"hasLoad() ? load.emit() : undefined\"\n            >\n                <v-tag\n                    [icon]=\"hasLoad() ? 'refresh' : undefined\"\n                    [progress]=\"progress() || dataProgress()\"\n                >\n                    {{ countText() }}\n                </v-tag>\n            </div>\n        </v-actions>\n        <v-actions>\n            <ng-content></ng-content>\n        </v-actions>\n    </v-actions>\n</div>\n", styles: [".wrapper{display:flex;flex-direction:column;gap:24px}.inputs{display:none}.inputs:not(:empty){display:block}.header-wrapper{display:flex;gap:16px}::ng-deep .header-wrapper>*{flex:1}.header-wrapper ::ng-deep .mat-mdc-form-field-subscript-wrapper{height:0}.details{display:flex;align-items:center}.details ::ng-deep button{margin:-6px 0}.count{align-self:anchor-center}.filter__extended{max-width:200px}.filter ::ng-deep .mat-mdc-form-field-subscript-wrapper{height:0}\n"] }]
+        }] });
 
 class TableComponent {
-    constructor(dr, injector, cdr) {
-        this.dr = dr;
-        this.injector = injector;
-        this.cdr = cdr;
+    constructor() {
+        this.dr = inject(DestroyRef);
+        this.injector = inject(Injector);
+        this.cdr = inject(ChangeDetectorRef);
         this.data = input([], { transform: arrayAttribute });
         this.treeData = input();
         this.columns = input([], {
@@ -2059,13 +2175,13 @@ class TableComponent {
             this.loadedLazyItems.set(item, true);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TableComponent, deps: [{ token: i0.DestroyRef }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: TableComponent, isStandalone: false, selector: "v-table", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, treeData: { classPropertyName: "treeData", publicName: "treeData", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null }, hasMore: { classPropertyName: "hasMore", publicName: "hasMore", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, maxSize: { classPropertyName: "maxSize", publicName: "maxSize", isSignal: true, isRequired: false, transformFunction: null }, noDownload: { classPropertyName: "noDownload", publicName: "noDownload", isSignal: true, isRequired: false, transformFunction: null }, noToolbar: { classPropertyName: "noToolbar", publicName: "noToolbar", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, standaloneFilter: { classPropertyName: "standaloneFilter", publicName: "standaloneFilter", isSignal: true, isRequired: false, transformFunction: null }, externalFilter: { classPropertyName: "externalFilter", publicName: "externalFilter", isSignal: true, isRequired: false, transformFunction: null }, rowSelectable: { classPropertyName: "rowSelectable", publicName: "rowSelectable", isSignal: true, isRequired: false, transformFunction: null }, rowSelected: { classPropertyName: "rowSelected", publicName: "rowSelected", isSignal: true, isRequired: false, transformFunction: null }, sort: { classPropertyName: "sort", publicName: "sort", isSignal: true, isRequired: false, transformFunction: null }, rowDragDrop: { classPropertyName: "rowDragDrop", publicName: "rowDragDrop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filter: "filterChange", rowSelected: "rowSelectedChange", sort: "sortChange", rowDropped: "rowDropped", update: "update", more: "more" }, queries: [{ propertyName: "tableInputsContent", first: true, predicate: TableInputsComponent, descendants: true, read: ElementRef }], viewQueries: [{ propertyName: "sortComponent", first: true, predicate: MatSort, descendants: true }, { propertyName: "scrollViewport", first: true, predicate: ["scrollViewport"], descendants: true, read: ElementRef }, { propertyName: "table", first: true, predicate: ["matTable"], descendants: true }, { propertyName: "tableRow", first: true, predicate: MatRow, descendants: true }], ngImport: i0, template: "@let columnsData = columnsData$$ | async;\n\n<div class=\"wrapper\">\n    <v-table-info-bar\n        [(filter)]=\"filter\"\n        [columns]=\"normColumns()\"\n        [count]=\"(dataSource.data$ | async)?.length\"\n        [dataProgress]=\"!!(columnsDataProgress$ | async) && !hasMore()\"\n        [filteredCount]=\"displayedCount$ | async\"\n        [hasInputs]=\"!!tableInputsContent?.nativeElement\"\n        [hasLoad]=\"update$.observed\"\n        [hasMore]=\"hasMore()\"\n        [isPreload]=\"isPreload()\"\n        [noDownload]=\"noDownload()\"\n        [noToolbar]=\"noToolbar()\"\n        [preloadSize]=\"maxSize()\"\n        [progress]=\"progress()\"\n        [selectedCount]=\"rowSelected()?.length\"\n        [size]=\"size()\"\n        [standaloneFilter]=\"standaloneFilter()\"\n        (downloadCsv)=\"downloadCsv()\"\n        (load)=\"load()\"\n        (preload)=\"preload()\"\n    >\n        <ng-content select=\"v-table-actions\"></ng-content>\n        <v-table-inputs><ng-content select=\"v-table-inputs\"></ng-content></v-table-inputs>\n    </v-table-info-bar>\n    <mat-card #scrollViewport class=\"card\">\n        <v-no-records\n            [noRecords]=\"!(displayedCount$ | async)\"\n            [progress]=\"progress()\"\n        ></v-no-records>\n        <table\n            #matTable\n            [cdkDropListDisabled]=\"dragDisabled\"\n            [dataSource]=\"dataSource\"\n            [matSortActive]=\"(columnsDataProgress$ | async) || progress() ? '' : sort().active\"\n            [matSortDirection]=\"sort().direction\"\n            cdkDropList\n            cdkDropListData=\"dataSource\"\n            mat-table\n            matSort\n            (cdkDropListDropped)=\"drop($event)\"\n            (matSortChange)=\"sort.set($event)\"\n        >\n            @let displayedColumns = (displayedColumns$ | async) || [];\n\n            @if (displayedColumns.includes(columnDefs.drag)) {\n                <v-dnd-column\n                    [name]=\"columnDefs.drag\"\n                    (dragged)=\"dragDisabled = false\"\n                ></v-dnd-column>\n            }\n            @if (displayedColumns.includes(columnDefs.select)) {\n                <v-select-column\n                    [(selected)]=\"rowSelected\"\n                    [data]=\"displayedData$ | async\"\n                    [name]=\"columnDefs.select\"\n                    [progress]=\"progress()\"\n                ></v-select-column>\n            }\n            @for (col of displayedNormColumns$ | async; track col; let colIndex = $index) {\n                @let stickyStart = col.params.sticky === 'start';\n                @let stickyEnd = col.params.sticky === 'end';\n                @let columnClasses =\n                    {\n                        column: true,\n                        'column__sticky-start': stickyStart,\n                        'column__sticky-end': stickyEnd,\n                    };\n                <ng-container\n                    [matColumnDef]=\"col.field\"\n                    [sticky]=\"stickyStart\"\n                    [stickyEnd]=\"stickyEnd\"\n                >\n                    <th\n                        *matHeaderCellDef\n                        [disabled]=\"(col.sort | async) === false || hasMore() || progress()\"\n                        [mat-sort-header]=\"col.field\"\n                        [ngClass]=\"columnClasses\"\n                        mat-header-cell\n                    >\n                        <v-value [value]=\"col?.header | async\" emptySymbol=\"\" inline></v-value>\n                    </th>\n\n                    <ng-template let-element let-rowIndex=\"index\" matCellDef>\n                        @let cell = columnsData?.get?.(element)?.get(col);\n                        <td\n                            [ngClass]=\"columnClasses\"\n                            [ngStyle]=\"col?.params?.style\"\n                            [style.border-bottom]=\"cell?.isNextChild && !col.child ? 'none' : ''\"\n                            mat-cell\n                        >\n                            <v-value\n                                [emptySymbol]=\"!(cell?.isChild && !col?.child)\"\n                                [highlight]=\"filter$ | async\"\n                                [lazyValue]=\"cell?.lazyValue\"\n                                [lazyVisible]=\"loadedLazyItems.has(element)\"\n                                [value]=\"cell?.value | async\"\n                                inline\n                                (lazyVisibleChange)=\"loadedLazyItems.set(element, true)\"\n                            ></v-value>\n                        </td>\n                    </ng-template>\n                    <td *matFooterCellDef [ngClass]=\"columnClasses\" mat-footer-cell>\n                        <v-content-loading></v-content-loading>\n                    </td>\n                </ng-container>\n            }\n\n            <tr *matHeaderRowDef=\"displayedColumns$ | async; sticky: true\" mat-header-row></tr>\n            <tr\n                *matRowDef=\"let row; columns: displayedColumns$ | async\"\n                [cdkDragData]=\"row\"\n                cdkDrag\n                mat-row\n            ></tr>\n            <tr\n                *matFooterRowDef=\"displayedColumns$ | async\"\n                [ngClass]=\"{ row__hidden: !(hasAutoShowMore$ | async) || !tableRow }\"\n                [vInfinityScroll]=\"!progress()\"\n                mat-footer-row\n                (vInfinityScrollMore)=\"showMore()\"\n            ></tr>\n        </table>\n    </mat-card>\n</div>\n", styles: [":host{min-height:0}.wrapper{display:grid;grid-template-columns:1fr;grid-template-rows:max-content;gap:24px;height:100%}.wrapper .card{width:100%;height:100%;min-height:300px;overflow:auto;transform:translateZ(0)}.wrapper .card ::ng-deep .mdc-data-table__row:last-child .mat-mdc-cell{border-bottom-color:var(--mat-table-row-item-outline-color, rgba(0, 0, 0, .12))!important;border-bottom-width:var(--mat-table-row-item-outline-width, 1px)!important;border-bottom-style:solid!important}table ::ng-deep .cdk-drag-placeholder,::ng-deep .cdk-drag-preview ::ng-deep .cdk-drag-placeholder{background:#eee}table .column,::ng-deep .cdk-drag-preview .column{max-width:max(20px,30vw)}table .column__sticky-start,table .column__sticky-end,::ng-deep .cdk-drag-preview .column__sticky-start,::ng-deep .cdk-drag-preview .column__sticky-end{width:0}table .column__sticky-start,::ng-deep .cdk-drag-preview .column__sticky-start{border-right:1px solid}table .column__sticky-end,::ng-deep .cdk-drag-preview .column__sticky-end{border-left:1px solid}table .row__hidden,::ng-deep .cdk-drag-preview .row__hidden{display:none}::ng-deep .cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;background:#fff!important;display:flex!important;align-items:center}::ng-deep .cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .cdk-drop-list-dragging ::ng-deep .mat-mdc-row:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .cdk-drag-preview ::ng-deep td{border:none!important}\n"], 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: i2$4.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i2$4.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i2$4.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i2$4.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i2$4.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i2$4.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i2$4.MatFooterCellDef, selector: "[matFooterCellDef]" }, { kind: "directive", type: i2$4.MatFooterRowDef, selector: "[matFooterRowDef]", inputs: ["matFooterRowDef", "matFooterRowDefSticky"] }, { kind: "directive", type: i2$4.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i2$4.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "directive", type: i2$4.MatFooterCell, selector: "mat-footer-cell, td[mat-footer-cell]" }, { kind: "component", type: i2$4.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i2$4.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i2$4.MatFooterRow, selector: "mat-footer-row, tr[mat-footer-row]", exportAs: ["matFooterRow"] }, { kind: "component", type: i4.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: ValueComponent, selector: "v-value", inputs: ["value", "lazyValue", "lazyVisible", "progress", "inline", "emptySymbol", "highlight"], outputs: ["lazyVisibleChange"] }, { kind: "component", type: NoRecordsComponent, selector: "v-no-records", inputs: ["noRecords", "progress"] }, { kind: "component", type: ContentLoadingComponent, selector: "v-content-loading", inputs: ["width", "textSize", "hiddenText"] }, { kind: "directive", type: InfinityScrollDirective, selector: "[vInfinityScroll]", inputs: ["vInfinityScroll"], outputs: ["vInfinityScrollMore"] }, { kind: "component", type: SelectColumnComponent, selector: "v-select-column", inputs: ["selected", "data", "progress"], outputs: ["selectedChange"] }, { kind: "directive", type: i9.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i9.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "directive", type: i10.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i10.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "component", type: DndColumnComponent, selector: "v-dnd-column", outputs: ["dragged"] }, { kind: "component", type: TableInfoBarComponent, selector: "v-table-info-bar", inputs: ["progress", "hasMore", "hasLoad", "isPreload", "noDownload", "noToolbar", "dataProgress", "columns", "size", "preloadSize", "count", "filteredCount", "selectedCount", "filter", "standaloneFilter", "hasInputs"], outputs: ["filterChange", "downloadCsv", "load", "preload"] }, { kind: "component", type: TableInputsComponent, selector: "v-table-inputs" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: TableComponent, isStandalone: false, selector: "v-table", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, treeData: { classPropertyName: "treeData", publicName: "treeData", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null }, hasMore: { classPropertyName: "hasMore", publicName: "hasMore", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, maxSize: { classPropertyName: "maxSize", publicName: "maxSize", isSignal: true, isRequired: false, transformFunction: null }, noDownload: { classPropertyName: "noDownload", publicName: "noDownload", isSignal: true, isRequired: false, transformFunction: null }, noToolbar: { classPropertyName: "noToolbar", publicName: "noToolbar", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, standaloneFilter: { classPropertyName: "standaloneFilter", publicName: "standaloneFilter", isSignal: true, isRequired: false, transformFunction: null }, externalFilter: { classPropertyName: "externalFilter", publicName: "externalFilter", isSignal: true, isRequired: false, transformFunction: null }, rowSelectable: { classPropertyName: "rowSelectable", publicName: "rowSelectable", isSignal: true, isRequired: false, transformFunction: null }, rowSelected: { classPropertyName: "rowSelected", publicName: "rowSelected", isSignal: true, isRequired: false, transformFunction: null }, sort: { classPropertyName: "sort", publicName: "sort", isSignal: true, isRequired: false, transformFunction: null }, rowDragDrop: { classPropertyName: "rowDragDrop", publicName: "rowDragDrop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filter: "filterChange", rowSelected: "rowSelectedChange", sort: "sortChange", rowDropped: "rowDropped", update: "update", more: "more" }, queries: [{ propertyName: "tableInputsContent", first: true, predicate: TableInputsComponent, descendants: true, read: ElementRef }], viewQueries: [{ propertyName: "sortComponent", first: true, predicate: MatSort, descendants: true }, { propertyName: "scrollViewport", first: true, predicate: ["scrollViewport"], descendants: true, read: ElementRef }, { propertyName: "table", first: true, predicate: ["matTable"], descendants: true }, { propertyName: "tableRow", first: true, predicate: MatRow, descendants: true }], ngImport: i0, template: "@let columnsData = columnsData$$ | async;\n\n<div class=\"wrapper\">\n    <v-table-info-bar\n        [(filter)]=\"filter\"\n        [columns]=\"normColumns()\"\n        [count]=\"(dataSource.data$ | async)?.length\"\n        [dataProgress]=\"!!(columnsDataProgress$ | async) && !hasMore()\"\n        [filteredCount]=\"displayedCount$ | async\"\n        [hasInputs]=\"!!tableInputsContent?.nativeElement\"\n        [hasLoad]=\"update$.observed\"\n        [hasMore]=\"hasMore()\"\n        [isPreload]=\"isPreload()\"\n        [noDownload]=\"noDownload()\"\n        [noToolbar]=\"noToolbar()\"\n        [preloadSize]=\"maxSize()\"\n        [progress]=\"progress()\"\n        [selectedCount]=\"rowSelected()?.length\"\n        [size]=\"size()\"\n        [standaloneFilter]=\"standaloneFilter()\"\n        (downloadCsv)=\"downloadCsv()\"\n        (load)=\"load()\"\n        (preload)=\"preload()\"\n    >\n        <ng-content select=\"v-table-actions\"></ng-content>\n        <v-table-inputs><ng-content select=\"v-table-inputs\"></ng-content></v-table-inputs>\n    </v-table-info-bar>\n    <mat-card #scrollViewport class=\"card\">\n        <v-no-records\n            [noRecords]=\"!(displayedCount$ | async)\"\n            [progress]=\"progress()\"\n        ></v-no-records>\n        <table\n            #matTable\n            [cdkDropListDisabled]=\"dragDisabled\"\n            [dataSource]=\"dataSource\"\n            [matSortActive]=\"(columnsDataProgress$ | async) || progress() ? '' : sort().active\"\n            [matSortDirection]=\"sort().direction\"\n            cdkDropList\n            cdkDropListData=\"dataSource\"\n            mat-table\n            matSort\n            (cdkDropListDropped)=\"drop($event)\"\n            (matSortChange)=\"sort.set($event)\"\n        >\n            @let displayedColumns = (displayedColumns$ | async) || [];\n\n            @if (displayedColumns.includes(columnDefs.drag)) {\n                <v-dnd-column\n                    [name]=\"columnDefs.drag\"\n                    (dragged)=\"dragDisabled = false\"\n                ></v-dnd-column>\n            }\n            @if (displayedColumns.includes(columnDefs.select)) {\n                <v-select-column\n                    [(selected)]=\"rowSelected\"\n                    [data]=\"displayedData$ | async\"\n                    [name]=\"columnDefs.select\"\n                    [progress]=\"progress()\"\n                ></v-select-column>\n            }\n            @for (col of displayedNormColumns$ | async; track col; let colIndex = $index) {\n                @let stickyStart = col.params.sticky === 'start';\n                @let stickyEnd = col.params.sticky === 'end';\n                @let columnClasses =\n                    {\n                        column: true,\n                        'column__sticky-start': stickyStart,\n                        'column__sticky-end': stickyEnd,\n                    };\n                <ng-container\n                    [matColumnDef]=\"col.field\"\n                    [sticky]=\"stickyStart\"\n                    [stickyEnd]=\"stickyEnd\"\n                >\n                    <th\n                        *matHeaderCellDef\n                        [disabled]=\"(col.sort | async) === false || hasMore() || progress()\"\n                        [mat-sort-header]=\"col.field\"\n                        [ngClass]=\"columnClasses\"\n                        mat-header-cell\n                    >\n                        <v-value [value]=\"col?.header | async\" emptySymbol=\"\" inline></v-value>\n                    </th>\n\n                    <ng-template let-element let-rowIndex=\"index\" matCellDef>\n                        @let cell = columnsData?.get?.(element)?.get(col);\n                        <td\n                            [ngClass]=\"columnClasses\"\n                            [ngStyle]=\"col?.params?.style\"\n                            [style.border-bottom]=\"cell?.isNextChild && !col.child ? 'none' : ''\"\n                            mat-cell\n                        >\n                            <v-value\n                                [emptySymbol]=\"!(cell?.isChild && !col?.child)\"\n                                [highlight]=\"filter$ | async\"\n                                [lazyValue]=\"cell?.lazyValue\"\n                                [lazyVisible]=\"loadedLazyItems.has(element)\"\n                                [value]=\"cell?.value | async\"\n                                inline\n                                (lazyVisibleChange)=\"loadedLazyItems.set(element, true)\"\n                            ></v-value>\n                        </td>\n                    </ng-template>\n                    <td *matFooterCellDef [ngClass]=\"columnClasses\" mat-footer-cell>\n                        <v-content-loading></v-content-loading>\n                    </td>\n                </ng-container>\n            }\n\n            <tr *matHeaderRowDef=\"displayedColumns$ | async; sticky: true\" mat-header-row></tr>\n            <tr\n                *matRowDef=\"let row; columns: displayedColumns$ | async\"\n                [cdkDragData]=\"row\"\n                cdkDrag\n                mat-row\n            ></tr>\n            <tr\n                *matFooterRowDef=\"displayedColumns$ | async\"\n                [ngClass]=\"{ row__hidden: !(hasAutoShowMore$ | async) || !tableRow }\"\n                [vInfinityScroll]=\"!progress()\"\n                mat-footer-row\n                (vInfinityScrollMore)=\"showMore()\"\n            ></tr>\n        </table>\n    </mat-card>\n</div>\n", styles: [":host{min-height:0}.wrapper{display:grid;grid-template-columns:1fr;grid-template-rows:max-content;gap:24px;height:100%}.wrapper .card{width:100%;height:100%;min-height:300px;overflow:auto;transform:translateZ(0)}.wrapper .card ::ng-deep .mdc-data-table__row:last-child .mat-mdc-cell{border-bottom-color:var(--mat-table-row-item-outline-color, rgba(0, 0, 0, .12))!important;border-bottom-width:var(--mat-table-row-item-outline-width, 1px)!important;border-bottom-style:solid!important}table ::ng-deep .cdk-drag-placeholder,::ng-deep .cdk-drag-preview ::ng-deep .cdk-drag-placeholder{background:#eee}table .column,::ng-deep .cdk-drag-preview .column{max-width:max(20px,30vw)}table .column__sticky-start,table .column__sticky-end,::ng-deep .cdk-drag-preview .column__sticky-start,::ng-deep .cdk-drag-preview .column__sticky-end{width:0}table .column__sticky-start,::ng-deep .cdk-drag-preview .column__sticky-start{border-right:1px solid}table .column__sticky-end,::ng-deep .cdk-drag-preview .column__sticky-end{border-left:1px solid}table .row__hidden,::ng-deep .cdk-drag-preview .row__hidden{display:none}::ng-deep .cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;background:#fff!important;display:flex!important;align-items:center}::ng-deep .cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .cdk-drop-list-dragging ::ng-deep .mat-mdc-row:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .cdk-drag-preview ::ng-deep td{border:none!important}\n"], 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: i2$4.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i2$4.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i2$4.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i2$4.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i2$4.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i2$4.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i2$4.MatFooterCellDef, selector: "[matFooterCellDef]" }, { kind: "directive", type: i2$4.MatFooterRowDef, selector: "[matFooterRowDef]", inputs: ["matFooterRowDef", "matFooterRowDefSticky"] }, { kind: "directive", type: i2$4.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i2$4.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "directive", type: i2$4.MatFooterCell, selector: "mat-footer-cell, td[mat-footer-cell]" }, { kind: "component", type: i2$4.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i2$4.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i2$4.MatFooterRow, selector: "mat-footer-row, tr[mat-footer-row]", exportAs: ["matFooterRow"] }, { kind: "component", type: i3$2.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: ValueComponent, selector: "v-value", inputs: ["value", "lazyValue", "lazyVisible", "progress", "inline", "emptySymbol", "highlight"], outputs: ["lazyVisibleChange"] }, { kind: "component", type: NoRecordsComponent, selector: "v-no-records", inputs: ["noRecords", "progress"] }, { kind: "component", type: ContentLoadingComponent, selector: "v-content-loading", inputs: ["width", "textSize", "hiddenText"] }, { kind: "directive", type: InfinityScrollDirective, selector: "[vInfinityScroll]", inputs: ["vInfinityScroll"], outputs: ["vInfinityScrollMore"] }, { kind: "component", type: SelectColumnComponent, selector: "v-select-column", inputs: ["selected", "data", "progress"], outputs: ["selectedChange"] }, { kind: "directive", type: i9.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i9.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "directive", type: i10.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i10.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "component", type: DndColumnComponent, selector: "v-dnd-column", outputs: ["dragged"] }, { kind: "component", type: TableInfoBarComponent, selector: "v-table-info-bar", inputs: ["progress", "hasMore", "hasLoad", "isPreload", "noDownload", "noToolbar", "dataProgress", "columns", "size", "preloadSize", "count", "filteredCount", "selectedCount", "filter", "standaloneFilter", "hasInputs"], outputs: ["filterChange", "downloadCsv", "load", "preload"] }, { kind: "component", type: TableInputsComponent, selector: "v-table-inputs" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: TableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-table', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@let columnsData = columnsData$$ | async;\n\n<div class=\"wrapper\">\n    <v-table-info-bar\n        [(filter)]=\"filter\"\n        [columns]=\"normColumns()\"\n        [count]=\"(dataSource.data$ | async)?.length\"\n        [dataProgress]=\"!!(columnsDataProgress$ | async) && !hasMore()\"\n        [filteredCount]=\"displayedCount$ | async\"\n        [hasInputs]=\"!!tableInputsContent?.nativeElement\"\n        [hasLoad]=\"update$.observed\"\n        [hasMore]=\"hasMore()\"\n        [isPreload]=\"isPreload()\"\n        [noDownload]=\"noDownload()\"\n        [noToolbar]=\"noToolbar()\"\n        [preloadSize]=\"maxSize()\"\n        [progress]=\"progress()\"\n        [selectedCount]=\"rowSelected()?.length\"\n        [size]=\"size()\"\n        [standaloneFilter]=\"standaloneFilter()\"\n        (downloadCsv)=\"downloadCsv()\"\n        (load)=\"load()\"\n        (preload)=\"preload()\"\n    >\n        <ng-content select=\"v-table-actions\"></ng-content>\n        <v-table-inputs><ng-content select=\"v-table-inputs\"></ng-content></v-table-inputs>\n    </v-table-info-bar>\n    <mat-card #scrollViewport class=\"card\">\n        <v-no-records\n            [noRecords]=\"!(displayedCount$ | async)\"\n            [progress]=\"progress()\"\n        ></v-no-records>\n        <table\n            #matTable\n            [cdkDropListDisabled]=\"dragDisabled\"\n            [dataSource]=\"dataSource\"\n            [matSortActive]=\"(columnsDataProgress$ | async) || progress() ? '' : sort().active\"\n            [matSortDirection]=\"sort().direction\"\n            cdkDropList\n            cdkDropListData=\"dataSource\"\n            mat-table\n            matSort\n            (cdkDropListDropped)=\"drop($event)\"\n            (matSortChange)=\"sort.set($event)\"\n        >\n            @let displayedColumns = (displayedColumns$ | async) || [];\n\n            @if (displayedColumns.includes(columnDefs.drag)) {\n                <v-dnd-column\n                    [name]=\"columnDefs.drag\"\n                    (dragged)=\"dragDisabled = false\"\n                ></v-dnd-column>\n            }\n            @if (displayedColumns.includes(columnDefs.select)) {\n                <v-select-column\n                    [(selected)]=\"rowSelected\"\n                    [data]=\"displayedData$ | async\"\n                    [name]=\"columnDefs.select\"\n                    [progress]=\"progress()\"\n                ></v-select-column>\n            }\n            @for (col of displayedNormColumns$ | async; track col; let colIndex = $index) {\n                @let stickyStart = col.params.sticky === 'start';\n                @let stickyEnd = col.params.sticky === 'end';\n                @let columnClasses =\n                    {\n                        column: true,\n                        'column__sticky-start': stickyStart,\n                        'column__sticky-end': stickyEnd,\n                    };\n                <ng-container\n                    [matColumnDef]=\"col.field\"\n                    [sticky]=\"stickyStart\"\n                    [stickyEnd]=\"stickyEnd\"\n                >\n                    <th\n                        *matHeaderCellDef\n                        [disabled]=\"(col.sort | async) === false || hasMore() || progress()\"\n                        [mat-sort-header]=\"col.field\"\n                        [ngClass]=\"columnClasses\"\n                        mat-header-cell\n                    >\n                        <v-value [value]=\"col?.header | async\" emptySymbol=\"\" inline></v-value>\n                    </th>\n\n                    <ng-template let-element let-rowIndex=\"index\" matCellDef>\n                        @let cell = columnsData?.get?.(element)?.get(col);\n                        <td\n                            [ngClass]=\"columnClasses\"\n                            [ngStyle]=\"col?.params?.style\"\n                            [style.border-bottom]=\"cell?.isNextChild && !col.child ? 'none' : ''\"\n                            mat-cell\n                        >\n                            <v-value\n                                [emptySymbol]=\"!(cell?.isChild && !col?.child)\"\n                                [highlight]=\"filter$ | async\"\n                                [lazyValue]=\"cell?.lazyValue\"\n                                [lazyVisible]=\"loadedLazyItems.has(element)\"\n                                [value]=\"cell?.value | async\"\n                                inline\n                                (lazyVisibleChange)=\"loadedLazyItems.set(element, true)\"\n                            ></v-value>\n                        </td>\n                    </ng-template>\n                    <td *matFooterCellDef [ngClass]=\"columnClasses\" mat-footer-cell>\n                        <v-content-loading></v-content-loading>\n                    </td>\n                </ng-container>\n            }\n\n            <tr *matHeaderRowDef=\"displayedColumns$ | async; sticky: true\" mat-header-row></tr>\n            <tr\n                *matRowDef=\"let row; columns: displayedColumns$ | async\"\n                [cdkDragData]=\"row\"\n                cdkDrag\n                mat-row\n            ></tr>\n            <tr\n                *matFooterRowDef=\"displayedColumns$ | async\"\n                [ngClass]=\"{ row__hidden: !(hasAutoShowMore$ | async) || !tableRow }\"\n                [vInfinityScroll]=\"!progress()\"\n                mat-footer-row\n                (vInfinityScrollMore)=\"showMore()\"\n            ></tr>\n        </table>\n    </mat-card>\n</div>\n", styles: [":host{min-height:0}.wrapper{display:grid;grid-template-columns:1fr;grid-template-rows:max-content;gap:24px;height:100%}.wrapper .card{width:100%;height:100%;min-height:300px;overflow:auto;transform:translateZ(0)}.wrapper .card ::ng-deep .mdc-data-table__row:last-child .mat-mdc-cell{border-bottom-color:var(--mat-table-row-item-outline-color, rgba(0, 0, 0, .12))!important;border-bottom-width:var(--mat-table-row-item-outline-width, 1px)!important;border-bottom-style:solid!important}table ::ng-deep .cdk-drag-placeholder,::ng-deep .cdk-drag-preview ::ng-deep .cdk-drag-placeholder{background:#eee}table .column,::ng-deep .cdk-drag-preview .column{max-width:max(20px,30vw)}table .column__sticky-start,table .column__sticky-end,::ng-deep .cdk-drag-preview .column__sticky-start,::ng-deep .cdk-drag-preview .column__sticky-end{width:0}table .column__sticky-start,::ng-deep .cdk-drag-preview .column__sticky-start{border-right:1px solid}table .column__sticky-end,::ng-deep .cdk-drag-preview .column__sticky-end{border-left:1px solid}table .row__hidden,::ng-deep .cdk-drag-preview .row__hidden{display:none}::ng-deep .cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;background:#fff!important;display:flex!important;align-items:center}::ng-deep .cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .cdk-drop-list-dragging ::ng-deep .mat-mdc-row:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .cdk-drag-preview ::ng-deep td{border:none!important}\n"] }]
-        }], ctorParameters: () => [{ type: i0.DestroyRef }, { type: i0.Injector }, { type: i0.ChangeDetectorRef }], propDecorators: { sortComponent: [{
+        }], propDecorators: { sortComponent: [{
                 type: ViewChild,
                 args: [MatSort]
             }], scrollViewport: [{
@@ -2096,23 +2212,23 @@ class CustomizeComponent extends DialogSuperclass {
             hidden: false,
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: CustomizeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: CustomizeComponent, isStandalone: false, selector: "v-customize", usesInheritance: true, ngImport: i0, template: "<v-dialog title=\"Customize table\">\n    <v-table [columns]=\"columns\" [data]=\"data\" [rowDragDrop]=\"['priority']\" noToolbar></v-table>\n    <v-dialog-actions>\n        <button mat-button>Save</button>\n    </v-dialog-actions>\n</v-dialog>\n", dependencies: [{ kind: "component", type: i1$4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: DialogComponent, selector: "v-dialog", inputs: ["title", "disabled", "progress", "hasDivider", "noContent", "noActions", "noCloseButton", "fullSize"], outputs: ["cancel"] }, { kind: "component", type: DialogActionsComponent, selector: "v-dialog-actions" }, { kind: "component", type: TableComponent, selector: "v-table", inputs: ["data", "treeData", "columns", "progress", "hasMore", "size", "maxSize", "noDownload", "noToolbar", "filter", "standaloneFilter", "externalFilter", "rowSelectable", "rowSelected", "sort", "rowDragDrop"], outputs: ["filterChange", "rowSelectedChange", "sortChange", "rowDropped", "update", "more"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: CustomizeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", type: CustomizeComponent, isStandalone: false, selector: "v-customize", usesInheritance: true, ngImport: i0, template: "<v-dialog title=\"Customize table\">\n    <v-table [columns]=\"columns\" [data]=\"data\" [rowDragDrop]=\"['priority']\" noToolbar></v-table>\n    <v-dialog-actions>\n        <button mat-button>Save</button>\n    </v-dialog-actions>\n</v-dialog>\n", dependencies: [{ kind: "component", type: i1$2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: DialogComponent, selector: "v-dialog", inputs: ["title", "disabled", "progress", "hasDivider", "noContent", "noActions", "noCloseButton", "fullSize"], outputs: ["cancel"] }, { kind: "component", type: DialogActionsComponent, selector: "v-dialog-actions" }, { kind: "component", type: TableComponent, selector: "v-table", inputs: ["data", "treeData", "columns", "progress", "hasMore", "size", "maxSize", "noDownload", "noToolbar", "filter", "standaloneFilter", "externalFilter", "rowSelectable", "rowSelected", "sort", "rowDragDrop"], outputs: ["filterChange", "rowSelectedChange", "sortChange", "rowDropped", "update", "more"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: CustomizeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: CustomizeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-customize', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<v-dialog title=\"Customize table\">\n    <v-table [columns]=\"columns\" [data]=\"data\" [rowDragDrop]=\"['priority']\" noToolbar></v-table>\n    <v-dialog-actions>\n        <button mat-button>Save</button>\n    </v-dialog-actions>\n</v-dialog>\n" }]
         }] });
 
 class TableActionsComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TableActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: TableActionsComponent, isStandalone: false, selector: "v-table-actions", ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: TableActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", type: TableActionsComponent, isStandalone: false, selector: "v-table-actions", ngImport: i0, template: `
         <v-actions>
             <ng-content></ng-content>
         </v-actions>
     `, isInline: true, dependencies: [{ kind: "component", type: ActionsComponent, selector: "v-actions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TableActionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: TableActionsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'v-table-actions',
@@ -2130,14 +2246,14 @@ class TableProgressBarComponent {
     constructor() {
         this.progress = input(false, { transform: booleanAttribute });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TableProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: TableProgressBarComponent, isStandalone: true, selector: "v-table-progress-bar", inputs: { progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: TableProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: TableProgressBarComponent, isStandalone: true, selector: "v-table-progress-bar", inputs: { progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
         @if (progress()) {
             <mat-progress-bar class="progress-bar" mode="indeterminate"></mat-progress-bar>
         }
     `, isInline: true, styles: [".progress-bar{position:absolute;z-index:999}\n"], dependencies: [{ kind: "component", type: MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TableProgressBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: TableProgressBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-table-progress-bar', imports: [MatProgressBar], template: `
         @if (progress()) {
@@ -2147,8 +2263,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
         }] });
 
 class TableModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: TableModule, declarations: [CustomizeComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: TableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: TableModule, declarations: [CustomizeComponent,
             TableComponent,
             TableInfoBarComponent,
             TableInputsComponent,
@@ -2178,7 +2294,7 @@ class TableModule {
             ReactiveFormsModule,
             TagModule,
             DndColumnComponent], exports: [TableComponent, TableInputsComponent, TableActionsComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TableModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: TableModule, imports: [CommonModule,
             MatTableModule,
             MatCardModule,
             ValueComponent,
@@ -2200,7 +2316,7 @@ class TableModule {
             TagModule,
             DndColumnComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TableModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: TableModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -2312,24 +2428,24 @@ class ConfirmDialogComponent extends DialogSuperclass {
             ? { reason: this.control.value }
             : undefined);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ConfirmDialogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: ConfirmDialogComponent, isStandalone: false, selector: "v-action-dialog", usesInheritance: true, ngImport: i0, template: "<v-dialog\n    [noContent]=\"!(dialogData && (dialogData.hasReason || dialogData.description))\"\n    [title]=\"dialogData?.['title'] ?? 'Confirm this action?'\"\n    noCloseButton\n>\n    @if (dialogData && dialogData.description) {\n        <div class=\"mat-body-large\">\n            {{ dialogData.description }}\n        </div>\n    }\n    @if (dialogData && dialogData.hasReason) {\n        <mat-form-field style=\"width: 100%\">\n            <mat-label>Reason</mat-label>\n            <input [formControl]=\"control\" matInput />\n        </mat-form-field>\n    }\n    <v-dialog-actions>\n        <button mat-button (click)=\"closeWithCancellation()\">Cancel</button>\n        <button mat-flat-button (click)=\"confirm()\">\n            {{ dialogData?.['confirmLabel'] || 'Confirm' }}\n        </button>\n    </v-dialog-actions>\n</v-dialog>\n", dependencies: [{ kind: "component", type: i1$4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: DialogComponent, selector: "v-dialog", inputs: ["title", "disabled", "progress", "hasDivider", "noContent", "noActions", "noCloseButton", "fullSize"], outputs: ["cancel"] }, { kind: "component", type: DialogActionsComponent, selector: "v-dialog-actions" }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i1$3.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ConfirmDialogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: ConfirmDialogComponent, isStandalone: false, selector: "v-action-dialog", usesInheritance: true, ngImport: i0, template: "<v-dialog\n    [noContent]=\"!(dialogData && (dialogData.hasReason || dialogData.description))\"\n    [title]=\"dialogData?.['title'] ?? 'Confirm this action?'\"\n    noCloseButton\n>\n    @if (dialogData && dialogData.description) {\n        <div class=\"mat-body-large\">\n            {{ dialogData.description }}\n        </div>\n    }\n    @if (dialogData && dialogData.hasReason) {\n        <mat-form-field style=\"width: 100%\">\n            <mat-label>Reason</mat-label>\n            <input [formControl]=\"control\" matInput />\n        </mat-form-field>\n    }\n    <v-dialog-actions>\n        <button mat-button (click)=\"closeWithCancellation()\">Cancel</button>\n        <button mat-flat-button (click)=\"confirm()\">\n            {{ dialogData?.['confirmLabel'] || 'Confirm' }}\n        </button>\n    </v-dialog-actions>\n</v-dialog>\n", dependencies: [{ kind: "component", type: i1$2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: DialogComponent, selector: "v-dialog", inputs: ["title", "disabled", "progress", "hasDivider", "noContent", "noActions", "noCloseButton", "fullSize"], outputs: ["cancel"] }, { kind: "component", type: DialogActionsComponent, selector: "v-dialog-actions" }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-action-dialog', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<v-dialog\n    [noContent]=\"!(dialogData && (dialogData.hasReason || dialogData.description))\"\n    [title]=\"dialogData?.['title'] ?? 'Confirm this action?'\"\n    noCloseButton\n>\n    @if (dialogData && dialogData.description) {\n        <div class=\"mat-body-large\">\n            {{ dialogData.description }}\n        </div>\n    }\n    @if (dialogData && dialogData.hasReason) {\n        <mat-form-field style=\"width: 100%\">\n            <mat-label>Reason</mat-label>\n            <input [formControl]=\"control\" matInput />\n        </mat-form-field>\n    }\n    <v-dialog-actions>\n        <button mat-button (click)=\"closeWithCancellation()\">Cancel</button>\n        <button mat-flat-button (click)=\"confirm()\">\n            {{ dialogData?.['confirmLabel'] || 'Confirm' }}\n        </button>\n    </v-dialog-actions>\n</v-dialog>\n" }]
         }] });
 
 class ConfirmDialogModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ConfirmDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: ConfirmDialogModule, declarations: [ConfirmDialogComponent], imports: [MatDialogModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ConfirmDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: ConfirmDialogModule, declarations: [ConfirmDialogComponent], imports: [MatDialogModule,
             MatButtonModule,
             DialogModule,
             MatFormFieldModule,
             CommonModule,
             MatInputModule,
             ReactiveFormsModule], exports: [ConfirmDialogComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ConfirmDialogModule, imports: [MatDialogModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ConfirmDialogModule, imports: [MatDialogModule,
             MatButtonModule,
             DialogModule,
             MatFormFieldModule,
@@ -2337,7 +2453,7 @@ class ConfirmDialogModule {
             MatInputModule,
             ReactiveFormsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ConfirmDialogModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ConfirmDialogModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -2359,57 +2475,48 @@ class FiltersDialogComponent extends DialogSuperclass {
         return (!this.dialogData.filters.otherFiltersDirective?.templateRef ||
             this.dialogData.filters.merge);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: FiltersDialogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: FiltersDialogComponent, isStandalone: false, selector: "v-filters-dialog", usesInheritance: true, ngImport: i0, template: "<v-dialog noActions title=\"Filters\">\n    <div\n        [ngClass]=\"[\n            'v-filters-dialog-cols-' +\n                (isShowMainFilters ? (dialogData.filters.repeat$ | async) : 1),\n            'filters',\n        ]\"\n    >\n        @if (isShowMainFilters) {\n            <ng-container *ngTemplateOutlet=\"dialogData.filters.mainFiltersTemplate\"></ng-container>\n        }\n        @if (dialogData.filters.otherFiltersTemplate) {\n            <div class=\"other-filters\">\n                <ng-container\n                    *ngTemplateOutlet=\"dialogData.filters.otherFiltersTemplate\"\n                ></ng-container>\n            </div>\n        }\n    </div>\n</v-dialog>\n", styles: [".filters{display:grid;grid-template-columns:1fr}.filters .other-filters{display:block!important}::ng-deep .v-filters-dialog-cols-1>*:nth-child(-n+1){display:none}::ng-deep .v-filters-dialog-cols-2>*:nth-child(-n+2){display:none}::ng-deep .v-filters-dialog-cols-3>*:nth-child(-n+3){display:none}::ng-deep .v-filters-dialog-cols-4>*:nth-child(-n+4){display:none}::ng-deep .v-filters-dialog-cols-5>*:nth-child(-n+5){display:none}\n"], 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: "component", type: DialogComponent, selector: "v-dialog", inputs: ["title", "disabled", "progress", "hasDivider", "noContent", "noActions", "noCloseButton", "fullSize"], outputs: ["cancel"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: FiltersDialogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: FiltersDialogComponent, isStandalone: false, selector: "v-filters-dialog", usesInheritance: true, ngImport: i0, template: "<v-dialog noActions title=\"Filters\">\n    <div\n        [ngClass]=\"[\n            'v-filters-dialog-cols-' +\n                (isShowMainFilters ? (dialogData.filters.repeat$ | async) : 1),\n            'filters',\n        ]\"\n    >\n        @if (isShowMainFilters) {\n            <ng-container *ngTemplateOutlet=\"dialogData.filters.mainFiltersTemplate\"></ng-container>\n        }\n        @if (dialogData.filters.otherFiltersTemplate) {\n            <div class=\"other-filters\">\n                <ng-container\n                    *ngTemplateOutlet=\"dialogData.filters.otherFiltersTemplate\"\n                ></ng-container>\n            </div>\n        }\n    </div>\n</v-dialog>\n", styles: [".filters{display:grid;grid-template-columns:1fr}.filters .other-filters{display:block!important}::ng-deep .v-filters-dialog-cols-1>*:nth-child(-n+1){display:none}::ng-deep .v-filters-dialog-cols-2>*:nth-child(-n+2){display:none}::ng-deep .v-filters-dialog-cols-3>*:nth-child(-n+3){display:none}::ng-deep .v-filters-dialog-cols-4>*:nth-child(-n+4){display:none}::ng-deep .v-filters-dialog-cols-5>*:nth-child(-n+5){display:none}\n"], 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: "component", type: DialogComponent, selector: "v-dialog", inputs: ["title", "disabled", "progress", "hasDivider", "noContent", "noActions", "noCloseButton", "fullSize"], outputs: ["cancel"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: FiltersDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: FiltersDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-filters-dialog', standalone: false, template: "<v-dialog noActions title=\"Filters\">\n    <div\n        [ngClass]=\"[\n            'v-filters-dialog-cols-' +\n                (isShowMainFilters ? (dialogData.filters.repeat$ | async) : 1),\n            'filters',\n        ]\"\n    >\n        @if (isShowMainFilters) {\n            <ng-container *ngTemplateOutlet=\"dialogData.filters.mainFiltersTemplate\"></ng-container>\n        }\n        @if (dialogData.filters.otherFiltersTemplate) {\n            <div class=\"other-filters\">\n                <ng-container\n                    *ngTemplateOutlet=\"dialogData.filters.otherFiltersTemplate\"\n                ></ng-container>\n            </div>\n        }\n    </div>\n</v-dialog>\n", styles: [".filters{display:grid;grid-template-columns:1fr}.filters .other-filters{display:block!important}::ng-deep .v-filters-dialog-cols-1>*:nth-child(-n+1){display:none}::ng-deep .v-filters-dialog-cols-2>*:nth-child(-n+2){display:none}::ng-deep .v-filters-dialog-cols-3>*:nth-child(-n+3){display:none}::ng-deep .v-filters-dialog-cols-4>*:nth-child(-n+4){display:none}::ng-deep .v-filters-dialog-cols-5>*:nth-child(-n+5){display:none}\n"] }]
         }] });
 
 class MainFiltersDirective {
-    constructor(templateRef) {
-        this.templateRef = templateRef;
+    constructor() {
+        this.templateRef = inject((TemplateRef));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: MainFiltersDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.6", type: MainFiltersDirective, isStandalone: false, selector: "[vMainFilters]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: MainFiltersDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.5", type: MainFiltersDirective, isStandalone: false, selector: "[vMainFilters]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: MainFiltersDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: MainFiltersDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vMainFilters]',
                     standalone: false,
                 }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+        }] });
 
 class OtherFiltersDirective {
-    constructor(templateRef) {
-        this.templateRef = templateRef;
+    constructor() {
+        this.templateRef = inject((TemplateRef));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: OtherFiltersDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.6", type: OtherFiltersDirective, isStandalone: false, selector: "[vOtherFilters]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: OtherFiltersDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.5", type: OtherFiltersDirective, isStandalone: false, selector: "[vOtherFilters]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: OtherFiltersDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: OtherFiltersDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vOtherFilters]',
                     standalone: false,
                 }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+        }] });
 
 class FiltersComponent {
-    set content(content) {
-        this.filtersCount$.next(content?.nativeElement?.children?.length ?? 0);
-    }
-    get mainFiltersTemplate() {
-        return this.mainFiltersDirective?.templateRef ?? this.filtersTemplate;
-    }
-    get otherFiltersTemplate() {
-        return this.otherFiltersDirective?.templateRef;
-    }
-    constructor(dialog, breakpointObserver) {
-        this.dialog = dialog;
-        this.breakpointObserver = breakpointObserver;
+    constructor() {
+        this.dialog = inject(DialogService);
+        this.breakpointObserver = inject(BreakpointObserver);
         this.active = 0;
         this.merge = false;
         // TODO: to change from outside you need to change the logic and set $rows in two SCSS
@@ -2433,16 +2540,25 @@ class FiltersComponent {
         this.displayedFiltersCount$ = combineLatest([this.repeat$, toObservable(this.rows)]).pipe(map(([repeat, rows]) => repeat * rows));
         this.filtersCount$ = new BehaviorSubject(0);
     }
+    set content(content) {
+        this.filtersCount$.next(content?.nativeElement?.children?.length ?? 0);
+    }
+    get mainFiltersTemplate() {
+        return this.mainFiltersDirective?.templateRef ?? this.filtersTemplate;
+    }
+    get otherFiltersTemplate() {
+        return this.otherFiltersDirective?.templateRef;
+    }
     open() {
         this.dialog.open(FiltersDialogComponent, { filters: this });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: FiltersComponent, deps: [{ token: DialogService }, { token: i2$6.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.6", type: FiltersComponent, isStandalone: false, selector: "v-filters", inputs: { active: "active", merge: ["merge", "merge", booleanAttribute] }, outputs: { clear: "clear" }, queries: [{ propertyName: "filtersTemplate", first: true, predicate: TemplateRef, descendants: true, static: true }, { propertyName: "otherFiltersDirective", first: true, predicate: OtherFiltersDirective, descendants: true, static: true }, { propertyName: "mainFiltersDirective", first: true, predicate: MainFiltersDirective, descendants: true, static: true }], viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }], ngImport: i0, template: "<mat-card>\n    <mat-card-content #content [ngClass]=\"['v-filters-cols-' + (repeat$ | async), 'filters']\">\n        <ng-container *ngTemplateOutlet=\"mainFiltersTemplate\"></ng-container>\n    </mat-card-content>\n</mat-card>\n", styles: [".filters{display:grid;grid-column-gap:8px;margin-bottom:-22px;padding:22px!important}::ng-deep .filters>*{min-width:0}::ng-deep .v-filters-cols-1{grid-template-columns:repeat(1,1fr)}::ng-deep .v-filters-cols-1>*:nth-child(n+2){display:none}::ng-deep .v-filters-cols-2{grid-template-columns:repeat(2,1fr)}::ng-deep .v-filters-cols-2>*:nth-child(n+3){display:none}::ng-deep .v-filters-cols-3{grid-template-columns:repeat(3,1fr)}::ng-deep .v-filters-cols-3>*:nth-child(n+4){display:none}::ng-deep .v-filters-cols-4{grid-template-columns:repeat(4,1fr)}::ng-deep .v-filters-cols-4>*:nth-child(n+5){display:none}::ng-deep .v-filters-cols-5{grid-template-columns:repeat(5,1fr)}::ng-deep .v-filters-cols-5>*:nth-child(n+6){display:none}\n"], 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: "component", type: i4.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4.MatCardContent, selector: "mat-card-content" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: FiltersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.0.5", type: FiltersComponent, isStandalone: false, selector: "v-filters", inputs: { active: "active", merge: ["merge", "merge", booleanAttribute] }, outputs: { clear: "clear" }, queries: [{ propertyName: "filtersTemplate", first: true, predicate: TemplateRef, descendants: true, static: true }, { propertyName: "otherFiltersDirective", first: true, predicate: OtherFiltersDirective, descendants: true, static: true }, { propertyName: "mainFiltersDirective", first: true, predicate: MainFiltersDirective, descendants: true, static: true }], viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }], ngImport: i0, template: "<div #content [ngClass]=\"['v-filters-cols-' + (repeat$ | async), 'filters']\">\n    <ng-container *ngTemplateOutlet=\"mainFiltersTemplate\"></ng-container>\n</div>\n", styles: [".filters{display:flex;gap:8px}::ng-deep .filters>*{min-width:0;flex:1}.filters ::ng-deep .mat-mdc-form-field-subscript-wrapper{height:0}::ng-deep .v-filters-cols-1>*:nth-child(n+2){display:none}::ng-deep .v-filters-cols-2>*:nth-child(n+3){display:none}::ng-deep .v-filters-cols-3>*:nth-child(n+4){display:none}::ng-deep .v-filters-cols-4>*:nth-child(n+5){display:none}::ng-deep .v-filters-cols-5>*:nth-child(n+6){display:none}\n"], 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: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: FiltersComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: FiltersComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'v-filters', standalone: false, template: "<mat-card>\n    <mat-card-content #content [ngClass]=\"['v-filters-cols-' + (repeat$ | async), 'filters']\">\n        <ng-container *ngTemplateOutlet=\"mainFiltersTemplate\"></ng-container>\n    </mat-card-content>\n</mat-card>\n", styles: [".filters{display:grid;grid-column-gap:8px;margin-bottom:-22px;padding:22px!important}::ng-deep .filters>*{min-width:0}::ng-deep .v-filters-cols-1{grid-template-columns:repeat(1,1fr)}::ng-deep .v-filters-cols-1>*:nth-child(n+2){display:none}::ng-deep .v-filters-cols-2{grid-template-columns:repeat(2,1fr)}::ng-deep .v-filters-cols-2>*:nth-child(n+3){display:none}::ng-deep .v-filters-cols-3{grid-template-columns:repeat(3,1fr)}::ng-deep .v-filters-cols-3>*:nth-child(n+4){display:none}::ng-deep .v-filters-cols-4{grid-template-columns:repeat(4,1fr)}::ng-deep .v-filters-cols-4>*:nth-child(n+5){display:none}::ng-deep .v-filters-cols-5{grid-template-columns:repeat(5,1fr)}::ng-deep .v-filters-cols-5>*:nth-child(n+6){display:none}\n"] }]
-        }], ctorParameters: () => [{ type: DialogService }, { type: i2$6.BreakpointObserver }], propDecorators: { active: [{
+            args: [{ selector: 'v-filters', standalone: false, template: "<div #content [ngClass]=\"['v-filters-cols-' + (repeat$ | async), 'filters']\">\n    <ng-container *ngTemplateOutlet=\"mainFiltersTemplate\"></ng-container>\n</div>\n", styles: [".filters{display:flex;gap:8px}::ng-deep .filters>*{min-width:0;flex:1}.filters ::ng-deep .mat-mdc-form-field-subscript-wrapper{height:0}::ng-deep .v-filters-cols-1>*:nth-child(n+2){display:none}::ng-deep .v-filters-cols-2>*:nth-child(n+3){display:none}::ng-deep .v-filters-cols-3>*:nth-child(n+4){display:none}::ng-deep .v-filters-cols-4>*:nth-child(n+5){display:none}::ng-deep .v-filters-cols-5>*:nth-child(n+6){display:none}\n"] }]
+        }], propDecorators: { active: [{
                 type: Input
             }], merge: [{
                 type: Input,
@@ -2464,10 +2580,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
             }] } });
 
 class MoreFiltersButtonComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: MoreFiltersButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: MoreFiltersButtonComponent, isStandalone: false, selector: "v-more-filters-button", inputs: { filters: "filters" }, ngImport: i0, template: "<v-actions>\n    @if (filters.active && filters.clear.observed) {\n        <button mat-icon-button (click)=\"filters.clear.emit()\">\n            <mat-icon [matBadge]=\"filters.active || undefined\" matBadgeColor=\"accent\"\n                >restart_alt</mat-icon\n            >\n        </button>\n    }\n    @if (\n        filters.otherFiltersDirective ||\n        ((filters.filtersCount$ | async) ?? 0) - ((filters.displayedFiltersCount$ | async) ?? 0) > 0\n    ) {\n        <button mat-icon-button (click)=\"filters.open()\">\n            <mat-icon>filter_alt</mat-icon>\n        </button>\n    }\n</v-actions>\n", styles: [""], dependencies: [{ kind: "component", type: i1$4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ActionsComponent, selector: "v-actions" }, { kind: "directive", type: i6.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: MoreFiltersButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: MoreFiltersButtonComponent, isStandalone: false, selector: "v-more-filters-button", inputs: { filters: "filters" }, ngImport: i0, template: "<v-actions>\n    @if (filters.active && filters.clear.observed) {\n        <button mat-icon-button (click)=\"filters.clear.emit()\">\n            <mat-icon [matBadge]=\"filters.active || undefined\" matBadgeColor=\"accent\"\n                >restart_alt</mat-icon\n            >\n        </button>\n    }\n    @if (\n        filters.otherFiltersDirective ||\n        ((filters.filtersCount$ | async) ?? 0) - ((filters.displayedFiltersCount$ | async) ?? 0) > 0\n    ) {\n        <button mat-icon-button (click)=\"filters.open()\">\n            <mat-icon>filter_alt</mat-icon>\n        </button>\n    }\n</v-actions>\n", styles: [""], dependencies: [{ kind: "component", type: i1$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ActionsComponent, selector: "v-actions" }, { kind: "directive", type: i6.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: MoreFiltersButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: MoreFiltersButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-more-filters-button', standalone: false, template: "<v-actions>\n    @if (filters.active && filters.clear.observed) {\n        <button mat-icon-button (click)=\"filters.clear.emit()\">\n            <mat-icon [matBadge]=\"filters.active || undefined\" matBadgeColor=\"accent\"\n                >restart_alt</mat-icon\n            >\n        </button>\n    }\n    @if (\n        filters.otherFiltersDirective ||\n        ((filters.filtersCount$ | async) ?? 0) - ((filters.displayedFiltersCount$ | async) ?? 0) > 0\n    ) {\n        <button mat-icon-button (click)=\"filters.open()\">\n            <mat-icon>filter_alt</mat-icon>\n        </button>\n    }\n</v-actions>\n" }]
         }], propDecorators: { filters: [{
@@ -2475,13 +2591,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
             }] } });
 
 class FiltersModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: FiltersModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: FiltersModule, declarations: [FiltersComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: FiltersModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: FiltersModule, declarations: [FiltersComponent,
             MoreFiltersButtonComponent,
             FiltersDialogComponent,
             OtherFiltersDirective,
             MainFiltersDirective], imports: [CommonModule,
-            MatCardModule,
             MatButtonModule,
             MatIconModule,
             DialogModule,
@@ -2491,8 +2606,7 @@ class FiltersModule {
             MoreFiltersButtonComponent,
             OtherFiltersDirective,
             MainFiltersDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: FiltersModule, imports: [CommonModule,
-            MatCardModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: FiltersModule, imports: [CommonModule,
             MatButtonModule,
             MatIconModule,
             DialogModule,
@@ -2500,7 +2614,7 @@ class FiltersModule {
             ActionsModule,
             MatBadgeModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: FiltersModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: FiltersModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -2518,7 +2632,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
                     ],
                     imports: [
                         CommonModule,
-                        MatCardModule,
                         MatButtonModule,
                         MatIconModule,
                         DialogModule,
@@ -2530,24 +2643,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
         }] });
 
 class DateRangeFieldComponent extends FormGroupSuperclass {
-    constructor(fb) {
-        super();
-        this.fb = fb;
+    constructor() {
+        super(...arguments);
+        this.fb = inject(NonNullableFormBuilder);
         this.required = false;
         this.control = this.fb.group({
             start: undefined,
             end: undefined,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: DateRangeFieldComponent, deps: [{ token: i1$3.NonNullableFormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: DateRangeFieldComponent, isStandalone: false, selector: "v-date-range-field", inputs: { required: ["required", "required", booleanAttribute] }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: DateRangeFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: DateRangeFieldComponent, isStandalone: false, selector: "v-date-range-field", inputs: { required: ["required", "required", booleanAttribute] }, providers: [
             ...createControlProviders(() => DateRangeFieldComponent),
             { provide: MAT_DATE_LOCALE, useValue: enGB },
             { provide: DateAdapter, useClass: DateFnsAdapter, deps: [MAT_DATE_LOCALE] },
             { provide: MAT_DATE_FORMATS, useValue: MAT_DATE_FNS_FORMATS },
-        ], usesInheritance: true, ngImport: i0, template: "<mat-form-field>\n    <mat-label>Date range</mat-label>\n    <mat-date-range-input\n        [formGroup]=\"control\"\n        [rangePicker]=\"picker\"\n        [required]=\"required || false\"\n    >\n        <input formControlName=\"start\" matStartDate placeholder=\"Start date\" />\n        <input formControlName=\"end\" matEndDate placeholder=\"End date\" />\n    </mat-date-range-input>\n    <mat-datepicker-toggle [for]=\"picker\" matIconSuffix></mat-datepicker-toggle>\n    <mat-date-range-picker #picker>\n        <mat-date-range-picker-actions>\n            <v-actions class=\"actions\">\n                @if (!required) {\n                    <button\n                        [disabled]=\"!control.value?.start && !control.value?.end\"\n                        mat-button\n                        (click)=\"control.reset(); picker.close()\"\n                    >\n                        Reset\n                    </button>\n                }\n                <button mat-flat-button matDateRangePickerApply>Apply</button>\n            </v-actions>\n        </mat-date-range-picker-actions>\n    </mat-date-range-picker>\n</mat-form-field>\n", styles: [":host{overflow:hidden}mat-form-field{width:100%}::ng-deep .mat-mdc-form-field-infix{width:auto!important}input{text-overflow:ellipsis}.actions{width:100%}\n"], dependencies: [{ kind: "component", type: i2$7.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i2$7.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i2$7.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i2$7.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i2$7.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: i2$7.MatDatepickerActions, selector: "mat-datepicker-actions, mat-date-range-picker-actions" }, { kind: "directive", type: i2$7.MatDatepickerApply, selector: "[matDatepickerApply], [matDateRangePickerApply]" }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i1$3.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i1$4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: ActionsComponent, selector: "v-actions" }] }); }
+        ], usesInheritance: true, ngImport: i0, template: "<mat-form-field>\n    <mat-label>Date range</mat-label>\n    <mat-date-range-input\n        [formGroup]=\"control\"\n        [rangePicker]=\"picker\"\n        [required]=\"required || false\"\n    >\n        <input formControlName=\"start\" matStartDate placeholder=\"Start date\" />\n        <input formControlName=\"end\" matEndDate placeholder=\"End date\" />\n    </mat-date-range-input>\n    <mat-datepicker-toggle [for]=\"picker\" matIconSuffix></mat-datepicker-toggle>\n    <mat-date-range-picker #picker>\n        <mat-date-range-picker-actions>\n            <v-actions class=\"actions\">\n                @if (!required) {\n                    <button\n                        [disabled]=\"!control.value?.start && !control.value?.end\"\n                        mat-button\n                        (click)=\"control.reset(); picker.close()\"\n                    >\n                        Reset\n                    </button>\n                }\n                <button mat-flat-button matDateRangePickerApply>Apply</button>\n            </v-actions>\n        </mat-date-range-picker-actions>\n    </mat-date-range-picker>\n</mat-form-field>\n", styles: [":host{overflow:hidden}mat-form-field{width:100%}::ng-deep .mat-mdc-form-field-infix{width:auto!important}input{text-overflow:ellipsis}.actions{width:100%}\n"], dependencies: [{ kind: "component", type: i1$4.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i1$4.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i1$4.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i1$4.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i1$4.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: i1$4.MatDatepickerActions, selector: "mat-datepicker-actions, mat-date-range-picker-actions" }, { kind: "directive", type: i1$4.MatDatepickerApply, selector: "[matDatepickerApply], [matDateRangePickerApply]" }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i1$2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: ActionsComponent, selector: "v-actions" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: DateRangeFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: DateRangeFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-date-range-field', providers: [
                         ...createControlProviders(() => DateRangeFieldComponent),
@@ -2555,27 +2668,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
                         { provide: DateAdapter, useClass: DateFnsAdapter, deps: [MAT_DATE_LOCALE] },
                         { provide: MAT_DATE_FORMATS, useValue: MAT_DATE_FNS_FORMATS },
                     ], standalone: false, template: "<mat-form-field>\n    <mat-label>Date range</mat-label>\n    <mat-date-range-input\n        [formGroup]=\"control\"\n        [rangePicker]=\"picker\"\n        [required]=\"required || false\"\n    >\n        <input formControlName=\"start\" matStartDate placeholder=\"Start date\" />\n        <input formControlName=\"end\" matEndDate placeholder=\"End date\" />\n    </mat-date-range-input>\n    <mat-datepicker-toggle [for]=\"picker\" matIconSuffix></mat-datepicker-toggle>\n    <mat-date-range-picker #picker>\n        <mat-date-range-picker-actions>\n            <v-actions class=\"actions\">\n                @if (!required) {\n                    <button\n                        [disabled]=\"!control.value?.start && !control.value?.end\"\n                        mat-button\n                        (click)=\"control.reset(); picker.close()\"\n                    >\n                        Reset\n                    </button>\n                }\n                <button mat-flat-button matDateRangePickerApply>Apply</button>\n            </v-actions>\n        </mat-date-range-picker-actions>\n    </mat-date-range-picker>\n</mat-form-field>\n", styles: [":host{overflow:hidden}mat-form-field{width:100%}::ng-deep .mat-mdc-form-field-infix{width:auto!important}input{text-overflow:ellipsis}.actions{width:100%}\n"] }]
-        }], ctorParameters: () => [{ type: i1$3.NonNullableFormBuilder }], propDecorators: { required: [{
+        }], propDecorators: { required: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
             }] } });
 
 class DateRangeFieldModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: DateRangeFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: DateRangeFieldModule, declarations: [DateRangeFieldComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: DateRangeFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: DateRangeFieldModule, declarations: [DateRangeFieldComponent], imports: [CommonModule,
             MatDatepickerModule,
             MatInputModule,
             ReactiveFormsModule,
             MatButtonModule,
             ActionsModule], exports: [DateRangeFieldComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: DateRangeFieldModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: DateRangeFieldModule, imports: [CommonModule,
             MatDatepickerModule,
             MatInputModule,
             ReactiveFormsModule,
             MatButtonModule,
             ActionsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: DateRangeFieldModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: DateRangeFieldModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [DateRangeFieldComponent],
@@ -2611,30 +2724,30 @@ function createDateRangeToToday(minDays = 1) {
 }
 
 class NumberRangeFieldComponent extends FormGroupSuperclass {
-    constructor(fb) {
-        super();
-        this.fb = fb;
+    constructor() {
+        super(...arguments);
+        this.fb = inject(NonNullableFormBuilder);
         this.control = this.fb.group({
             start: undefined,
             end: undefined,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: NumberRangeFieldComponent, deps: [{ token: i1$3.NonNullableFormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: NumberRangeFieldComponent, isStandalone: false, selector: "v-number-range-field", inputs: { label: "label" }, providers: createControlProviders(() => NumberRangeFieldComponent), usesInheritance: true, ngImport: i0, template: "<div [formGroup]=\"control\" class=\"wrapper\">\n    <mat-form-field>\n        <mat-label>{{ label }} from</mat-label>\n        <input formControlName=\"start\" matInput type=\"number\" />\n    </mat-form-field>\n    <mat-form-field>\n        <mat-label>{{ label }} to</mat-label>\n        <input formControlName=\"end\" matInput type=\"number\" />\n    </mat-form-field>\n</div>\n", styles: [".wrapper{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px}\n"], dependencies: [{ kind: "directive", type: i1$3.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$3.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: NumberRangeFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", type: NumberRangeFieldComponent, isStandalone: false, selector: "v-number-range-field", inputs: { label: "label" }, providers: createControlProviders(() => NumberRangeFieldComponent), usesInheritance: true, ngImport: i0, template: "<div [formGroup]=\"control\" class=\"wrapper\">\n    <mat-form-field>\n        <mat-label>{{ label }} from</mat-label>\n        <input formControlName=\"start\" matInput type=\"number\" />\n    </mat-form-field>\n    <mat-form-field>\n        <mat-label>{{ label }} to</mat-label>\n        <input formControlName=\"end\" matInput type=\"number\" />\n    </mat-form-field>\n</div>\n", styles: [".wrapper{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px}\n"], dependencies: [{ kind: "directive", type: i3.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: i3.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: NumberRangeFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: NumberRangeFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-number-range-field', providers: createControlProviders(() => NumberRangeFieldComponent), standalone: false, template: "<div [formGroup]=\"control\" class=\"wrapper\">\n    <mat-form-field>\n        <mat-label>{{ label }} from</mat-label>\n        <input formControlName=\"start\" matInput type=\"number\" />\n    </mat-form-field>\n    <mat-form-field>\n        <mat-label>{{ label }} to</mat-label>\n        <input formControlName=\"end\" matInput type=\"number\" />\n    </mat-form-field>\n</div>\n", styles: [".wrapper{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px}\n"] }]
-        }], ctorParameters: () => [{ type: i1$3.NonNullableFormBuilder }], propDecorators: { label: [{
+        }], propDecorators: { label: [{
                 type: Input
             }] } });
 
 class NumberRangeFieldModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: NumberRangeFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: NumberRangeFieldModule, declarations: [NumberRangeFieldComponent], imports: [ReactiveFormsModule, MatInputModule], exports: [NumberRangeFieldComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: NumberRangeFieldModule, imports: [ReactiveFormsModule, MatInputModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: NumberRangeFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: NumberRangeFieldModule, declarations: [NumberRangeFieldComponent], imports: [ReactiveFormsModule, MatInputModule], exports: [NumberRangeFieldComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: NumberRangeFieldModule, imports: [ReactiveFormsModule, MatInputModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: NumberRangeFieldModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: NumberRangeFieldModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [NumberRangeFieldComponent],
@@ -2657,10 +2770,10 @@ class ListFieldComponent extends FormControlSuperclass {
     getValue(inner = this.control.value) {
         return splitBySeparators(inner || '');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ListFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: ListFieldComponent, isStandalone: false, selector: "v-list-field", inputs: { label: "label", focusedHint: "focusedHint" }, providers: createControlProviders(() => ListFieldComponent), usesInheritance: true, ngImport: i0, template: "<mat-form-field style=\"width: 100%\">\n    <mat-label>{{ label }}</mat-label>\n    <input #input=\"matInput\" [formControl]=\"control\" autocomplete=\"false\" matInput type=\"string\" />\n    <mat-hint class=\"mat-secondary-text\">{{\n        (items$ | async)?.length\n            ? (items$ | async)?.length === 1\n                ? '1 item'\n                : (items$ | async)?.length + ' items'\n            : input.focused\n              ? focusedHint || 'item_1, item_2'\n              : ''\n    }}</mat-hint>\n</mat-form-field>\n", dependencies: [{ kind: "directive", type: i2$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i1$3.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ListFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", type: ListFieldComponent, isStandalone: false, selector: "v-list-field", inputs: { label: "label", focusedHint: "focusedHint" }, providers: createControlProviders(() => ListFieldComponent), usesInheritance: true, ngImport: i0, template: "<mat-form-field style=\"width: 100%\">\n    <mat-label>{{ label }}</mat-label>\n    <input #input=\"matInput\" [formControl]=\"control\" autocomplete=\"false\" matInput type=\"string\" />\n    <mat-hint class=\"mat-secondary-text\">{{\n        (items$ | async)?.length\n            ? (items$ | async)?.length === 1\n                ? '1 item'\n                : (items$ | async)?.length + ' items'\n            : input.focused\n              ? focusedHint || 'item_1, item_2'\n              : ''\n    }}</mat-hint>\n</mat-form-field>\n", dependencies: [{ kind: "directive", type: i2$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ListFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ListFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-list-field', providers: createControlProviders(() => ListFieldComponent), standalone: false, template: "<mat-form-field style=\"width: 100%\">\n    <mat-label>{{ label }}</mat-label>\n    <input #input=\"matInput\" [formControl]=\"control\" autocomplete=\"false\" matInput type=\"string\" />\n    <mat-hint class=\"mat-secondary-text\">{{\n        (items$ | async)?.length\n            ? (items$ | async)?.length === 1\n                ? '1 item'\n                : (items$ | async)?.length + ' items'\n            : input.focused\n              ? focusedHint || 'item_1, item_2'\n              : ''\n    }}</mat-hint>\n</mat-form-field>\n" }]
         }], propDecorators: { label: [{
@@ -2670,11 +2783,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
             }] } });
 
 class ListFieldModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ListFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: ListFieldModule, declarations: [ListFieldComponent], imports: [CommonModule, MatInputModule, ReactiveFormsModule], exports: [ListFieldComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ListFieldModule, imports: [CommonModule, MatInputModule, ReactiveFormsModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ListFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: ListFieldModule, declarations: [ListFieldComponent], imports: [CommonModule, MatInputModule, ReactiveFormsModule], exports: [ListFieldComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ListFieldModule, imports: [CommonModule, MatInputModule, ReactiveFormsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ListFieldModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ListFieldModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ListFieldComponent],
@@ -2684,21 +2797,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
         }] });
 
 class ErrorPageComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: ErrorPageComponent, isStandalone: false, selector: "ng-component", ngImport: i0, template: "<div class=\"error\">\n    <div class=\"mat-display-small title\">\n        <mat-icon>error</mat-icon>\n        <div>Page not found</div>\n    </div>\n    <h2 class=\"mat-headline-small mat-secondary-text\">\n        This page doesn't exist<br />or no permission to access this page\n    </h2>\n</div>\n", styles: [".error{margin:0 auto;padding:96px 24px;text-align:center}.error .title{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px}.error .title mat-icon{font-size:40px;width:auto;height:auto}\n"], dependencies: [{ kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ErrorPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", type: ErrorPageComponent, isStandalone: false, selector: "ng-component", ngImport: i0, template: "<div class=\"error\">\n    <div class=\"mat-display-small title\">\n        <mat-icon>error</mat-icon>\n        <div>Page not found</div>\n    </div>\n    <h2 class=\"mat-headline-small mat-secondary-text\">\n        This page doesn't exist<br />or no permission to access this page\n    </h2>\n</div>\n", styles: [".error{margin:0 auto;padding:96px 24px;text-align:center}.error .title{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px}.error .title mat-icon{font-size:40px;width:auto;height:auto}\n"], dependencies: [{ kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ErrorPageComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, template: "<div class=\"error\">\n    <div class=\"mat-display-small title\">\n        <mat-icon>error</mat-icon>\n        <div>Page not found</div>\n    </div>\n    <h2 class=\"mat-headline-small mat-secondary-text\">\n        This page doesn't exist<br />or no permission to access this page\n    </h2>\n</div>\n", styles: [".error{margin:0 auto;padding:96px 24px;text-align:center}.error .title{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px}.error .title mat-icon{font-size:40px;width:auto;height:auto}\n"] }]
         }] });
 
 const ROUTES = [{ path: '', component: ErrorPageComponent }];
 class ErrorPageRoutingModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorPageRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: ErrorPageRoutingModule, imports: [i1$5.RouterModule], exports: [RouterModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorPageRoutingModule, imports: [RouterModule.forChild(ROUTES), RouterModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ErrorPageRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: ErrorPageRoutingModule, imports: [i1$5.RouterModule], exports: [RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ErrorPageRoutingModule, imports: [RouterModule.forChild(ROUTES), RouterModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorPageRoutingModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ErrorPageRoutingModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [RouterModule.forChild(ROUTES)],
@@ -2707,11 +2820,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
         }] });
 
 class ErrorPageModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: ErrorPageModule, declarations: [ErrorPageComponent], imports: [ErrorPageRoutingModule, MatIconModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorPageModule, imports: [ErrorPageRoutingModule, MatIconModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ErrorPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: ErrorPageModule, declarations: [ErrorPageComponent], imports: [ErrorPageRoutingModule, MatIconModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ErrorPageModule, imports: [ErrorPageRoutingModule, MatIconModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorPageModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ErrorPageModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [ErrorPageRoutingModule, MatIconModule],
@@ -2767,10 +2880,10 @@ class SelectFieldComponent extends FormControlSuperclass {
             multiple: this.multiple,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SelectFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.6", type: SelectFieldComponent, isStandalone: false, selector: "v-select-field", inputs: { options: "options", appearance: "appearance", label: "label", hint: "hint", error: "error", progress: "progress", externalSearch: ["externalSearch", "externalSearch", booleanAttribute], multiple: ["multiple", "multiple", booleanAttribute], required: ["required", "required", booleanAttribute], size: "size" }, outputs: { searchChange: "searchChange" }, providers: createControlProviders(() => SelectFieldComponent), usesInheritance: true, ngImport: i0, template: "<mat-form-field [appearance]=\"appearance\" [ngClass]=\"{ 'v-input-field__small': size === 'small' }\">\n    <mat-label>{{ label }}</mat-label>\n\n    <mtx-select\n        [closeOnSelect]=\"!multiple\"\n        [formControl]=\"control\"\n        [items]=\"options\"\n        [loading]=\"progress\"\n        [markFirst]=\"true\"\n        [multiple]=\"multiple\"\n        [notFoundText]=\"externalSearch && !searchStr ? 'Enter your search term' : 'No items found'\"\n        [required]=\"required\"\n        [searchable]=\"true\"\n        [searchFn]=\"search\"\n        [selectableGroup]=\"true\"\n        [selectableGroupAsModel]=\"false\"\n        bindLabel=\"label\"\n        bindValue=\"value\"\n        groupBy=\"type\"\n        (clear)=\"searchChange.emit(''); searchStr = ''\"\n        (search)=\"searchChange.emit($event.term); searchStr = $event.term\"\n    >\n        <ng-template let-index=\"index\" let-item=\"item\" let-item$=\"item$\" ng-optgroup-tmp>\n            <mat-checkbox\n                *ngIf=\"multiple; else text\"\n                [ngModel]=\"item$.selected\"\n                class=\"checkbox-option\"\n                id=\"item-{{ index }}\"\n            >\n                {{ item.type | uppercase }}\n            </mat-checkbox>\n            <ng-template #text>\n                {{ item.type | uppercase }}\n            </ng-template>\n        </ng-template>\n        <ng-template let-index=\"index\" let-item=\"item\" let-item$=\"item$\" ng-option-tmp>\n            <mat-checkbox\n                *ngIf=\"multiple; else text\"\n                [ngModel]=\"item$.selected\"\n                class=\"checkbox-option\"\n                id=\"item-{{ index }}\"\n            >\n                <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n            </mat-checkbox>\n            <ng-template #text>\n                <div class=\"label\">{{ item.label }}</div>\n                <div\n                    *ngIf=\"item.description\"\n                    class=\"description mat-label-medium mat-secondary-text\"\n                >\n                    {{ item.description }}\n                </div>\n            </ng-template>\n        </ng-template>\n    </mtx-select>\n\n    <mat-hint>{{ hintText }}</mat-hint>\n    <mat-error>{{ error }}</mat-error>\n</mat-form-field>\n", styles: ["::ng-deep .mat-mdc-form-field{width:100%}::ng-deep .mat-mdc-form-field>*{max-height:56px}::ng-deep .mat-mdc-form-field .ng-value-container{flex-wrap:nowrap!important;overflow-x:hidden}::ng-deep .ng-dropdown-panel.ng-select-bottom{margin-top:-4px}.checkbox-option{margin:-12px 0 -12px -8px}.label,.description{overflow:hidden;text-overflow:ellipsis}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i3$2.MtxSelect, selector: "mtx-select", inputs: ["addTag", "addTagText", "appearance", "appendTo", "bindLabel", "bindValue", "closeOnSelect", "clearAllText", "clearable", "clearOnBackspace", "compareWith", "dropdownPosition", "groupBy", "groupValue", "bufferAmount", "selectableGroup", "selectableGroupAsModel", "hideSelected", "loading", "loadingText", "labelForId", "markFirst", "maxSelectedItems", "multiple", "notFoundText", "searchable", "readonly", "searchFn", "searchWhileComposing", "selectOnTab", "trackByFn", "inputAttrs", "tabIndex", "openOnEnter", "minTermLength", "editableSearchTerm", "keyDownFn", "virtualScroll", "typeToSearchText", "typeahead", "isOpen", "fixedPlaceholder", "deselectOnClick", "clearSearchOnAdd", "items", "value", "id", "placeholder", "disabled", "required", "errorStateMatcher", "aria-label", "aria-labelledby"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"], exportAs: ["mtxSelect"] }, { kind: "directive", type: i3$2.MtxSelectOptgroupTemplate, selector: "[ng-optgroup-tmp]" }, { kind: "directive", type: i3$2.MtxSelectOptionTemplate, selector: "[ng-option-tmp]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "pipe", type: i1$1.UpperCasePipe, name: "uppercase" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SelectFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.0.5", type: SelectFieldComponent, isStandalone: false, selector: "v-select-field", inputs: { options: "options", appearance: "appearance", label: "label", hint: "hint", error: "error", progress: "progress", externalSearch: ["externalSearch", "externalSearch", booleanAttribute], multiple: ["multiple", "multiple", booleanAttribute], required: ["required", "required", booleanAttribute], size: "size" }, outputs: { searchChange: "searchChange" }, providers: createControlProviders(() => SelectFieldComponent), usesInheritance: true, ngImport: i0, template: "<mat-form-field [appearance]=\"appearance\" [ngClass]=\"{ 'v-input-field__small': size === 'small' }\">\n    <mat-label>{{ label }}</mat-label>\n\n    <mtx-select\n        [closeOnSelect]=\"!multiple\"\n        [formControl]=\"control\"\n        [items]=\"options\"\n        [loading]=\"progress\"\n        [markFirst]=\"true\"\n        [multiple]=\"multiple\"\n        [notFoundText]=\"externalSearch && !searchStr ? 'Enter your search term' : 'No items found'\"\n        [required]=\"required\"\n        [searchable]=\"true\"\n        [searchFn]=\"search\"\n        [selectableGroup]=\"true\"\n        [selectableGroupAsModel]=\"false\"\n        bindLabel=\"label\"\n        bindValue=\"value\"\n        groupBy=\"type\"\n        (clear)=\"searchChange.emit(''); searchStr = ''\"\n        (search)=\"searchChange.emit($event.term); searchStr = $event.term\"\n    >\n        <ng-template let-index=\"index\" let-item=\"item\" let-item$=\"item$\" ng-optgroup-tmp>\n            <mat-checkbox\n                *ngIf=\"multiple; else text\"\n                [ngModel]=\"item$.selected\"\n                class=\"checkbox-option\"\n                id=\"item-{{ index }}\"\n            >\n                {{ item.type | uppercase }}\n            </mat-checkbox>\n            <ng-template #text>\n                {{ item.type | uppercase }}\n            </ng-template>\n        </ng-template>\n        <ng-template let-index=\"index\" let-item=\"item\" let-item$=\"item$\" ng-option-tmp>\n            <mat-checkbox\n                *ngIf=\"multiple; else text\"\n                [ngModel]=\"item$.selected\"\n                class=\"checkbox-option\"\n                id=\"item-{{ index }}\"\n            >\n                <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n            </mat-checkbox>\n            <ng-template #text>\n                <div class=\"label\">{{ item.label }}</div>\n                <div\n                    *ngIf=\"item.description\"\n                    class=\"description mat-label-medium mat-secondary-text\"\n                >\n                    {{ item.description }}\n                </div>\n            </ng-template>\n        </ng-template>\n    </mtx-select>\n\n    <mat-hint>{{ hintText }}</mat-hint>\n    <mat-error>{{ error }}</mat-error>\n</mat-form-field>\n", styles: ["::ng-deep .mat-mdc-form-field{width:100%}::ng-deep .mat-mdc-form-field>*{max-height:56px}::ng-deep .mat-mdc-form-field .ng-value-container{flex-wrap:nowrap!important;overflow-x:hidden}::ng-deep .ng-dropdown-panel.ng-select-bottom{margin-top:-4px}.checkbox-option{margin:-12px 0 -12px -8px}.label,.description{overflow:hidden;text-overflow:ellipsis}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2$2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i3$3.MtxSelect, selector: "mtx-select", inputs: ["addTag", "addTagText", "appearance", "appendTo", "bindLabel", "bindValue", "closeOnSelect", "clearAllText", "clearable", "clearOnBackspace", "compareWith", "dropdownPosition", "groupBy", "groupValue", "bufferAmount", "selectableGroup", "selectableGroupAsModel", "hideSelected", "loading", "loadingText", "labelForId", "markFirst", "maxSelectedItems", "multiple", "notFoundText", "searchable", "readonly", "searchFn", "searchWhileComposing", "selectOnTab", "trackByFn", "inputAttrs", "tabIndex", "openOnEnter", "minTermLength", "editableSearchTerm", "keyDownFn", "virtualScroll", "typeToSearchText", "typeahead", "isOpen", "fixedPlaceholder", "deselectOnClick", "clearSearchOnAdd", "items", "value", "id", "placeholder", "disabled", "required", "errorStateMatcher", "aria-label", "aria-labelledby"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"], exportAs: ["mtxSelect"] }, { kind: "directive", type: i3$3.MtxSelectOptgroupTemplate, selector: "[ng-optgroup-tmp]" }, { kind: "directive", type: i3$3.MtxSelectOptionTemplate, selector: "[ng-option-tmp]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "pipe", type: i1$1.UpperCasePipe, name: "uppercase" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SelectFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SelectFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-select-field', providers: createControlProviders(() => SelectFieldComponent), standalone: false, template: "<mat-form-field [appearance]=\"appearance\" [ngClass]=\"{ 'v-input-field__small': size === 'small' }\">\n    <mat-label>{{ label }}</mat-label>\n\n    <mtx-select\n        [closeOnSelect]=\"!multiple\"\n        [formControl]=\"control\"\n        [items]=\"options\"\n        [loading]=\"progress\"\n        [markFirst]=\"true\"\n        [multiple]=\"multiple\"\n        [notFoundText]=\"externalSearch && !searchStr ? 'Enter your search term' : 'No items found'\"\n        [required]=\"required\"\n        [searchable]=\"true\"\n        [searchFn]=\"search\"\n        [selectableGroup]=\"true\"\n        [selectableGroupAsModel]=\"false\"\n        bindLabel=\"label\"\n        bindValue=\"value\"\n        groupBy=\"type\"\n        (clear)=\"searchChange.emit(''); searchStr = ''\"\n        (search)=\"searchChange.emit($event.term); searchStr = $event.term\"\n    >\n        <ng-template let-index=\"index\" let-item=\"item\" let-item$=\"item$\" ng-optgroup-tmp>\n            <mat-checkbox\n                *ngIf=\"multiple; else text\"\n                [ngModel]=\"item$.selected\"\n                class=\"checkbox-option\"\n                id=\"item-{{ index }}\"\n            >\n                {{ item.type | uppercase }}\n            </mat-checkbox>\n            <ng-template #text>\n                {{ item.type | uppercase }}\n            </ng-template>\n        </ng-template>\n        <ng-template let-index=\"index\" let-item=\"item\" let-item$=\"item$\" ng-option-tmp>\n            <mat-checkbox\n                *ngIf=\"multiple; else text\"\n                [ngModel]=\"item$.selected\"\n                class=\"checkbox-option\"\n                id=\"item-{{ index }}\"\n            >\n                <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n            </mat-checkbox>\n            <ng-template #text>\n                <div class=\"label\">{{ item.label }}</div>\n                <div\n                    *ngIf=\"item.description\"\n                    class=\"description mat-label-medium mat-secondary-text\"\n                >\n                    {{ item.description }}\n                </div>\n            </ng-template>\n        </ng-template>\n    </mtx-select>\n\n    <mat-hint>{{ hintText }}</mat-hint>\n    <mat-error>{{ error }}</mat-error>\n</mat-form-field>\n", styles: ["::ng-deep .mat-mdc-form-field{width:100%}::ng-deep .mat-mdc-form-field>*{max-height:56px}::ng-deep .mat-mdc-form-field .ng-value-container{flex-wrap:nowrap!important;overflow-x:hidden}::ng-deep .ng-dropdown-panel.ng-select-bottom{margin-top:-4px}.checkbox-option{margin:-12px 0 -12px -8px}.label,.description{overflow:hidden;text-overflow:ellipsis}\n"] }]
         }], propDecorators: { options: [{
@@ -2801,21 +2914,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
             }] } });
 
 class SelectFieldModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SelectFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: SelectFieldModule, declarations: [SelectFieldComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SelectFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: SelectFieldModule, declarations: [SelectFieldComponent], imports: [CommonModule,
             MatInputModule,
             MtxSelectModule,
             FormsModule,
             ReactiveFormsModule,
             MatCheckboxModule], exports: [SelectFieldComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SelectFieldModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SelectFieldModule, imports: [CommonModule,
             MatInputModule,
             MtxSelectModule,
             FormsModule,
             ReactiveFormsModule,
             MatCheckboxModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SelectFieldModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SelectFieldModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [SelectFieldComponent],
@@ -2851,10 +2964,10 @@ class AutocompleteFieldComponent extends FormControlSuperclass {
             this.options$.next(this.options || []);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: AutocompleteFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: AutocompleteFieldComponent, isStandalone: false, selector: "v-autocomplete-field", inputs: { options: "options", label: "label", hint: "hint", error: "error", type: "type", mono: ["mono", "mono", booleanAttribute], required: ["required", "required", booleanAttribute] }, providers: createControlProviders(() => AutocompleteFieldComponent), usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<mat-form-field style=\"width: 100%\">\n    <mat-label>{{ label }}</mat-label>\n\n    <input\n        #trigger=\"matAutocompleteTrigger\"\n        [formControl]=\"control\"\n        [matAutocomplete]=\"auto\"\n        [ngClass]=\"{ 'mat-mono': mono }\"\n        [required]=\"required\"\n        [type]=\"options?.length ? 'text' : type\"\n        matInput\n    />\n\n    <mat-autocomplete #auto=\"matAutocomplete\" autoActiveFirstOption>\n        @for (option of filteredOptions$ | async; track option) {\n            <mat-option [value]=\"option.value\">\n                <div [ngClass]=\"{ 'mat-mono': mono }\" class=\"label\">{{ option.label }}</div>\n                @if (option.description) {\n                    <div\n                        [ngClass]=\"{ 'mat-mono': mono }\"\n                        class=\"description mat-label-medium mat-secondary-text\"\n                    >\n                        {{ option.description }}\n                    </div>\n                }\n            </mat-option>\n        }\n    </mat-autocomplete>\n\n    <div matSuffix style=\"display: flex; gap: 4px\">\n        @if (control.value) {\n            <button mat-icon-button (click)=\"control.reset(); $event.stopPropagation()\">\n                <mat-icon>clear</mat-icon>\n            </button>\n        }\n        @if (options?.length) {\n            <button\n                mat-icon-button\n                (click)=\"\n                    auto.isOpen ? trigger.closePanel() : trigger.openPanel();\n                    $event.stopPropagation()\n                \"\n            >\n                <mat-icon>{{ auto.isOpen ? 'expand_less' : 'expand_more' }}</mat-icon>\n            </button>\n        }\n    </div>\n    <mat-hint>{{ hintText }}</mat-hint>\n    <mat-error>{{\n        error ??\n            ((selected$ | async) ? (selected$ | async)?.label + (hint ? ' | ' + hint : '') : hint)\n    }}</mat-error>\n</mat-form-field>\n", styles: [".label,.description{overflow:hidden;text-overflow:ellipsis}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i1$3.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i5.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i6$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i5.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i1$4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AutocompleteFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: AutocompleteFieldComponent, isStandalone: false, selector: "v-autocomplete-field", inputs: { options: "options", label: "label", hint: "hint", error: "error", type: "type", mono: ["mono", "mono", booleanAttribute], required: ["required", "required", booleanAttribute] }, providers: createControlProviders(() => AutocompleteFieldComponent), usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<mat-form-field style=\"width: 100%\">\n    <mat-label>{{ label }}</mat-label>\n\n    <input\n        #trigger=\"matAutocompleteTrigger\"\n        [formControl]=\"control\"\n        [matAutocomplete]=\"auto\"\n        [ngClass]=\"{ 'mat-mono': mono }\"\n        [required]=\"required\"\n        [type]=\"options?.length ? 'text' : type\"\n        matInput\n    />\n\n    <mat-autocomplete #auto=\"matAutocomplete\" autoActiveFirstOption>\n        @for (option of filteredOptions$ | async; track option) {\n            <mat-option [value]=\"option.value\">\n                <div [ngClass]=\"{ 'mat-mono': mono }\" class=\"label\">{{ option.label }}</div>\n                @if (option.description) {\n                    <div\n                        [ngClass]=\"{ 'mat-mono': mono }\"\n                        class=\"description mat-label-medium mat-secondary-text\"\n                    >\n                        {{ option.description }}\n                    </div>\n                }\n            </mat-option>\n        }\n    </mat-autocomplete>\n\n    <div matSuffix style=\"display: flex; gap: 4px\">\n        @if (control.value) {\n            <button mat-icon-button (click)=\"control.reset(); $event.stopPropagation()\">\n                <mat-icon>clear</mat-icon>\n            </button>\n        }\n        @if (options?.length) {\n            <button\n                mat-icon-button\n                (click)=\"\n                    auto.isOpen ? trigger.closePanel() : trigger.openPanel();\n                    $event.stopPropagation()\n                \"\n            >\n                <mat-icon>{{ auto.isOpen ? 'expand_less' : 'expand_more' }}</mat-icon>\n            </button>\n        }\n    </div>\n    <mat-hint>{{ hintText }}</mat-hint>\n    <mat-error>{{\n        error ??\n            ((selected$ | async) ? (selected$ | async)?.label + (hint ? ' | ' + hint : '') : hint)\n    }}</mat-error>\n</mat-form-field>\n", styles: [".label,.description{overflow:hidden;text-overflow:ellipsis}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2$2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i4$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i4$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i1$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: AutocompleteFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AutocompleteFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-autocomplete-field', providers: createControlProviders(() => AutocompleteFieldComponent), standalone: false, template: "<mat-form-field style=\"width: 100%\">\n    <mat-label>{{ label }}</mat-label>\n\n    <input\n        #trigger=\"matAutocompleteTrigger\"\n        [formControl]=\"control\"\n        [matAutocomplete]=\"auto\"\n        [ngClass]=\"{ 'mat-mono': mono }\"\n        [required]=\"required\"\n        [type]=\"options?.length ? 'text' : type\"\n        matInput\n    />\n\n    <mat-autocomplete #auto=\"matAutocomplete\" autoActiveFirstOption>\n        @for (option of filteredOptions$ | async; track option) {\n            <mat-option [value]=\"option.value\">\n                <div [ngClass]=\"{ 'mat-mono': mono }\" class=\"label\">{{ option.label }}</div>\n                @if (option.description) {\n                    <div\n                        [ngClass]=\"{ 'mat-mono': mono }\"\n                        class=\"description mat-label-medium mat-secondary-text\"\n                    >\n                        {{ option.description }}\n                    </div>\n                }\n            </mat-option>\n        }\n    </mat-autocomplete>\n\n    <div matSuffix style=\"display: flex; gap: 4px\">\n        @if (control.value) {\n            <button mat-icon-button (click)=\"control.reset(); $event.stopPropagation()\">\n                <mat-icon>clear</mat-icon>\n            </button>\n        }\n        @if (options?.length) {\n            <button\n                mat-icon-button\n                (click)=\"\n                    auto.isOpen ? trigger.closePanel() : trigger.openPanel();\n                    $event.stopPropagation()\n                \"\n            >\n                <mat-icon>{{ auto.isOpen ? 'expand_less' : 'expand_more' }}</mat-icon>\n            </button>\n        }\n    </div>\n    <mat-hint>{{ hintText }}</mat-hint>\n    <mat-error>{{\n        error ??\n            ((selected$ | async) ? (selected$ | async)?.label + (hint ? ' | ' + hint : '') : hint)\n    }}</mat-error>\n</mat-form-field>\n", styles: [".label,.description{overflow:hidden;text-overflow:ellipsis}\n"] }]
         }], propDecorators: { options: [{
@@ -2876,15 +2989,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
             }] } });
 
 class AutocompleteFieldModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: AutocompleteFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: AutocompleteFieldModule, declarations: [AutocompleteFieldComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AutocompleteFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: AutocompleteFieldModule, declarations: [AutocompleteFieldComponent], imports: [CommonModule,
             MatInputModule,
             FormsModule,
             ReactiveFormsModule,
             MatAutocompleteModule,
             MatButtonModule,
             MatIconModule], exports: [AutocompleteFieldComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: AutocompleteFieldModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AutocompleteFieldModule, imports: [CommonModule,
             MatInputModule,
             FormsModule,
             ReactiveFormsModule,
@@ -2892,7 +3005,7 @@ class AutocompleteFieldModule {
             MatButtonModule,
             MatIconModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: AutocompleteFieldModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AutocompleteFieldModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AutocompleteFieldComponent],
@@ -2910,18 +3023,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
         }] });
 
 class ConfigServiceSuperclass {
-    constructor(http) {
-        this.http = http;
+    constructor() {
+        this.http = inject(HttpClient);
     }
     async init({ configUrl }) {
         this.config = await lastValueFrom(this.http.get(configUrl));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ConfigServiceSuperclass, deps: [{ token: i1$6.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ConfigServiceSuperclass }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ConfigServiceSuperclass, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ConfigServiceSuperclass }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ConfigServiceSuperclass, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ConfigServiceSuperclass, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$6.HttpClient }] });
+        }] });
 
 const DEFAULT_ERROR_NAME = 'Unknown error';
 class LogError {
@@ -2958,8 +3071,8 @@ const DEFAULT_DURATION_MS = 3_000;
 const DEFAULT_ERROR_DURATION_MS = 10_000;
 const DEFAULT_TIMEOUT_MS = 10_000;
 class NotifyLogService {
-    constructor(snackBar) {
-        this.snackBar = snackBar;
+    constructor() {
+        this.snackBar = inject(MatSnackBar);
         this.success = (message = 'Completed successfully') => {
             this.notify(message);
         };
@@ -3028,20 +3141,20 @@ class NotifyLogService {
             .pipe(first$1(), timeout(DEFAULT_TIMEOUT_MS))
             .subscribe(subscribe);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: NotifyLogService, deps: [{ token: i1$7.MatSnackBar }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: NotifyLogService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: NotifyLogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: NotifyLogService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: NotifyLogService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: NotifyLogService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: i1$7.MatSnackBar }] });
+        }] });
 
 class LogModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: LogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: LogModule, imports: [MatSnackBarModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: LogModule, providers: [NotifyLogService], imports: [MatSnackBarModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: LogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: LogModule, imports: [MatSnackBarModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: LogModule, providers: [NotifyLogService], imports: [MatSnackBarModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: LogModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: LogModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [MatSnackBarModule],
@@ -3137,6 +3250,21 @@ const DATE_QUERY_PARAMS_SERIALIZERS = [
 
 const QUERY_PARAMS_SERIALIZERS = new InjectionToken('query params serializers');
 
+function serializeQueryParam(value, serializers = []) {
+    const serializer = serializers
+        .sort((a, b) => b.id.length - a.id.length)
+        .find((s) => s.recognize(value));
+    return serializer ? serializer.id + serializer.serialize(value) : JSON.stringify(value);
+}
+function serializeQueryParams(params, filter = negate(isEmpty$1), serializers = []) {
+    return Object.entries(params).reduce((acc, [k, v]) => {
+        if (filter(v, k)) {
+            acc[k] = serializeQueryParam(v, serializers);
+        }
+        return acc;
+    }, {});
+}
+
 function deserializeQueryParam(value, serializers = []) {
     const serializer = serializers
         .sort((a, b) => b.id.length - a.id.length)
@@ -3146,27 +3274,19 @@ function deserializeQueryParam(value, serializers = []) {
         : JSON.parse(value || ''));
 }
 
-function serializeQueryParam(value, serializers = []) {
-    const serializer = serializers
-        .sort((a, b) => b.id.length - a.id.length)
-        .find((s) => s.recognize(value));
-    return serializer ? serializer.id + serializer.serialize(value) : JSON.stringify(value);
-}
-
 const NS_PARAM_PREFIX = '__';
 class QueryParamsService {
-    get params() {
-        return this.deserialize(this.getSourceParams().main);
-    }
-    constructor(router, route, serializers) {
-        this.router = router;
-        this.route = route;
-        this.serializers = serializers;
+    constructor() {
+        this.router = inject(Router);
+        this.route = inject(ActivatedRoute);
+        this.serializers = inject(QUERY_PARAMS_SERIALIZERS, {
+            optional: true,
+        }) || [];
         this.params$ = defer(() => this.sourceParams$).pipe(map(({ main }) => main), distinctUntilChanged(isEqual), map((params) => this.deserialize(params)), shareReplay({ refCount: true, bufferSize: 1 }));
         this.sourceParams$ = concat(this.router.events.pipe(startWith(null), skipWhile(() => !this.router.navigated), map(() => this.route.snapshot.queryParams), take(1)), this.route.queryParams).pipe(distinctUntilChanged(isEqual), map((p) => this.getSourceParams(p)), shareReplay({ refCount: true, bufferSize: 1 }));
-        if (!this.serializers) {
-            this.serializers = [];
-        }
+    }
+    get params() {
+        return this.deserialize(this.getSourceParams().main);
     }
     async set(params, options = {}) {
         return await this.setParams(params, undefined, options);
@@ -3204,7 +3324,9 @@ class QueryParamsService {
             queryParams = Object.assign({}, sourceParams.main, otherNamespaces, !!serializedNamespace && { [nsKey]: serializedNamespace });
         }
         else {
-            queryParams = Object.assign({}, options.isPatch && sourceParams.main, this.serialize(params), sourceParams.namespaces);
+            const replacedKeys = Object.keys(params);
+            queryParams = Object.assign({}, options.isPatch &&
+                Object.fromEntries(Object.entries(sourceParams.main).filter(([k]) => !replacedKeys.includes(k))), this.serialize(params), sourceParams.namespaces);
         }
         return await this.router.navigate([], { queryParams });
     }
@@ -3220,13 +3342,8 @@ class QueryParamsService {
         }, { main: {}, namespaces: {} });
     }
     serialize(params, options = {}) {
-        const filter = options.filter ?? negate(isEmpty);
-        return Object.entries(params).reduce((acc, [k, v]) => {
-            if (filter(v, k)) {
-                acc[k] = serializeQueryParam(v, this.serializers);
-            }
-            return acc;
-        }, {});
+        const filter = options.filter ?? negate$1(isEmpty);
+        return serializeQueryParams(params, filter, this.serializers);
     }
     deserialize(params) {
         if (!params) {
@@ -3248,28 +3365,23 @@ class QueryParamsService {
     deserializeNamespace(strParams) {
         return strParams ? JSON.parse(strParams) : {};
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: QueryParamsService, deps: [{ token: i1$5.Router }, { token: i1$5.ActivatedRoute }, { token: QUERY_PARAMS_SERIALIZERS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: QueryParamsService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: QueryParamsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: QueryParamsService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: QueryParamsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: QueryParamsService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: i1$5.Router }, { type: i1$5.ActivatedRoute }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [QUERY_PARAMS_SERIALIZERS]
-                }] }] });
+        }] });
 
 class QueryParamsModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: QueryParamsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: QueryParamsModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: QueryParamsModule, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: QueryParamsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: QueryParamsModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: QueryParamsModule, providers: [
             { provide: QUERY_PARAMS_SERIALIZERS, useValue: DATE_QUERY_PARAMS_SERIALIZERS },
             QueryParamsService,
         ] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: QueryParamsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: QueryParamsModule, decorators: [{
             type: NgModule,
             args: [{
                     providers: [
@@ -3280,6 +3392,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
         }] });
 
 class UrlService {
+    constructor() {
+        this.router = inject(Router);
+        this.url$ = this.router.events.pipe(startWith(null), map(() => this.url), filter((url) => this.router.navigated || (!!url && url !== '/')), distinctUntilChanged(), shareReplay({ refCount: true, bufferSize: 1 }));
+        this.path$ = this.url$.pipe(map(() => this.path), shareReplay({ refCount: true, bufferSize: 1 }));
+    }
     get url() {
         return this.router.url && this.router.url !== '/'
             ? this.router.url.split('?', 1)[0].split('#', 1)[0]
@@ -3288,28 +3405,95 @@ class UrlService {
     get path() {
         return this.url?.split('/')?.slice(1) ?? [];
     }
-    constructor(router) {
-        this.router = router;
-        this.url$ = this.router.events.pipe(startWith(null), map(() => this.url), filter((url) => this.router.navigated || (!!url && url !== '/')), distinctUntilChanged(), shareReplay({ refCount: true, bufferSize: 1 }));
-        this.path$ = this.url$.pipe(map(() => this.path), shareReplay({ refCount: true, bufferSize: 1 }));
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: UrlService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: UrlService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: UrlService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+const DEFAULT_DURATION = 3000;
+class ToastComponent {
+    constructor() {
+        this.data = inject(MAT_SNACK_BAR_DATA);
+        this.snackBarRef = inject((MatSnackBarRef));
+        this.message$ = combineLatest([this.data.progress$ ?? of(false), this.data.error$ ?? of(null)]).pipe(map$1(([progress, error]) => {
+            if (error) {
+                return this.data.errorMessage ?? this.data.message;
+            }
+            else if (progress) {
+                return this.data.progressMessage ?? this.data.message;
+            }
+            return this.data.message;
+        }), shareReplay$1({ refCount: true, bufferSize: 1 }));
+        this.subscribeProgress();
+        if (!this.data.progress$) {
+            this.dismissByDuration();
+        }
+    }
+    dismissWithAction() {
+        this.data.action?.();
+        this.snackBarRef.dismissWithAction();
+    }
+    subscribeProgress() {
+        if (this.data.progress$) {
+            let started = false;
+            this.data.progress$.subscribe((progress) => {
+                if (!started && progress) {
+                    started = true;
+                }
+                else if (started && !progress) {
+                    this.dismissByDuration();
+                }
+            });
+        }
+    }
+    dismissByDuration() {
+        if (this.data.duration && this.data.duration < Number.MAX_SAFE_INTEGER) {
+            setTimeout(() => {
+                this.snackBarRef.dismiss();
+            }, this.data.duration ?? DEFAULT_DURATION);
+        }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: UrlService, deps: [{ token: i1$5.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: UrlService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: ToastComponent, isStandalone: true, selector: "v-toast", ngImport: i0, template: "<span>\n    {{ message$ | async }}\n</span>\n\n@if (data.progress$ | async) {\n    <mat-spinner [diameter]=\"24\" color=\"white\"></mat-spinner>\n} @else {\n    <button class=\"button\" mat-button (click)=\"dismissWithAction()\">OK</button>\n}\n", styles: [":host{display:flex;justify-content:space-between;align-items:center;--mat-progress-spinner-active-indicator-color: white}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i2$6.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: UrlService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ToastComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-toast', imports: [CommonModule, MatProgressSpinnerModule, MatButtonModule], template: "<span>\n    {{ message$ | async }}\n</span>\n\n@if (data.progress$ | async) {\n    <mat-spinner [diameter]=\"24\" color=\"white\"></mat-spinner>\n} @else {\n    <button class=\"button\" mat-button (click)=\"dismissWithAction()\">OK</button>\n}\n", styles: [":host{display:flex;justify-content:space-between;align-items:center;--mat-progress-spinner-active-indicator-color: white}\n"] }]
+        }], ctorParameters: () => [] });
+
+class ToastService {
+    constructor() {
+        this.snackBar = inject(MatSnackBar);
+    }
+    open(data, config = {}) {
+        return this.snackBar.openFromComponent(ToastComponent, {
+            ...config,
+            duration: data.progress$ ? config.duration : (data.duration ?? DEFAULT_DURATION),
+            data,
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ToastService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ToastService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i1$5.Router }] });
+        }] });
 
 function hasExtension(fileName, extensions) {
     return (!extensions?.length ||
         new RegExp('(' + extensions.join('|').replace(/\./g, '\\.') + ')$').test(fileName));
 }
 class FileUploadComponent {
-    constructor(log) {
-        this.log = log;
+    constructor() {
+        this.log = inject(NotifyLogService);
         this.extensions = [];
         this.upload = new EventEmitter();
     }
@@ -3326,13 +3510,13 @@ class FileUploadComponent {
         this.file = file;
         this.upload.emit(this.file);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: FileUploadComponent, deps: [{ token: NotifyLogService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: FileUploadComponent, isStandalone: false, selector: "v-file-upload", inputs: { label: "label", extensions: "extensions" }, outputs: { upload: "upload" }, ngImport: i0, template: "<div class=\"wrapper\">\n    <button mat-button type=\"button\" (click)=\"fileInput.click()\">\n        {{ label ?? 'Choose File' }}\n    </button>\n\n    <div class=\"mat-body-medium mat-secondary-text mat-no-margin\">\n        {{ file?.name }}\n    </div>\n</div>\n\n<input #fileInput hidden type=\"file\" (change)=\"loadFile($event)\" />\n", styles: [".wrapper{display:grid;grid-template-columns:min-content auto;align-items:center;grid-gap:16px}.wrapper>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}\n"], dependencies: [{ kind: "component", type: i1$4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: FileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", type: FileUploadComponent, isStandalone: false, selector: "v-file-upload", inputs: { label: "label", extensions: "extensions" }, outputs: { upload: "upload" }, ngImport: i0, template: "<div class=\"wrapper\">\n    <button mat-button type=\"button\" (click)=\"fileInput.click()\">\n        {{ label ?? 'Choose File' }}\n    </button>\n\n    <div class=\"mat-body-medium mat-secondary-text mat-no-margin file-name\">\n        {{ file?.name }}\n    </div>\n</div>\n\n<input #fileInput hidden type=\"file\" (change)=\"loadFile($event)\" />\n", styles: [".wrapper{display:grid;grid-template-columns:min-content auto;align-items:center;grid-gap:16px}.wrapper>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wrapper .file-name{height:auto}\n"], dependencies: [{ kind: "component", type: i1$2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: FileUploadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: FileUploadComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'v-file-upload', standalone: false, template: "<div class=\"wrapper\">\n    <button mat-button type=\"button\" (click)=\"fileInput.click()\">\n        {{ label ?? 'Choose File' }}\n    </button>\n\n    <div class=\"mat-body-medium mat-secondary-text mat-no-margin\">\n        {{ file?.name }}\n    </div>\n</div>\n\n<input #fileInput hidden type=\"file\" (change)=\"loadFile($event)\" />\n", styles: [".wrapper{display:grid;grid-template-columns:min-content auto;align-items:center;grid-gap:16px}.wrapper>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}\n"] }]
-        }], ctorParameters: () => [{ type: NotifyLogService }], propDecorators: { label: [{
+            args: [{ selector: 'v-file-upload', standalone: false, template: "<div class=\"wrapper\">\n    <button mat-button type=\"button\" (click)=\"fileInput.click()\">\n        {{ label ?? 'Choose File' }}\n    </button>\n\n    <div class=\"mat-body-medium mat-secondary-text mat-no-margin file-name\">\n        {{ file?.name }}\n    </div>\n</div>\n\n<input #fileInput hidden type=\"file\" (change)=\"loadFile($event)\" />\n", styles: [".wrapper{display:grid;grid-template-columns:min-content auto;align-items:center;grid-gap:16px}.wrapper>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wrapper .file-name{height:auto}\n"] }]
+        }], propDecorators: { label: [{
                 type: Input
             }], extensions: [{
                 type: Input
@@ -3341,11 +3525,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
             }] } });
 
 class FileUploadModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: FileUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: FileUploadModule, declarations: [FileUploadComponent], imports: [CommonModule, MatButtonModule], exports: [FileUploadComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: FileUploadModule, imports: [CommonModule, MatButtonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: FileUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: FileUploadModule, declarations: [FileUploadComponent], imports: [CommonModule, MatButtonModule], exports: [FileUploadComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: FileUploadModule, imports: [CommonModule, MatButtonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: FileUploadModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: FileUploadModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [FileUploadComponent],
@@ -3413,15 +3597,15 @@ class DatetimeFieldComponent extends FormComponentSuperclass$1 {
     emitValue() {
         return this.emitOutgoingValue(getNoTimeZoneIsoString(this.datetime));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: DatetimeFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: DatetimeFieldComponent, isStandalone: false, selector: "v-datetime-field", inputs: { label: "label", required: ["required", "required", booleanAttribute], hint: "hint" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: DatetimeFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: DatetimeFieldComponent, isStandalone: false, selector: "v-datetime-field", inputs: { label: "label", required: ["required", "required", booleanAttribute], hint: "hint" }, providers: [
             ...createControlProviders(() => DatetimeFieldComponent),
             { provide: MAT_DATE_LOCALE, useValue: enGB },
             { provide: DateAdapter, useClass: DateFnsAdapter, deps: [MAT_DATE_LOCALE] },
             { provide: MAT_DATE_FORMATS, useValue: MAT_DATE_FNS_FORMATS },
-        ], usesInheritance: true, ngImport: i0, template: "<div class=\"wrapper\">\n    <mat-form-field class=\"date\">\n        <mat-label>\n            {{ label }}\n        </mat-label>\n        <mat-hint>{{ hint }}</mat-hint>\n        <input\n            [matDatepicker]=\"picker\"\n            [required]=\"required\"\n            [value]=\"datetime\"\n            matInput\n            (dateInput)=\"dateChanged($event)\"\n        />\n        <mat-datepicker-toggle [for]=\"picker\" matSuffix></mat-datepicker-toggle>\n        <mat-datepicker #picker></mat-datepicker>\n    </mat-form-field>\n    @if (datetime) {\n        <mat-form-field class=\"time\">\n            <input [value]=\"time\" matInput type=\"time\" (input)=\"timeChanged($event)\" />\n        </mat-form-field>\n    }\n</div>\n", styles: [".wrapper{display:flex;gap:8px}.wrapper .date{flex:1}.wrapper .time{width:100px}\n"], dependencies: [{ kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i2$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i2$7.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i2$7.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i2$7.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }] }); }
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"wrapper\">\n    <mat-form-field class=\"date\">\n        <mat-label>\n            {{ label }}\n        </mat-label>\n        <mat-hint>{{ hint }}</mat-hint>\n        <input\n            [matDatepicker]=\"picker\"\n            [required]=\"required\"\n            [value]=\"datetime\"\n            matInput\n            (dateInput)=\"dateChanged($event)\"\n        />\n        <mat-datepicker-toggle [for]=\"picker\" matSuffix></mat-datepicker-toggle>\n        <mat-datepicker #picker></mat-datepicker>\n    </mat-form-field>\n    @if (datetime) {\n        <mat-form-field class=\"time\">\n            <input [value]=\"time\" matInput type=\"time\" (input)=\"timeChanged($event)\" />\n        </mat-form-field>\n    }\n</div>\n", styles: [".wrapper{display:flex;gap:8px}.wrapper .date{flex:1}.wrapper .time{width:100px}\n"], dependencies: [{ kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i2$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i1$4.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i1$4.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i1$4.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: DatetimeFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: DatetimeFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-datetime-field', providers: [
                         ...createControlProviders(() => DatetimeFieldComponent),
@@ -3439,11 +3623,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
             }] } });
 
 class DatetimeFieldModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: DatetimeFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: DatetimeFieldModule, declarations: [DatetimeFieldComponent], imports: [CommonModule, MatFormFieldModule, MatInputModule, MatDatepickerModule], exports: [DatetimeFieldComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: DatetimeFieldModule, imports: [CommonModule, MatFormFieldModule, MatInputModule, MatDatepickerModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: DatetimeFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: DatetimeFieldModule, declarations: [DatetimeFieldComponent], imports: [CommonModule, MatFormFieldModule, MatInputModule, MatDatepickerModule], exports: [DatetimeFieldComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: DatetimeFieldModule, imports: [CommonModule, MatFormFieldModule, MatInputModule, MatDatepickerModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: DatetimeFieldModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: DatetimeFieldModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [DatetimeFieldComponent],
@@ -3500,10 +3684,10 @@ class SwitchButtonComponent extends FormControlSuperclass {
     getValue(index) {
         return this.hasChangeValue ? this.states[index]?.value : index;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SwitchButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: SwitchButtonComponent, isStandalone: false, selector: "v-switch-button", inputs: { states: "states" }, providers: createControlProviders(() => SwitchButtonComponent), usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<button [matTooltip]=\"tooltip\" class=\"button\" mat-icon-button (click)=\"change()\">\n    <mat-icon class=\"icon\">{{ state?.icon }}</mat-icon>\n</button>\n", dependencies: [{ kind: "component", type: i1$4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2$5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SwitchButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", type: SwitchButtonComponent, isStandalone: false, selector: "v-switch-button", inputs: { states: "states" }, providers: createControlProviders(() => SwitchButtonComponent), usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<button [matTooltip]=\"tooltip\" class=\"button\" mat-icon-button (click)=\"change()\">\n    <mat-icon class=\"icon\">{{ state?.icon }}</mat-icon>\n</button>\n", dependencies: [{ kind: "component", type: i1$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2$5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SwitchButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SwitchButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-switch-button', providers: createControlProviders(() => SwitchButtonComponent), standalone: false, template: "<button [matTooltip]=\"tooltip\" class=\"button\" mat-icon-button (click)=\"change()\">\n    <mat-icon class=\"icon\">{{ state?.icon }}</mat-icon>\n</button>\n" }]
         }], propDecorators: { states: [{
@@ -3511,11 +3695,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
             }] } });
 
 class SwitchButtonModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SwitchButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: SwitchButtonModule, declarations: [SwitchButtonComponent], imports: [CommonModule, MatButtonModule, MatIconModule, MatTooltipModule], exports: [SwitchButtonComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SwitchButtonModule, imports: [CommonModule, MatButtonModule, MatIconModule, MatTooltipModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SwitchButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: SwitchButtonModule, declarations: [SwitchButtonComponent], imports: [CommonModule, MatButtonModule, MatIconModule, MatTooltipModule], exports: [SwitchButtonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SwitchButtonModule, imports: [CommonModule, MatButtonModule, MatIconModule, MatTooltipModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SwitchButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SwitchButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [SwitchButtonComponent],
@@ -3525,8 +3709,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
         }] });
 
 class NavComponent {
-    constructor(urlService) {
-        this.urlService = urlService;
+    constructor() {
+        this.urlService = inject(UrlService);
         this.type = input();
         this.links = input([], {
             transform: (v) => (isArray(v[0]) ? v : [v]),
@@ -3544,18 +3728,18 @@ class NavComponent {
             return res;
         }, { index: Infinity, link: null })?.link), shareReplay({ refCount: true, bufferSize: 1 }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: NavComponent, deps: [{ token: UrlService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: NavComponent, isStandalone: true, selector: "v-nav", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, links: { classPropertyName: "links", publicName: "links", isSignal: true, isRequired: false, transformFunction: null }, exact: { classPropertyName: "exact", publicName: "exact", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div [ngClass]=\"{ 'v-nav__secondary': type() === 'secondary' }\" class=\"v-nav\">\n    @for (linksGroup of links(); track linksGroup; let index = $index) {\n        @if (index !== 0) {\n            <mat-divider></mat-divider>\n        }\n        @for (link of linksGroup; track link) {\n            <div\n                [ngClass]=\"{ item__active: (activeLink$ | async) === link }\"\n                [routerLink]=\"link.url\"\n                [title]=\"link.label\"\n                class=\"mat-body-large item mat-no-margin\"\n            >\n                {{ link.label }}\n            </div>\n        }\n    }\n</div>\n", styles: [".v-nav{display:flex;flex-direction:column}.v-nav .item{cursor:pointer;padding:12px 24px 12px 12px}.v-nav .item__active{font-weight:500}.v-nav .item:after{display:block;content:attr(title);font-weight:500;height:0;color:transparent;overflow:hidden;visibility:hidden}.v-nav__secondary .item{border-left:solid 4px}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: NavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: NavComponent, isStandalone: true, selector: "v-nav", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, links: { classPropertyName: "links", publicName: "links", isSignal: true, isRequired: false, transformFunction: null }, exact: { classPropertyName: "exact", publicName: "exact", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div [ngClass]=\"{ 'v-nav__secondary': type() === 'secondary' }\" class=\"v-nav\">\n    @for (linksGroup of links(); track linksGroup; let index = $index) {\n        @if (index !== 0) {\n            <mat-divider></mat-divider>\n        }\n        @for (link of linksGroup; track link) {\n            <div\n                [ngClass]=\"{ item__active: (activeLink$ | async) === link }\"\n                [routerLink]=\"link.url\"\n                [title]=\"link.label\"\n                class=\"mat-body-large item mat-no-margin\"\n            >\n                {{ link.label }}\n            </div>\n        }\n    }\n</div>\n", styles: [".v-nav{display:flex;flex-direction:column}.v-nav .item{cursor:pointer;padding:12px 24px 12px 12px}.v-nav .item__active{font-weight:500}.v-nav .item:after{display:block;content:attr(title);font-weight:500;height:0;color:transparent;overflow:hidden;visibility:hidden}.v-nav__secondary .item{border-left:solid 4px}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: NavComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: NavComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-nav', imports: [RouterLink, NgClass, AsyncPipe, MatDivider], encapsulation: ViewEncapsulation.None, template: "<div [ngClass]=\"{ 'v-nav__secondary': type() === 'secondary' }\" class=\"v-nav\">\n    @for (linksGroup of links(); track linksGroup; let index = $index) {\n        @if (index !== 0) {\n            <mat-divider></mat-divider>\n        }\n        @for (link of linksGroup; track link) {\n            <div\n                [ngClass]=\"{ item__active: (activeLink$ | async) === link }\"\n                [routerLink]=\"link.url\"\n                [title]=\"link.label\"\n                class=\"mat-body-large item mat-no-margin\"\n            >\n                {{ link.label }}\n            </div>\n        }\n    }\n</div>\n", styles: [".v-nav{display:flex;flex-direction:column}.v-nav .item{cursor:pointer;padding:12px 24px 12px 12px}.v-nav .item__active{font-weight:500}.v-nav .item:after{display:block;content:attr(title);font-weight:500;height:0;color:transparent;overflow:hidden;visibility:hidden}.v-nav__secondary .item{border-left:solid 4px}\n"] }]
-        }], ctorParameters: () => [{ type: UrlService }] });
+        }] });
 
 class AmountCurrencyPipe {
-    constructor(_locale, _defaultCurrencyCode = 'USD') {
-        this._locale = _locale;
-        this._defaultCurrencyCode = _defaultCurrencyCode;
+    constructor() {
+        this._locale = inject(LOCALE_ID);
+        this._defaultCurrencyCode = inject(DEFAULT_CURRENCY_CODE);
     }
     transform(amount, currencyCode = this._defaultCurrencyCode, format = 'long', exponent, isMajor = false) {
         if (typeof amount === 'number') {
@@ -3563,31 +3747,25 @@ class AmountCurrencyPipe {
         }
         return amount;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: AmountCurrencyPipe, deps: [{ token: LOCALE_ID }, { token: DEFAULT_CURRENCY_CODE }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: AmountCurrencyPipe, isStandalone: true, name: "amountCurrency" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AmountCurrencyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: AmountCurrencyPipe, isStandalone: true, name: "amountCurrency" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: AmountCurrencyPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AmountCurrencyPipe, decorators: [{
             type: Pipe,
             args: [{
                     standalone: true,
                     name: 'amountCurrency',
                 }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [LOCALE_ID]
-                }] }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [DEFAULT_CURRENCY_CODE]
-                }] }] });
+        }] });
 
 class EnumKeyValuesPipe {
     transform(value) {
         return getEnumKeyValues(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: EnumKeyValuesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: EnumKeyValuesPipe, isStandalone: true, name: "enumKeyValues" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: EnumKeyValuesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: EnumKeyValuesPipe, isStandalone: true, name: "enumKeyValues" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: EnumKeyValuesPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: EnumKeyValuesPipe, decorators: [{
             type: Pipe,
             args: [{
                     standalone: true,
@@ -3599,10 +3777,10 @@ class EnumKeyPipe {
     transform(value, enumObj) {
         return !isNil(value) && enumObj ? getEnumKey(enumObj, value) : '';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: EnumKeyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: EnumKeyPipe, isStandalone: true, name: "enumKey" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: EnumKeyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: EnumKeyPipe, isStandalone: true, name: "enumKey" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: EnumKeyPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: EnumKeyPipe, decorators: [{
             type: Pipe,
             args: [{
                     standalone: true,
@@ -3614,10 +3792,10 @@ class EnumKeysPipe {
     transform(value) {
         return getEnumKeys(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: EnumKeysPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: EnumKeysPipe, isStandalone: true, name: "enumKeys" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: EnumKeysPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: EnumKeysPipe, isStandalone: true, name: "enumKeys" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: EnumKeysPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: EnumKeysPipe, decorators: [{
             type: Pipe,
             args: [{
                     standalone: true,
@@ -3635,10 +3813,10 @@ class HumanizedDurationPipe extends AsyncTransform {
     transform(...params) {
         return super.asyncTransform(params);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: HumanizedDurationPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: HumanizedDurationPipe, isStandalone: true, name: "humanizedDuration", pure: false }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: HumanizedDurationPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: HumanizedDurationPipe, isStandalone: true, name: "humanizedDuration", pure: false }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: HumanizedDurationPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: HumanizedDurationPipe, decorators: [{
             type: Pipe,
             args: [{
                     standalone: true,
@@ -3651,10 +3829,10 @@ class InlineJsonPipe {
     transform(value, maxReadableLever = 1) {
         return inlineJson(value, maxReadableLever === false ? Infinity : maxReadableLever);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: InlineJsonPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: InlineJsonPipe, isStandalone: false, name: "inlineJson" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: InlineJsonPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: InlineJsonPipe, isStandalone: false, name: "inlineJson" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: InlineJsonPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: InlineJsonPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'inlineJson',
@@ -3663,8 +3841,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
         }] });
 
 class VSelectPipe {
-    constructor(ref) {
-        this.ref = ref;
+    constructor() {
+        this.ref = inject(ChangeDetectorRef);
     }
     transform(obj, selectFn, defaultValue, rest = []) {
         const res = obj && selectFn ? select(obj, selectFn, defaultValue, rest) : null;
@@ -3679,21 +3857,21 @@ class VSelectPipe {
     ngOnDestroy() {
         this.asyncPipe?.ngOnDestroy?.();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: VSelectPipe, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: VSelectPipe, isStandalone: true, name: "vSelect", pure: false }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: VSelectPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: VSelectPipe, isStandalone: true, name: "vSelect", pure: false }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: VSelectPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: VSelectPipe, decorators: [{
             type: Pipe,
             args: [{
                     standalone: true,
                     name: 'vSelect',
                     pure: false,
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }] });
+        }] });
 
 class PipesModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: PipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: PipesModule, declarations: [InlineJsonPipe], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: PipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: PipesModule, declarations: [InlineJsonPipe], imports: [CommonModule,
             EnumKeyPipe,
             EnumKeysPipe,
             EnumKeyValuesPipe,
@@ -3706,9 +3884,9 @@ class PipesModule {
             AmountCurrencyPipe,
             VSelectPipe,
             HumanizedDurationPipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: PipesModule, imports: [CommonModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: PipesModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: PipesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: PipesModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [InlineJsonPipe],
@@ -3737,5 +3915,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ActionsComponent, ActionsModule, AmountCurrencyPipe, AsyncTransform, AutocompleteFieldComponent, AutocompleteFieldModule, BASE_CONFIG, ConfigServiceSuperclass, ConfirmDialogComponent, ConfirmDialogModule, ContentLoadingComponent, DATE_QUERY_PARAMS_SERIALIZERS, DEFAULT_DIALOG_CONFIG, DEFAULT_DIALOG_CONFIG_FULL_HEIGHT, DIALOG_CONFIG, DateRangeFieldComponent, DateRangeFieldModule, DatetimeFieldComponent, DatetimeFieldModule, DebounceTime, DialogActionsComponent, DialogComponent, DialogModule, DialogResponseStatus, DialogService, DialogSuperclass, EnumKeyPipe, EnumKeyValuesPipe, EnumKeysPipe, ErrorPageComponent, ErrorPageModule, FetchSuperclass, FileUploadComponent, FileUploadModule, FiltersComponent, FiltersModule, FormComponentSuperclass, FormControlSuperclass, FormGroupSuperclass, HighlightDirective, HumanizedDurationPipe, InlineJsonPipe, InputFieldComponent, InputFieldModule, ListFieldComponent, ListFieldModule, LogModule, MainFiltersDirective, MoreFiltersButtonComponent, NavComponent, NormColumn, NotifyLogService, NumberRangeFieldComponent, NumberRangeFieldModule, OtherFiltersDirective, PipesModule, QUERY_PARAMS_SERIALIZERS, QueryParamsModule, QueryParamsService, SelectFieldComponent, SelectFieldModule, SingleFetchSuperclass, SwitchButtonComponent, SwitchButtonModule, TableActionsComponent, TableComponent, TableInputsComponent, TableModule, TagComponent, TagModule, UrlService, VSelectPipe, ValueComponent, ValueListComponent, arrayAttribute, asyncStartWith, cachedHeadMap, clean, cleanPrimitiveProps, compareDifferentTypes, correctPriorities, countChanged, countProps, createColumn, createControlProviders, createControls, createCsv, createDateFromNoTimeZoneString, createDateRangeToToday, createMenuColumn, debounceTimeWithFirst, downloadFile, enumHasValue, forkJoinToResult, formatCurrency, getCurrencyExponent, getEnumEntries, getEnumKey, getEnumKeyValues, getEnumKeys, getEnumValues, getErrorsTree, getImportValue, getNoTimeZoneIsoString, getPossiblyAsyncObservable, getValidValueChanges, getValue$1 as getValue, getValueChanges, handleError, hasControls, inProgressFrom, inlineJson, isAsync, isEmpty, isEmptyPrimitive, isEqualDateRange, isResultsHasError, loadFileContent, normalizeCell, normalizePossiblyFn, passError, progressTo, select, setDisabled, splitBySeparators, splitResultsErrors, switchCombineWith, toMajor, toMajorByExponent, toMinor, toMinorByExponent, treeDataItemToInlineDataItem };
+export { ActionsComponent, ActionsModule, AmountCurrencyPipe, AsyncTransform, AutocompleteFieldComponent, AutocompleteFieldModule, BASE_CONFIG, ConfigServiceSuperclass, ConfirmDialogComponent, ConfirmDialogModule, ContentLoadingComponent, DATE_QUERY_PARAMS_SERIALIZERS, DEFAULT_DIALOG_CONFIG, DEFAULT_DIALOG_CONFIG_FULL_HEIGHT, DIALOG_CONFIG, DateRangeFieldComponent, DateRangeFieldModule, DatetimeFieldComponent, DatetimeFieldModule, DebounceTime, DialogActionsComponent, DialogComponent, DialogModule, DialogResponseStatus, DialogService, DialogSuperclass, EnumKeyPipe, EnumKeyValuesPipe, EnumKeysPipe, ErrorPageComponent, ErrorPageModule, FetchSuperclass, FileUploadComponent, FileUploadModule, FiltersComponent, FiltersModule, FormComponentSuperclass, FormControlSuperclass, FormGroupSuperclass, HighlightDirective, HumanizedDurationPipe, InlineJsonPipe, InputFieldComponent, InputFieldModule, ListFieldComponent, ListFieldModule, LogModule, MainFiltersDirective, MoreFiltersButtonComponent, NavComponent, NormColumn, NotifyLogService, NumberRangeFieldComponent, NumberRangeFieldModule, OtherFiltersDirective, PipesModule, QUERY_PARAMS_SERIALIZERS, QueryParamsModule, QueryParamsService, SelectFieldComponent, SelectFieldModule, SingleFetchSuperclass, SwitchButtonComponent, SwitchButtonModule, TableActionsComponent, TableComponent, TableInputsComponent, TableModule, TagComponent, TagModule, ToastService, UrlService, VSelectPipe, ValueComponent, ValueListComponent, arrayAttribute, asyncStartWith, cachedHeadMap, clean, cleanPrimitiveProps, compareDifferentTypes, correctPriorities, countChanged, countProps, createColumn, createControlProviders, createControls, createCsv, createDateFromNoTimeZoneString, createDateRangeToToday, createMenuColumn, createStorageValue, debounceTimeWithFirst, downloadFile, enumHasValue, forkJoinToResult, formatCurrency, getCurrencyExponent, getEnumEntries, getEnumKey, getEnumKeyValues, getEnumKeys, getEnumValues, getErrorsTree, getImportValue, getNoTimeZoneIsoString, getPossiblyAsyncObservable, getValidValueChanges, getValue$1 as getValue, getValueChanges, handleError, hasControls, inProgressFrom, inlineJson, isAsync, isEmpty, isEmptyPrimitive, isEqualDateRange, isResultsHasError, loadFileContent, normalizeCell, normalizePossiblyFn, parseCsv, passError, progressTo, select, serializeQueryParam, serializeQueryParams, setDisabled, splitBySeparators, splitResultsErrors, subscribeReturn, switchCombineWith, toMajor, toMajorByExponent, toMinor, toMinorByExponent, treeDataItemToInlineDataItem, unifyCsvItems };
 //# sourceMappingURL=vality-matez.mjs.map