@softheon/armature 21.1.0 → 21.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@softheon/armature",
-  "version": "21.1.0",
+  "version": "21.2.0",
   "dependencies": {
     "tslib": "^2.8.1"
   },

package/types/softheon-armature.d.ts

@@ -6441,8 +6441,15 @@ interface ResizeEvent {
     secondPanelSize: number;
 }
 
+/** Style object interface for type safety */
+interface PanelStyle {
+    flex: number;
+    minWidth: string;
+    minHeight: string;
+    maxHeight: string;
+}
 /** The Resize Panels Component */
-declare class ResizePanelsComponent implements OnInit, OnChanges {
+declare class ResizePanelsComponent implements OnInit, OnChanges, OnDestroy {
     /** The panel split direction */
     direction: 'horizontal' | 'vertical';
     /** The panel split position */
@@ -6465,22 +6472,49 @@ declare class ResizePanelsComponent implements OnInit, OnChanges {
     private firstPanel;
     /** The second panel */
     private secondPanel;
-    /** Whether the user is currently resizing */
-    isResizing: boolean;
+    /** Whether the user is currently resizing - using signal for better performance */
+    isResizing: i0.WritableSignal<boolean>;
+    /** Cached style objects to avoid recalculation on every change detection */
+    firstPanelStyle: i0.WritableSignal<PanelStyle>;
+    secondPanelStyle: i0.WritableSignal<PanelStyle>;
     /** The first panel max height */
     private firstPanelMaxHeight;
     /** The second panel max height */
     private secondPanelMaxHeight;
     /** The initial split position */
     private initialSplit;
+    /** Bound event listeners for cleanup */
+    private boundMouseMoveHandler;
+    private boundMouseUpHandler;
+    /** ResizeObserver for efficient content size tracking */
+    private resizeObserver;
+    /** Animation frame ID for throttling */
+    private animationFrameId;
+    /** Angular safe document reference */
+    private document;
+    /** Angular zone */
+    private ngZone;
+    constructor();
     /** Initializes the component */
     ngOnInit(): void;
     /** On Changes Lifecycle Hook */
     ngOnChanges(): void;
-    /** Gets the style for the first panel */
-    getFirstPanelStyle(): any;
-    /** Gets the style for the second panel */
-    getSecondPanelStyle(): any;
+    /** Cleanup on destroy */
+    ngOnDestroy(): void;
+    /** Setup ResizeObserver for efficient content size tracking */
+    private setupResizeObserver;
+    /** Cleanup ResizeObserver */
+    private cleanupResizeObserver;
+    /** Update cached panel styles - called only when necessary */
+    private updatePanelStyles;
+    /** Calculate and cache first panel style */
+    private updateFirstPanelStyle;
+    /** Calculate and cache second panel style */
+    private updateSecondPanelStyle;
+    /** Add event listeners outside Angular zone */
+    private addEventListeners;
+    /** Remove event listeners */
+    private removeEventListeners;
     /** Start resizing */
     startResize(): void;
     /** Stop resizing on mouse up */