Interface for panel resizing: Store mouse initial position, handles of the elements to move or resize and their original width

interface PanelResize {
    event: MouseEvent;
    leftElement: HTMLElement;
    leftWidth: number;
    offsetLeft: number;
    rightElement: HTMLElement;
    rightWidth: number;
    separator: HTMLElement;
}

Properties

event: MouseEvent

Mouse down event to store coordinates from

leftElement: HTMLElement

Left element to resize

leftWidth: number

Initial width of left element

offsetLeft: number

Initial mouse horizontal offset

rightElement: HTMLElement

Right element to resize

rightWidth: number

Initial width of right element

separator: HTMLElement

Element separating the elements to resize