@vectoriox/iox-builder 2.12.1 → 3.1.0

package/package.json

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

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

@@ -1,24 +1,24 @@
 import * as i0 from '@angular/core';
 import { ComponentRef, Type, ChangeDetectorRef, OnInit, AfterViewInit, OnChanges, OnDestroy, EventEmitter, ElementRef, ApplicationRef, SimpleChanges, ViewContainerRef, Injector, EnvironmentInjector, InjectionToken, TemplateRef, AfterContentInit, QueryList } from '@angular/core';
-import * as i28 from '@vectoriox/iox-ui';
+import * as i27 from '@vectoriox/iox-ui';
 import { RelativeSourceSpec, DataSourceEndpoints } from '@vectoriox/iox-ui';
 export { ComponentInstanceRegistryService, IoxContextSlot, SetContextParams, VIRTUAL_TRAIT_KEYS, composeVirtualTraits } from '@vectoriox/iox-ui';
 import * as rxjs from 'rxjs';
 import { Subject, Subscription, BehaviorSubject, Observable } from 'rxjs';
 import * as _vectoriox_iox_builder from '@vectoriox/iox-builder';
-import * as i23 from 'primeng/popover';
+import * as i22 from 'primeng/popover';
 import { Popover } from 'primeng/popover';
 import { HttpClient } from '@angular/common/http';
-import * as i20 from '@angular/cdk/drag-drop';
+import * as i19 from '@angular/cdk/drag-drop';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
-import * as i18 from '@angular/common';
-import * as i19 from '@angular/forms';
-import * as i21 from 'primeng/accordion';
-import * as i22 from 'primeng/button';
-import * as i24 from 'primeng/inputtext';
-import * as i25 from 'primeng/select';
-import * as i26 from 'primeng/tooltip';
-import * as i27 from 'primeng/dialog';
+import * as i17 from '@angular/common';
+import * as i18 from '@angular/forms';
+import * as i20 from 'primeng/accordion';
+import * as i21 from 'primeng/button';
+import * as i23 from 'primeng/inputtext';
+import * as i24 from 'primeng/select';
+import * as i25 from 'primeng/tooltip';
+import * as i26 from 'primeng/dialog';
 
 declare enum StyleCategory {
     Layout = "Layout",
@@ -83,11 +83,16 @@ declare enum DataSourceType {
     /** A ROUTE-CONTEXT value derived from the current route item — `$route`/`$current`/`$siblings`/
      *  `$related`. Not fetched: computed by the shared `computeRelative` from other resolved sources.
      *  See relative-data-sources-plan.md. */
-    Relative = "relative"
+    Relative = "relative",
+    /** A page-local VARIABLE: a named resource whose value is WRITTEN at runtime by an interaction
+     *  (`setContext`), never fetched. Starts empty; elements bind to it like any other alias.
+     *  `request.variable.itemsFrom` names the source whose items it holds, for field suggestions.
+     *  See element-context-state-plan.md. */
+    Variable = "variable"
 }
 interface IoxDataSource {
     id: string;
-    type: 'cms' | 'shop' | 'internal-api' | 'external-api' | 'static' | 'derived' | 'relative';
+    type: 'cms' | 'shop' | 'internal-api' | 'external-api' | 'static' | 'derived' | 'relative' | 'variable';
     mode: 'single' | 'query';
     alias: string;
     request: {
@@ -101,6 +106,11 @@ interface IoxDataSource {
         /** `relative` alias: a route-context computation (kind + from/subjectFrom/sortBy/matchFields…),
          *  resolved by the shared `computeRelative`. */
         relative?: RelativeSourceSpec;
+        /** `variable` alias: written at runtime by an interaction. `itemsFrom` names the source whose
+         *  items it holds — optional, and used only to suggest fields in the bind picker. */
+        variable?: {
+            itemsFrom?: string;
+        };
         cms?: {
             contentType: string;
             filter?: any;
@@ -2234,111 +2244,9 @@ declare class LayerTreeComponent implements OnInit, OnDestroy {
     static ɵcmp: i0.ɵɵComponentDeclaration<LayerTreeComponent, "app-layer-tree", never, { "layout": { "alias": "layout"; "required": false; }; "globalElements": { "alias": "globalElements"; "required": false; }; }, { "nodeSelect": "nodeSelect"; "nodeAction": "nodeAction"; "nodeMove": "nodeMove"; }, never, never, false, never>;
 }
 
-declare class InteractionsPanelComponent implements OnInit, OnDestroy {
-    private overlayService;
-    private componentRegistry;
-    node: ComponentNode | null;
-    /** Base + component-specific trigger options for the selected node. */
-    triggerOptions: {
-        value: string;
-        label: string;
-        icon: string;
-    }[];
-    /** Base + component-specific action type options. */
-    actionTypeOptions: {
-        value: string;
-        label: string;
-    }[];
-    easingOptions: string[];
-    interactions: IoxInteraction[];
-    /** All canvas nodes available as animation targets. */
-    nodeOptions: {
-        label: string;
-        value: string;
-    }[];
-    /** Slot names already used anywhere on the canvas — offered as suggestions, not a closed list.
-     *  A slot needs no declaration to work: naming it in a setContext action creates it. */
-    knownSlots: string[];
-    /** Add-form state for a context action. */
-    newSlot: string;
-    newValueKind: 'item' | 'source';
-    newValueSource: string;
-    newValuePath: string;
-    /** Defaults ON — a row that cleared itself on mouseleave would blink on every row-to-row move. */
-    newKeepAfterLeave: boolean;
-    /** Data-source aliases, for the "Pick a value…" mode. */
-    sourceOptions: {
-        label: string;
-        value: string;
-    }[];
-    private dsRegistry;
-    /** State for the "add interaction" form */
-    isAdding: boolean;
-    newTrigger: InteractionTrigger;
-    newActionType: InteractionActionType;
-    newTarget: string;
-    newDuration: number;
-    newDelay: number;
-    newEasing: string;
-    newOnce: boolean;
-    /** Slide index param for swiperGoToSlide action. */
-    newSlideIndex: number;
-    /** Expanded interaction ID for editing */
-    expandedId: string | null;
-    private selectSub?;
-    constructor(overlayService: OverlayService, componentRegistry: ComponentRegistryService);
-    get isSwiperGoToSlide(): boolean;
-    get isSwiperAction(): boolean;
-    /** The add-form is building a context action — it needs a slot, not a target/duration/easing. */
-    get isNewContextAction(): boolean;
-    ngOnInit(): void;
-    /** Merge component-specific events into trigger options and methods into action options. */
-    private refreshDynamicOptions;
-    refreshNodeOptions(): void;
-    getTargetLabel(value: string): string;
-    ngOnDestroy(): void;
-    getTriggerLabel(trigger: InteractionTrigger): string;
-    getTriggerIcon(trigger: InteractionTrigger): string;
-    getActionLabel(type: InteractionActionType): string;
-    getActionsSummary(interaction: IoxInteraction): string;
-    toggleExpand(id: string): void;
-    startAdd(): void;
-    cancelAdd(): void;
-    confirmAdd(): void;
-    removeInteraction(id: string): void;
-    addAction(interaction: IoxInteraction): void;
-    removeAction(interaction: IoxInteraction, index: number): void;
-    /** True for setContext/clearContext — they get a slot editor instead of a target + easing. */
-    isContextAction(action: InteractionAction): boolean;
-    private ctxParams;
-    slotOf(action: InteractionAction): string;
-    setSlot(action: InteractionAction, slot: string): void;
-    valueKindOf(action: InteractionAction): string;
-    setValueKind(action: InteractionAction, kind: string): void;
-    valueSourceOf(action: InteractionAction): string;
-    setValueSource(action: InteractionAction, source: string): void;
-    valuePathOf(action: InteractionAction): string;
-    setValuePath(action: InteractionAction, path: string): void;
-    /**
-     * "Keep after leave" — ON means the slot survives mouseleave (stored as `noReverse`).
-     * Defaults to ON: a repeater row that cleared itself on leave would blink on every row-to-row
-     * move. Turning it OFF is the list-container behaviour (leave clears).
-     */
-    keepAfterLeave(action: InteractionAction): boolean;
-    setKeepAfterLeave(action: InteractionAction, keep: boolean): void;
-    private refreshKnownSlots;
-    hasToggle(interaction: IoxInteraction): boolean;
-    enableToggle(interaction: IoxInteraction): void;
-    disableToggle(interaction: IoxInteraction): void;
-    addReverseAction(interaction: IoxInteraction): void;
-    removeReverseAction(interaction: IoxInteraction, index: number): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<InteractionsPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InteractionsPanelComponent, "app-interactions-panel", never, { "node": { "alias": "node"; "required": false; }; }, {}, never, never, false, never>;
-}
-
 declare class IoxBuilderModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<IoxBuilderModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<IoxBuilderModule, [typeof BuilderComponent, typeof RenderDirective, typeof IoxDraggableDirective, typeof IoxDropzoneDirective, typeof OverlayComponent, typeof ToolbarComponent, typeof SectionComponent, typeof BuilderContainerComponent, typeof BuilderLinkedContainerComponent, typeof BuilderRepeaterComponent, typeof BuilderButtonBlockComponent, typeof SliderContainerComponent, typeof SliderSlideComponent, typeof PanelComponent, typeof PanelChildComponent, typeof LayerTreeComponent, typeof InteractionsPanelComponent], [typeof i18.CommonModule, typeof i19.FormsModule, typeof i20.DragDropModule, typeof i21.AccordionModule, typeof i22.ButtonModule, typeof i23.PopoverModule, typeof i24.InputTextModule, typeof i25.SelectModule, typeof i26.TooltipModule, typeof i27.DialogModule, typeof i28.IoxPageModule], [typeof i18.CommonModule, typeof i19.FormsModule, typeof i20.DragDropModule, typeof i21.AccordionModule, typeof i22.ButtonModule, typeof i23.PopoverModule, typeof i24.InputTextModule, typeof i25.SelectModule, typeof i26.TooltipModule, typeof i27.DialogModule, typeof i28.IoxPageModule, typeof BuilderComponent, typeof RenderDirective, typeof IoxDraggableDirective, typeof IoxDropzoneDirective, typeof OverlayComponent, typeof ToolbarComponent, typeof SectionComponent, typeof BuilderContainerComponent, typeof BuilderLinkedContainerComponent, typeof BuilderRepeaterComponent, typeof BuilderButtonBlockComponent, typeof SliderContainerComponent, typeof SliderSlideComponent, typeof PanelComponent, typeof PanelChildComponent, typeof LayerTreeComponent, typeof InteractionsPanelComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IoxBuilderModule, [typeof BuilderComponent, typeof RenderDirective, typeof IoxDraggableDirective, typeof IoxDropzoneDirective, typeof OverlayComponent, typeof ToolbarComponent, typeof SectionComponent, typeof BuilderContainerComponent, typeof BuilderLinkedContainerComponent, typeof BuilderRepeaterComponent, typeof BuilderButtonBlockComponent, typeof SliderContainerComponent, typeof SliderSlideComponent, typeof PanelComponent, typeof PanelChildComponent, typeof LayerTreeComponent], [typeof i17.CommonModule, typeof i18.FormsModule, typeof i19.DragDropModule, typeof i20.AccordionModule, typeof i21.ButtonModule, typeof i22.PopoverModule, typeof i23.InputTextModule, typeof i24.SelectModule, typeof i25.TooltipModule, typeof i26.DialogModule, typeof i27.IoxPageModule], [typeof i17.CommonModule, typeof i18.FormsModule, typeof i19.DragDropModule, typeof i20.AccordionModule, typeof i21.ButtonModule, typeof i22.PopoverModule, typeof i23.InputTextModule, typeof i24.SelectModule, typeof i25.TooltipModule, typeof i26.DialogModule, typeof i27.IoxPageModule, typeof BuilderComponent, typeof RenderDirective, typeof IoxDraggableDirective, typeof IoxDropzoneDirective, typeof OverlayComponent, typeof ToolbarComponent, typeof SectionComponent, typeof BuilderContainerComponent, typeof BuilderLinkedContainerComponent, typeof BuilderRepeaterComponent, typeof BuilderButtonBlockComponent, typeof SliderContainerComponent, typeof SliderSlideComponent, typeof PanelComponent, typeof PanelChildComponent, typeof LayerTreeComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<IoxBuilderModule>;
 }
 
@@ -2504,5 +2412,5 @@ declare class TextBlockComponentConfig extends ComponentConfig {
     constructor();
 }
 
-export { ACTION_TYPE_OPTIONS, BackgroundGroupStyleConfig, BorderGroupStyleConfig, BuilderButtonBlockComponent, BuilderButtonComponentConfig, BuilderClipboardService, BuilderComponent, BuilderContainerComponent, BuilderContainerComponentConfig, BuilderDataSourceService, BuilderDividerComponentConfig, BuilderHeadingComponentConfig, BuilderHistoryService, BuilderIconComponentConfig, BuilderImageComponentConfig, BuilderLinkComponentConfig, BuilderLinkedContainerComponent, BuilderLinkedContainerConfig, BuilderListComponentConfig, BuilderListItemComponentConfig, BuilderMode, BuilderRepeaterComponent, BuilderSpacerComponentConfig, ButtonBlockComponentConfig, CardComponentConfig, ChildLayoutGroupStyleConfig, ComponentConfig, ComponentRegistryService, DEVICE_OPTIONS, DataSourceRegistryService, DataSourceType, DeviceMode, DimensionsGroupStyleConfig, DragEngineService, EASING_OPTIONS, EffectsGroupStyleConfig, GalleryConfig, GroupStyleConfig, INTERACTION_STATES, INVERSE_ACTION, IOX_DATA_SOURCE_ENDPOINTS, IOX_FONT_MANAGER, InteractionEngineService, InteractionPresetRegistryService, InteractionsPanelComponent, IoxBuilderModule, IoxDraggableDirective, IoxDropzoneDirective, LayerTreeComponent, LayoutGroupStyleConfig, ListGroupStyleConfig, NodeAction, OverlayComponent, OverlayService, PanelChildComponent, PanelComponent, PanelEventService, PanelEventTypes, PanelTypes, PositionGroupStyleConfig, PresetRegistryService, RELATIONAL_STATES, RELATIONAL_STATE_BASE, ROUTE_ANIMATION_OPTIONS, RenderDirective, RepeaterComponentConfig, SCREEN_WIDTH_OPTIONS, STRUCTURAL_STATES, SUPPORTED_STATES, SectionComponent, SectionComponentConfig, SizeGroupStyleConfig, SliderContainerComponent, SliderContainerConfig, SliderSlideComponent, SliderSlideConfig, SpacingGroupStyleConfig, StyleCategory, StyleRegistryService, TraitConfig as StyleTraitConfig, SymbolRegistryService, TARGETED_STATES, TARGETED_STATE_BASE, TRIGGER_OPTIONS, TextBlockComponentConfig, ToolbarAction, ToolbarComponent, TraitConfig, TraitInputType, TypographyGroupStyleConfig, UNITS_ALL, UNITS_DEG, UNITS_FIXED, UNITS_NO_VW, ViewportService, ZOOM_OPTIONS, arrayItemSchemaFields, arraySchemaFields, buildFullStyleTraits, buildPresetStyleTraits, defaultPageSettings, findNodeLocation, flattenSchemaFields, generateNodeId, resolveTraitControllerType, resolveTraitOptions, wrapNode };
+export { ACTION_TYPE_OPTIONS, BackgroundGroupStyleConfig, BorderGroupStyleConfig, BuilderButtonBlockComponent, BuilderButtonComponentConfig, BuilderClipboardService, BuilderComponent, BuilderContainerComponent, BuilderContainerComponentConfig, BuilderDataSourceService, BuilderDividerComponentConfig, BuilderHeadingComponentConfig, BuilderHistoryService, BuilderIconComponentConfig, BuilderImageComponentConfig, BuilderLinkComponentConfig, BuilderLinkedContainerComponent, BuilderLinkedContainerConfig, BuilderListComponentConfig, BuilderListItemComponentConfig, BuilderMode, BuilderRepeaterComponent, BuilderSpacerComponentConfig, ButtonBlockComponentConfig, CardComponentConfig, ChildLayoutGroupStyleConfig, ComponentConfig, ComponentRegistryService, DEVICE_OPTIONS, DataSourceRegistryService, DataSourceType, DeviceMode, DimensionsGroupStyleConfig, DragEngineService, EASING_OPTIONS, EffectsGroupStyleConfig, GalleryConfig, GroupStyleConfig, INTERACTION_STATES, INVERSE_ACTION, IOX_DATA_SOURCE_ENDPOINTS, IOX_FONT_MANAGER, InteractionEngineService, InteractionPresetRegistryService, IoxBuilderModule, IoxDraggableDirective, IoxDropzoneDirective, LayerTreeComponent, LayoutGroupStyleConfig, ListGroupStyleConfig, NodeAction, OverlayComponent, OverlayService, PanelChildComponent, PanelComponent, PanelEventService, PanelEventTypes, PanelTypes, PositionGroupStyleConfig, PresetRegistryService, RELATIONAL_STATES, RELATIONAL_STATE_BASE, ROUTE_ANIMATION_OPTIONS, RenderDirective, RepeaterComponentConfig, SCREEN_WIDTH_OPTIONS, STRUCTURAL_STATES, SUPPORTED_STATES, SectionComponent, SectionComponentConfig, SizeGroupStyleConfig, SliderContainerComponent, SliderContainerConfig, SliderSlideComponent, SliderSlideConfig, SpacingGroupStyleConfig, StyleCategory, StyleRegistryService, TraitConfig as StyleTraitConfig, SymbolRegistryService, TARGETED_STATES, TARGETED_STATE_BASE, TRIGGER_OPTIONS, TextBlockComponentConfig, ToolbarAction, ToolbarComponent, TraitConfig, TraitInputType, TypographyGroupStyleConfig, UNITS_ALL, UNITS_DEG, UNITS_FIXED, UNITS_NO_VW, ViewportService, ZOOM_OPTIONS, arrayItemSchemaFields, arraySchemaFields, buildFullStyleTraits, buildPresetStyleTraits, defaultPageSettings, findNodeLocation, flattenSchemaFields, generateNodeId, resolveTraitControllerType, resolveTraitOptions, wrapNode };
 export type { BuilderClipboard, ComponentEventDef, ComponentMethodDef, ComponentNode, ComponentTrait, DeviceOption, DragPayload, DsFilterByQueryParam, DsFilterByRouteParam, ElementState, HistoryEntry, InteractionAction, InteractionActionType, InteractionPreset, InteractionTrigger, IoxBinding, IoxDataSource, IoxDropEvent, IoxFontManager, IoxInteraction, IoxSymbol, NodeRef, OverlayBoxModel, OverlayBoxSpacing, OverlayEntry, PageRouteAnimationSettings, PageScrollSettings, PageSettings, PageStyleSettings, PanelEvent, QuadSizeSegment, RouteAnimationPreset, ScreenWidthOption, StylePreset, StyleTrait, StyleTraitGroup, TraitOptionMap, TraitSelectOption, TraitShowCondition, ViewportState, ZoomOption };