@praxisui/visual-builder 8.0.0-beta.12 → 8.0.0-beta.14

package/fesm2022/praxisui-visual-builder.mjs

@@ -5873,6 +5873,9 @@ const PRAXIS_VISUAL_BUILDER_EN_US = {
     'praxis.visualBuilder.target.type.action.label': 'Action',
     'praxis.visualBuilder.target.type.action.labelPlural': 'Actions',
     'praxis.visualBuilder.target.type.action.description': 'Action buttons.',
+    'praxis.visualBuilder.target.type.visualBlock.label': 'Visual block',
+    'praxis.visualBuilder.target.type.visualBlock.labelPlural': 'Visual blocks',
+    'praxis.visualBuilder.target.type.visualBlock.description': 'Editorial block in the layout.',
     'praxis.visualBuilder.target.type.allPlural': 'Targets',
     'praxis.visualBuilder.ruleDefinition.step1.title': 'Targets',
     'praxis.visualBuilder.ruleDefinition.step1.subtitle': 'Where to apply',
@@ -5923,6 +5926,7 @@ const PRAXIS_VISUAL_BUILDER_EN_US = {
     'praxis.visualBuilder.ruleDefinition.targetType.rowPlural': 'Rows',
     'praxis.visualBuilder.ruleDefinition.targetType.columnPlural': 'Columns',
     'praxis.visualBuilder.ruleDefinition.targetType.actionPlural': 'Actions',
+    'praxis.visualBuilder.ruleDefinition.targetType.visualBlockPlural': 'Visual blocks',
     'praxis.visualBuilder.ruleDefinition.effect.visibleOn': 'Show the selected elements',
     'praxis.visualBuilder.ruleDefinition.effect.visibleOff': 'Hide the selected elements',
     'praxis.visualBuilder.ruleDefinition.effect.requiredOn': 'Make the fields required',
@@ -6221,6 +6225,9 @@ const PRAXIS_VISUAL_BUILDER_PT_BR = {
     'praxis.visualBuilder.target.type.action.label': 'Ação',
     'praxis.visualBuilder.target.type.action.labelPlural': 'Ações',
     'praxis.visualBuilder.target.type.action.description': 'Botões de ação.',
+    'praxis.visualBuilder.target.type.visualBlock.label': 'Bloco visual',
+    'praxis.visualBuilder.target.type.visualBlock.labelPlural': 'Blocos visuais',
+    'praxis.visualBuilder.target.type.visualBlock.description': 'Bloco editorial no layout.',
     'praxis.visualBuilder.target.type.allPlural': 'Alvos',
     'praxis.visualBuilder.ruleDefinition.step1.title': 'Alvos',
     'praxis.visualBuilder.ruleDefinition.step1.subtitle': 'Onde aplicar',
@@ -6271,6 +6278,7 @@ const PRAXIS_VISUAL_BUILDER_PT_BR = {
     'praxis.visualBuilder.ruleDefinition.targetType.rowPlural': 'Linhas',
     'praxis.visualBuilder.ruleDefinition.targetType.columnPlural': 'Colunas',
     'praxis.visualBuilder.ruleDefinition.targetType.actionPlural': 'Ações',
+    'praxis.visualBuilder.ruleDefinition.targetType.visualBlockPlural': 'Blocos visuais',
     'praxis.visualBuilder.ruleDefinition.effect.visibleOn': 'Mostrar os elementos selecionados',
     'praxis.visualBuilder.ruleDefinition.effect.visibleOff': 'Ocultar os elementos selecionados',
     'praxis.visualBuilder.ruleDefinition.effect.requiredOn': 'Tornar os campos obrigatórios',
@@ -9983,6 +9991,12 @@ class TargetSelectorComponent {
                 description: this.t('target.type.action.description', 'Botoes de acao.'),
                 icon: 'smart_button',
             },
+            {
+                id: 'visualBlock',
+                label: this.t('target.type.visualBlock.label', 'Bloco visual'),
+                description: this.t('target.type.visualBlock.description', 'Bloco editorial no layout.'),
+                icon: 'notes',
+            },
         ];
     }
     ngOnInit() {
@@ -10122,6 +10136,8 @@ class TargetSelectorComponent {
                 return this.t('target.type.column.labelPlural', 'Colunas');
             case 'action':
                 return this.t('target.type.action.labelPlural', 'Acoes');
+            case 'visualBlock':
+                return this.t('target.type.visualBlock.labelPlural', 'Blocos visuais');
             default:
                 return this.t('target.type.allPlural', 'Alvos');
         }
@@ -10153,6 +10169,8 @@ class TargetSelectorComponent {
                 return this.targetSchemas.rows || {};
             case 'column':
                 return this.targetSchemas.columns || {};
+            case 'visualBlock':
+                return this.targetSchemas.visualBlocks || {};
             default:
                 return {};
         }
@@ -10781,6 +10799,8 @@ class RuleDefinitionComponent {
                 return this.t('ruleDefinition.targetType.rowPlural', 'Linhas');
             case 'column':
                 return this.t('ruleDefinition.targetType.columnPlural', 'Colunas');
+            case 'visualBlock':
+                return this.t('ruleDefinition.targetType.visualBlockPlural', 'Blocos visuais');
             default:
                 return this.t('ruleDefinition.targetType.fieldPlural', 'Campos');
         }
@@ -10790,7 +10810,8 @@ class RuleDefinitionComponent {
             .replace(/^section:/, '')
             .replace(/^action:/, '')
             .replace(/^row:/, '')
-            .replace(/^column:/, '');
+            .replace(/^column:/, '')
+            .replace(/^visualBlock:/, '');
     }
     initializeFromNode() {
         this.isInitializing = true;
@@ -10831,6 +10852,8 @@ class RuleDefinitionComponent {
             return 'row';
         if (targets.some((target) => target.startsWith('column:')))
             return 'column';
+        if (targets.some((target) => target.startsWith('visualBlock:')))
+            return 'visualBlock';
         return 'field';
     }
     buildRuleConfig(skipVisualCondition = false) {
@@ -12657,6 +12680,9 @@ class RuleEditorComponent {
             return;
         }
         const finalResponse = validation.correctedResponse || aiResponse;
+        const finalCondition = finalResponse.condition
+            ? finalResponse.condition
+            : undefined;
         try {
             const draftNodeId = this.ruleBuilderService.addNode({
                 type: RuleNodeType.PROPERTY_RULE,
@@ -12665,7 +12691,7 @@ class RuleEditorComponent {
                     type: 'propertyRule',
                     targetType: finalResponse.targetType,
                     targets: finalResponse.targetIds,
-                    condition: finalResponse.condition || undefined,
+                    condition: finalCondition,
                     properties: finalResponse.effects.properties,
                     propertiesWhenFalse: finalResponse.effects.propertiesWhenFalse,
                 },
@@ -13429,7 +13455,7 @@ const effectSetSchema = {
     required: ['nodeId', 'targetType', 'targets', 'properties'],
     properties: {
         nodeId: { type: 'string' },
-        targetType: { enum: ['field', 'section', 'action', 'row', 'column'] },
+        targetType: { enum: ['field', 'section', 'action', 'row', 'column', 'visualBlock'] },
         targets: {
             type: 'array',
             items: { type: 'string' },

package/index.d.ts

@@ -121,7 +121,7 @@ interface FieldConditionConfig {
 }
 interface PropertyRuleConfig {
     type: 'propertyRule';
-    targetType: 'field' | 'section' | 'action' | 'row' | 'column';
+    targetType: 'field' | 'section' | 'action' | 'row' | 'column' | 'visualBlock';
     /** Target IDs without prefix (namespace is defined by targetType) */
     targets: string[];
     /** Properties applied when condition is true */
@@ -512,9 +512,10 @@ interface RuleBuilderConfig {
         actions?: Record<string, unknown>;
         rows?: Record<string, unknown>;
         columns?: Record<string, unknown>;
+        visualBlocks?: Record<string, unknown>;
     };
     /** Optional property schema per targetType for typed property editing */
-    targetPropertySchemas?: Record<'field' | 'section' | 'action' | 'row' | 'column', Array<{
+    targetPropertySchemas?: Record<'field' | 'section' | 'action' | 'row' | 'column' | 'visualBlock', Array<{
         name: string;
         type: 'string' | 'boolean' | 'object' | 'enum' | 'number';
         label?: string;
@@ -641,7 +642,7 @@ interface FieldSchema {
     /** Human-readable field label */
     label: string;
     /** Logical origin to help context-sensitive filtering (form field, section, row, column, table column, etc.) */
-    origin?: 'field' | 'section' | 'action' | 'row' | 'column' | 'tableField' | 'tableColumn';
+    origin?: 'field' | 'section' | 'action' | 'row' | 'column' | 'visualBlock' | 'tableField' | 'tableColumn';
     /** Field data type */
     type: FieldType | string;
     /** Optional description or help text */
@@ -2181,7 +2182,7 @@ declare const createError: {
     internal: (message: string, cause?: Error) => InternalError;
 };
 
-type TargetType = 'field' | 'section' | 'action' | 'row' | 'column';
+type TargetType = 'field' | 'section' | 'action' | 'row' | 'column' | 'visualBlock';
 type RuleNodeConfigExtended = RuleNodeConfig & {
     targetType?: TargetType;
     properties?: Record<string, any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@praxisui/visual-builder",
-  "version": "8.0.0-beta.12",
+  "version": "8.0.0-beta.14",
   "description": "Visual rule and expression builder for Praxis UI with JSON Logic authoring, validation and context variables.",
   "peerDependencies": {
     "@angular/common": "^20.0.0",
@@ -8,7 +8,7 @@
     "@angular/cdk": "^20.0.0",
     "@angular/material": "^20.0.0",
     "@angular/forms": "^20.0.0",
-    "@praxisui/settings-panel": "^8.0.0-beta.12"
+    "@praxisui/settings-panel": "^8.0.0-beta.14"
   },
   "dependencies": {
     "tslib": "^2.3.0",