@vectoriox/iox-builder 2.1.1 → 2.2.0

package/package.json

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

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

@@ -610,7 +610,11 @@ declare enum PanelEventTypes {
     /** Open the Interactions panel in preset-edit mode for the given preset ID. */
     INTERACTION_PRESET_EDIT = "interactionpresetedit",
     /** Fired after an interaction preset is created, updated, or deleted so panels refresh. */
-    INTERACTION_PRESETS_CHANGED = "interactionpresetschanged"
+    INTERACTION_PRESETS_CHANGED = "interactionpresetschanged",
+    /** Open the Interactions panel and EXPAND a specific interaction for editing (data = interaction
+     *  id). Emitted when the overlay interaction badge is clicked so that badge → "edit THIS
+     *  interaction", without firing the element's (live) animation. */
+    INTERACTION_EDIT = "interactionedit"
 }
 interface PanelEvent {
     type: PanelEventTypes;
@@ -1316,6 +1320,7 @@ declare class BuilderComponent implements OnInit, AfterViewInit, OnChanges, OnDe
         action: ToolbarAction;
         entry: OverlayEntry;
         position?: 'before' | 'after';
+        interaction?: IoxInteraction;
     }): void;
     confirmSaveBlock(): void;
     cancelSaveBlock(): void;
@@ -1482,6 +1487,7 @@ declare class OverlayComponent implements OnInit, OnDestroy {
         action: ToolbarAction;
         entry: OverlayEntry;
         position?: "before" | "after";
+        interaction?: IoxInteraction;
     }>;
     hoverEntry: OverlayEntry | null;
     selectEntry: OverlayEntry | null;
@@ -1534,7 +1540,15 @@ declare class OverlayComponent implements OnInit, OnDestroy {
     get hasPresetInClipboard(): boolean;
     get hasInteractionPresetInClipboard(): boolean;
     onEditPreset(event: MouseEvent): void;
-    onEditInteractionPreset(event: MouseEvent): void;
+    /**
+     * Interaction badge clicked. It must ONLY open the Interactions panel with THIS interaction
+     * active — it must NOT fire the element's (live) animation. `preventDefault` + `stopPropagation`
+     * fully swallow the pointer event so it can never reach the node's live `click` interaction
+     * listener. The specific `ix` is forwarded so the builder can expand it in the panel.
+     */
+    onEditInteractionPreset(event: MouseEvent, ix?: IoxInteraction): void;
+    /** Swallow the follow-up click on the badge so it can't reach the canvas / a live interaction. */
+    onBadgeClickSwallow(event: MouseEvent): void;
     onBadgeContextMenu(event: MouseEvent, type: 'style' | 'interaction', ix?: IoxInteraction): void;
     onBadgeCopy(): void;
     onBadgeEdit(): void;
@@ -1736,6 +1750,12 @@ declare class BuilderDataSourceService {
     fetch(ds: IoxDataSource | undefined): Observable<any>;
     /** Same fetch, always as an array — for the canvas components that repeat over the source. */
     fetchItems(ds: IoxDataSource | undefined): Observable<any[]>;
+    /**
+     * Items a Repeater/Slider iterates over. With `sourcePath` it repeats over an array PROPERTY of a
+     * SINGLE-resource source (e.g. `product.gallery`); without it the source itself is the list.
+     * Uses the SHARED `resolveRepeaterItems` so the canvas preview matches the SSR engine.
+     */
+    fetchRepeaterItems(ds: IoxDataSource | undefined, sourcePath?: string): Observable<any[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<BuilderDataSourceService, [null, { optional: true; }]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<BuilderDataSourceService>;
 }
@@ -1762,10 +1782,14 @@ declare class BuilderRepeaterComponent implements OnInit, OnDestroy {
     /** Bound reference passed to [ioxDropzonePostDrop] so the directive can call it. */
     readonly refreshPreviewsBound: () => void;
     private _source;
+    private _sourcePath;
     private _limit;
     private bindingSub?;
     get source(): string;
     set source(value: string);
+    /** Optional array PROPERTY inside a single-resource source to repeat over (e.g. `gallery`). */
+    get sourcePath(): string;
+    set sourcePath(value: string);
     get limit(): number;
     set limit(value: number);
     constructor(dragEngine: DragEngineService, overlayService: OverlayService, dataSourceService: BuilderDataSourceService, dsRegistry: DataSourceRegistryService, panelEventService: PanelEventService, cdr: ChangeDetectorRef);
@@ -1779,7 +1803,7 @@ declare class BuilderRepeaterComponent implements OnInit, OnDestroy {
     private refreshPreviews;
     private applyFirstItemToTemplate;
     static ɵfac: i0.ɵɵFactoryDeclaration<BuilderRepeaterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BuilderRepeaterComponent, "app-builder-repeater", never, { "children": { "alias": "children"; "required": false; }; "style": { "alias": "style"; "required": false; }; "nodeId": { "alias": "nodeId"; "required": false; }; "dropListId": { "alias": "dropListId"; "required": false; }; "source": { "alias": "source"; "required": false; }; "limit": { "alias": "limit"; "required": false; }; }, { "childClick": "childClick"; "childMouseEnter": "childMouseEnter"; "childMouseLeave": "childMouseLeave"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BuilderRepeaterComponent, "app-builder-repeater", never, { "children": { "alias": "children"; "required": false; }; "style": { "alias": "style"; "required": false; }; "nodeId": { "alias": "nodeId"; "required": false; }; "dropListId": { "alias": "dropListId"; "required": false; }; "source": { "alias": "source"; "required": false; }; "sourcePath": { "alias": "sourcePath"; "required": false; }; "limit": { "alias": "limit"; "required": false; }; }, { "childClick": "childClick"; "childMouseEnter": "childMouseEnter"; "childMouseLeave": "childMouseLeave"; }, never, never, false, never>;
 }
 
 /**