Reverted observeResize rename

Author: lukasz-jazwa

packages/ng-diagram/projects/ng-diagram/src/lib/components/edge-label/base-edge-label/base-edge-label.component.ts

@@ -120,7 +120,7 @@ export class NgDiagramBaseEdgeLabelComponent implements OnInit, OnDestroy {
       positionOnEdge: this.positionOnEdge(),
     });
 
-    this.batchResizeObserver.observeResize(this.hostElement.nativeElement, {
+    this.batchResizeObserver.observe(this.hostElement.nativeElement, {
       type: 'edge-label',
       edgeId: this.edgeId(),
       labelId: this.id(),
@@ -139,7 +139,7 @@ export class NgDiagramBaseEdgeLabelComponent implements OnInit, OnDestroy {
     }
 
     flowCore.updater.deleteEdgeLabel(this.edgeId(), this.id());
-    this.batchResizeObserver.unobserveResize(this.hostElement.nativeElement);
+    this.batchResizeObserver.unobserve(this.hostElement.nativeElement);
   }
 }
 

packages/ng-diagram/projects/ng-diagram/src/lib/components/port/ng-diagram-port.component.ts

@@ -171,7 +171,7 @@ export class NgDiagramPortComponent extends NodeContextGuardBase implements OnIn
       side: this.side(),
     });
 
-    this.batchResizeObserver.observeResize(this.hostElement.nativeElement, {
+    this.batchResizeObserver.observe(this.hostElement.nativeElement, {
       type: 'port',
       nodeId: nodeData.id,
       portId: this.id(),
@@ -197,7 +197,7 @@ export class NgDiagramPortComponent extends NodeContextGuardBase implements OnIn
       return;
     }
 
-    this.batchResizeObserver.unobserveResize(this.hostElement.nativeElement);
+    this.batchResizeObserver.unobserve(this.hostElement.nativeElement);
 
     // Skip if node was deleted - ports are removed with the node
     const nodeStillExists = flowCore.getNodeById(nodeData.id);

packages/ng-diagram/projects/ng-diagram/src/lib/directives/node-size/node-size.directive.spec.ts

@@ -22,8 +22,8 @@ describe('NodeSizeDirective', () => {
   let element: HTMLElement;
 
   let mockBatchResizeObserver: {
-    observeResize: ReturnType<typeof vi.fn>;
-    unobserveResize: ReturnType<typeof vi.fn>;
+    observe: ReturnType<typeof vi.fn>;
+    unobserve: ReturnType<typeof vi.fn>;
   };
 
   let mockFlowCore: any; // eslint-disable-line @typescript-eslint/no-explicit-any
@@ -33,8 +33,8 @@ describe('NodeSizeDirective', () => {
 
   beforeEach(async () => {
     mockBatchResizeObserver = {
-      observeResize: vi.fn(),
-      unobserveResize: vi.fn(),
+      observe: vi.fn(),
+      unobserve: vi.fn(),
     };
 
     mockFlowCore = {
@@ -177,15 +177,15 @@ describe('NodeSizeDirective', () => {
 
   describe('Lifecycle', () => {
     it('should connect resize observer on init', () => {
-      expect(mockBatchResizeObserver.observeResize).toHaveBeenCalledWith(element, {
+      expect(mockBatchResizeObserver.observe).toHaveBeenCalledWith(element, {
         type: 'node',
         nodeId: 'test-node',
       });
     });
 
     it('should disconnect resize observer on destroy', () => {
       fixture.destroy();
-      expect(mockBatchResizeObserver.unobserveResize).toHaveBeenCalledWith(element);
+      expect(mockBatchResizeObserver.unobserve).toHaveBeenCalledWith(element);
     });
   });
 

packages/ng-diagram/projects/ng-diagram/src/lib/directives/node-size/node-size.directive.ts

@@ -170,13 +170,13 @@ export class NodeSizeDirective implements OnDestroy, OnInit {
    * size-dependent features when nodes resize.
    */
   private connectResizeObserver() {
-    this.batchResizeObserver.observeResize(this.hostElement.nativeElement, {
+    this.batchResizeObserver.observe(this.hostElement.nativeElement, {
       type: 'node',
       nodeId: this.id(),
     });
   }
 
   private disconnectResizeObserver() {
-    this.batchResizeObserver.unobserveResize(this.hostElement.nativeElement);
+    this.batchResizeObserver.unobserve(this.hostElement.nativeElement);
   }
 }

packages/ng-diagram/projects/ng-diagram/src/lib/services/flow-resize-observer/batched-resize-observer.service.spec.ts

@@ -38,23 +38,23 @@ describe('BatchResizeObserverService', () => {
     vi.restoreAllMocks();
   });
 
-  describe('observeResize', () => {
+  describe('observe', () => {
     it('should observe an element with metadata', () => {
       const el = document.createElement('div');
       const metadata: ObservedElementMetadata = { type: 'node', nodeId: 'n1' };
 
-      service.observeResize(el, metadata);
+      service.observe(el, metadata);
 
       expect(mockResizeObserver.observe).toHaveBeenCalledWith(el);
       expect(service.getMetadata(el)).toEqual(metadata);
     });
   });
 
-  describe('unobserveResize', () => {
+  describe('unobserve', () => {
     it('should unobserve an element', () => {
       const el = document.createElement('div');
 
-      service.unobserveResize(el);
+      service.unobserve(el);
 
       expect(mockResizeObserver.unobserve).toHaveBeenCalledWith(el);
     });
@@ -161,7 +161,7 @@ describe('BatchResizeObserverService', () => {
         labelId: 'l1',
       };
 
-      service.observeResize(el, metadata);
+      service.observe(el, metadata);
 
       expect(service.getMetadata(el)).toEqual(metadata);
     });
@@ -172,7 +172,7 @@ describe('BatchResizeObserverService', () => {
       const el = document.createElement('div');
       const metadata: ObservedElementMetadata = { type: 'port', nodeId: 'n1', portId: 'p1' };
 
-      service.observeResize(el, metadata);
+      service.observe(el, metadata);
       mockResizeObserver.observe.mockClear();
 
       service.invalidate(el);

packages/ng-diagram/projects/ng-diagram/src/lib/services/flow-resize-observer/batched-resize-observer.service.ts

@@ -72,15 +72,15 @@ export class BatchResizeObserverService implements OnDestroy {
   /**
    * Observe an element's size with metadata via ResizeObserver.
    */
-  observeResize(element: Element, metadata: ObservedElementMetadata): void {
+  observe(element: Element, metadata: ObservedElementMetadata): void {
     this.observedElements.set(element, metadata);
     this.observer?.observe(element);
   }
 
   /**
    * Stop observing an element's size via ResizeObserver.
    */
-  unobserveResize(element: Element): void {
+  unobserve(element: Element): void {
     this.observer?.unobserve(element);
     // WeakMap automatically handles cleanup
   }