@praxisui/crud 9.0.4-rc.12 → 9.0.4-rc.13

package/ai/component-registry.json

@@ -1,8 +1,8 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-08-03T03:05:05.334Z",
+  "generatedAt": "2026-08-03T16:02:34.468Z",
   "packageName": "@praxisui/crud",
-  "packageVersion": "9.0.4-rc.12",
+  "packageVersion": "9.0.4-rc.13",
   "sourceRegistry": "praxis-component-registry-ingestion",
   "sourceRegistryVersion": "1.0.0",
   "componentCount": 2,

package/fesm2022/praxisui-crud.mjs

@@ -103,6 +103,7 @@ class CrudLauncherService {
     storage = inject(ASYNC_CONFIG_STORAGE);
     global = inject(GlobalConfigService);
     operationResolver = inject(CrudOperationResolutionService);
+    dialogHostPromise;
     drawerAdapter = (() => {
         try {
             return inject(CRUD_DRAWER_ADAPTER);
@@ -112,6 +113,9 @@ class CrudLauncherService {
         }
     })();
     async launch(action, row, metadata, componentKeyId, drawerCallbacks, runtime) {
+        const prefetchedDialogHost = this.isLikelyOverlayAction(action, metadata)
+            ? this.loadDialogHost()
+            : undefined;
         // Carregar overrides de CRUD (se houver) e mesclar em uma cópia local
         const merged = await this.mergeCrudOverrides(metadata, action, componentKeyId || undefined);
         merged.action = this.normalizeActionForLaunch(merged.action);
@@ -177,7 +181,7 @@ class CrudLauncherService {
             backdropClasses.push('pfx-transparent-backdrop');
         }
         const mergedBackdropClasses = mergeClassList(backdropClasses, modalCfg.backdropClass);
-        const ref = await this.dialog.openAsync(() => Promise.resolve().then(function () { return dynamicFormDialogHost_component; }).then((m) => m.DynamicFormDialogHostComponent), {
+        const ref = await this.dialog.openAsync(() => prefetchedDialogHost ?? this.loadDialogHost(), {
             ...modalCfg,
             panelClass: panelClasses,
             backdropClass: mergedBackdropClasses,
@@ -256,6 +260,13 @@ class CrudLauncherService {
             return 'route';
         }
     }
+    isLikelyOverlayAction(action, metadata) {
+        const configuredMode = action.openMode ?? metadata.defaults?.openMode;
+        return configuredMode === 'drawer' || configuredMode === 'modal';
+    }
+    loadDialogHost() {
+        return this.dialogHostPromise ??= Promise.resolve().then(function () { return dynamicFormDialogHost_component; }).then((module) => module.DynamicFormDialogHostComponent);
+    }
     buildRoute(action, row, metadata) {
         let route = action.route;
         const query = {};
@@ -896,6 +907,8 @@ const PRAXIS_CRUD_RUNTIME_I18N_CONFIG = {
                 'crud.actions.view': 'Ver',
                 'crud.actions.edit': 'Editar',
                 'crud.actions.delete': 'Excluir',
+                'crud.actions.default': 'ação',
+                'crud.actions.opening': 'Abrindo {action}…',
                 'crud.dialog.recordContextLabel': 'Registro em edição',
                 'crud.delete.confirmMessage': 'Esta ação não pode ser desfeita. Deseja continuar?',
                 'crud.delete.cancel': 'Cancelar',
@@ -914,6 +927,8 @@ const PRAXIS_CRUD_RUNTIME_I18N_CONFIG = {
                 'crud.actions.view': 'View',
                 'crud.actions.edit': 'Edit',
                 'crud.actions.delete': 'Delete',
+                'crud.actions.default': 'action',
+                'crud.actions.opening': 'Opening {action}…',
                 'crud.dialog.recordContextLabel': 'Record being edited',
                 'crud.delete.confirmMessage': 'This action cannot be undone. Do you want to continue?',
                 'crud.delete.cancel': 'Cancel',
@@ -3664,6 +3679,7 @@ class PraxisCrudComponent {
     tableQueryContext = null;
     tableFilterCriteria = {};
     tableCrudContext;
+    openingActionLabel = signal(null, ...(ngDevMode ? [{ debugName: "openingActionLabel" }] : /* istanbul ignore next */ []));
     launcher = inject(CrudLauncherService);
     http = inject(HttpClient);
     destroyRef = inject(DestroyRef);
@@ -3815,6 +3831,10 @@ class PraxisCrudComponent {
         }
     }
     async onAction(action, row, runtimeEvent) {
+        if (this.openingActionLabel()) {
+            return;
+        }
+        this.openingActionLabel.set(this.resolveOpeningActionLabel(action, runtimeEvent));
         try {
             const normalizedAction = this.normalizeCrudActionName(action);
             const contextualRow = row ?? this.resolveSelectedRowForAction(normalizedAction);
@@ -3920,6 +3940,26 @@ class PraxisCrudComponent {
         catch (err) {
             this.error.emit(err);
         }
+        finally {
+            this.openingActionLabel.set(null);
+        }
+    }
+    getOpeningActionStatus(actionLabel) {
+        return this.txWithParams('crud.actions.opening', 'Abrindo {action}…', { action: actionLabel });
+    }
+    resolveOpeningActionLabel(action, runtimeEvent) {
+        const configuredLabel = String(runtimeEvent?.actionConfig?.label || '').trim();
+        if (configuredLabel) {
+            return configuredLabel;
+        }
+        const normalized = this.normalizeCrudActionName(action);
+        if (normalized === 'create'
+            || normalized === 'view'
+            || normalized === 'edit'
+            || normalized === 'delete') {
+            return this.getCrudActionLabel(normalized);
+        }
+        return String(action || '').trim() || this.tx('crud.actions.default', 'ação');
     }
     hasExplicitOpenBinding(action) {
         const mode = action.openMode;
@@ -5190,38 +5230,46 @@ class PraxisCrudComponent {
             providePraxisI18nConfig(RESOURCE_DISCOVERY_I18N_CONFIG),
             providePraxisI18nConfig(PRAXIS_CRUD_RUNTIME_I18N_CONFIG),
         ], viewQueries: [{ propertyName: "table", first: true, predicate: PraxisTable, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
-    @if (shouldRenderTable(resolvedMetadata)) {
-      <praxis-table
-        [config]="tableConfigForBinding"
-        [resourcePath]="resolveResourcePath(resolvedMetadata)"
-        [data]="resolveTableData(resolvedMetadata)"
-        [queryContext]="tableQueryContext"
-        [filterCriteria]="tableFilterCriteria"
-        [tableId]="crudId || 'default'"
-        [crudContext]="tableCrudContext"
-        [enableCustomization]="enableCustomization"
-        [authoringCapability]="authoringCapability"
-        (rowClick)="onTableRowClick($event)"
-        (selectionChange)="onTableSelectionChange($event)"
-        (rowAction)="onAction($event.action, $event.row, $event)"
-        (toolbarAction)="onToolbarAction($event)"
-        (bulkAction)="onBulkAction($event)"
-        (collectionLinksChange)="onCollectionLinksChange($event)"
-        (reset)="onResetPreferences()"
-        (metadataChange)="onTableMetadataChange()"
-        (loadingStateChange)="onTableLoadingStateChange($event)"
-      ></praxis-table>
-    } @else {
-      @if (isCustomizationAvailable()) {
-        <praxis-empty-state-card
-          icon="table_rows"
-          [title]="getEmptyStateTitle()"
-          [description]="getEmptyStateDescription()"
-          [primaryAction]="{ label: getEmptyStatePrimaryAction(), icon: 'bolt', action: onConfigureRequested.bind(this) }"
-        />
+    <div class="praxis-crud-runtime" [attr.aria-busy]="openingActionLabel() ? 'true' : null">
+      @if (openingActionLabel(); as actionLabel) {
+        <div class="praxis-crud-opening-status" role="status" aria-live="polite" data-testid="praxis-crud-opening-status">
+          <span class="praxis-crud-opening-status__spinner" aria-hidden="true"></span>
+          <span>{{ getOpeningActionStatus(actionLabel) }}</span>
+        </div>
       }
-    }
-  `, isInline: true, styles: [":host{display:block;width:100%;min-width:0;max-width:100%}\n"], dependencies: [{ kind: "component", type: PraxisTable, selector: "praxis-table", inputs: ["config", "resourcePath", "data", "tableId", "componentInstanceId", "configPersistenceStrategy", "title", "subtitle", "icon", "autoDelete", "notifyIfOutdated", "snoozeMs", "autoOpenSettingsOnOutdated", "crudContext", "filterCriteria", "queryContext", "aiContext", "aiAssistantVoiceInputMode", "aiAssistantVoiceLanguage", "horizontalScroll", "enableCustomization", "authoringCapability", "dense"], outputs: ["rowClick", "widgetEvent", "resourceEvent", "rowDoubleClick", "rowExpansionChange", "rowAction", "toolbarAction", "bulkAction", "exportAction", "columnReorder", "columnReorderAttempt", "columnResize", "beforeDelete", "afterDelete", "deleteError", "beforeBulkDelete", "afterBulkDelete", "bulkDeleteError", "schemaStatusChange", "configChange", "metadataChange", "loadingStateChange", "collectionLinksChange", "selectionChange"] }, { kind: "component", type: EmptyStateCardComponent, selector: "praxis-empty-state-card", inputs: ["icon", "title", "description", "primaryAction", "secondaryActions", "inline", "tone", "variant", "alignment", "density", "iconContainer"] }] });
+      @if (shouldRenderTable(resolvedMetadata)) {
+        <praxis-table
+          [config]="tableConfigForBinding"
+          [resourcePath]="resolveResourcePath(resolvedMetadata)"
+          [data]="resolveTableData(resolvedMetadata)"
+          [queryContext]="tableQueryContext"
+          [filterCriteria]="tableFilterCriteria"
+          [tableId]="crudId || 'default'"
+          [crudContext]="tableCrudContext"
+          [enableCustomization]="enableCustomization"
+          [authoringCapability]="authoringCapability"
+          (rowClick)="onTableRowClick($event)"
+          (selectionChange)="onTableSelectionChange($event)"
+          (rowAction)="onAction($event.action, $event.row, $event)"
+          (toolbarAction)="onToolbarAction($event)"
+          (bulkAction)="onBulkAction($event)"
+          (collectionLinksChange)="onCollectionLinksChange($event)"
+          (reset)="onResetPreferences()"
+          (metadataChange)="onTableMetadataChange()"
+          (loadingStateChange)="onTableLoadingStateChange($event)"
+        ></praxis-table>
+      } @else {
+        @if (isCustomizationAvailable()) {
+          <praxis-empty-state-card
+            icon="table_rows"
+            [title]="getEmptyStateTitle()"
+            [description]="getEmptyStateDescription()"
+            [primaryAction]="{ label: getEmptyStatePrimaryAction(), icon: 'bolt', action: onConfigureRequested.bind(this) }"
+          />
+        }
+      }
+    </div>
+  `, isInline: true, styles: [":host{display:block;width:100%;min-width:0;max-width:100%}.praxis-crud-runtime{position:relative;min-width:0}.praxis-crud-opening-status{position:absolute;z-index:6;top:.7rem;right:.7rem;display:inline-flex;align-items:center;gap:.55rem;min-height:2.25rem;max-width:min(24rem,calc(100% - 1.4rem));padding:.48rem .72rem;border:1px solid color-mix(in srgb,var(--md-sys-color-primary, #3f51b5) 32%,transparent);border-radius:999px;color:var(--md-sys-color-on-surface, currentColor);background:color-mix(in srgb,var(--md-sys-color-surface-container-high, #fff) 94%,transparent);box-shadow:0 10px 28px #0f172a29;font-size:.82rem;font-weight:650;line-height:1.25;pointer-events:none}.praxis-crud-opening-status__spinner{width:.95rem;height:.95rem;flex:0 0 auto;border:2px solid color-mix(in srgb,var(--md-sys-color-primary, #3f51b5) 26%,transparent);border-top-color:var(--md-sys-color-primary, #3f51b5);border-radius:50%;animation:praxis-crud-opening-spin .72s linear infinite}@keyframes praxis-crud-opening-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.praxis-crud-opening-status__spinner{animation:none;border-top-color:currentColor}}\n"], dependencies: [{ kind: "component", type: PraxisTable, selector: "praxis-table", inputs: ["config", "resourcePath", "data", "tableId", "componentInstanceId", "configPersistenceStrategy", "title", "subtitle", "icon", "autoDelete", "notifyIfOutdated", "snoozeMs", "autoOpenSettingsOnOutdated", "crudContext", "filterCriteria", "queryContext", "aiContext", "aiAssistantVoiceInputMode", "aiAssistantVoiceLanguage", "horizontalScroll", "enableCustomization", "authoringCapability", "dense"], outputs: ["rowClick", "widgetEvent", "resourceEvent", "rowDoubleClick", "rowExpansionChange", "rowAction", "toolbarAction", "bulkAction", "exportAction", "columnReorder", "columnReorderAttempt", "columnResize", "beforeDelete", "afterDelete", "deleteError", "beforeBulkDelete", "afterBulkDelete", "bulkDeleteError", "schemaStatusChange", "configChange", "metadataChange", "loadingStateChange", "collectionLinksChange", "selectionChange"] }, { kind: "component", type: EmptyStateCardComponent, selector: "praxis-empty-state-card", inputs: ["icon", "title", "description", "primaryAction", "secondaryActions", "inline", "tone", "variant", "alignment", "density", "iconContainer"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisCrudComponent, decorators: [{
             type: Component,
@@ -5229,38 +5277,46 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                         providePraxisI18nConfig(RESOURCE_DISCOVERY_I18N_CONFIG),
                         providePraxisI18nConfig(PRAXIS_CRUD_RUNTIME_I18N_CONFIG),
                     ], template: `
-    @if (shouldRenderTable(resolvedMetadata)) {
-      <praxis-table
-        [config]="tableConfigForBinding"
-        [resourcePath]="resolveResourcePath(resolvedMetadata)"
-        [data]="resolveTableData(resolvedMetadata)"
-        [queryContext]="tableQueryContext"
-        [filterCriteria]="tableFilterCriteria"
-        [tableId]="crudId || 'default'"
-        [crudContext]="tableCrudContext"
-        [enableCustomization]="enableCustomization"
-        [authoringCapability]="authoringCapability"
-        (rowClick)="onTableRowClick($event)"
-        (selectionChange)="onTableSelectionChange($event)"
-        (rowAction)="onAction($event.action, $event.row, $event)"
-        (toolbarAction)="onToolbarAction($event)"
-        (bulkAction)="onBulkAction($event)"
-        (collectionLinksChange)="onCollectionLinksChange($event)"
-        (reset)="onResetPreferences()"
-        (metadataChange)="onTableMetadataChange()"
-        (loadingStateChange)="onTableLoadingStateChange($event)"
-      ></praxis-table>
-    } @else {
-      @if (isCustomizationAvailable()) {
-        <praxis-empty-state-card
-          icon="table_rows"
-          [title]="getEmptyStateTitle()"
-          [description]="getEmptyStateDescription()"
-          [primaryAction]="{ label: getEmptyStatePrimaryAction(), icon: 'bolt', action: onConfigureRequested.bind(this) }"
-        />
+    <div class="praxis-crud-runtime" [attr.aria-busy]="openingActionLabel() ? 'true' : null">
+      @if (openingActionLabel(); as actionLabel) {
+        <div class="praxis-crud-opening-status" role="status" aria-live="polite" data-testid="praxis-crud-opening-status">
+          <span class="praxis-crud-opening-status__spinner" aria-hidden="true"></span>
+          <span>{{ getOpeningActionStatus(actionLabel) }}</span>
+        </div>
       }
-    }
-  `, styles: [":host{display:block;width:100%;min-width:0;max-width:100%}\n"] }]
+      @if (shouldRenderTable(resolvedMetadata)) {
+        <praxis-table
+          [config]="tableConfigForBinding"
+          [resourcePath]="resolveResourcePath(resolvedMetadata)"
+          [data]="resolveTableData(resolvedMetadata)"
+          [queryContext]="tableQueryContext"
+          [filterCriteria]="tableFilterCriteria"
+          [tableId]="crudId || 'default'"
+          [crudContext]="tableCrudContext"
+          [enableCustomization]="enableCustomization"
+          [authoringCapability]="authoringCapability"
+          (rowClick)="onTableRowClick($event)"
+          (selectionChange)="onTableSelectionChange($event)"
+          (rowAction)="onAction($event.action, $event.row, $event)"
+          (toolbarAction)="onToolbarAction($event)"
+          (bulkAction)="onBulkAction($event)"
+          (collectionLinksChange)="onCollectionLinksChange($event)"
+          (reset)="onResetPreferences()"
+          (metadataChange)="onTableMetadataChange()"
+          (loadingStateChange)="onTableLoadingStateChange($event)"
+        ></praxis-table>
+      } @else {
+        @if (isCustomizationAvailable()) {
+          <praxis-empty-state-card
+            icon="table_rows"
+            [title]="getEmptyStateTitle()"
+            [description]="getEmptyStateDescription()"
+            [primaryAction]="{ label: getEmptyStatePrimaryAction(), icon: 'bolt', action: onConfigureRequested.bind(this) }"
+          />
+        }
+      }
+    </div>
+  `, styles: [":host{display:block;width:100%;min-width:0;max-width:100%}.praxis-crud-runtime{position:relative;min-width:0}.praxis-crud-opening-status{position:absolute;z-index:6;top:.7rem;right:.7rem;display:inline-flex;align-items:center;gap:.55rem;min-height:2.25rem;max-width:min(24rem,calc(100% - 1.4rem));padding:.48rem .72rem;border:1px solid color-mix(in srgb,var(--md-sys-color-primary, #3f51b5) 32%,transparent);border-radius:999px;color:var(--md-sys-color-on-surface, currentColor);background:color-mix(in srgb,var(--md-sys-color-surface-container-high, #fff) 94%,transparent);box-shadow:0 10px 28px #0f172a29;font-size:.82rem;font-weight:650;line-height:1.25;pointer-events:none}.praxis-crud-opening-status__spinner{width:.95rem;height:.95rem;flex:0 0 auto;border:2px solid color-mix(in srgb,var(--md-sys-color-primary, #3f51b5) 26%,transparent);border-top-color:var(--md-sys-color-primary, #3f51b5);border-radius:50%;animation:praxis-crud-opening-spin .72s linear infinite}@keyframes praxis-crud-opening-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.praxis-crud-opening-status__spinner{animation:none;border-top-color:currentColor}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { metadata: [{
                 type: Input,
                 args: [{ required: true }]

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@praxisui/crud",
-  "version": "9.0.4-rc.12",
+  "version": "9.0.4-rc.13",
   "description": "CRUD building blocks for Praxis UI: integrates dynamic forms and tables with unified configuration and services.",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
     "@angular/core": "^21.0.0",
-    "@praxisui/dynamic-form": "^9.0.4-rc.12",
-    "@praxisui/table": "^9.0.4-rc.12",
-    "@praxisui/core": "^9.0.4-rc.12",
-    "@praxisui/dynamic-fields": "^9.0.4-rc.12",
-    "@praxisui/settings-panel": "^9.0.4-rc.12",
+    "@praxisui/dynamic-form": "^9.0.4-rc.13",
+    "@praxisui/table": "^9.0.4-rc.13",
+    "@praxisui/core": "^9.0.4-rc.13",
+    "@praxisui/dynamic-fields": "^9.0.4-rc.13",
+    "@praxisui/settings-panel": "^9.0.4-rc.13",
     "@angular/cdk": "^21.0.0",
     "@angular/forms": "^21.0.0",
     "@angular/material": "^21.0.0",
     "@angular/router": "^21.0.0",
-    "@praxisui/ai": "^9.0.4-rc.12",
+    "@praxisui/ai": "^9.0.4-rc.13",
     "rxjs": "~7.8.0"
   },
   "dependencies": {

package/types/praxisui-crud.d.ts

@@ -1,8 +1,8 @@
+import * as _angular_core from '@angular/core';
+import { NgZone, OnChanges, EventEmitter, SimpleChanges, OnInit, Provider, AfterViewInit, OnDestroy } from '@angular/core';
 import * as _praxisui_core from '@praxisui/core';
 import { RowAction, ToolbarAction, ApiEndpoint, ApiUrlEntry, DynamicFormLayoutPolicy, BackConfig, TableConfig, PraxisDataQueryContext, FormConfig, ResourceActionCatalogItem, ResourceSurfaceCatalogItem, MaterializedResourceIdentity, LoadingState, RestApiLinks, ResourceCapabilitySnapshot, GenericCrudService, AsyncConfigStorage, ComponentDocMeta, AiCapabilityCatalog, AiCapability, AiCapabilityCategory, AiValueKind, ComponentAuthoringManifest, SettingsValueProvider } from '@praxisui/core';
 export { BackConfig } from '@praxisui/core';
-import * as _angular_core from '@angular/core';
-import { NgZone, OnChanges, EventEmitter, SimpleChanges, OnInit, Provider, AfterViewInit, OnDestroy } from '@angular/core';
 import { MatDialogConfig, MatDialogRef, MatDialog } from '@angular/material/dialog';
 export { MAT_DIALOG_DATA as DIALOG_DATA } from '@angular/material/dialog';
 import { ComponentType } from '@angular/cdk/portal';
@@ -199,6 +199,7 @@ declare class PraxisCrudComponent implements OnChanges {
     tableQueryContext: Record<string, unknown> | null;
     tableFilterCriteria: Record<string, unknown>;
     tableCrudContext?: CrudContextValue;
+    readonly openingActionLabel: _angular_core.WritableSignal<string | null>;
     private readonly launcher;
     private readonly http;
     private readonly destroyRef;
@@ -244,6 +245,8 @@ declare class PraxisCrudComponent implements OnChanges {
     onToolbarAction(event: CrudActionRuntimeEvent): Promise<void>;
     ngOnChanges(changes: SimpleChanges): void;
     onAction(action: string, row?: Record<string, unknown>, runtimeEvent?: CrudActionRuntimeEvent): Promise<void>;
+    getOpeningActionStatus(actionLabel: string): string;
+    private resolveOpeningActionLabel;
     private hasExplicitOpenBinding;
     getCurrentTableConfigSnapshot(): TableConfig | null;
     onTableMetadataChange(): void;
@@ -344,6 +347,7 @@ declare class CrudLauncherService {
     private readonly storage;
     private readonly global;
     private readonly operationResolver;
+    private dialogHostPromise?;
     private readonly drawerAdapter;
     launch(action: CrudAction, row: Record<string, unknown> | undefined, metadata: CrudMetadata, componentKeyId?: string | null, drawerCallbacks?: {
         onClose?: () => void;
@@ -357,6 +361,8 @@ declare class CrudLauncherService {
         ref?: DialogRef<any>;
     }>;
     resolveOpenMode(action: CrudAction, metadata: CrudMetadata): FormOpenMode;
+    private isLikelyOverlayAction;
+    private loadDialogHost;
     private buildRoute;
     private mapInputs;
     private resolveActionForLaunch;