@praxisui/core 8.0.0-beta.25 → 8.0.0-beta.27

package/fesm2022/praxisui-core.mjs

@@ -3307,7 +3307,9 @@ class GenericCrudService {
         // Angular HttpClient treats 304 as error; also handle status 0 (CORS/network) by reusing cache
         catchError((err) => {
             if (err?.status === 404) {
-                GenericCrudService.unavailableFilteredSchemaUrls.add(filteredUrl);
+                if (this.shouldRememberFilteredSchemaEndpointUnavailable(err)) {
+                    GenericCrudService.unavailableFilteredSchemaUrls.add(filteredUrl);
+                }
                 return this.fetchDirectSchema(url, schemaId, apiOrigin, entry, locale, tenant, options?.httpContext);
             }
             if (err?.status === 304 || err?.status === 0) {
@@ -3366,6 +3368,30 @@ class GenericCrudService {
             return this.handleError(err);
         }))), shareReplay(1));
     }
+    shouldRememberFilteredSchemaEndpointUnavailable(err) {
+        const payload = err?.error;
+        if (!payload || typeof payload !== 'object') {
+            return true;
+        }
+        const message = String(payload.message || '').toLowerCase();
+        const errors = Array.isArray(payload.errors)
+            ? (payload.errors || [])
+            : [];
+        const hasFilteredPathMiss = errors.some((item) => {
+            if (!item || typeof item !== 'object')
+                return false;
+            const record = item;
+            const type = String(record['type'] || '').toLowerCase();
+            const category = String(record['category'] || '').toLowerCase();
+            const itemMessage = String(record['message'] || '').toLowerCase();
+            return type.includes('resource-not-found')
+                || category === 'business_logic'
+                || itemMessage.includes('path or operation was not found');
+        });
+        // A structured business miss means /schemas/filtered is alive; only the requested
+        // resource operation was not present in the catalog. Do not poison later resources.
+        return !hasFilteredPathMiss && !message.includes('path or operation was not found');
+    }
     fetchDirectSchema(url, schemaId, apiOrigin, entry, locale, tenant, httpContext) {
         return from(this.ensureSchemaCacheReady()).pipe(concatMap(() => from(this._schemaCache.get(schemaId)).pipe(concatMap((cached) => {
             const baseHeaders = composeHeadersWithVersion(entry);
@@ -15283,6 +15309,11 @@ function stripLocalSubmitSemantics$1(field) {
     void submitPolicy;
     return rest;
 }
+function stripLocalServerOwnedSemantics$1(field) {
+    const { defaultValue, ...rest } = stripLocalSubmitSemantics$1(field);
+    void defaultValue;
+    return rest;
+}
 /**
  * Synchronizes local config with server metadata
  * Detects additions, removals, and modifications
@@ -15307,7 +15338,7 @@ function syncWithServerMetadata(localConfig, serverMetadata) {
             return; // handled later
         // Deep-ish merge with special handling for validators/options
         const base = { ...serverField };
-        const loc = { ...stripLocalSubmitSemantics$1(localField) };
+        const loc = { ...stripLocalServerOwnedSemantics$1(localField) };
         const mergedValidators = { ...serverField.validators, ...localField.validators };
         // Options/nodes family: keep local options if provided, else server
         const pick = (k) => (loc[k] !== undefined ? loc[k] : base[k]);
@@ -23044,7 +23075,7 @@ class DynamicWidgetLoaderDirective {
         this.tryRender();
     }
     ngOnChanges(changes) {
-        if (changes['widget'] || changes['context']) {
+        if (changes['widget'] || changes['context'] || changes['autoWireOutputs']) {
             this.tryRender();
         }
     }
@@ -23076,7 +23107,7 @@ class DynamicWidgetLoaderDirective {
         }
         if (this.compRef) {
             const meta = this.registry.get(def.id);
-            const inputs = def.inputs || {};
+            const inputs = this.withInferredIdentityInputs(def.id, def.inputs || {}, def.childWidgetKey);
             const outputs = def.outputs || {};
             try {
                 // Valida e ajusta tipos conforme metadata (pode atualizar inputs)
@@ -23205,12 +23236,34 @@ class DynamicWidgetLoaderDirective {
             apply(key, raw);
         }
     }
+    withInferredIdentityInputs(id, inputs, childWidgetKey) {
+        const identityInputByComponent = {
+            'praxis-table': 'tableId',
+            'praxis-crud': 'crudId',
+            'praxis-dynamic-form': 'formId',
+            'praxis-tabs': 'tabsId',
+            'praxis-list': 'listId',
+            'praxis-expansion': 'expansionId',
+            'praxis-stepper': 'stepperId',
+            'praxis-files-upload': 'filesUploadId',
+        };
+        const identityInput = identityInputByComponent[id];
+        const fallbackId = String(childWidgetKey || '').trim();
+        if (!identityInput || !fallbackId) {
+            return { ...inputs };
+        }
+        return {
+            ...inputs,
+            [identityInput]: inputs[identityInput] || fallbackId,
+            componentInstanceId: inputs['componentInstanceId'] || fallbackId,
+        };
+    }
     bindOutputs(instance, id, outputs, meta) {
         // Clean existing subscriptions
         this.outputSubs.forEach((u) => u());
         this.outputSubs = [];
         let keys = Object.keys(outputs || {});
-        if ((this.autoWireOutputs || keys.length === 0) && meta?.outputs?.length) {
+        if (this.autoWireOutputs && keys.length === 0 && meta?.outputs?.length) {
             keys = meta.outputs.map((o) => o.name);
         }
         if (!keys.includes('widgetEvent') && isSubscribableOutput(instance?.widgetEvent)) {
@@ -28101,7 +28154,7 @@ class DynamicWidgetPageComponent {
             return;
         }
         const page = this.ensurePageDefinition();
-        const widgetInputPatchResult = this.applyWidgetInputPatchToPage(page, fromKey, evt?.payload);
+        const widgetInputPatchResult = this.applyWidgetInputPatchToPage(page, fromKey, evt);
         const pageWithPatchedInputs = widgetInputPatchResult.page;
         const cycle = this.dispatchWidgetEventToComposition(pageWithPatchedInputs, fromKey, evt);
         if (!cycle || !cycle.matchedLinkIds.length) {
@@ -28137,7 +28190,8 @@ class DynamicWidgetPageComponent {
         }
         this.applyPageUpdate({ ...pageWithPatchedInputs, widgets, state }, true, nextRuntime, false);
     }
-    applyWidgetInputPatchToPage(page, widgetKey, payload) {
+    applyWidgetInputPatchToPage(page, widgetKey, evt) {
+        const payload = evt?.payload;
         const inputPatch = this.extractWidgetInputPatch(payload);
         if (!inputPatch) {
             return { page, changed: false };
@@ -28147,6 +28201,31 @@ class DynamicWidgetPageComponent {
         if (widgetIndex < 0) {
             return { page, changed: false };
         }
+        const nestedPath = this.resolveWidgetInputPatchNestedPath(widgets[widgetIndex], evt);
+        if (nestedPath?.length) {
+            let owner = widgets[widgetIndex];
+            let patchChanged = false;
+            for (const [path, value] of Object.entries(inputPatch)) {
+                const normalizedPath = typeof path === 'string' ? path.trim() : '';
+                if (!normalizedPath) {
+                    continue;
+                }
+                const result = this.nestedWidgetAccessor.setNestedWidgetInput(owner, nestedPath, normalizedPath, this.cloneStateValues(value));
+                owner = result.widget;
+                patchChanged = patchChanged || result.changed;
+            }
+            if (!patchChanged) {
+                return { page, changed: false };
+            }
+            widgets[widgetIndex] = owner;
+            return {
+                page: {
+                    ...page,
+                    widgets,
+                },
+                changed: true,
+            };
+        }
         const currentInputs = this.cloneStateValues(widgets[widgetIndex].definition.inputs || {});
         let nextInputs = currentInputs;
         let patchChanged = false;
@@ -28179,6 +28258,22 @@ class DynamicWidgetPageComponent {
             changed: true,
         };
     }
+    resolveWidgetInputPatchNestedPath(owner, evt) {
+        const nestedPath = normalizeWidgetEventPath(evt, {
+            ownerComponentId: owner.definition.id,
+        });
+        if (nestedPath.length && this.nestedWidgetAccessor.resolveNestedWidget(owner, nestedPath)) {
+            return nestedPath;
+        }
+        const sourceChildWidgetKey = String(evt?.sourceChildWidgetKey || '').trim();
+        if (!sourceChildWidgetKey) {
+            return null;
+        }
+        const sourceComponentId = String(evt?.sourceComponentId || '').trim();
+        const match = this.nestedWidgetAccessor.listNestedWidgets(owner).find((candidate) => candidate.childWidgetKey === sourceChildWidgetKey
+            && (!sourceComponentId || candidate.componentId === sourceComponentId));
+        return match?.nestedPath || null;
+    }
     extractWidgetInputPatch(payload) {
         if (!payload || typeof payload !== 'object' || Array.isArray(payload)) {
             return null;
@@ -29483,8 +29578,20 @@ class DynamicWidgetPageComponent {
         if (this.enableCustomization) {
             return true;
         }
+        if (this.hasCompositionOutputLinks(widget?.key)) {
+            return true;
+        }
         return widget?.definition?.inputs?.['enableCustomization'] === true;
     }
+    hasCompositionOutputLinks(widgetKey) {
+        const normalizedWidgetKey = String(widgetKey || '').trim();
+        if (!normalizedWidgetKey) {
+            return false;
+        }
+        return !!this.ensurePageDefinition().composition?.links?.some((link) => link.from.kind === 'component-port'
+            && link.from.ref.widget === normalizedWidgetKey
+            && link.from.ref.direction === 'output');
+    }
     selectWidget(widgetKey) {
         if (!this.enableCustomization)
             return;
@@ -29497,15 +29604,65 @@ class DynamicWidgetPageComponent {
             this.blockedCanvasWidgetKey = null;
         }
     }
+    selectWidgetFromHostEvent(widgetKey, event) {
+        if (this.shouldPreserveInnerWidgetInteraction(event)) {
+            return;
+        }
+        this.selectWidget(widgetKey);
+    }
     isCanvasWidgetSelected(widgetKey) {
         return this.isWidgetSelected(widgetKey);
     }
     isWidgetSelected(widgetKey) {
         return this.selectedWidgetKey === widgetKey;
     }
+    shouldPreserveInnerWidgetInteraction(event) {
+        if (!this.enableCustomization)
+            return false;
+        const target = event.target;
+        const currentTarget = event.currentTarget;
+        if (!(target instanceof HTMLElement) || !(currentTarget instanceof HTMLElement)) {
+            return false;
+        }
+        if (target === currentTarget) {
+            return false;
+        }
+        if (event.type === 'focusin') {
+            return true;
+        }
+        const shellHeader = target.closest('.pdx-shell-header');
+        if (shellHeader && currentTarget.contains(shellHeader)) {
+            return false;
+        }
+        return !!target.closest([
+            'button',
+            'a',
+            'input',
+            'select',
+            'textarea',
+            '[contenteditable="true"]',
+            '[role="button"]',
+            '[role="tab"]',
+            '[role="menuitem"]',
+            '[role="option"]',
+            '[role="checkbox"]',
+            '[role="radio"]',
+            '[role="row"]',
+            '[role="gridcell"]',
+            '[mat-menu-trigger-for]',
+            '.mat-mdc-row',
+            '.mat-mdc-cell',
+            '.mat-mdc-header-cell',
+            '.pdx-widget-context-toolbar',
+            '.pdx-canvas-resize',
+        ].join(','));
+    }
     selectCanvasWidget(widgetKey) {
         this.selectWidget(widgetKey);
     }
+    getPageSnapshot() {
+        return this.clonePageDefinition(this.ensurePageDefinition());
+    }
     isCanvasWidgetBlocked(widgetKey) {
         return this.blockedCanvasWidgetKey === widgetKey;
     }
@@ -30393,8 +30550,8 @@ class DynamicWidgetPageComponent {
               [style.gridColumn]="widgetGridColumn(w)"
               [style.gridRow]="widgetGridRow(w)"
               [style.zIndex]="widgetZIndex(w)"
-              (click)="selectWidget(w.key)"
-              (focusin)="selectWidget(w.key)"
+              (click)="selectWidgetFromHostEvent(w.key, $event)"
+              (focusin)="selectWidgetFromHostEvent(w.key, $event)"
             >
               @if (enableCustomization) {
                 @for (handle of canvasResizeHandles; track handle.id) {
@@ -30521,8 +30678,8 @@ class DynamicWidgetPageComponent {
                             "
                             [class]="w.renderClassName || w.className || ''"
                             [style.gridColumn]="widgetGridColumn(w)"
-                            (click)="selectWidget(w.key)"
-                            (focusin)="selectWidget(w.key)"
+                            (click)="selectWidgetFromHostEvent(w.key, $event)"
+                            (focusin)="selectWidgetFromHostEvent(w.key, $event)"
                           >
                             <praxis-widget-shell
                               [shell]="widgetShellForRender(w)"
@@ -30585,8 +30742,8 @@ class DynamicWidgetPageComponent {
                       "
                       [class]="widgetClassName(w)"
                       [style.gridColumn]="widgetGridColumn(w)"
-                      (click)="selectWidget(w.key)"
-                      (focusin)="selectWidget(w.key)"
+                      (click)="selectWidgetFromHostEvent(w.key, $event)"
+                      (focusin)="selectWidgetFromHostEvent(w.key, $event)"
                     >
                       <praxis-widget-shell
                         [shell]="widgetShellForRender(w)"
@@ -30641,8 +30798,8 @@ class DynamicWidgetPageComponent {
               "
               [class]="widgetClassName(w)"
               [style.gridColumn]="widgetGridColumn(w)"
-              (click)="selectWidget(w.key)"
-              (focusin)="selectWidget(w.key)"
+              (click)="selectWidgetFromHostEvent(w.key, $event)"
+              (focusin)="selectWidgetFromHostEvent(w.key, $event)"
             >
               <praxis-widget-shell
                 [shell]="widgetShellForRender(w)"
@@ -30744,8 +30901,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
               [style.gridColumn]="widgetGridColumn(w)"
               [style.gridRow]="widgetGridRow(w)"
               [style.zIndex]="widgetZIndex(w)"
-              (click)="selectWidget(w.key)"
-              (focusin)="selectWidget(w.key)"
+              (click)="selectWidgetFromHostEvent(w.key, $event)"
+              (focusin)="selectWidgetFromHostEvent(w.key, $event)"
             >
               @if (enableCustomization) {
                 @for (handle of canvasResizeHandles; track handle.id) {
@@ -30872,8 +31029,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                             "
                             [class]="w.renderClassName || w.className || ''"
                             [style.gridColumn]="widgetGridColumn(w)"
-                            (click)="selectWidget(w.key)"
-                            (focusin)="selectWidget(w.key)"
+                            (click)="selectWidgetFromHostEvent(w.key, $event)"
+                            (focusin)="selectWidgetFromHostEvent(w.key, $event)"
                           >
                             <praxis-widget-shell
                               [shell]="widgetShellForRender(w)"
@@ -30936,8 +31093,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                       "
                       [class]="widgetClassName(w)"
                       [style.gridColumn]="widgetGridColumn(w)"
-                      (click)="selectWidget(w.key)"
-                      (focusin)="selectWidget(w.key)"
+                      (click)="selectWidgetFromHostEvent(w.key, $event)"
+                      (focusin)="selectWidgetFromHostEvent(w.key, $event)"
                     >
                       <praxis-widget-shell
                         [shell]="widgetShellForRender(w)"
@@ -30992,8 +31149,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
               "
               [class]="widgetClassName(w)"
               [style.gridColumn]="widgetGridColumn(w)"
-              (click)="selectWidget(w.key)"
-              (focusin)="selectWidget(w.key)"
+              (click)="selectWidgetFromHostEvent(w.key, $event)"
+              (focusin)="selectWidgetFromHostEvent(w.key, $event)"
             >
               <praxis-widget-shell
                 [shell]="widgetShellForRender(w)"
@@ -32051,7 +32208,7 @@ function buildBaseFormField(def) {
 }
 function applyLocalCustomizations$1(base, local) {
     const typeChanged = (base.controlType || '') !== (local.controlType || '');
-    const serverBackedLocal = stripLocalSubmitSemantics(local);
+    const serverBackedLocal = stripLocalServerOwnedSemantics(local);
     // Server authority on identity/core props
     const authoritative = {
         name: base.name,
@@ -32108,6 +32265,11 @@ function stripLocalSubmitSemantics(field) {
     void submitPolicy;
     return rest;
 }
+function stripLocalServerOwnedSemantics(field) {
+    const { defaultValue, ...rest } = stripLocalSubmitSemantics(field);
+    void defaultValue;
+    return rest;
+}
 function isLocalField(field) {
     return field.source === 'local';
 }

package/index.d.ts

@@ -4591,6 +4591,7 @@ declare class GenericCrudService<T, ID extends string | number = string | number
      * ```
      */
     getSchema(options?: CrudOperationOptions): Observable<FieldDefinition[]>;
+    private shouldRememberFilteredSchemaEndpointUnavailable;
     private fetchDirectSchema;
     /** Retorna o campo identificador do recurso (ex.: 'id', 'codigo'), quando derivado do schema. */
     getResourceIdField(): string | undefined;
@@ -12816,6 +12817,7 @@ declare class DynamicWidgetLoaderDirective implements OnInit, OnChanges, OnDestr
     private createComponent;
     private destroyCurrent;
     private bindInputs;
+    private withInferredIdentityInputs;
     private bindOutputs;
     private resolveValue;
     private get widgetDefinition();
@@ -13346,6 +13348,7 @@ declare class DynamicWidgetPageComponent implements OnChanges, OnDestroy {
     ngOnChanges(changes: SimpleChanges): void;
     onWidgetEvent(fromKey: string, evt: WidgetEventEnvelope): void;
     private applyWidgetInputPatchToPage;
+    private resolveWidgetInputPatchNestedPath;
     private extractWidgetInputPatch;
     private buildStateRuntime;
     private bootstrapCompositionAdapter;
@@ -13436,10 +13439,14 @@ declare class DynamicWidgetPageComponent implements OnChanges, OnDestroy {
     private resolveDeviceKind;
     isCanvasMode(): boolean;
     shouldAutoWireOutputs(widget: WidgetInstance | RenderedWidgetInstance): boolean;
+    private hasCompositionOutputLinks;
     selectWidget(widgetKey: string): void;
+    selectWidgetFromHostEvent(widgetKey: string, event: Event): void;
     isCanvasWidgetSelected(widgetKey: string): boolean;
     isWidgetSelected(widgetKey: string): boolean;
+    private shouldPreserveInnerWidgetInteraction;
     selectCanvasWidget(widgetKey: string): void;
+    getPageSnapshot(): WidgetPageDefinition;
     isCanvasWidgetBlocked(widgetKey: string): boolean;
     canvasPreviewItem(): WidgetPageCanvasItem | null;
     canvasPreviewGridColumn(): string | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@praxisui/core",
-  "version": "8.0.0-beta.25",
+  "version": "8.0.0-beta.27",
   "description": "Core library for Praxis UI Workspace: types, tokens, services and utilities shared across @praxisui/* packages.",
   "peerDependencies": {
     "@angular/common": "^20.0.0",