axioma-material 6.0.55 → 6.0.59

package/fesm2022/axioma-material.mjs

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
-import { inject, Injectable, Component, ChangeDetectionStrategy, Injector, input, booleanAttribute, output, signal, computed, effect, ViewChild, Input, EventEmitter, Output, forwardRef, TemplateRef, NgModule, Directive } from '@angular/core';
+import { inject, Injectable, ChangeDetectionStrategy, Component, Injector, input, booleanAttribute, output, signal, computed, effect, Input, ViewChild, EventEmitter, Output, forwardRef, TemplateRef, NgModule, Directive } from '@angular/core';
 import { MatSnackBar } from '@angular/material/snack-bar';
 import { createActionGroup, emptyProps, props, Store, createReducer, on, createFeature, createFeatureSelector, createSelector, provideState } from '@ngrx/store';
-import { finalize, take, of, map, first, filter, switchMap, tap } from 'rxjs';
+import { finalize, take, of, map, first, filter, mergeMap, tap } from 'rxjs';
 import { MAT_DIALOG_DATA, MatDialogRef, MatDialogContent, MatDialogActions, MatDialogTitle, MatDialog } from '@angular/material/dialog';
 import { NgTemplateOutlet, CommonModule, Location } from '@angular/common';
 import * as i5 from '@angular/material/button';
@@ -10,7 +10,7 @@ import { MatButtonModule } from '@angular/material/button';
 import * as i1 from '@angular/material/autocomplete';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
 import * as i5$1 from '@angular/forms';
-import { FormControl, NgControl, NG_VALUE_ACCESSOR, ReactiveFormsModule, Validators, NG_VALIDATORS, NgModel, FormControlDirective, FormControlName, ControlContainer } from '@angular/forms';
+import { FormControl, NgControl, ReactiveFormsModule, NG_VALUE_ACCESSOR, Validators, NG_VALIDATORS, NgModel, FormControlDirective, FormControlName, ControlContainer } from '@angular/forms';
 import * as i3 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
 import * as i6 from '@angular/material/icon';
@@ -36,7 +36,7 @@ import { MatCheckboxModule } from '@angular/material/checkbox';
 import { SelectionModel } from '@angular/cdk/collections';
 import { Actions, ofType, createEffect, provideEffects } from '@ngrx/effects';
 import { concatLatestFrom } from '@ngrx/operators';
-import { map as map$1, mergeMap, filter as filter$1, catchError, concatMap, tap as tap$1 } from 'rxjs/operators';
+import { map as map$1, mergeMap as mergeMap$1, filter as filter$1, catchError, concatMap, tap as tap$1 } from 'rxjs/operators';
 import * as i1$2 from '@angular/common/http';
 import { HttpClient, HttpHeaders } from '@angular/common/http';
 import { ROUTER_NAVIGATION } from '@ngrx/router-store';
@@ -46,10 +46,10 @@ class SnackService {
     info(message, action = 'Dismiss', duration = 3000) {
         this.snackBar.open(message, action, { duration });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: SnackService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: SnackService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SnackService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SnackService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: SnackService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SnackService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -105,10 +105,10 @@ class ConfirmationDialogComponent {
     clickButton(button) {
         this.dialogRef.close(button.value);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ConfirmationDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: ConfirmationDialogComponent, isStandalone: true, selector: "x-confirmation-dialog", ngImport: i0, template: "<h2 mat-dialog-title>{{data.title}}</h2>\n<mat-dialog-content cdkTrapFocus class=\"mat-typography\">\n    @if(data.message){\n    <p>{{data.message}}</p>\n    } @else if (data.messageRef) {\n        <ng-container *ngTemplateOutlet=\"data.messageRef\"></ng-container>\n    }\n</mat-dialog-content>\n<mat-dialog-actions>\n    @for(button of data.buttons; track button){\n        @if(button.default){\n        <button mat-button (click)=\"clickButton(button)\" cdkFocusInitial>{{button.text}}</button>\n        } @else {\n            <button mat-button (click)=\"clickButton(button)\">{{button.text}}</button>\n        }\n    }\n</mat-dialog-actions>", styles: [""], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: ConfirmationDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: ConfirmationDialogComponent, isStandalone: true, selector: "x-confirmation-dialog", ngImport: i0, template: "<h2 mat-dialog-title>{{data.title}}</h2>\n<mat-dialog-content cdkTrapFocus class=\"mat-typography\">\n    @if(data.message){\n    <p>{{data.message}}</p>\n    } @else if (data.messageRef) {\n        <ng-container *ngTemplateOutlet=\"data.messageRef\"></ng-container>\n    }\n</mat-dialog-content>\n<mat-dialog-actions>\n    @for(button of data.buttons; track button){\n        @if(button.default){\n        <button mat-button (click)=\"clickButton(button)\" cdkFocusInitial>{{button.text}}</button>\n        } @else {\n            <button mat-button (click)=\"clickButton(button)\">{{button.text}}</button>\n        }\n    }\n</mat-dialog-actions>", styles: [""], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ConfirmationDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: ConfirmationDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'x-confirmation-dialog', imports: [NgTemplateOutlet, MatButtonModule, MatDialogContent, MatDialogActions, MatDialogTitle], changeDetection: ChangeDetectionStrategy.OnPush, template: "<h2 mat-dialog-title>{{data.title}}</h2>\n<mat-dialog-content cdkTrapFocus class=\"mat-typography\">\n    @if(data.message){\n    <p>{{data.message}}</p>\n    } @else if (data.messageRef) {\n        <ng-container *ngTemplateOutlet=\"data.messageRef\"></ng-container>\n    }\n</mat-dialog-content>\n<mat-dialog-actions>\n    @for(button of data.buttons; track button){\n        @if(button.default){\n        <button mat-button (click)=\"clickButton(button)\" cdkFocusInitial>{{button.text}}</button>\n        } @else {\n            <button mat-button (click)=\"clickButton(button)\">{{button.text}}</button>\n        }\n    }\n</mat-dialog-actions>" }]
         }], ctorParameters: () => [] });
@@ -121,10 +121,10 @@ class ConfirmationService {
         });
         return ref.afterClosed();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ConfirmationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ConfirmationService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: ConfirmationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: ConfirmationService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ConfirmationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: ConfirmationService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -246,8 +246,8 @@ class SmartSelectComponent {
         e.stopPropagation();
         this.newClick.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: SmartSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: SmartSelectComponent, isStandalone: true, selector: "x-smart-select", inputs: { $displayFn: { classPropertyName: "$displayFn", publicName: "display", isSignal: true, isRequired: false, transformFunction: null }, $hint: { classPropertyName: "$hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, $label: { classPropertyName: "$label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, $options: { classPropertyName: "$options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, $toolbar: { classPropertyName: "$toolbar", publicName: "toolbar", isSignal: true, isRequired: false, transformFunction: null }, $new: { classPropertyName: "$new", publicName: "new", isSignal: true, isRequired: false, transformFunction: null }, $required: { classPropertyName: "$required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: false, isRequired: false, transformFunction: booleanAttribute } }, outputs: { newClick: "newClick", change: "change", filter: "filter" }, host: { listeners: { "blur": "onTouched($event)" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SmartSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: SmartSelectComponent, isStandalone: true, selector: "x-smart-select", inputs: { $displayFn: { classPropertyName: "$displayFn", publicName: "display", isSignal: true, isRequired: false, transformFunction: null }, $hint: { classPropertyName: "$hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, $label: { classPropertyName: "$label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, $options: { classPropertyName: "$options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, $toolbar: { classPropertyName: "$toolbar", publicName: "toolbar", isSignal: true, isRequired: false, transformFunction: null }, $new: { classPropertyName: "$new", publicName: "new", isSignal: true, isRequired: false, transformFunction: null }, $required: { classPropertyName: "$required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: false, isRequired: false, transformFunction: booleanAttribute } }, outputs: { newClick: "newClick", change: "change", filter: "filter" }, host: { listeners: { "blur": "onTouched($event)" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 multi: true,
@@ -255,7 +255,7 @@ class SmartSelectComponent {
             }
         ], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "auto", first: true, predicate: ["auto"], descendants: true }], ngImport: i0, template: "<mat-form-field class=\"w-full\">\n    <mat-label>{{$label()}}</mat-label>\n    <input #input [formControl]=\"control\" [required]=\"$required()\" type=\"text\" (input)=\"setFilter()\" (focus)=\"setFilter()\"\n        placeholder=\"Select {{$label()}}\" [attr.aria-label]=\"$label()\" matInput [matAutocomplete]=\"auto\">\n    @if($new()){\n    <button type=\"button\" matSuffix matTooltipPositionAtOrigin=\"true\" matTooltip=\"Create new\" (click)=\"onNew($event)\" mat-icon-button>\n        <mat-icon>add</mat-icon>\n    </button>\n    }\n    <mat-error>{{getErrorMessage()}}</mat-error>\n    @if (!$toolbar()){\n    <mat-hint>{{$hint()}}</mat-hint>\n    }\n    <mat-autocomplete autoActiveFirstOption #auto=\"matAutocomplete\" (optionSelected)=\"onAutoCompleteChange($event)\"\n        [displayWith]=\"$displayFn()\">\n        @if(!$required()){\n        <mat-option>None</mat-option>\n        }\n        @for (opt of $filtered(); track opt.id) {\n        <mat-option [value]=\"opt\">{{display(opt)}}</mat-option>\n        }\n    </mat-autocomplete>\n</mat-form-field>", styles: [""], dependencies: [{ kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i1.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: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.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$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i5$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i7.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: SmartSelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SmartSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'x-smart-select', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatAutocompleteModule, MatInputModule, ReactiveFormsModule, MatIconModule,
                         MatTooltipModule, MatButtonModule], host: {
@@ -290,10 +290,10 @@ class DetailActionsComponent {
     constructor() {
         this.cancel.pipe(take(1)).subscribe(() => this.dontRoute || this.store.dispatch(SharedActions.back()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: DetailActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.1.4", type: DetailActionsComponent, isStandalone: true, selector: "x-detail-actions", inputs: { dontRoute: ["no-routing", "dontRoute", booleanAttribute] }, outputs: { cancel: "cancel" }, ngImport: i0, template: "<mat-toolbar class=\"flex flex-row gap-2 p-2\">\n    <button mat-stroked-button type=\"submit\"><mat-icon>save</mat-icon> Save</button>\n    <button mat-button type=\"button\" (click)=\"cancel.emit()\"><mat-icon>cancel</mat-icon> Cancel</button>\n    <div class=\"flex-grow\"></div>\n    <ng-content select=\"[right]\"></ng-content>\n</mat-toolbar>", styles: [""], dependencies: [{ kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i1$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: DetailActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.1", type: DetailActionsComponent, isStandalone: true, selector: "x-detail-actions", inputs: { dontRoute: ["no-routing", "dontRoute", booleanAttribute] }, outputs: { cancel: "cancel" }, ngImport: i0, template: "<mat-toolbar class=\"flex flex-row gap-2 p-2\">\n    <button mat-stroked-button type=\"submit\"><mat-icon>save</mat-icon> Save</button>\n    <button mat-button type=\"button\" (click)=\"cancel.emit()\"><mat-icon>cancel</mat-icon> Cancel</button>\n    <div class=\"flex-grow\"></div>\n    <ng-content select=\"[right]\"></ng-content>\n</mat-toolbar>", styles: [""], dependencies: [{ kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i1$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: DetailActionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: DetailActionsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'x-detail-actions', imports: [MatToolbarModule, MatIconModule, MatButtonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-toolbar class=\"flex flex-row gap-2 p-2\">\n    <button mat-stroked-button type=\"submit\"><mat-icon>save</mat-icon> Save</button>\n    <button mat-button type=\"button\" (click)=\"cancel.emit()\"><mat-icon>cancel</mat-icon> Cancel</button>\n    <div class=\"flex-grow\"></div>\n    <ng-content select=\"[right]\"></ng-content>\n</mat-toolbar>" }]
         }], ctorParameters: () => [], propDecorators: { dontRoute: [{
@@ -364,8 +364,8 @@ class EmailComponent {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: EmailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: EmailComponent, isStandalone: true, selector: "x-email", inputs: { checkUserExistsFn: { classPropertyName: "checkUserExistsFn", publicName: "checkUserExistsFn", isSignal: false, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null }, $touched: { classPropertyName: "$touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, $existing: { classPropertyName: "$existing", publicName: "existing", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { login: "login", exists: "exists" }, host: { listeners: { "blur": "onTouch($event)" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EmailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: EmailComponent, isStandalone: true, selector: "x-email", inputs: { checkUserExistsFn: { classPropertyName: "checkUserExistsFn", publicName: "checkUserExistsFn", isSignal: false, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null }, $touched: { classPropertyName: "$touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, $existing: { classPropertyName: "$existing", publicName: "existing", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { login: "login", exists: "exists" }, host: { listeners: { "blur": "onTouch($event)" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 multi: true,
@@ -378,7 +378,7 @@ class EmailComponent {
             },
         ], ngImport: i0, template: "<mat-form-field >\n    <mat-label>{{label}}</mat-label>\n    <input matInput type=\"email\" [formControl]=\"control\" required>\n    <mat-hint><ng-content></ng-content></mat-hint>\n    @if (control.hasError('required')){\n    <mat-error>Email is required</mat-error>\n    } @else if (control.hasError('email')){\n    <mat-error>Email is invalid</mat-error>\n    } @else if (control.hasError('exists')){\n    <mat-error>Email already exists: <a (click)=\"login.emit()\">sign in</a>.</mat-error>\n    } @else if (control.hasError('missing')){\n    <mat-error>Email is missing</mat-error>\n    }\n</mat-form-field>", styles: ["mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i5$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.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: "ngmodule", type: RouterModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: EmailComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EmailComponent, decorators: [{
             type: Component,
             args: [{ selector: 'x-email', imports: [ReactiveFormsModule, MatFormFieldModule, MatInputModule, RouterModule], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '(blur)': 'onTouch($event)'
@@ -409,6 +409,7 @@ const GridActions = createActionGroup({
     source: 'Grid',
     events: {
         'Refresh': emptyProps(),
+        'Implicit Load': props(),
         'Load': props(),
         'Load Success': props(),
         'Change Paging': props(),
@@ -428,9 +429,10 @@ const initialState$2 = {
 const reducer$2 = createReducer(initialState$2, on(GridActions.loadSuccess, (state, { name, data, count }) => ({
     ...state,
     grids: { ...state.grids, [name]: { ...state.grids[name], data, count, loading: false } }
-})), on(GridActions.load, (state, { name }) => ({
+})), on(GridActions.implicitLoad, (state, { name, dataUrl }) => ({
     ...state,
     grids: { ...state.grids, [name]: { ...state.grids[name],
+            dataUrl,
             data: undefined,
             count: undefined,
             loading: true } }
@@ -492,7 +494,7 @@ const selectSortDir = createSelector(selectGridSetup, selectQueryParam('sort-dir
 const selectSearchFields = createSelector(selectGridSetup, d => d?.searchFields);
 const selectIsGrid = createSelector(selectGridSetup, s => !!s);
 const selectGridName = createSelector(selectGridSetup, s => s?.controllerMethod);
-const selectDataUrl = createSelector(selectGridSetup, s => `/api/${s?.controllerMethod}`);
+const selectDataUrl = (name) => createSelector(selectGridSetup, selectGridData(name), (s, d) => s?.controllerMethod ? `/api/${s?.controllerMethod}` : d?.dataUrl);
 const selectFilterText = createSelector(selectGridFilters('filter'), f => f?.fields?.at(0)?.values?.at(0) ?? '');
 const selectDataRequest = createSelector(selectPageIndex, selectPageSize, selectSortBy, selectSortDir, selectGridFilters('base-filter'), selectGridFilters('filter'), (pageIndex, pageSize, sortBy, sortDir, baseFilters, filters) => ({
     paging: { page: pageIndex + 1, pageSize },
@@ -512,6 +514,10 @@ function combineFilters(filters) {
 }
 
 class GridComponent {
+    toolbar;
+    get hasToolbar() {
+        return !!this.toolbar?.nativeElement?.children.length;
+    }
     $deleteSuccess = toSignal(inject(Actions).pipe(ofType(GridActions.bulkDeleteSuccess)));
     route = inject(ActivatedRoute);
     router = inject(Router);
@@ -540,7 +546,13 @@ class GridComponent {
         }
         return res;
     });
-    $gridData = toSignal(toObservable(this.$gridName).pipe(filter(name => !!name), switchMap(name => this.store.select(selectGridData(name)))));
+    $data = input(undefined, { alias: 'data' });
+    $storeData = toSignal(toObservable(this.$gridName).pipe(filter(name => !!name), mergeMap(name => this.store.select(selectGridData(name)))));
+    $gridData = computed(() => {
+        let data = this.$data();
+        let storeData = this.$storeData();
+        return data ?? storeData;
+    });
     $filter = this.store.selectSignal(selectFilterText);
     $pageIndex = this.store.selectSignal(selectPageIndex);
     $pageSize = this.store.selectSignal(selectPageSize);
@@ -645,15 +657,18 @@ class GridComponent {
             return this.$allSelected() && !selection?.hasValue() ? total : selection?.selected.length;
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: GridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: GridComponent, isStandalone: true, selector: "x-grid", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: false, isRequired: false, transformFunction: null }, $bulk: { classPropertyName: "$bulk", publicName: "bulk", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { action: "action" }, ngImport: i0, template: "<mat-toolbar class=\"flex flex-row gap-2 p-2\">\n    @if($hasSearch()){\n    <div class=\"h-full\">\n        <mat-form-field>\n            <mat-label>Search</mat-label>\n            <mat-icon matPrefix>search</mat-icon>\n            <input matInput type=\"text\" [value]=\"$filter()\" (keyup)=\"filterKeyUp($event)\">\n            @if ($filter()) {\n            <button matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"setFilter('')\">\n                <mat-icon>close</mat-icon>\n            </button>\n            }\n        </mat-form-field>\n    </div>\n    }\n    <ng-content select=\"[toolbar]\"></ng-content>\n    @for(button of $buttons(); track button.name){\n    <button mat-button [routerLink]=\"button.routerLink?button.routerLink():undefined\" [matTooltip]=\"button.text\"\n        (click)=\"onAction($event,undefined,button)\"><mat-icon>{{button.icon}}</mat-icon> {{button.text}}</button>\n    }\n    @if ($config()?.new){\n    <a mat-button routerLink=\"../new\"><mat-icon>add</mat-icon> New</a>\n    }\n    @if($config()?.refresh)\n    {\n    <button mat-button (click)=\"refresh()\"><mat-icon>sync</mat-icon> Refresh</button>\n    }\n    @if($bulk()){\n    <button mat-button [disabled]=\"!$selectedCount()\" (click)=\"deleteSelected()\"><mat-icon>delete</mat-icon>\n        Delete</button>\n    }\n    <span class=\"flex-grow\"></span>\n    @if ($selectedCount() || $allSelected()){\n    <span class=\"count\"> {{$selectedCount()??0}} items selected</span>\n    }\n</mat-toolbar>\n<mat-table [dataSource]=\"$dataSource()\" matSort (matSortChange)=\"sortChange($event)\" [matSortActive]=\"$sort()\"\n    [matSortDirection]=\"$dir()\" matSortDisableClear>\n    @if ($bulk()){\n    <ng-container matColumnDef=\"select\">\n        <mat-header-cell *matHeaderCellDef class=\"select\" matTooltip=\"Select all\">\n            <mat-checkbox (change)=\"$event ? toggleAll() : null\" [checked]=\"!selection.hasValue() && $allSelected()\"\n                [indeterminate]=\"selection.hasValue() && !$allSelected()\">\n            </mat-checkbox>\n        </mat-header-cell>\n        <mat-cell *matCellDef=\"let row\" class=\"select\">\n            <mat-checkbox (click)=\"$event.stopPropagation()\" (change)=\"toggleOne($event, row)\"\n                [checked]=\"selection.isSelected(row) || $allSelected() && !selection.hasValue()\">\n            </mat-checkbox>\n        </mat-cell>\n    </ng-container>\n    }\n    @for(column of $columns(); track column.name){\n    <ng-container [matColumnDef]=\"column.name\">\n        @if (column.sort){\n        <mat-header-cell [style]=\"getStyle(column)\" *matHeaderCellDef\n            mat-sort-header>{{column.header}}</mat-header-cell>\n        } @else {\n        <mat-header-cell [style]=\"getStyle(column)\" *matHeaderCellDef>{{column.header}}</mat-header-cell>\n        }\n        <mat-cell [style]=\"getStyle(column)\" *matCellDef=\"let row\">\n            @if(column.href || column.routerLink){\n            <a [routerLink]=\"column.routerLink?column.routerLink(row):undefined\"\n                [attr.href]=\"column.href?column.href(row):undefined\"\n                (click)=\"column.action?column.action(row):undefined\">\n                {{ display(column,row) }}\n            </a>\n            } @else if (getDisplayRef(column)) {\n            <ng-container *ngTemplateOutlet=\"getDisplayRef(column); context: { $implicit: row}\"></ng-container>\n            } @else {\n            {{ display(column,row)}}\n            }\n        </mat-cell>\n    </ng-container>\n    }\n    @if($hasActions()){\n    <ng-container matColumnDef=\"actions\">\n        <mat-header-cell [style]=\"getActionStyle()\" *matHeaderCellDef>Actions</mat-header-cell>\n        <mat-cell [style]=\"getActionStyle()\" *matCellDef=\"let row\">\n            @for(action of $actions(); track action.name){\n            <button type=\"button\" mat-icon-button [disabled]=\"action.disabled?action.disabled(row):undefined\"\n                [matTooltip]=\"action.text\" (click)=\"onAction($event, row, action)\"\n                [queryParams]=\"action.queryParams?action.queryParams(row):undefined\"\n                [routerLink]=\"action.routerLink?action.routerLink(row):undefined\">\n                <mat-icon>{{action.icon}}</mat-icon>\n            </button>\n            }\n        </mat-cell>\n    </ng-container>\n    }\n    <mat-header-row *matHeaderRowDef=\"$displayedColumns()\"></mat-header-row>\n    <mat-row [class.clickable]=\"!!$config()?.defaultAction\" *matRowDef=\"let row; columns: $displayedColumns()\"\n        (click)=\"onRowClick(row)\"></mat-row>\n</mat-table>\n<mat-paginator [pageIndex]=\"$pageIndex()\" [length]=\"$gridData()?.count\" [pageSize]=\"$pageSize()\"\n    (page)=\"pageChange($event)\" aria-label=\"Select page\"></mat-paginator>", styles: ["mat-row.clickable:hover{background:#f5f5f5;cursor:pointer}.select{max-width:80px}.count{font-size:.875rem}\n"], dependencies: [{ kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.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$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i3$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i3$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i3$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i3$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i3$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i3$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i3$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i3$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i3$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i3$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i1$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i5.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i5.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i6$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: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i7.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: MatSortModule }, { kind: "directive", type: i10.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i10.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i11.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: GridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: GridComponent, isStandalone: true, selector: "x-grid", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: false, isRequired: false, transformFunction: null }, $bulk: { classPropertyName: "$bulk", publicName: "bulk", isSignal: true, isRequired: false, transformFunction: null }, $data: { classPropertyName: "$data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { action: "action" }, viewQueries: [{ propertyName: "toolbar", first: true, predicate: ["toolbar"], descendants: true }], ngImport: i0, template: "<mat-toolbar #toolbar class=\"flex flex-row gap-2 p-2\" [class.hidden]=\"!hasToolbar\">\n    @if($hasSearch()){\n    <div class=\"h-full\">\n        <mat-form-field>\n            <mat-label>Search</mat-label>\n            <mat-icon matPrefix>search</mat-icon>\n            <input matInput type=\"text\" [value]=\"$filter()\" (keyup)=\"filterKeyUp($event)\">\n            @if ($filter()) {\n            <button matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"setFilter('')\">\n                <mat-icon>close</mat-icon>\n            </button>\n            }\n        </mat-form-field>\n    </div>\n    }\n    <ng-content select=\"[toolbar]\"></ng-content>\n    @for(button of $buttons(); track button.name){\n    <button mat-button [routerLink]=\"button.routerLink?button.routerLink():undefined\" [matTooltip]=\"button.text\"\n        (click)=\"onAction($event,undefined,button)\"><mat-icon>{{button.icon}}</mat-icon> {{button.text}}</button>\n    }\n    @if ($config()?.new){\n    <a mat-button routerLink=\"../new\"><mat-icon>add</mat-icon> New</a>\n    }\n    @if($config()?.refresh)\n    {\n    <button mat-button (click)=\"refresh()\"><mat-icon>sync</mat-icon> Refresh</button>\n    }\n    @if($bulk()){\n    <button mat-button [disabled]=\"!$selectedCount()\" (click)=\"deleteSelected()\"><mat-icon>delete</mat-icon>\n        Delete</button>\n    }\n    <span class=\"flex-grow\"></span>\n    @if ($selectedCount() || $allSelected()){\n    <span class=\"count\"> {{$selectedCount()??0}} items selected</span>\n    }\n</mat-toolbar>\n<mat-table [dataSource]=\"$dataSource()\" matSort (matSortChange)=\"sortChange($event)\" [matSortActive]=\"$sort()\"\n    [matSortDirection]=\"$dir()\" matSortDisableClear>\n    @if ($bulk()){\n    <ng-container matColumnDef=\"select\">\n        <mat-header-cell *matHeaderCellDef class=\"select\" matTooltip=\"Select all\">\n            <mat-checkbox (change)=\"$event ? toggleAll() : null\" [checked]=\"!selection.hasValue() && $allSelected()\"\n                [indeterminate]=\"selection.hasValue() && !$allSelected()\">\n            </mat-checkbox>\n        </mat-header-cell>\n        <mat-cell *matCellDef=\"let row\" class=\"select\">\n            <mat-checkbox (click)=\"$event.stopPropagation()\" (change)=\"toggleOne($event, row)\"\n                [checked]=\"selection.isSelected(row) || $allSelected() && !selection.hasValue()\">\n            </mat-checkbox>\n        </mat-cell>\n    </ng-container>\n    }\n    @for(column of $columns(); track column.name){\n    <ng-container [matColumnDef]=\"column.name\">\n        @if (column.sort){\n        <mat-header-cell [style]=\"getStyle(column)\" *matHeaderCellDef\n            mat-sort-header>{{column.header}}</mat-header-cell>\n        } @else {\n        <mat-header-cell [style]=\"getStyle(column)\" *matHeaderCellDef>{{column.header}}</mat-header-cell>\n        }\n        <mat-cell [style]=\"getStyle(column)\" *matCellDef=\"let row\">\n            @if(column.href || column.routerLink){\n            <a [routerLink]=\"column.routerLink?column.routerLink(row):undefined\"\n                [attr.href]=\"column.href?column.href(row):undefined\"\n                (click)=\"column.action?column.action(row):undefined\">\n                {{ display(column,row) }}\n            </a>\n            } @else if (getDisplayRef(column)) {\n            <ng-container *ngTemplateOutlet=\"getDisplayRef(column); context: { $implicit: row}\"></ng-container>\n            } @else {\n            {{ display(column,row)}}\n            }\n        </mat-cell>\n    </ng-container>\n    }\n    @if($hasActions()){\n    <ng-container matColumnDef=\"actions\">\n        <mat-header-cell [style]=\"getActionStyle()\" *matHeaderCellDef>Actions</mat-header-cell>\n        <mat-cell [style]=\"getActionStyle()\" *matCellDef=\"let row\">\n            @for(action of $actions(); track action.name){\n            <button type=\"button\" mat-icon-button [disabled]=\"action.disabled?action.disabled(row):undefined\"\n                [matTooltip]=\"action.text\" (click)=\"onAction($event, row, action)\"\n                [queryParams]=\"action.queryParams?action.queryParams(row):undefined\"\n                [routerLink]=\"action.routerLink?action.routerLink(row):undefined\">\n                <mat-icon>{{action.icon}}</mat-icon>\n            </button>\n            }\n        </mat-cell>\n    </ng-container>\n    }\n    <mat-header-row *matHeaderRowDef=\"$displayedColumns()\"></mat-header-row>\n    <mat-row [class.clickable]=\"!!$config()?.defaultAction\" *matRowDef=\"let row; columns: $displayedColumns()\"\n        (click)=\"onRowClick(row)\"></mat-row>\n</mat-table>\n<mat-paginator [pageIndex]=\"$pageIndex()\" [length]=\"$gridData()?.count\" [pageSize]=\"$pageSize()\"\n    (page)=\"pageChange($event)\" aria-label=\"Select page\"></mat-paginator>", styles: ["mat-row.clickable:hover{background:#f5f5f5;cursor:pointer}.select{max-width:80px}.count{font-size:.875rem}\n"], dependencies: [{ kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.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$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i3$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i3$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i3$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i3$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i3$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i3$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i3$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i3$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i3$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i3$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i1$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i5.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i5.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i6$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: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i7.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: MatSortModule }, { kind: "directive", type: i10.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i10.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i11.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: GridComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: GridComponent, decorators: [{
             type: Component,
             args: [{ selector: 'x-grid', imports: [MatInputModule, MatTableModule, MatToolbarModule, MatButtonModule,
                         MatCheckboxModule, MatTooltipModule, MatIconModule, RouterModule,
-                        MatSortModule, MatPaginatorModule, NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-toolbar class=\"flex flex-row gap-2 p-2\">\n    @if($hasSearch()){\n    <div class=\"h-full\">\n        <mat-form-field>\n            <mat-label>Search</mat-label>\n            <mat-icon matPrefix>search</mat-icon>\n            <input matInput type=\"text\" [value]=\"$filter()\" (keyup)=\"filterKeyUp($event)\">\n            @if ($filter()) {\n            <button matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"setFilter('')\">\n                <mat-icon>close</mat-icon>\n            </button>\n            }\n        </mat-form-field>\n    </div>\n    }\n    <ng-content select=\"[toolbar]\"></ng-content>\n    @for(button of $buttons(); track button.name){\n    <button mat-button [routerLink]=\"button.routerLink?button.routerLink():undefined\" [matTooltip]=\"button.text\"\n        (click)=\"onAction($event,undefined,button)\"><mat-icon>{{button.icon}}</mat-icon> {{button.text}}</button>\n    }\n    @if ($config()?.new){\n    <a mat-button routerLink=\"../new\"><mat-icon>add</mat-icon> New</a>\n    }\n    @if($config()?.refresh)\n    {\n    <button mat-button (click)=\"refresh()\"><mat-icon>sync</mat-icon> Refresh</button>\n    }\n    @if($bulk()){\n    <button mat-button [disabled]=\"!$selectedCount()\" (click)=\"deleteSelected()\"><mat-icon>delete</mat-icon>\n        Delete</button>\n    }\n    <span class=\"flex-grow\"></span>\n    @if ($selectedCount() || $allSelected()){\n    <span class=\"count\"> {{$selectedCount()??0}} items selected</span>\n    }\n</mat-toolbar>\n<mat-table [dataSource]=\"$dataSource()\" matSort (matSortChange)=\"sortChange($event)\" [matSortActive]=\"$sort()\"\n    [matSortDirection]=\"$dir()\" matSortDisableClear>\n    @if ($bulk()){\n    <ng-container matColumnDef=\"select\">\n        <mat-header-cell *matHeaderCellDef class=\"select\" matTooltip=\"Select all\">\n            <mat-checkbox (change)=\"$event ? toggleAll() : null\" [checked]=\"!selection.hasValue() && $allSelected()\"\n                [indeterminate]=\"selection.hasValue() && !$allSelected()\">\n            </mat-checkbox>\n        </mat-header-cell>\n        <mat-cell *matCellDef=\"let row\" class=\"select\">\n            <mat-checkbox (click)=\"$event.stopPropagation()\" (change)=\"toggleOne($event, row)\"\n                [checked]=\"selection.isSelected(row) || $allSelected() && !selection.hasValue()\">\n            </mat-checkbox>\n        </mat-cell>\n    </ng-container>\n    }\n    @for(column of $columns(); track column.name){\n    <ng-container [matColumnDef]=\"column.name\">\n        @if (column.sort){\n        <mat-header-cell [style]=\"getStyle(column)\" *matHeaderCellDef\n            mat-sort-header>{{column.header}}</mat-header-cell>\n        } @else {\n        <mat-header-cell [style]=\"getStyle(column)\" *matHeaderCellDef>{{column.header}}</mat-header-cell>\n        }\n        <mat-cell [style]=\"getStyle(column)\" *matCellDef=\"let row\">\n            @if(column.href || column.routerLink){\n            <a [routerLink]=\"column.routerLink?column.routerLink(row):undefined\"\n                [attr.href]=\"column.href?column.href(row):undefined\"\n                (click)=\"column.action?column.action(row):undefined\">\n                {{ display(column,row) }}\n            </a>\n            } @else if (getDisplayRef(column)) {\n            <ng-container *ngTemplateOutlet=\"getDisplayRef(column); context: { $implicit: row}\"></ng-container>\n            } @else {\n            {{ display(column,row)}}\n            }\n        </mat-cell>\n    </ng-container>\n    }\n    @if($hasActions()){\n    <ng-container matColumnDef=\"actions\">\n        <mat-header-cell [style]=\"getActionStyle()\" *matHeaderCellDef>Actions</mat-header-cell>\n        <mat-cell [style]=\"getActionStyle()\" *matCellDef=\"let row\">\n            @for(action of $actions(); track action.name){\n            <button type=\"button\" mat-icon-button [disabled]=\"action.disabled?action.disabled(row):undefined\"\n                [matTooltip]=\"action.text\" (click)=\"onAction($event, row, action)\"\n                [queryParams]=\"action.queryParams?action.queryParams(row):undefined\"\n                [routerLink]=\"action.routerLink?action.routerLink(row):undefined\">\n                <mat-icon>{{action.icon}}</mat-icon>\n            </button>\n            }\n        </mat-cell>\n    </ng-container>\n    }\n    <mat-header-row *matHeaderRowDef=\"$displayedColumns()\"></mat-header-row>\n    <mat-row [class.clickable]=\"!!$config()?.defaultAction\" *matRowDef=\"let row; columns: $displayedColumns()\"\n        (click)=\"onRowClick(row)\"></mat-row>\n</mat-table>\n<mat-paginator [pageIndex]=\"$pageIndex()\" [length]=\"$gridData()?.count\" [pageSize]=\"$pageSize()\"\n    (page)=\"pageChange($event)\" aria-label=\"Select page\"></mat-paginator>", styles: ["mat-row.clickable:hover{background:#f5f5f5;cursor:pointer}.select{max-width:80px}.count{font-size:.875rem}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { config: [{
+                        MatSortModule, MatPaginatorModule, NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-toolbar #toolbar class=\"flex flex-row gap-2 p-2\" [class.hidden]=\"!hasToolbar\">\n    @if($hasSearch()){\n    <div class=\"h-full\">\n        <mat-form-field>\n            <mat-label>Search</mat-label>\n            <mat-icon matPrefix>search</mat-icon>\n            <input matInput type=\"text\" [value]=\"$filter()\" (keyup)=\"filterKeyUp($event)\">\n            @if ($filter()) {\n            <button matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"setFilter('')\">\n                <mat-icon>close</mat-icon>\n            </button>\n            }\n        </mat-form-field>\n    </div>\n    }\n    <ng-content select=\"[toolbar]\"></ng-content>\n    @for(button of $buttons(); track button.name){\n    <button mat-button [routerLink]=\"button.routerLink?button.routerLink():undefined\" [matTooltip]=\"button.text\"\n        (click)=\"onAction($event,undefined,button)\"><mat-icon>{{button.icon}}</mat-icon> {{button.text}}</button>\n    }\n    @if ($config()?.new){\n    <a mat-button routerLink=\"../new\"><mat-icon>add</mat-icon> New</a>\n    }\n    @if($config()?.refresh)\n    {\n    <button mat-button (click)=\"refresh()\"><mat-icon>sync</mat-icon> Refresh</button>\n    }\n    @if($bulk()){\n    <button mat-button [disabled]=\"!$selectedCount()\" (click)=\"deleteSelected()\"><mat-icon>delete</mat-icon>\n        Delete</button>\n    }\n    <span class=\"flex-grow\"></span>\n    @if ($selectedCount() || $allSelected()){\n    <span class=\"count\"> {{$selectedCount()??0}} items selected</span>\n    }\n</mat-toolbar>\n<mat-table [dataSource]=\"$dataSource()\" matSort (matSortChange)=\"sortChange($event)\" [matSortActive]=\"$sort()\"\n    [matSortDirection]=\"$dir()\" matSortDisableClear>\n    @if ($bulk()){\n    <ng-container matColumnDef=\"select\">\n        <mat-header-cell *matHeaderCellDef class=\"select\" matTooltip=\"Select all\">\n            <mat-checkbox (change)=\"$event ? toggleAll() : null\" [checked]=\"!selection.hasValue() && $allSelected()\"\n                [indeterminate]=\"selection.hasValue() && !$allSelected()\">\n            </mat-checkbox>\n        </mat-header-cell>\n        <mat-cell *matCellDef=\"let row\" class=\"select\">\n            <mat-checkbox (click)=\"$event.stopPropagation()\" (change)=\"toggleOne($event, row)\"\n                [checked]=\"selection.isSelected(row) || $allSelected() && !selection.hasValue()\">\n            </mat-checkbox>\n        </mat-cell>\n    </ng-container>\n    }\n    @for(column of $columns(); track column.name){\n    <ng-container [matColumnDef]=\"column.name\">\n        @if (column.sort){\n        <mat-header-cell [style]=\"getStyle(column)\" *matHeaderCellDef\n            mat-sort-header>{{column.header}}</mat-header-cell>\n        } @else {\n        <mat-header-cell [style]=\"getStyle(column)\" *matHeaderCellDef>{{column.header}}</mat-header-cell>\n        }\n        <mat-cell [style]=\"getStyle(column)\" *matCellDef=\"let row\">\n            @if(column.href || column.routerLink){\n            <a [routerLink]=\"column.routerLink?column.routerLink(row):undefined\"\n                [attr.href]=\"column.href?column.href(row):undefined\"\n                (click)=\"column.action?column.action(row):undefined\">\n                {{ display(column,row) }}\n            </a>\n            } @else if (getDisplayRef(column)) {\n            <ng-container *ngTemplateOutlet=\"getDisplayRef(column); context: { $implicit: row}\"></ng-container>\n            } @else {\n            {{ display(column,row)}}\n            }\n        </mat-cell>\n    </ng-container>\n    }\n    @if($hasActions()){\n    <ng-container matColumnDef=\"actions\">\n        <mat-header-cell [style]=\"getActionStyle()\" *matHeaderCellDef>Actions</mat-header-cell>\n        <mat-cell [style]=\"getActionStyle()\" *matCellDef=\"let row\">\n            @for(action of $actions(); track action.name){\n            <button type=\"button\" mat-icon-button [disabled]=\"action.disabled?action.disabled(row):undefined\"\n                [matTooltip]=\"action.text\" (click)=\"onAction($event, row, action)\"\n                [queryParams]=\"action.queryParams?action.queryParams(row):undefined\"\n                [routerLink]=\"action.routerLink?action.routerLink(row):undefined\">\n                <mat-icon>{{action.icon}}</mat-icon>\n            </button>\n            }\n        </mat-cell>\n    </ng-container>\n    }\n    <mat-header-row *matHeaderRowDef=\"$displayedColumns()\"></mat-header-row>\n    <mat-row [class.clickable]=\"!!$config()?.defaultAction\" *matRowDef=\"let row; columns: $displayedColumns()\"\n        (click)=\"onRowClick(row)\"></mat-row>\n</mat-table>\n<mat-paginator [pageIndex]=\"$pageIndex()\" [length]=\"$gridData()?.count\" [pageSize]=\"$pageSize()\"\n    (page)=\"pageChange($event)\" aria-label=\"Select page\"></mat-paginator>", styles: ["mat-row.clickable:hover{background:#f5f5f5;cursor:pointer}.select{max-width:80px}.count{font-size:.875rem}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { toolbar: [{
+                type: ViewChild,
+                args: ['toolbar']
+            }], config: [{
                 type: Input
             }] } });
 
@@ -671,21 +686,21 @@ class RouterEffects {
     $set = createEffect(() => this.actions$.pipe(ofType(RouterActions.setQueryParams), concatLatestFrom(() => this.store.select(selectQueryParams)), tap(([{ queryParams }, params]) => {
         this.router.navigate([], { queryParams: Object.assign({ ...params }, queryParams) });
     })), { dispatch: false });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RouterEffects, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RouterEffects });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: RouterEffects, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: RouterEffects });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RouterEffects, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: RouterEffects, decorators: [{
             type: Injectable
         }] });
 
 class StateRouterModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: StateRouterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.4", ngImport: i0, type: StateRouterModule, imports: [CommonModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: StateRouterModule, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: StateRouterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.1", ngImport: i0, type: StateRouterModule, imports: [CommonModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: StateRouterModule, providers: [
             provideEffects(RouterEffects)
         ], imports: [CommonModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: StateRouterModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: StateRouterModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],
@@ -715,7 +730,7 @@ class GridEffects {
             this.store.select(selectUrl),
             this.store.select(selectUrlWithoutQuery),
             this.store.select(selectQueryParam('base-filter'))
-        ]), mergeMap(([{ request }, oldUrl, urlWithoutQuery, filter]) => {
+        ]), mergeMap$1(([{ request }, oldUrl, urlWithoutQuery, filter]) => {
             let url = `${urlWithoutQuery}?page=${request.paging?.page}&size=${request.paging?.pageSize}&sort-by=${request.sortBy ?? ''}&sort-dir=${request.sortDir == SortDir.Desc ? 'desc' : 'asc'}&filter=${request.filters ? btoa(JSON.stringify(request.filters)) : ''}&base-filter=${filter ?? ''}`;
             return oldUrl == url
                 ? []
@@ -746,19 +761,25 @@ class GridEffects {
         })));
     });
     loadData$ = createEffect(() => {
-        return this.actions$.pipe(ofType(GridActions.load), concatLatestFrom(() => [
-            this.store.select(selectDataUrl),
+        return this.actions$.pipe(ofType(GridActions.load), concatLatestFrom(({ name }) => [
+            this.store.select(selectDataUrl(name))
+        ]), map$1(([{ name, request }, dataUrl]) => GridActions.implicitLoad({ name, dataUrl, request })));
+    });
+    implicitLoad$ = createEffect(() => {
+        return this.actions$.pipe(ofType(GridActions.implicitLoad), concatLatestFrom(() => [
             this.store.select(selectDataRequest)
-        ]), mergeMap(([{ type, name, request }, dataUrl, requestUrl]) => {
-            return this.client.post(dataUrl, request ?? requestUrl).pipe(map$1(data => GridActions.loadSuccess({ name, ...data })), catchError(error => of(SharedActions.badError({ source: type, error }))));
+        ]), filter$1(([{ dataUrl }]) => !!dataUrl), mergeMap$1(([{ type, name, dataUrl, request }, urlRequest]) => {
+            return this.client.post(dataUrl, request ?? urlRequest).pipe(map$1(data => GridActions.loadSuccess({ name, ...data })), catchError(error => of(SharedActions.badError({ source: type, error }))));
         }));
     });
     bulkDelete$ = createEffect(() => {
         return this.actions$.pipe(ofType(GridActions.bulkDelete), concatLatestFrom(() => [
             this.store.select(selectGridName),
-            this.store.select(selectDataUrl),
             this.store.select(selectDataRequest)
-        ]), concatLatestFrom(([, name]) => this.store.select(selectTotalCount(name))), mergeMap(([[{ type, ids }, name, url, request], totalCount]) => this.confirmation.confirm({ title: 'Delete', message: `Are you sure you want to delete ${ids?.length ? ids.length : totalCount} items?`
+        ]), concatLatestFrom(([, name]) => [
+            this.store.select(selectDataUrl(name)),
+            this.store.select(selectTotalCount(name))
+        ]), filter$1(([[], url]) => !!url), mergeMap$1(([[{ type, ids }, _, request], url, totalCount]) => this.confirmation.confirm({ title: 'Delete', message: `Are you sure you want to delete ${ids?.length ? ids.length : totalCount} items?`
         }).pipe(filter$1(c => c), concatMap(_ => {
             let headers = new HttpHeaders({ 'Content-Type': 'application/json' });
             let body = {
@@ -783,22 +804,22 @@ class GridEffects {
         return this.actions$.pipe(ofType(GridActions.bulkDeleteSuccess), tap$1(() => this.snack.info('Deleted!')), map$1(() => GridActions.refresh()));
     });
     constructor() { }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: GridEffects, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: GridEffects });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: GridEffects, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: GridEffects });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: GridEffects, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: GridEffects, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
 class GridModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: GridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.4", ngImport: i0, type: GridModule, imports: [CommonModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: GridModule, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: GridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.1", ngImport: i0, type: GridModule, imports: [CommonModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: GridModule, providers: [
             provideState(gridFeature),
             provideEffects([GridEffects])
         ], imports: [CommonModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: GridModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: GridModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],
@@ -864,7 +885,7 @@ class CrudEffects {
     save$ = createEffect(() => {
         return this.actions$.pipe(ofType(CrudActions.save), concatLatestFrom(() => [
             this.store.select(crudFeature.selectUrlPrefix)
-        ]), mergeMap(([{ type, name, value, stay }, prefix]) => (value.id
+        ]), mergeMap$1(([{ type, name, value, stay }, prefix]) => (value.id
             ? this.client.put(`${prefix}/${name}/${value.id}`, value)
             : this.client.post(`${prefix}/${name}`, value))
             .pipe(map$1(value => CrudActions.saveSuccess({ name, value, stay })), catchError(error => of(SharedActions.badError({ source: type, error }))))));
@@ -880,26 +901,26 @@ class CrudEffects {
             return this.confirmation.confirm({
                 message: `Are you sure you want to delete ${nameStr}?`,
                 title: 'Delete'
-            }).pipe(filter$1(confirmed => confirmed), mergeMap(() => this.client.delete(`${prefix}/${name}/${value.id}`).pipe(map$1(() => GridActions.refresh()), tap$1(() => this.snack.info('Deleted!')), catchError(error => of(SharedActions.badError({ source: type, error }))))));
+            }).pipe(filter$1(confirmed => confirmed), mergeMap$1(() => this.client.delete(`${prefix}/${name}/${value.id}`).pipe(map$1(() => GridActions.refresh()), tap$1(() => this.snack.info('Deleted!')), catchError(error => of(SharedActions.badError({ source: type, error }))))));
         }));
     });
     constructor() { }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: CrudEffects, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: CrudEffects });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: CrudEffects, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: CrudEffects });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: CrudEffects, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: CrudEffects, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
 class CrudModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: CrudModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.4", ngImport: i0, type: CrudModule, imports: [CommonModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: CrudModule, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: CrudModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.1", ngImport: i0, type: CrudModule, imports: [CommonModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: CrudModule, providers: [
             provideState(crudFeature),
             provideEffects(CrudEffects)
         ], imports: [CommonModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: CrudModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: CrudModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],
@@ -920,7 +941,7 @@ class SharedEffects {
     store = inject(Store);
     actions$ = inject(Actions);
     init$ = createEffect(() => {
-        return this.actions$.pipe(ofType(SharedActions.init), mergeMap(() => this.http.get('/build.txt').pipe(map$1(build => SharedActions.initSuccess({ build })), catchError(error => of(SharedActions.transientError({ source: 'init', error }))))));
+        return this.actions$.pipe(ofType(SharedActions.init), mergeMap$1(() => this.http.get('/build.txt').pipe(map$1(build => SharedActions.initSuccess({ build })), catchError(error => of(SharedActions.transientError({ source: 'init', error }))))));
     });
     badError$ = createEffect(() => {
         return this.actions$.pipe(ofType(SharedActions.badError), tap$1(({ error }) => {
@@ -956,10 +977,10 @@ class SharedEffects {
     ngrxOnInitEffects() {
         return SharedActions.init();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: SharedEffects, deps: [{ token: i1$2.HttpClient }, { token: i2$2.Router }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: SharedEffects });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SharedEffects, deps: [{ token: i1$2.HttpClient }, { token: i2$2.Router }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SharedEffects });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: SharedEffects, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SharedEffects, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1$2.HttpClient }, { type: i2$2.Router }] });
 
@@ -975,14 +996,14 @@ const sharedFeature = createFeature({
 });
 
 class SharedModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: SharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.4", ngImport: i0, type: SharedModule, imports: [CommonModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: SharedModule, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.1", ngImport: i0, type: SharedModule, imports: [CommonModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SharedModule, providers: [
             provideState(sharedFeature),
             provideEffects([SharedEffects])
         ], imports: [CommonModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: SharedModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SharedModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],
@@ -1045,8 +1066,8 @@ class HostControlDirective {
     ngOnDestroy() {
         this.subscription?.unsubscribe();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: HostControlDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.4", type: HostControlDirective, isStandalone: true, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: HostControlDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: HostControlDirective, isStandalone: true, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 multi: true,
@@ -1054,7 +1075,7 @@ class HostControlDirective {
             },
         ], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: HostControlDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: HostControlDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,