@praxisui/page-builder 9.0.0-beta.16 → 9.0.0-beta.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@praxisui/page-builder",
-  "version": "9.0.0-beta.16",
+  "version": "9.0.0-beta.18",
   "description": "Page and widget builder utilities for Praxis UI (grid, dynamic widgets, editors).",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
@@ -8,9 +8,9 @@
     "@angular/forms": "^21.0.0",
     "@angular/cdk": "^21.0.0",
     "@angular/material": "^21.0.0",
-    "@praxisui/ai": "^9.0.0-beta.16",
-    "@praxisui/core": "^9.0.0-beta.16",
-    "@praxisui/settings-panel": "^9.0.0-beta.16",
+    "@praxisui/ai": "^9.0.0-beta.18",
+    "@praxisui/core": "^9.0.0-beta.18",
+    "@praxisui/settings-panel": "^9.0.0-beta.18",
     "rxjs": "~7.8.0"
   },
   "dependencies": {

package/types/praxisui-page-builder.d.ts

@@ -373,6 +373,7 @@ type ConnectionEditorFlowMode = 'all' | 'data' | 'event' | 'capability' | 'simul
 type ConnectionEditorDockTab = 'json' | 'links' | 'derived' | 'export';
 type ConnectionEditorConditionPreset = 'source-present' | 'source-id-present';
 type ConnectionEditorPolicyPreset = 'stable-delivery' | 'skip-missing';
+type ConnectionEditorVisualDensity = 'guided' | 'full';
 interface DragState {
     port: ConnectionEditorPort;
     source: ConnectionEditorPoint;
@@ -465,6 +466,8 @@ declare class ConnectionEditorComponent {
     readonly traceStepIndex: _angular_core.WritableSignal<number>;
     readonly traceSourceNodeId: _angular_core.WritableSignal<string | null>;
     readonly selectedPort: _angular_core.WritableSignal<ConnectionEditorPort | null>;
+    readonly hoveredNodeId: _angular_core.WritableSignal<string | null>;
+    readonly visualDensity: _angular_core.WritableSignal<ConnectionEditorVisualDensity>;
     readonly globalActionPayloadError: _angular_core.WritableSignal<string | null>;
     readonly pendingSegmentState: _angular_core.WritableSignal<PendingSegmentState | null>;
     readonly dragState: _angular_core.WritableSignal<DragState | null>;
@@ -544,6 +547,8 @@ declare class ConnectionEditorComponent {
     readonly visibleEdges: _angular_core.Signal<ConnectionsViewerEdge[]>;
     readonly selectedEdge: _angular_core.Signal<ConnectionsViewerEdge | null>;
     readonly editorGraph: _angular_core.Signal<ConnectionEditorGraph>;
+    readonly connectedNodeIds: _angular_core.Signal<Set<string>>;
+    readonly connectedPortIds: _angular_core.Signal<Set<string>>;
     readonly editorNodes: _angular_core.Signal<ConnectionEditorNode[]>;
     readonly navigationBounds: _angular_core.Signal<ConnectionEditorBounds>;
     readonly minimapViewBox: _angular_core.Signal<string>;
@@ -613,6 +618,8 @@ declare class ConnectionEditorComponent {
     handleEditorKeydown(event: KeyboardEvent): void;
     setFilter(filter: ConnectionsEditorFilter): void;
     setMode(mode: ConnectionEditorFlowMode): void;
+    toggleVisualDensity(event: Event): void;
+    visualDensityAriaLabel(): string;
     activeModeStatus(): string;
     setDockTab(tab: ConnectionEditorDockTab): void;
     handleDockTabKeydown(event: KeyboardEvent, tab: ConnectionEditorDockTab): void;
@@ -694,6 +701,12 @@ declare class ConnectionEditorComponent {
     isModeDimmedConnection(connection: ConnectionEditorConnection): boolean;
     isModeDimmedNode(node: ConnectionEditorNode): boolean;
     isModeDimmedPort(port: ConnectionEditorPort): boolean;
+    isGuidedQuietNode(node: ConnectionEditorNode): boolean;
+    areNodePortsVisible(node: ConnectionEditorNode): boolean;
+    isGuidedPortVisible(port: ConnectionEditorPort): boolean;
+    isGuidedSegmentLabelVisible(port: ConnectionEditorPort): boolean;
+    clearHoveredNode(nodeId: string): void;
+    private updateAutoExpandedNode;
     edgeMatchesMode(edge: ConnectionsViewerEdge): boolean;
     isNodeFocusedByConnection(node: ConnectionEditorNode): boolean;
     isPortFocusedByConnection(port: ConnectionEditorPort): boolean;
@@ -834,20 +847,37 @@ type DeviceVariantForm = FormGroup<{
     groupingOverrides: FormControl<string>;
     widgetOverrides: FormControl<string>;
 }>;
+type LayoutPresetEntry = {
+    id: string;
+    label: string;
+    description: string;
+    category: string;
+    defaultColumns: number;
+    defaultGap: string;
+    slotLabels: string[];
+    requiredSlotLabels: string[];
+    deviceStacking: string;
+    preferTabsOnMobile: boolean;
+    hideSecondaryContentOnMobile: boolean;
+    defaultThemePreset: string;
+};
+type ThemePresetEntry = {
+    id: string;
+    label: string;
+    description: string;
+    density: string;
+    motion: string;
+    shellPreset: string;
+    chartThemePreset: string;
+};
 declare class DynamicPageConfigEditorComponent implements OnInit, SettingsValueProvider$1 {
     set page(value: WidgetPageDefinition | string | null | undefined);
     layout?: unknown;
     presets?: unknown;
     pagePreset?: string | null;
     pageChange: EventEmitter<WidgetPageDefinition>;
-    readonly layoutPresetEntries: {
-        id: string;
-        label: string;
-    }[];
-    readonly themePresetEntries: {
-        id: string;
-        label: string;
-    }[];
+    readonly layoutPresetEntries: LayoutPresetEntry[];
+    readonly themePresetEntries: ThemePresetEntry[];
     readonly shellPresetEntries: {
         id: string;
         label: string;
@@ -875,6 +905,7 @@ declare class DynamicPageConfigEditorComponent implements OnInit, SettingsValueP
     readonly stateError: WritableSignal<string | null>;
     readonly deviceError: WritableSignal<string | null>;
     private readonly injectedData;
+    private readonly i18n;
     private pageInput;
     private snapshot;
     private hydrating;
@@ -888,13 +919,24 @@ declare class DynamicPageConfigEditorComponent implements OnInit, SettingsValueP
     get dirtyStateLabel(): string;
     get selectedLayoutPresetLabel(): string;
     get selectedThemePresetLabel(): string;
+    get selectedLayoutPresetEntry(): LayoutPresetEntry | null;
+    get selectedThemePresetEntry(): ThemePresetEntry | null;
+    get recommendedThemePresetEntry(): ThemePresetEntry | null;
     get canvasSummaryLabel(): string;
     onSelectedTabIndexChange(index: number): void;
     getSettingsValue(): WidgetPageDefinition | null;
     onSave(): WidgetPageDefinition | null;
     reset(): void;
+    pinRecommendedThemePreset(): void;
     addGroupingNode(seed?: WidgetPageGroupingDefinition): void;
     removeGroupingNode(index: number): void;
+    layoutPresetSummary(preset: LayoutPresetEntry): string;
+    slotsSummary(preset: LayoutPresetEntry): string;
+    requiredSlotsSummary(preset: LayoutPresetEntry): string;
+    devicePolicySummary(preset: LayoutPresetEntry): string;
+    inheritedThemeHelp(theme: ThemePresetEntry): string;
+    groupLabel(index: number): string;
+    tx(key: string, fallback: string): string;
     private createDeviceVariantForm;
     private createGroupingNodeGroup;
     private hydrate;