@praxisui/table 10.0.0-rc.4 → 10.0.0-rc.41

package/fesm2022/{praxisui-table-filter-form-dialog-host.component-DANYIQs6.mjs → praxisui-table-filter-form-dialog-host.component-Cst6rkAK.mjs}

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Inject, Component } from '@angular/core';
+import { ViewChild, Inject, Component } from '@angular/core';
 import * as i1 from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
 import * as i3 from '@angular/material/button';
@@ -8,10 +8,11 @@ import * as i15 from '@angular/material/progress-bar';
 import { MatProgressBarModule } from '@angular/material/progress-bar';
 import * as i7 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import * as i10 from '@angular/material/tooltip';
+import * as i14 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { PraxisFilterForm } from '@praxisui/dynamic-form';
 import { PraxisIconButtonComponent } from '@praxisui/core';
+import { aq as projectFilterPayload } from './praxisui-table-praxisui-table-CdEy3SYM.mjs';
 
 class FilterFormDialogHostComponent {
     data;
@@ -20,6 +21,8 @@ class FilterFormDialogHostComponent {
     ready = false;
     lastValue = {};
     formGroup = null;
+    filterForm;
+    pendingAction = null;
     canSave = false;
     saving = false;
     constructor(data, ref) {
@@ -48,11 +51,39 @@ class FilterFormDialogHostComponent {
         this.updateCanSave();
     }
     apply() {
+        this.requestProjectedValue('apply');
+    }
+    requestProjectedValue(action) {
+        if (!this.valid || this.formGroup?.invalid || this.formGroup?.pending)
+            return;
+        if (this.filterForm) {
+            this.pendingAction = action;
+            try {
+                this.filterForm.onFormSubmit();
+            }
+            finally {
+                this.pendingAction = null;
+            }
+            return;
+        }
+        // A host without a rendered form has no schema projection to apply.
+        if (this.data?.config)
+            return;
         const formData = this.formGroup?.getRawValue?.() ??
             this.lastValue ??
             this.data?.initialDto ??
             {};
-        this.ref.close({ formData });
+        this.completeAction(action, formData);
+    }
+    onProjectedSubmit(event) {
+        this.completeAction(this.pendingAction ?? 'apply', event.formData);
+    }
+    completeAction(action, formData) {
+        this.lastValue = formData;
+        if (action === 'apply')
+            this.ref.close({ formData });
+        else
+            this.saveProjectedShortcut(formData);
     }
     close() { this.ref.close(); }
     clean(obj) {
@@ -68,7 +99,8 @@ class FilterFormDialogHostComponent {
         const base = this.data?.initialDto || {};
         const current = this.formGroup?.getRawValue?.() ?? this.lastValue ?? {};
         const merged = { ...base, ...current };
-        return this.clean(merged);
+        const projected = projectFilterPayload(merged, this.data?.config?.fieldMetadata ?? []);
+        return projected === null ? {} : this.clean(projected);
     }
     updateCanSave() {
         this.canSave =
@@ -91,7 +123,13 @@ class FilterFormDialogHostComponent {
     saveShortcut() {
         if (!this.canSave || this.saving)
             return;
-        const dto = this.buildDtoForSave();
+        this.requestProjectedValue('save');
+    }
+    saveProjectedShortcut(projected) {
+        const merged = projectFilterPayload({ ...(this.data?.initialDto || {}), ...projected }, this.data?.config?.fieldMetadata ?? []);
+        if (merged === null)
+            return;
+        const dto = this.clean(merged);
         if (!Object.keys(dto).length)
             return;
         this.saving = true;
@@ -104,7 +142,7 @@ class FilterFormDialogHostComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FilterFormDialogHostComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: FilterFormDialogHostComponent, isStandalone: true, selector: "praxis-filter-form-dialog-host", ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: FilterFormDialogHostComponent, isStandalone: true, selector: "praxis-filter-form-dialog-host", viewQueries: [{ propertyName: "filterForm", first: true, predicate: PraxisFilterForm, descendants: true }], ngImport: i0, template: `
     <div class="pfx-dialog-title">
       <h2 mat-dialog-title class="pfx-dialog-title-text">
         <mat-icon>tune</mat-icon>
@@ -137,6 +175,7 @@ class FilterFormDialogHostComponent {
           (formReady)="onReady($event)"
           (valueChange)="onChange($event)"
           (validityChange)="onValidity($event)"
+          (submit)="onProjectedSubmit($event)"
         ></praxis-filter-form>
       }
       @if (!data?.config && !data?.schemaLoading) {
@@ -160,7 +199,7 @@ class FilterFormDialogHostComponent {
         {{ data.i18n?.apply || 'Aplicar' }}
       </button>
     </mat-dialog-actions>
-    `, isInline: true, styles: [".pfx-dialog-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:8px}.pfx-dialog-title-text{display:inline-flex;align-items:center;gap:8px;margin:0;padding:0;font-weight:600;color:var(--mdc-dialog-subhead-color, var(--md-sys-color-on-surface))}.pfx-dialog-close{margin-left:auto}.pfx-filter-dialog-content{display:flex;flex-direction:column;gap:12px;padding-top:8px}.pfx-empty-state{margin:8px 0 0;color:var(--mdc-dialog-supporting-text-color, var(--md-sys-color-on-surface-variant))}.pfx-dialog-loading{display:flex;flex-direction:column;gap:10px;min-height:128px;justify-content:center;color:var(--mdc-dialog-supporting-text-color, var(--md-sys-color-on-surface-variant));font-size:.875rem}.pfx-form-pending{height:0;overflow:hidden;visibility:hidden;pointer-events:none}.pfx-dialog-actions{padding:var(--pdx-dialog-actions-padding, 12px 24px 16px);border-top:1px solid var(--md-sys-color-outline-variant);background:transparent;display:flex;align-items:center;gap:8px}.pfx-save-shortcut-button{margin-right:auto}.pfx-save-shortcut-button mat-icon{margin-right:6px;width:18px;height:18px;font-size:18px}\n"], dependencies: [{ kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i15.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: PraxisFilterForm, selector: "praxis-filter-form", inputs: ["config", "formId", "resourcePath", "mode"], outputs: ["formReady", "valueChange", "submit", "requestSearch", "validityChange"] }, { kind: "component", type: PraxisIconButtonComponent, selector: "button[praxisIconButton]", inputs: ["praxisIconButton", "size", "appearance", "presentation", "pressed", "busy"] }] });
+    `, isInline: true, styles: [".pfx-dialog-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:8px}.pfx-dialog-title-text{display:inline-flex;align-items:center;gap:8px;margin:0;padding:0;font-weight:600;color:var(--mdc-dialog-subhead-color, var(--md-sys-color-on-surface))}.pfx-dialog-close{margin-left:auto}.pfx-filter-dialog-content{display:flex;flex-direction:column;gap:12px;padding-top:8px}.pfx-empty-state{margin:8px 0 0;color:var(--mdc-dialog-supporting-text-color, var(--md-sys-color-on-surface-variant))}.pfx-dialog-loading{display:flex;flex-direction:column;gap:10px;min-height:128px;justify-content:center;color:var(--mdc-dialog-supporting-text-color, var(--md-sys-color-on-surface-variant));font-size:.875rem}.pfx-form-pending{height:0;overflow:hidden;visibility:hidden;pointer-events:none}.pfx-dialog-actions{padding:var(--pdx-dialog-actions-padding, 12px 24px 16px);border-top:1px solid var(--md-sys-color-outline-variant);background:transparent;display:flex;align-items:center;gap:8px}.pfx-save-shortcut-button{margin-right:auto}.pfx-save-shortcut-button mat-icon{margin-right:6px;width:18px;height:18px;font-size:18px}\n"], dependencies: [{ kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i15.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i14.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: PraxisFilterForm, selector: "praxis-filter-form", inputs: ["config", "formId", "resourcePath", "endpointKey", "apiUrlEntry", "mode"], outputs: ["formReady", "valueChange", "submit", "requestSearch", "validityChange"] }, { kind: "component", type: PraxisIconButtonComponent, selector: "button[praxisIconButton]", inputs: ["praxisIconButton", "size", "appearance", "presentation", "pressed", "busy"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FilterFormDialogHostComponent, decorators: [{
             type: Component,
@@ -197,6 +236,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
           (formReady)="onReady($event)"
           (valueChange)="onChange($event)"
           (validityChange)="onValidity($event)"
+          (submit)="onProjectedSubmit($event)"
         ></praxis-filter-form>
       }
       @if (!data?.config && !data?.schemaLoading) {
@@ -224,6 +264,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
-                }] }, { type: i1.MatDialogRef }] });
+                }] }, { type: i1.MatDialogRef }], propDecorators: { filterForm: [{
+                type: ViewChild,
+                args: [PraxisFilterForm]
+            }] } });
 
 export { FilterFormDialogHostComponent };