@vectoriox/iox-builder 1.4.65 → 1.4.68

package/package.json

@@ -1,14 +1,15 @@
 {
   "name": "@vectoriox/iox-builder",
-  "version": "1.4.65",
+  "version": "1.4.68",
   "peerDependencies": {
     "@angular/common": ">=20.0.0",
     "@angular/core": ">=20.0.0",
     "@angular/animations": ">=20.0.0",
     "@angular/cdk": ">=20.0.0",
-    "@vectoriox/iox-ui": ">=4.1.0",
+    "@vectoriox/iox-ui": ">=4.1.12",
     "interactjs": "^1.10.27",
-    "primeng": ">=20.0.0"
+    "primeng": ">=20.0.0",
+    "swiper": ">=12.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"

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

@@ -3,20 +3,21 @@ import { ComponentRef, Type, ChangeDetectorRef, OnInit, AfterViewInit, OnChanges
 import * as rxjs from 'rxjs';
 import { Subject, Subscription, BehaviorSubject } from 'rxjs';
 import * as _vectoriox_iox_builder from '@vectoriox/iox-builder';
-import * as i21 from 'primeng/popover';
+import * as i23 from 'primeng/popover';
 import { Popover } from 'primeng/popover';
 import { ActivatedRoute } from '@angular/router';
-import * as i18 from '@angular/cdk/drag-drop';
+import * as i20 from '@angular/cdk/drag-drop';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
-import * as i16 from '@angular/common';
-import * as i17 from '@angular/forms';
-import * as i19 from 'primeng/accordion';
-import * as i20 from 'primeng/button';
-import * as i22 from 'primeng/inputtext';
-import * as i23 from 'primeng/select';
-import * as i24 from 'primeng/tooltip';
-import * as i25 from 'primeng/dialog';
-import * as i26 from '@vectoriox/iox-ui';
+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 i28 from '@vectoriox/iox-ui';
+export { ComponentInstanceRegistryService } from '@vectoriox/iox-ui';
 
 declare enum StyleCategory {
     Layout = "Layout",
@@ -90,8 +91,8 @@ interface IoxDataSource {
         params?: Record<string, any>;
     };
 }
-type InteractionTrigger = 'pageLoad' | 'click' | 'hover' | 'viewportEnter' | 'scrollProgress';
-type InteractionActionType = 'fadeIn' | 'fadeOut' | 'moveUp' | 'moveDown' | 'moveLeft' | 'moveRight' | 'scaleIn' | 'scaleOut' | 'rotate' | 'show' | 'hide' | 'toggleVisibility';
+type InteractionTrigger = 'pageLoad' | 'click' | 'hover' | 'viewportEnter' | 'scrollProgress' | 'swiperSlideChange' | 'swiperReachBeginning' | 'swiperReachEnd' | 'swiperAutoplayStart' | 'swiperAutoplayStop' | 'swiperSlideActive' | 'swiperSlideInactive';
+type InteractionActionType = 'fadeIn' | 'fadeOut' | 'moveUp' | 'moveDown' | 'moveLeft' | 'moveRight' | 'scaleIn' | 'scaleOut' | 'rotate' | 'show' | 'hide' | 'toggleVisibility' | 'swiperNext' | 'swiperPrev' | 'swiperGoToSlide' | 'swiperAutoplayStart' | 'swiperAutoplayStop' | 'swiperAutoplayPause';
 interface InteractionAction {
     type: InteractionActionType;
     /** 'self' targets the node that owns the interaction; otherwise a node ID. */
@@ -123,6 +124,25 @@ interface IoxInteraction {
  * reverse actions. Types without a natural inverse are omitted.
  */
 declare const INVERSE_ACTION: Partial<Record<InteractionActionType, InteractionActionType>>;
+/** An event that a component can emit, usable as an interaction trigger. */
+interface ComponentEventDef {
+    /** Value stored on IoxInteraction.trigger (e.g. 'swiperSlideChange'). */
+    value: string;
+    label: string;
+    icon?: string;
+}
+/** An imperative method a component exposes, usable as an interaction action. */
+interface ComponentMethodDef {
+    /** Value stored on InteractionAction.type (e.g. 'swiperNext'). */
+    value: string;
+    label: string;
+    /** Optional parameters the user can configure when this action is selected. */
+    params?: {
+        name: string;
+        type: 'number' | 'string' | 'boolean';
+        label: string;
+    }[];
+}
 declare const TRIGGER_OPTIONS: {
     value: InteractionTrigger;
     label: string;
@@ -132,6 +152,7 @@ declare const ACTION_TYPE_OPTIONS: {
     value: InteractionActionType;
     label: string;
 }[];
+declare const EASING_OPTIONS: string[];
 /**
  * A named, reusable collection of CSS style properties stored at the org level.
  * Elements reference a preset by `stylePresetId`. At render time the engine
@@ -236,7 +257,8 @@ declare enum TraitInputType {
     Media = "media",
     FontFamily = "fontFamily",
     GridTemplate = "gridTemplate",
-    SectionLabel = "sectionLabel"
+    SectionLabel = "sectionLabel",
+    Textarea = "textarea"
 }
 interface TraitOptionMap {
     [key: string]: any;
@@ -286,6 +308,15 @@ declare class ComponentConfig {
     /** Layout components (e.g. Section) set this to []. Leaf components leave it undefined.
      *  RenderDirective uses `node.children !== undefined` to detect layout components. */
     children?: ComponentNode[];
+    /** When true, the component is excluded from the Components panel drag list.
+     *  Use for internal-only types (e.g. SliderSlide) that are created programmatically. */
+    hidden?: boolean;
+    /** Events this component emits that can be used as interaction triggers.
+     *  The Interactions panel appends these to the trigger dropdown for nodes of this type. */
+    componentEvents?: ComponentEventDef[];
+    /** Imperative methods this component exposes that can be used as interaction actions.
+     *  The Interactions panel appends these to the action dropdown when targeting this component. */
+    componentMethods?: ComponentMethodDef[];
     constructor(type: string, selector: string, icon?: string, category?: string);
     /** Override specific trait defaults after styleTraits are set.
      *  Call this at the end of each subclass constructor. */
@@ -313,6 +344,33 @@ declare const UNITS_FIXED: string[];
 declare const UNITS_DEG: string[];
 declare function resolveTraitControllerType(type: TraitInputType): string;
 declare function resolveTraitOptions(trait: ComponentTrait): any;
+declare class PositionGroupStyleConfig extends GroupStyleConfig {
+    constructor();
+}
+declare class LayoutGroupStyleConfig extends GroupStyleConfig {
+    constructor();
+}
+declare class SizeGroupStyleConfig extends GroupStyleConfig {
+    constructor();
+}
+/** @deprecated Use SizeGroupStyleConfig instead. */
+declare class DimensionsGroupStyleConfig extends SizeGroupStyleConfig {
+}
+declare class BackgroundGroupStyleConfig extends GroupStyleConfig {
+    constructor();
+}
+declare class SpacingGroupStyleConfig extends GroupStyleConfig {
+    constructor();
+}
+declare class BorderGroupStyleConfig extends GroupStyleConfig {
+    constructor();
+}
+declare class TypographyGroupStyleConfig extends GroupStyleConfig {
+    constructor();
+}
+declare class EffectsGroupStyleConfig extends GroupStyleConfig {
+    constructor();
+}
 declare class ListGroupStyleConfig extends GroupStyleConfig {
     constructor();
 }
@@ -322,6 +380,10 @@ declare class ListGroupStyleConfig extends GroupStyleConfig {
  * never share mutable state.
  */
 declare function buildFullStyleTraits(): GroupStyleConfig[];
+declare function flattenSchemaFields(properties: Record<string, any>, prefix?: string): {
+    label: string;
+    value: string;
+}[];
 
 declare enum PanelTypes {
     BINDINGS = "Bindings",
@@ -335,10 +397,6 @@ declare const ROUTE_ANIMATION_OPTIONS: {
     value: RouteAnimationPreset;
     description: string;
 }[];
-declare const EASING_OPTIONS: {
-    label: string;
-    value: string;
-}[];
 interface PageStyleSettings {
     backgroundColor: string;
     backgroundType: 'solid' | 'gradient' | 'image';
@@ -385,7 +443,8 @@ declare enum ToolbarAction {
     CopyInteractionPreset = "copy-interaction-preset",
     PasteInteractionPreset = "paste-interaction-preset",
     Copy = "copy",
-    Paste = "paste"
+    Paste = "paste",
+    AddSlide = "add-slide"
 }
 declare enum NodeAction {
     Delete = "delete",
@@ -708,6 +767,8 @@ declare class InteractionEngineService {
     private readonly ENTRANCE_TYPES;
     /** Action types that animate an element from visible → hidden. */
     private readonly EXIT_TYPES;
+    private readonly SWIPER_ACTIONS;
+    private instanceRegistry;
     constructor(overlayService: OverlayService);
     /** Wire all interactions for a node to its rendered DOM element. */
     attach(node: ComponentNode): void;
@@ -721,6 +782,12 @@ declare class InteractionEngineService {
      * Uses fill:'none' so the element returns to its natural state after the preview.
      */
     replay(node: ComponentNode): void;
+    /**
+     * Fire all interactions on the given node that match the specified trigger.
+     * Used by Swiper (and future components) to dispatch their events into the
+     * interaction engine without coupling to the engine's attach/detach lifecycle.
+     */
+    replayTrigger(nodeId: string, trigger: InteractionTrigger): void;
     private attachInteraction;
     private attachPageLoad;
     private attachViewportEnter;
@@ -732,6 +799,7 @@ declare class InteractionEngineService {
     private attachClick;
     private attachHover;
     private runActions;
+    private executeSwiperAction;
     private resolveTarget;
     private executeAction;
     /**
@@ -1271,6 +1339,8 @@ declare class OverlayComponent implements OnInit, OnDestroy {
     onPastePreset(event: MouseEvent): void;
     onCopyInteractionPreset(event: MouseEvent): void;
     onPasteInteractionPreset(event: MouseEvent): void;
+    get isSliderContainer(): boolean;
+    onAddSlide(event: MouseEvent): void;
     onDetachSymbol(event: MouseEvent): void;
     onResyncSymbol(event: MouseEvent): void;
     private observeSelectElement;
@@ -1489,6 +1559,79 @@ declare class BuilderButtonBlockComponent implements OnInit, OnDestroy {
     static ɵcmp: i0.ɵɵComponentDeclaration<BuilderButtonBlockComponent, "app-builder-button-block", never, { "children": { "alias": "children"; "required": false; }; "style": { "alias": "style"; "required": false; }; "tag": { "alias": "tag"; "required": false; }; "href": { "alias": "href"; "required": false; }; "target": { "alias": "target"; "required": false; }; "type": { "alias": "type"; "required": false; }; "nodeId": { "alias": "nodeId"; "required": false; }; "dropListId": { "alias": "dropListId"; "required": false; }; }, { "childClick": "childClick"; "childMouseEnter": "childMouseEnter"; "childMouseLeave": "childMouseLeave"; }, never, never, false, never>;
 }
 
+declare class SliderContainerComponent implements OnInit, OnChanges, OnDestroy {
+    private dragEngine;
+    private cdr;
+    isPreview: boolean;
+    children: ComponentNode[];
+    style: Record<string, any>;
+    nodeId: string;
+    dropListId: string;
+    direction: 'horizontal' | 'vertical';
+    loop: boolean;
+    slidesPerView: number;
+    spaceBetween: number;
+    speed: number;
+    effect: 'slide' | 'fade' | 'cube' | 'coverflow' | 'flip' | 'cards' | 'creative';
+    grabCursor: boolean;
+    centeredSlides: boolean;
+    initialSlide: number;
+    enableNavigation: boolean;
+    enablePagination: boolean;
+    enableScrollbar: boolean;
+    enableAutoplay: boolean;
+    enableKeyboard: boolean;
+    enableMousewheel: boolean;
+    enableZoom: boolean;
+    enableGrid: boolean;
+    enableParallax: boolean;
+    autoplayDelay: number;
+    autoplayPauseOnMouseEnter: boolean;
+    autoplayDisableOnInteraction: boolean;
+    paginationType: 'bullets' | 'fraction' | 'progressbar';
+    paginationClickable: boolean;
+    gridRows: number;
+    breakpoints: string;
+    childClick: EventEmitter<any>;
+    childMouseEnter: EventEmitter<any>;
+    childMouseLeave: EventEmitter<void>;
+    swiperEl?: ElementRef<HTMLElement>;
+    private _swiper;
+    private _initRafId;
+    private instanceRegistry;
+    private interactionEngine;
+    constructor(dragEngine: DragEngineService, cdr: ChangeDetectorRef, isPreview: boolean);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    onDrop(event: IoxDropEvent): void;
+    private _initSwiper;
+    private _destroySwiper;
+    private _onSwiperEvent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SliderContainerComponent, [null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SliderContainerComponent, "app-slider-container", never, { "children": { "alias": "children"; "required": false; }; "style": { "alias": "style"; "required": false; }; "nodeId": { "alias": "nodeId"; "required": false; }; "dropListId": { "alias": "dropListId"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "loop": { "alias": "loop"; "required": false; }; "slidesPerView": { "alias": "slidesPerView"; "required": false; }; "spaceBetween": { "alias": "spaceBetween"; "required": false; }; "speed": { "alias": "speed"; "required": false; }; "effect": { "alias": "effect"; "required": false; }; "grabCursor": { "alias": "grabCursor"; "required": false; }; "centeredSlides": { "alias": "centeredSlides"; "required": false; }; "initialSlide": { "alias": "initialSlide"; "required": false; }; "enableNavigation": { "alias": "enableNavigation"; "required": false; }; "enablePagination": { "alias": "enablePagination"; "required": false; }; "enableScrollbar": { "alias": "enableScrollbar"; "required": false; }; "enableAutoplay": { "alias": "enableAutoplay"; "required": false; }; "enableKeyboard": { "alias": "enableKeyboard"; "required": false; }; "enableMousewheel": { "alias": "enableMousewheel"; "required": false; }; "enableZoom": { "alias": "enableZoom"; "required": false; }; "enableGrid": { "alias": "enableGrid"; "required": false; }; "enableParallax": { "alias": "enableParallax"; "required": false; }; "autoplayDelay": { "alias": "autoplayDelay"; "required": false; }; "autoplayPauseOnMouseEnter": { "alias": "autoplayPauseOnMouseEnter"; "required": false; }; "autoplayDisableOnInteraction": { "alias": "autoplayDisableOnInteraction"; "required": false; }; "paginationType": { "alias": "paginationType"; "required": false; }; "paginationClickable": { "alias": "paginationClickable"; "required": false; }; "gridRows": { "alias": "gridRows"; "required": false; }; "breakpoints": { "alias": "breakpoints"; "required": false; }; }, { "childClick": "childClick"; "childMouseEnter": "childMouseEnter"; "childMouseLeave": "childMouseLeave"; }, never, never, false, never>;
+}
+
+declare class SliderSlideComponent implements OnInit, OnDestroy {
+    private dragEngine;
+    private cdr;
+    isPreview: boolean;
+    children: ComponentNode[];
+    style: Record<string, any>;
+    nodeId: string;
+    dropListId: string;
+    childClick: EventEmitter<any>;
+    childMouseEnter: EventEmitter<any>;
+    childMouseLeave: EventEmitter<void>;
+    constructor(dragEngine: DragEngineService, cdr: ChangeDetectorRef, isPreview: boolean);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    onDrop(event: IoxDropEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SliderSlideComponent, [null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SliderSlideComponent, "app-slider-slide", never, { "children": { "alias": "children"; "required": false; }; "style": { "alias": "style"; "required": false; }; "nodeId": { "alias": "nodeId"; "required": false; }; "dropListId": { "alias": "dropListId"; "required": false; }; }, { "childClick": "childClick"; "childMouseEnter": "childMouseEnter"; "childMouseLeave": "childMouseLeave"; }, never, never, false, never>;
+}
+
 declare class PanelChildComponent {
     name: string;
     template: TemplateRef<any>;
@@ -1576,14 +1719,17 @@ declare class LayerTreeComponent implements OnInit, OnDestroy {
 
 declare class InteractionsPanelComponent implements OnInit, OnDestroy {
     private overlayService;
+    private componentRegistry;
     node: ComponentNode | null;
+    /** Base + component-specific trigger options for the selected node. */
     triggerOptions: {
-        value: InteractionTrigger;
+        value: string;
         label: string;
         icon: string;
     }[];
+    /** Base + component-specific action type options. */
     actionTypeOptions: {
-        value: InteractionActionType;
+        value: string;
         label: string;
     }[];
     easingOptions: string[];
@@ -1602,11 +1748,17 @@ declare class InteractionsPanelComponent implements OnInit, OnDestroy {
     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);
+    constructor(overlayService: OverlayService, componentRegistry: ComponentRegistryService);
+    get isSwiperGoToSlide(): boolean;
+    get isSwiperAction(): 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;
@@ -1632,7 +1784,7 @@ declare class InteractionsPanelComponent implements OnInit, OnDestroy {
 
 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 PanelComponent, typeof PanelChildComponent, typeof LayerTreeComponent, typeof InteractionsPanelComponent], [typeof i16.CommonModule, typeof i17.FormsModule, typeof i18.DragDropModule, typeof i19.AccordionModule, typeof i20.ButtonModule, typeof i21.PopoverModule, typeof i22.InputTextModule, typeof i23.SelectModule, typeof i24.TooltipModule, typeof i25.DialogModule, typeof i26.IoxPageModule], [typeof i16.CommonModule, typeof i17.FormsModule, typeof i18.DragDropModule, typeof i19.AccordionModule, typeof i20.ButtonModule, typeof i21.PopoverModule, typeof i22.InputTextModule, typeof i23.SelectModule, typeof i24.TooltipModule, typeof i25.DialogModule, typeof i26.IoxPageModule, typeof BuilderComponent, typeof RenderDirective, typeof IoxDraggableDirective, typeof IoxDropzoneDirective, typeof OverlayComponent, typeof ToolbarComponent, typeof SectionComponent, typeof BuilderContainerComponent, typeof BuilderLinkedContainerComponent, typeof BuilderRepeaterComponent, typeof BuilderButtonBlockComponent, 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 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 ɵinj: i0.ɵɵInjectorDeclaration<IoxBuilderModule>;
 }
 
@@ -1728,6 +1880,14 @@ declare class SectionComponentConfig extends ComponentConfig {
     constructor();
 }
 
+declare class SliderContainerConfig extends ComponentConfig {
+    constructor();
+}
+
+declare class SliderSlideConfig extends ComponentConfig {
+    constructor();
+}
+
 declare class BuilderSpacerComponentConfig extends ComponentConfig {
     constructor();
 }
@@ -1736,5 +1896,5 @@ declare class TextBlockComponentConfig extends ComponentConfig {
     constructor();
 }
 
-export { ACTION_TYPE_OPTIONS, BuilderButtonBlockComponent, BuilderButtonComponentConfig, BuilderClipboardService, BuilderComponent, BuilderContainerComponent, BuilderContainerComponentConfig, BuilderDividerComponentConfig, BuilderHeadingComponentConfig, BuilderHistoryService, BuilderIconComponentConfig, BuilderImageComponentConfig, BuilderLinkComponentConfig, BuilderLinkedContainerComponent, BuilderLinkedContainerConfig, BuilderListComponentConfig, BuilderListItemComponentConfig, BuilderMode, BuilderRepeaterComponent, BuilderSpacerComponentConfig, ButtonBlockComponentConfig, CardComponentConfig, ComponentConfig, ComponentRegistryService, DEVICE_OPTIONS, DataSourceRegistryService, DataSourceType, DeviceMode, DragEngineService, EASING_OPTIONS, GroupStyleConfig, INTERACTION_STATES, INVERSE_ACTION, IOX_CONTENT_SERVICE, IOX_FONT_MANAGER, IOX_SHOP_SERVICE, InteractionEngineService, InteractionPresetRegistryService, InteractionsPanelComponent, IoxBuilderModule, IoxDraggableDirective, IoxDropzoneDirective, LayerTreeComponent, ListGroupStyleConfig, NodeAction, OverlayComponent, OverlayService, PanelChildComponent, PanelComponent, PanelEventService, PanelEventTypes, PanelTypes, PresetRegistryService, ROUTE_ANIMATION_OPTIONS, RenderDirective, RepeaterComponentConfig, SCREEN_WIDTH_OPTIONS, STRUCTURAL_STATES, SUPPORTED_STATES, SectionComponent, SectionComponentConfig, StyleCategory, StyleRegistryService, TraitConfig as StyleTraitConfig, SymbolRegistryService, TRIGGER_OPTIONS, TextBlockComponentConfig, ToolbarAction, ToolbarComponent, TraitConfig, TraitInputType, UNITS_ALL, UNITS_DEG, UNITS_FIXED, UNITS_NO_VW, VIRTUAL_TRAIT_KEYS, ViewportService, ZOOM_OPTIONS, buildFullStyleTraits, buildPresetStyleTraits, composeVirtualTraits, defaultPageSettings, generateNodeId, resolveTraitControllerType, resolveTraitOptions };
-export type { BuilderClipboard, ComponentNode, ComponentTrait, DeviceOption, DragPayload, DsFilterByQueryParam, DsFilterByRouteParam, ElementState, HistoryEntry, InteractionAction, InteractionActionType, InteractionPreset, InteractionTrigger, IoxBinding, IoxContentService, 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 };
+export { ACTION_TYPE_OPTIONS, BackgroundGroupStyleConfig, BorderGroupStyleConfig, BuilderButtonBlockComponent, BuilderButtonComponentConfig, BuilderClipboardService, BuilderComponent, BuilderContainerComponent, BuilderContainerComponentConfig, BuilderDividerComponentConfig, BuilderHeadingComponentConfig, BuilderHistoryService, BuilderIconComponentConfig, BuilderImageComponentConfig, BuilderLinkComponentConfig, BuilderLinkedContainerComponent, BuilderLinkedContainerConfig, BuilderListComponentConfig, BuilderListItemComponentConfig, BuilderMode, BuilderRepeaterComponent, BuilderSpacerComponentConfig, ButtonBlockComponentConfig, CardComponentConfig, ComponentConfig, ComponentRegistryService, DEVICE_OPTIONS, DataSourceRegistryService, DataSourceType, DeviceMode, DimensionsGroupStyleConfig, DragEngineService, EASING_OPTIONS, EffectsGroupStyleConfig, GroupStyleConfig, INTERACTION_STATES, INVERSE_ACTION, IOX_CONTENT_SERVICE, IOX_FONT_MANAGER, IOX_SHOP_SERVICE, InteractionEngineService, InteractionPresetRegistryService, InteractionsPanelComponent, IoxBuilderModule, IoxDraggableDirective, IoxDropzoneDirective, LayerTreeComponent, LayoutGroupStyleConfig, ListGroupStyleConfig, NodeAction, OverlayComponent, OverlayService, PanelChildComponent, PanelComponent, PanelEventService, PanelEventTypes, PanelTypes, PositionGroupStyleConfig, PresetRegistryService, 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, TRIGGER_OPTIONS, TextBlockComponentConfig, ToolbarAction, ToolbarComponent, TraitConfig, TraitInputType, TypographyGroupStyleConfig, UNITS_ALL, UNITS_DEG, UNITS_FIXED, UNITS_NO_VW, VIRTUAL_TRAIT_KEYS, ViewportService, ZOOM_OPTIONS, buildFullStyleTraits, buildPresetStyleTraits, composeVirtualTraits, defaultPageSettings, flattenSchemaFields, generateNodeId, resolveTraitControllerType, resolveTraitOptions };
+export type { BuilderClipboard, ComponentEventDef, ComponentMethodDef, ComponentNode, ComponentTrait, DeviceOption, DragPayload, DsFilterByQueryParam, DsFilterByRouteParam, ElementState, HistoryEntry, InteractionAction, InteractionActionType, InteractionPreset, InteractionTrigger, IoxBinding, IoxContentService, 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 };