@elderbyte/ngx-starter 20.12.0-beta.2 → 20.12.0-beta.3

package/index.d.ts

@@ -17491,21 +17491,24 @@ declare class ElderTabModule {
 }
 
 declare class ElderDraggablePaneDirective implements OnDestroy {
+    private readonly logger;
     private readonly elementRef;
-    isActive: i0.InputSignal<boolean>;
-    minWidth: i0.InputSignal<number>;
-    maxWidth: i0.InputSignal<number>;
-    handlePosition: i0.InputSignal<"start" | "end">;
-    initialWidthCss: i0.InputSignal<string>;
-    widthMode: i0.WritableSignal<"dynamic" | "initial">;
-    isDragging: i0.WritableSignal<boolean>;
-    widthInPercent: i0.WritableSignal<number>;
-    constrainedWidth: i0.Signal<number>;
-    isInitialized: i0.Signal<boolean>;
+    readonly isActive: i0.InputSignal<boolean>;
+    readonly minWidth: i0.InputSignalWithTransform<number, number>;
+    readonly maxWidth: i0.InputSignalWithTransform<number, number>;
+    readonly handlePosition: i0.InputSignal<"start" | "end">;
+    readonly initialWidthCss: i0.InputSignal<string>;
+    protected readonly isResizingInitialized: i0.WritableSignal<boolean>;
+    protected readonly isDragging: i0.WritableSignal<boolean>;
+    protected readonly widthInPercent: i0.WritableSignal<number>;
+    private containerWidth;
     private dragStartMousePosX;
     private dragStartPaneWidthInPercent;
-    private containerWidthInPx;
-    onMouseUp(): void;
+    protected constrainedWidth: i0.Signal<number>;
+    readonly mouseDown$: Subject<MouseEvent>;
+    private readonly mouseMove$;
+    private readonly mouseUp$;
+    private readonly drag$;
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
@@ -17514,24 +17517,20 @@ declare class ElderDraggablePaneDirective implements OnDestroy {
     constructor();
     /***************************************************************************
      *                                                                         *
-     * Lifecycle methods                                                      *
+     * Life Cycle                                                              *
      *                                                                         *
      **************************************************************************/
     ngOnDestroy(): void;
-    /***************************************************************************
-     *                                                                         *
-     * Public API                                                          *
-     *                                                                         *
-     **************************************************************************/
-    onMouseDown(event: MouseEvent): void;
     /***************************************************************************
      *                                                                         *
      * Private methods                                                         *
      *                                                                         *
      **************************************************************************/
+    private processDragStart;
+    private processDragEnd;
+    private initializeIfNecessary;
     private setWidthInPercentFromElementWidth;
-    private startEventListenerMouseMove;
-    private stopEventListenerMouseMove;
+    private updateContainerWidth;
     private handleMouseMove;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderDraggablePaneDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ElderDraggablePaneDirective, "[elderDraggablePane]", never, { "isActive": { "alias": "isActive"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "handlePosition": { "alias": "handlePosition"; "required": false; "isSignal": true; }; "initialWidthCss": { "alias": "initialWidthCss"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elderbyte/ngx-starter",
-  "version": "20.12.0-beta.2",
+  "version": "20.12.0-beta.3",
   "peerDependencies": {
     "@angular/core": "^20.0.0 || ^21.0.0",
     "@angular/common": "^20.0.0 || ^21.0.0",

package/src/lib/components/layout/pane/pane/pane.component.scss

@@ -6,10 +6,6 @@
   flex: 1 1 0;
   min-width: 0;
   min-height: 0;
-
-  &.pane-with-drag-handle-initialized {
-    flex: none;
-  }
 }
 
 .elder-pane-outer {