Class pwlib.guiResizer

Resize handler.
Defined in: script.js.

Class Summary
Constructor Attributes	Constructor Name and Description
<private>	pwlib.guiResizer(gui, resizeHandle, container)

Field Summary
Field Attributes	Field Name and Description
	container The container DOM element.
	dispatchMouseMove Tells if the GUI resizer should dispatch the pwlib.appEvent.guiResizeMouseMove application event when the user moves the mouse during the resize operation.
	events Custom application events interface.
	resizeHandle The resize handle DOM element.
	resizing Tells if the user resizing the container now.
	viewport The viewport element.

Method Summary
Method Attributes	Method Name and Description
<private> <inner>	ev_mousedown(ev) The `mousedown` event handler.
<private> <inner>	ev_mousemove(ev) The `mousemove` event handler.
<private> <inner>	ev_mouseup(ev) The `mouseup` event handler.
<private> <inner>	init() Initialize the resize functionality.

Class Detail

<private> pwlib.guiResizer(gui, resizeHandle, container)

Parameters:
{pwlib.gui} gui: Reference to the PaintWeb GUI object.
{Element} resizeHandle: Reference to the resize handle DOM element. This is the element users will be able to drag to achieve the resize effect on the container element.
{Element} container: Reference to the container DOM element. This is the element users will be able to resize using the resizeHandle element.

Field Detail

{Element} container

The container DOM element. This is the element that's resized by the user when he/she drags the resize handle.

{Boolean} dispatchMouseMove

Tells if the GUI resizer should dispatch the pwlib.appEvent.guiResizeMouseMove application event when the user moves the mouse during the resize operation.

Default Value:: false

{pwlib.appEvents} events

Custom application events interface.

{Element} resizeHandle

The resize handle DOM element.

{Boolean} resizing

Tells if the user resizing the container now.

Default Value:: false

{Element} viewport

The viewport element. This element is the first parent element which has the style.overflow set to "auto" or "scroll".

Method Detail

<private> <inner> ev_mousedown(ev)

The mousedown event handler. This starts the resize operation.

This function dispatches the pwlib.appEvent.guiResizeStart event.

Parameters:
{Event} ev: The DOM Event object.

<private> <inner> ev_mousemove(ev)

The mousemove event handler. This performs the actual resizing of the container element.

Parameters:
{Event} ev: The DOM Event object.

<private> <inner> ev_mouseup(ev)

The mouseup event handler. This ends the resize operation.

This function dispatches the pwlib.appEvent.guiResizeEnd event.

Parameters:
{Event} ev: The DOM Event object.

<private> <inner> init()

Initialize the resize functionality.

Classes

Class pwlib.guiResizer