@vectoriox/iox-builder 1.0.3 → 1.0.5

package/package.json

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

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

@@ -122,6 +122,8 @@ interface ComponentNode {
     bindings?: IoxBinding[];
     interactions?: IoxInteraction[];
     children?: ComponentNode[];
+    isGlobal?: boolean;
+    globalPosition?: 'before' | 'after';
 }
 declare enum TraitInputType {
     Text = "text",
@@ -261,7 +263,9 @@ declare enum ToolbarAction {
     Duplicate = "duplicate",
     Delete = "delete",
     Play = "play",
-    SaveAsBlock = "save-as-block"
+    SaveAsBlock = "save-as-block",
+    MakeGlobal = "make-global",
+    RemoveGlobal = "remove-global"
 }
 declare enum NodeAction {
     Delete = "delete",
@@ -590,6 +594,7 @@ declare class BuilderComponent implements OnInit, AfterViewInit, OnChanges, OnDe
     isSaving: boolean;
     pageStatus: string;
     pageSettings: PageSettings | null;
+    globalElements: ComponentNode[];
     save: EventEmitter<void>;
     back: EventEmitter<void>;
     preview: EventEmitter<void>;
@@ -600,6 +605,7 @@ declare class BuilderComponent implements OnInit, AfterViewInit, OnChanges, OnDe
         name: string;
         node: ComponentNode;
     }>;
+    globalElementsChange: EventEmitter<ComponentNode[]>;
     previewCanvas?: ElementRef<HTMLElement>;
     previewScrollRef?: ElementRef<HTMLElement>;
     lenisContentRef?: ElementRef<HTMLElement>;
@@ -637,6 +643,8 @@ declare class BuilderComponent implements OnInit, AfterViewInit, OnChanges, OnDe
     handleToolbarModeChange(mode: BuilderMode): void;
     handleToolbarDeviceChange(device: DeviceMode): void;
     handleToolbarZoomChange(value: number | 'fit'): void;
+    get globalElementsBefore(): ComponentNode[];
+    get globalElementsAfter(): ComponentNode[];
     /** Canvas width in CSS pixels (driven by ViewportService). */
     get viewportWidth(): number;
     /** Visual (scaled) canvas width — used to size the scroll container so the
@@ -692,6 +700,7 @@ declare class BuilderComponent implements OnInit, AfterViewInit, OnChanges, OnDe
     onToolbarAction(event: {
         action: ToolbarAction;
         entry: OverlayEntry;
+        position?: 'before' | 'after';
     }): void;
     confirmSaveBlock(): void;
     cancelSaveBlock(): void;
@@ -708,7 +717,7 @@ declare class BuilderComponent implements OnInit, AfterViewInit, OnChanges, OnDe
     private findParentNode;
     private handlePanelEvents;
     static ɵfac: i0.ɵɵFactoryDeclaration<BuilderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BuilderComponent, "app-builder", never, { "layout": { "alias": "layout"; "required": false; }; "dataSources": { "alias": "dataSources"; "required": false; }; "orgId": { "alias": "orgId"; "required": false; }; "routeParams": { "alias": "routeParams"; "required": false; }; "pageName": { "alias": "pageName"; "required": false; }; "isSaving": { "alias": "isSaving"; "required": false; }; "pageStatus": { "alias": "pageStatus"; "required": false; }; "pageSettings": { "alias": "pageSettings"; "required": false; }; }, { "save": "save"; "back": "back"; "preview": "preview"; "publishToggle": "publishToggle"; "pageSettingsChange": "pageSettingsChange"; "applyAnimationToAll": "applyAnimationToAll"; "saveBlock": "saveBlock"; }, never, ["[builderComponents]", "[builderPanel]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BuilderComponent, "app-builder", never, { "layout": { "alias": "layout"; "required": false; }; "dataSources": { "alias": "dataSources"; "required": false; }; "orgId": { "alias": "orgId"; "required": false; }; "routeParams": { "alias": "routeParams"; "required": false; }; "pageName": { "alias": "pageName"; "required": false; }; "isSaving": { "alias": "isSaving"; "required": false; }; "pageStatus": { "alias": "pageStatus"; "required": false; }; "pageSettings": { "alias": "pageSettings"; "required": false; }; "globalElements": { "alias": "globalElements"; "required": false; }; }, { "save": "save"; "back": "back"; "preview": "preview"; "publishToggle": "publishToggle"; "pageSettingsChange": "pageSettingsChange"; "applyAnimationToAll": "applyAnimationToAll"; "saveBlock": "saveBlock"; "globalElementsChange": "globalElementsChange"; }, never, ["[builderComponents]", "[builderPanel]"], false, never>;
 }
 
 /**
@@ -819,6 +828,7 @@ declare class OverlayComponent implements OnInit, OnDestroy {
     toolbarAction: EventEmitter<{
         action: ToolbarAction;
         entry: OverlayEntry;
+        position?: "before" | "after";
     }>;
     hoverEntry: OverlayEntry | null;
     selectEntry: OverlayEntry | null;
@@ -847,8 +857,11 @@ declare class OverlayComponent implements OnInit, OnDestroy {
     closeMoreMenu(): void;
     onContextMenu(event: MouseEvent): void;
     onContextSaveAsBlock(event: MouseEvent): void;
+    onMakeGlobal(event: MouseEvent, position: 'before' | 'after'): void;
+    onRemoveGlobal(event: MouseEvent): void;
     closeContextMenu(): void;
     get hasInteractions(): boolean;
+    get selectedNodeIsGlobal(): boolean;
     private observeSelectElement;
     private updateAll;
     private updateHover;
@@ -1064,6 +1077,7 @@ declare class LayerTreeComponent implements OnInit, OnDestroy {
     private registry;
     private overlayService;
     layout: ComponentNode[];
+    globalElements: ComponentNode[];
     nodeSelect: EventEmitter<ComponentNode>;
     nodeAction: EventEmitter<{
         action: NodeAction;
@@ -1071,6 +1085,7 @@ declare class LayerTreeComponent implements OnInit, OnDestroy {
     }>;
     nodeMove: EventEmitter<void>;
     flatTree: TreeNode[];
+    flatGlobalTree: TreeNode[];
     selectedNodeId: string | null;
     hoveredNodeId: string | null;
     /** Cache: component type → icon class */
@@ -1078,6 +1093,7 @@ declare class LayerTreeComponent implements OnInit, OnDestroy {
     private selectSub?;
     /** Last-seen structural signature — used by ngDoCheck to skip no-op rebuilds. */
     private _layoutSig;
+    private _globalSig;
     constructor(registry: ComponentRegistryService, overlayService: OverlayService);
     ngOnInit(): void;
     ngOnDestroy(): void;
@@ -1101,7 +1117,7 @@ declare class LayerTreeComponent implements OnInit, OnDestroy {
     private rebuild;
     private flattenTree;
     static ɵfac: i0.ɵɵFactoryDeclaration<LayerTreeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LayerTreeComponent, "app-layer-tree", never, { "layout": { "alias": "layout"; "required": false; }; }, { "nodeSelect": "nodeSelect"; "nodeAction": "nodeAction"; "nodeMove": "nodeMove"; }, never, never, false, never>;
+    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 {