Method handleResize

src/app/components/window/window.ts:185–243

(event: MouseEvent)

  }

  private handleResize(event: MouseEvent) {
    const windowWidth = window.innerWidth;
    const windowHeight = window.innerHeight;
    
    const deltaX = event.clientX - this.resizeStartX;
    const deltaY = event.clientY - this.resizeStartY;
    
    const deltaXPercent = (deltaX / windowWidth) * 100;
    const deltaYPercent = (deltaY / windowHeight) * 100;
    
    let newWidth = this.resizeStartWidth;
    let newHeight = this.resizeStartHeight;
    let newX = this.resizeStartWindowX;
    let newY = this.resizeStartWindowY;
    
    const minWidth = 20; // Minimum 20% width
    const minHeight = 20; // Minimum 20% height
    
    // Handle different resize directions
    if (this.resizeDirection.includes('right')) {
      newWidth = Math.max(minWidth, Math.min(this.resizeStartWidth + deltaXPercent, 100 - this.resizeStartWindowX));
    }
    if (this.resizeDirection.includes('left')) {
      const widthChange = -deltaXPercent;
      newWidth = Math.max(minWidth, Math.min(this.resizeStartWidth + widthChange, this.resizeStartWidth + this.resizeStartWindowX));
      if (newWidth !== this.resizeStartWidth) {
        newX = this.resizeStartWindowX + (this.resizeStartWidth - newWidth);
      }
    }
    if (this.resizeDirection.includes('bottom')) {
      newHeight = Math.max(minHeight, Math.min(this.resizeStartHeight + deltaYPercent, 100 - this.resizeStartWindowY));
    }
    if (this.resizeDirection.includes('top')) {
      const heightChange = -deltaYPercent;
      newHeight = Math.max(minHeight, Math.min(this.resizeStartHeight + heightChange, this.resizeStartHeight + this.resizeStartWindowY));
      if (newHeight !== this.resizeStartHeight) {
        newY = this.resizeStartWindowY + (this.resizeStartHeight - newHeight);
      }
    }
    
    // Ensure window stays within bounds
    if (newX + newWidth > 100) {
      newWidth = 100 - newX;
    }
    if (newY + newHeight > 100) {
      newHeight = 100 - newY;
    }
    if (newX < 0) {
      newWidth += newX;
      newX = 0;
    }
    if (newY < 0) {
      newHeight += newY;
      newY = 0;
    }
    
    this.windowManager.updateWindowPosition(this.windowState.id, newX, newY);
    this.windowManager.updateWindowSize(this.windowState.id, newWidth, newHeight);