@praxisui/page-builder 3.0.0-beta.8 → 3.0.0-beta.9

package/fesm2022/praxisui-page-builder.mjs

@@ -6354,11 +6354,22 @@ class ConnectionGraphComponent {
     isWidgetTarget(to) {
         return 'widget' in to;
     }
+    connectionKind(connection) {
+        const fromWidget = this.isWidgetSource(connection.from);
+        const toWidget = this.isWidgetTarget(connection.to);
+        if (fromWidget && toWidget)
+            return 'widget-to-widget';
+        if (fromWidget && !toWidget)
+            return 'widget-to-state';
+        if (!fromWidget && toWidget)
+            return 'state-to-widget';
+        return 'state-to-state';
+    }
     fromLabel(c) {
-        return this.currentEdge()?.meta?.fromLabel || (this.isWidgetSource(c.from) ? `${c.from.widget}.${c.from.output}` : `state:${c.from.state}`);
+        return this.selectedEdgeMeta()?.fromLabel || (this.isWidgetSource(c.from) ? `${c.from.widget}.${c.from.output}` : `state:${c.from.state}`);
     }
     toLabel(c) {
-        return this.currentEdge()?.meta?.toLabel || (this.isWidgetTarget(c.to) ? `${c.to.widget}.${c.to.input}` : `state:${c.to.state}`);
+        return this.selectedEdgeMeta()?.toLabel || (this.isWidgetTarget(c.to) ? `${c.to.widget}.${c.to.input}` : `state:${c.to.state}`);
     }
     bindingOrderLabel(c) {
         return this.isWidgetTarget(c.to) && c.to.bindingOrder?.length ? c.to.bindingOrder.join(', ') : '';
@@ -6405,10 +6416,11 @@ class ConnectionGraphComponent {
     }
     ngOnInit() {
         const data = this.injectedData || {};
-        const p = this.parsePage(data.page);
+        const sourcePage = data.page || this.page;
+        const p = this.parsePage(sourcePage);
         const ws = data.widgets || this.widgets || p?.widgets || [];
         this.widgets = ws;
-        this.page = data.page || this.page;
+        this.page = sourcePage;
         const conns = [...(p?.connections || [])];
         this.connections.set(conns);
         this.initialSnapshot = JSON.stringify(conns);
@@ -6524,24 +6536,34 @@ class ConnectionGraphComponent {
         return routeElbow(from, to);
     }
     edgeTooltip(e) {
+        const meta = this.edgeMeta(e);
+        const connection = e ? this.connectionForEdge(e) : this.currentConn();
+        if (!e && !connection) {
+            return 'Conexao indisponivel';
+        }
+        const fallbackFromLabel = connection
+            ? (this.isWidgetSource(connection.from) ? `${connection.from.widget}.${connection.from.output}` : `state:${connection.from.state}`)
+            : `${e?.from.nodeId}.${e?.from.portId.replace('out:', '')}`;
+        const fallbackToLabel = connection
+            ? (this.isWidgetTarget(connection.to) ? `${connection.to.widget}.${connection.to.input}` : `state:${connection.to.state}`)
+            : `${e?.to.nodeId}.${e?.to.portId.replace('in:', '')}`;
         const parts = [
-            `Tipo: ${this.connectionKindLabel(e.meta?.connectionKind)}`,
-            `De: ${e.meta?.fromLabel || e.from.nodeId}.${e.from.portId.replace('out:', '')}`,
-            `Para: ${e.meta?.toLabel || e.to.nodeId}.${e.to.portId.replace('in:', '')}`,
+            `Tipo: ${this.connectionKindLabel(meta?.connectionKind)}`,
+            `De: ${meta?.fromLabel || fallbackFromLabel}`,
+            `Para: ${meta?.toLabel || fallbackToLabel}`,
         ];
-        if (e.meta && e.meta.friendlyPath)
-            parts.push(`Destino: ${e.meta.friendlyPath}`);
-        if (e.meta?.map)
-            parts.push(`map: ${e.meta.map}`);
-        const connection = this.connectionForEdge(e);
+        if (meta && meta.friendlyPath)
+            parts.push(`Destino: ${meta.friendlyPath}`);
+        if (meta?.map)
+            parts.push(`map: ${meta.map}`);
         if (connection) {
             parts.push(`Persistido: ${this.persistedSummary(connection)}`);
             parts.push(`Leitura observada: ${this.observedTargetPreview(connection)}`);
         }
-        if (e.meta?.canonicalLink) {
-            parts.push(`Canonico derivado: ${this.canonicalSummary(e.meta.canonicalLink)}`);
+        if (meta?.canonicalLink) {
+            parts.push(`Canonico derivado: ${this.canonicalSummary(meta.canonicalLink)}`);
         }
-        parts.push(`Diagnosticos: ${describeAuthoringDiagnostics(e.meta?.diagnostics)}`);
+        parts.push(`Diagnosticos: ${describeAuthoringDiagnostics(meta?.diagnostics)}`);
         return parts.join('\n');
     }
     persistedSummary(connection) {
@@ -6552,8 +6574,14 @@ class ConnectionGraphComponent {
             ? describeCanonicalLink(canonicalLink)
             : 'sem link canonico derivado';
     }
+    currentConnectionKind() {
+        return this.selectedEdgeMeta()?.connectionKind;
+    }
+    currentCanonicalLink() {
+        return this.selectedEdgeMeta()?.canonicalLink;
+    }
     currentDiagnosticsSummary() {
-        return describeAuthoringDiagnostics(this.currentEdge()?.meta?.diagnostics);
+        return describeAuthoringDiagnostics(this.selectedEdgeMeta()?.diagnostics);
     }
     observedTargetPreview(connection) {
         return describeObservedTargetValue(connection, this.widgets);
@@ -6752,6 +6780,24 @@ class ConnectionGraphComponent {
         const index = this.edges().indexOf(edge);
         return index >= 0 ? this.connections()[index] : undefined;
     }
+    selectedEdgeMeta() {
+        return this.edgeMeta(this.currentEdge());
+    }
+    edgeMeta(edge) {
+        if (edge?.meta) {
+            return edge.meta;
+        }
+        const connection = edge ? this.connectionForEdge(edge) : this.currentConn();
+        if (!connection) {
+            return undefined;
+        }
+        const canonicalLink = deriveAuthoringCanonicalLink(connection);
+        return {
+            connectionKind: this.connectionKind(connection),
+            canonicalLink,
+            diagnostics: canonicalLink.diagnostics,
+        };
+    }
     emitPageChange() {
         const parsed = this.parsePage(this.page) || { widgets: this.widgets || [] };
         const updated = { ...parsed, connections: this.connections() };
@@ -6864,11 +6910,11 @@ class ConnectionGraphComponent {
           <button mat-icon-button (click)="showDetails=false" aria-label="Fechar"><mat-icon>close</mat-icon></button>
         </div>
         <div class="details-body" *ngIf="currentConn() as c">
-          <div><b>Tipo:</b> {{ connectionKindLabel(currentEdge()?.meta?.connectionKind) }}</div>
+          <div><b>Tipo:</b> {{ connectionKindLabel(currentConnectionKind()) }}</div>
           <div><b>De:</b> {{ fromLabel(c) }}</div>
           <div><b>Para:</b> {{ toLabel(c) }}</div>
           <div><b>Persistido:</b> {{ persistedSummary(c) }}</div>
-          <div *ngIf="currentEdge()?.meta?.canonicalLink as canonicalLink">
+          <div *ngIf="currentCanonicalLink() as canonicalLink">
             <b>Canonico derivado:</b> {{ canonicalSummary(canonicalLink) }}
           </div>
           <div><b>Diagnosticos:</b> {{ currentDiagnosticsSummary() }}</div>
@@ -7010,11 +7056,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
           <button mat-icon-button (click)="showDetails=false" aria-label="Fechar"><mat-icon>close</mat-icon></button>
         </div>
         <div class="details-body" *ngIf="currentConn() as c">
-          <div><b>Tipo:</b> {{ connectionKindLabel(currentEdge()?.meta?.connectionKind) }}</div>
+          <div><b>Tipo:</b> {{ connectionKindLabel(currentConnectionKind()) }}</div>
           <div><b>De:</b> {{ fromLabel(c) }}</div>
           <div><b>Para:</b> {{ toLabel(c) }}</div>
           <div><b>Persistido:</b> {{ persistedSummary(c) }}</div>
-          <div *ngIf="currentEdge()?.meta?.canonicalLink as canonicalLink">
+          <div *ngIf="currentCanonicalLink() as canonicalLink">
             <b>Canonico derivado:</b> {{ canonicalSummary(canonicalLink) }}
           </div>
           <div><b>Diagnosticos:</b> {{ currentDiagnosticsSummary() }}</div>
@@ -7712,4 +7758,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
  */
 
 export { ComponentPaletteDialogComponent, ConfirmDialogComponent, ConnectionBuilderComponent, DynamicPageBuilderComponent, DynamicPageConfigEditorComponent, FloatingToolbarComponent, PAGE_BUILDER_AI_CAPABILITIES, PAGE_BUILDER_WIDGET_AI_CATALOGS, PLACEHOLDER, PageConfigEditorComponent, TileToolbarComponent, WidgetShellEditorComponent, clearWidgetAiCatalogs, getPageAiCatalog, getWidgetAiCapabilities, providePageBuilderWidgetAiCatalogs, registerWidgetAiCatalog, registerWidgetAiCatalogs };
-//# sourceMappingURL=praxisui-page-builder.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@praxisui/page-builder",
-  "version": "3.0.0-beta.8",
+  "version": "3.0.0-beta.9",
   "description": "Page and widget builder utilities for Praxis UI (grid, dynamic widgets, editors).",
   "peerDependencies": {
     "@angular/common": "^20.0.0",
@@ -8,8 +8,8 @@
     "@angular/forms": "^20.0.0",
     "@angular/cdk": "^20.0.0",
     "@angular/material": "^20.0.0",
-    "@praxisui/core": "^3.0.0-beta.8",
-    "@praxisui/settings-panel": "^3.0.0-beta.8"
+    "@praxisui/core": "^3.0.0-beta.9",
+    "@praxisui/settings-panel": "^3.0.0-beta.9"
   },
   "dependencies": {
     "tslib": "^2.3.0"