@vality/matez 19.0.1-60eda61.0 → 19.0.1-86043f7.0

package/fesm2022/vality-matez.mjs

@@ -1,7 +1,7 @@
 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 { ChangeDetectionStrategy, Component, NgModule, Input, EventEmitter, booleanAttribute, Output, HostBinding, InjectionToken, Optional, Inject, Injectable, 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 { ChangeDetectionStrategy, Component, NgModule, Input, EventEmitter, booleanAttribute, Output, HostBinding, InjectionToken, Optional, Inject, Injectable, inject, Directive, input, numberAttribute, ChangeDetectorRef, DestroyRef, forwardRef, Injector, LOCALE_ID, model, runInInjectionContext, 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 { MatButtonModule, MatIconButton, MatButton } from '@angular/material/button';
 import * as i1$2 from '@angular/material/dialog';
@@ -962,9 +962,11 @@ function DebounceTime(ms = 500) {
     };
 }
 
-function createStorageValue(key, { serialize = (v) => (v === null ? null : String(v)), deserialize, injector, }) {
+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 }));
-    return {
+    const value = {
         get() {
             return deserialize(localStorage.getItem(key));
         },
@@ -978,6 +980,12 @@ function createStorageValue(key, { serialize = (v) => (v === null ? null : Strin
         value$,
         value: toSignal(value$, { injector }),
     };
+    if (changed$) {
+        changed$.pipe(takeUntilDestroyed(inject(DestroyRef))).subscribe((v) => {
+            value.set(v);
+        });
+    }
+    return value;
 }
 
 class InputFieldComponent extends FormControlSuperclass {
@@ -988,13 +996,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.2.2", ngImport: i0, type: InputFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", 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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", 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: 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.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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", 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: [{
@@ -1895,7 +1904,7 @@ class TableInfoBarComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: TableInfoBarComponent, deps: [{ token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", 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                          : 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: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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", 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                          : 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: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", "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: 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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: TableInfoBarComponent, decorators: [{
             type: Component,
@@ -3472,11 +3481,11 @@ class FileUploadComponent {
         this.upload.emit(this.file);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: FileUploadComponent, deps: [{ token: NotifyLogService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", 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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", 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$4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", 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"] }]
+            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"] }]
         }], ctorParameters: () => [{ type: NotifyLogService }], propDecorators: { label: [{
                 type: Input
             }], extensions: [{