@softheon/armature 21.1.0 → 21.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@softheon/armature",
-  "version": "21.1.0",
+  "version": "21.2.1",
   "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 */
@@ -6845,6 +6879,10 @@ declare class TextOverflowEllipsisTooltipDirective implements AfterViewInit, OnD
      * @note If no tooltip text provided, will use the elements 'textContent'
     */
     tooltipText: string;
+    /** Custom classes for the tooltip */
+    tooltipClass: string | Array<string>;
+    /** Possible positions for a tooltip : "left" | "right" | "above" | "below" | "before" | "after" */
+    tooltipPosition: TooltipPosition;
     /** Is the element overflowing */
     private isOverflowing;
     /** The resize observer */
@@ -6871,7 +6909,7 @@ declare class TextOverflowEllipsisTooltipDirective implements AfterViewInit, OnD
     /** Hide the tooltip on mouseleave */
     onMouseLeave(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextOverflowEllipsisTooltipDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TextOverflowEllipsisTooltipDirective, "[textOverflowEllipsisTooltip]", never, { "tooltipText": { "alias": "textOverflowEllipsisTooltip"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TextOverflowEllipsisTooltipDirective, "[textOverflowEllipsisTooltip]", never, { "tooltipText": { "alias": "textOverflowEllipsisTooltip"; "required": false; }; "tooltipClass": { "alias": "ellipsisTooltipClass"; "required": false; }; "tooltipPosition": { "alias": "ellipsisTooltipPosition"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class MfeModule {