@vectoriox/iox-builder 2.10.3 → 2.11.0

package/fesm2022/vectoriox-iox-builder.mjs

@@ -17,7 +17,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, ComponentInstanceRegistryService, buildTargetedStateSelector, compileDeclarations, composeVirtualTraits, IS_PREVIEW, planDataSource, dataSourcePlanToRequest, normalizeCollectionResult, resolveRepeaterItems, getByPath, computeRelative, IoxPageModule } from '@vectoriox/iox-ui';
+import { DEFAULT_WIDTH_BY_TYPE, ComponentInstanceRegistryService, buildTargetedStateSelector, compileDeclarations, safeSetInput, composeVirtualTraits, IS_PREVIEW, resolvePath, 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';
@@ -74,6 +74,11 @@ const INVERSE_ACTION = {
     moveDown: 'moveUp',
     moveLeft: 'moveRight',
     moveRight: 'moveLeft',
+    // Click-toggle only: click sets the slot, click again clears it. This map does NOT drive
+    // hover-leave — that runs the same actions on a reverse pass, whose context semantics live in
+    // `contextActionEffect` (@vectoriox/iox-ui).
+    setContext: 'clearContext',
+    clearContext: 'setContext',
 };
 const TRIGGER_OPTIONS = [
     { value: 'pageLoad', label: 'Page load', icon: 'ph-thin ph-play' },
@@ -97,6 +102,8 @@ const ACTION_TYPE_OPTIONS = [
     { value: 'show', label: 'Show' },
     { value: 'hide', label: 'Hide' },
     { value: 'toggleVisibility', label: 'Toggle visibility' },
+    { value: 'setContext', label: 'Set context' },
+    { value: 'clearContext', label: 'Clear context' },
 ];
 const EASING_OPTIONS$1 = ['linear', 'ease', 'ease-in', 'ease-out', 'ease-in-out'];
 /** Interaction pseudo-classes — compiled to .iox-node-{id}:state */
@@ -3478,14 +3485,16 @@ class RenderDirective {
         else {
             componentRef = this.vcr.createComponent(componentClass, { injector: this.injector });
         }
-        // Apply regular trait defaults (title, image, description, etc.)
-        // Use setInput() (Angular 14+) — it marks the view dirty and
-        // integrates with Angular's CD tracking, unlike direct assignment.
-        // Skip SectionLabel traits — they are UI-only panel headers with no matching @Input().
+        // Apply regular trait defaults (title, image, description, etc.). safeSetInput() uses
+        // setInput() for declared inputs (marks the view dirty, integrates with CD + signal inputs)
+        // and falls back to direct assignment for anything the component doesn't declare — so a
+        // trait that has no matching @Input (e.g. `sourcePath` on a SliderContainer) never emits the
+        // NG0303 console error that a bare setInput() would. Skip SectionLabel traits — they are
+        // UI-only panel headers with no matching input.
         Object.values(node.traits || {}).forEach((trait) => {
             if (trait.type === 'sectionLabel')
                 return;
-            componentRef.setInput(trait.name, trait.default);
+            safeSetInput(componentRef, trait.name, trait.default);
         });
         // Build initial style map from styleTraits defaults.
         const initialStyle = {};
@@ -3659,15 +3668,6 @@ class RenderDirective {
             this.interactionEngine.attachTo(node, nativeEl);
         }
     }
-    /** Try setInput(); fall back to direct assignment for non-@Input properties. */
-    safeSetInput(ref, name, value) {
-        try {
-            ref.setInput(name, value);
-        }
-        catch {
-            ref.instance[name] = value;
-        }
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: RenderDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.Injector }, { token: i0.EnvironmentInjector }, { token: DOCUMENT }, { token: ComponentRegistryService }, { token: OverlayService }, { token: StyleRegistryService }, { token: InteractionEngineService }, { token: i0.ChangeDetectorRef }, { token: PanelEventService }, { token: DragEngineService }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.11", type: RenderDirective, isStandalone: false, selector: "[ioxRender]", inputs: { ioxRender: "ioxRender", ioxDragSourceId: "ioxDragSourceId" }, outputs: { onClick: "onClick", onMouseEnter: "onMouseEnter", onMouseLeave: "onMouseLeave" }, ngImport: i0 }); }
 }
@@ -5950,27 +5950,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
                 type: Output
             }] } });
 
-/**
- * Resolves a dot-notation path (with optional array bracket notation) against an object.
- * Examples: 'title', 'author.name', 'tags[0]', 'items[2].title'
- */
-function resolvePath(obj, path) {
-    // Empty path (or `$`) means "the value itself" — used to bind to an item that IS a primitive
-    // (e.g. a Repeater over `gallery: string[]`, where each item is the URL string). See
-    // binding-panel-redesign-plan.md.
-    if (path === '' || path === '$' || path == null)
-        return obj;
-    return path.split('.').reduce((current, key) => {
-        if (current == null)
-            return undefined;
-        const bracketMatch = key.match(/^(\w+)\[(\d+)]$/);
-        if (bracketMatch) {
-            const arr = current[bracketMatch[1]];
-            return Array.isArray(arr) ? arr[parseInt(bracketMatch[2], 10)] : undefined;
-        }
-        return current[key];
-    }, obj);
-}
 /**
  * Deep-clones a ComponentNode tree and overrides trait defaults
  * according to each node's bindings resolved against `item`.