Namespace Dom

DOM module has some functions for easing DOM manipulation.

• CanvasHelper: Helps to size a canvas for high-DPI displays
• pointerVisualise: Shows pointer events for debugging purposes

Components

• DataTable: Creates a HTML table from an object/map of objects
• log: log to DOM

Basic DOM manipulation

• clear: remove all child nodes from a parent
• Create DOM elements: createAfter, createIn

Position/size

• cardinalPosition: Get the corner x,y of an element
• ElementSizer: Sets width/height of an element according to size of parent
• getTranslation: Returns the CSS translation of an element

Etc

• copyToClipboard: Attempt to copy a string representation to clipboard
• cycleCssClass: Given an array of css classes cycle between them each time function is called

Getting DOM references

• resolveEl: resolve an element by query or instance
• byId: Gets an element by id, or throws an error