@vectoriox/iox-builder 1.4.18 → 1.4.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vectoriox/iox-builder",
-  "version": "1.4.18",
+  "version": "1.4.20",
   "peerDependencies": {
     "@angular/common": ">=20.0.0",
     "@angular/core": ">=20.0.0",

package/types/vectoriox-iox-builder.d.ts

@@ -156,6 +156,10 @@ interface ComponentNode {
      * property map that is compiled to `.iox-node-{id}:hover { … }` etc.
      */
     stateStyles?: Partial<Record<ElementState, Record<string, any>>>;
+    /** User-defined display name for this node. Used in the layer tree and as an
+     *  interaction target identifier. Only nodes with a label appear in the
+     *  interaction target picker. */
+    label?: string;
 }
 /**
  * Build a full StyleTraitGroup[] schema populated with values from a flat
@@ -1298,6 +1302,8 @@ declare class LayerTreeComponent implements OnInit, OnDestroy {
     flatGlobalTree: TreeNode[];
     selectedNodeId: string | null;
     hoveredNodeId: string | null;
+    editingNodeId: string | null;
+    editingValue: string;
     /** Cache: component type → icon class */
     private iconMap;
     private selectSub?;
@@ -1316,6 +1322,9 @@ declare class LayerTreeComponent implements OnInit, OnDestroy {
     toggleExpand(treeNode: TreeNode, event: MouseEvent): void;
     onDeleteNode(treeNode: TreeNode, event: MouseEvent): void;
     onDuplicateNode(treeNode: TreeNode, event: MouseEvent): void;
+    startRename(treeNode: TreeNode, event: MouseEvent): void;
+    saveRename(treeNode: TreeNode): void;
+    cancelRename(): void;
     /**
      * CDK drop handler for tree reorder.
      * Works on the flat tree indices — maps back to parent arrays to do the move.
@@ -1344,10 +1353,16 @@ declare class InteractionsPanelComponent implements OnInit, OnDestroy {
     }[];
     easingOptions: string[];
     interactions: IoxInteraction[];
+    /** All canvas nodes available as animation targets. */
+    nodeOptions: {
+        label: string;
+        value: string;
+    }[];
     /** State for the "add interaction" form */
     isAdding: boolean;
     newTrigger: InteractionTrigger;
     newActionType: InteractionActionType;
+    newTarget: string;
     newDuration: number;
     newDelay: number;
     newEasing: string;
@@ -1357,6 +1372,8 @@ declare class InteractionsPanelComponent implements OnInit, OnDestroy {
     private selectSub?;
     constructor(overlayService: OverlayService);
     ngOnInit(): void;
+    refreshNodeOptions(): void;
+    getTargetLabel(value: string): string;
     ngOnDestroy(): void;
     getTriggerLabel(trigger: InteractionTrigger): string;
     getTriggerIcon(trigger: InteractionTrigger): string;