@vectoriox/iox-builder 3.1.0 → 3.3.0

package/fesm2022/vectoriox-iox-builder.mjs

@@ -16,7 +16,7 @@ import { SelectModule } from 'primeng/select';
 import { TooltipModule } from 'primeng/tooltip';
 import { DialogModule } from 'primeng/dialog';
 import * as i16 from '@vectoriox/iox-ui';
-import { DEFAULT_WIDTH_BY_TYPE, ContextStore, ComponentInstanceRegistryService, isContextAction, contextActionEffect, resolveContextValue, buildTargetedStateSelector, compileDeclarations, safeSetInput, composeVirtualTraits, collectContextSlotKeys, withContextSlots, nodeUsesContext, resolvePath, applyBindingPipes, IS_PREVIEW, planDataSource, dataSourcePlanToRequest, normalizeCollectionResult, resolveRepeaterItems, getByPath, computeRelative, IoxPageModule } from '@vectoriox/iox-ui';
+import { DEFAULT_WIDTH_BY_TYPE, ContextStore, ComponentInstanceRegistryService, isActionEnabled, isContextAction, contextActionEffect, resolveContextValue, buildTargetedStateSelector, compileDeclarations, safeSetInput, composeVirtualTraits, collectContextSlotKeys, withContextSlots, nodeUsesContext, resolvePath, applyBindingPipes, IS_PREVIEW, planDataSource, dataSourcePlanToRequest, normalizeCollectionResult, resolveRepeaterItems, getByPath, computeRelative, IoxPageModule } from '@vectoriox/iox-ui';
 export { ComponentInstanceRegistryService, VIRTUAL_TRAIT_KEYS, composeVirtualTraits } from '@vectoriox/iox-ui';
 import Lenis from 'lenis';
 import { Subject, BehaviorSubject, of, forkJoin } from 'rxjs';
@@ -827,6 +827,11 @@ var PanelEventTypes;
      *  id). Emitted when the overlay interaction badge is clicked so that badge → "edit THIS
      *  interaction", without firing the element's (live) animation. */
     PanelEventTypes["INTERACTION_EDIT"] = "interactionedit";
+    /** A node's `interactions` were added/removed/edited. Carries `{ node }`.
+     *  Repeater/Slider listen so their PREVIEW CLONES are re-cloned with the new interactions —
+     *  clones are attached by ELEMENT at render time, so without this a new interaction only starts
+     *  working after a save + reload. */
+    PanelEventTypes["INTERACTION_CHANGED"] = "interactionchanged";
 })(PanelEventTypes || (PanelEventTypes = {}));
 class PanelEventService {
     constructor() {
@@ -2105,6 +2110,10 @@ class InteractionEngineService {
             const skipPreState = inBuilder && ix.trigger === 'scrollProgress';
             if (!skipPreState) {
                 for (const action of ix.actions) {
+                    // A disabled action must not pre-state: it would hide the element with nothing
+                    // left to reveal it.
+                    if (!isActionEnabled(action))
+                        continue;
                     if (this.ENTRANCE_TYPES.has(action.type)) {
                         const target = this.resolveTarget(node, action, element);
                         if (target) {
@@ -2380,6 +2389,8 @@ class InteractionEngineService {
         const leaveHandler = () => {
             // Reverse animations on leave for hover triggers
             for (const action of ix.actions) {
+                if (!isActionEnabled(action))
+                    continue;
                 // Context actions have no "backwards" — the shared table decides what leave does
                 // (clear, unless the action sets noReverse). Same call the SSR engine makes.
                 if (isContextAction(action)) {
@@ -2402,6 +2413,8 @@ class InteractionEngineService {
     // ── Actions ──────────────────────────────────────────────
     runActions(node, actions, selfEl) {
         for (const action of actions) {
+            if (!isActionEnabled(action))
+                continue; // switched off by the author
             if (this.SWIPER_ACTIONS.has(action.type)) {
                 this.executeSwiperAction(action);
                 continue;
@@ -6321,7 +6334,12 @@ class BuilderRepeaterComponent {
     }
     ngOnInit() {
         this.bindingSub = this.panelEventService.subscribe(event => {
-            if (event.type !== PanelEventTypes.BINDING_CHANGED)
+            // A binding OR an interaction change on a template node must re-clone the preview rows.
+            // Interactions matter because clones are attached by ELEMENT at render time, so a newly
+            // added interaction never reaches an existing clone — it would appear to work only after
+            // a save + reload. See element-context-state-plan.md.
+            if (event.type !== PanelEventTypes.BINDING_CHANGED
+                && event.type !== PanelEventTypes.INTERACTION_CHANGED)
                 return;
             const changedNode = event.data?.node;
             if (!changedNode || !this.items.length)