Class Space

return the DOM associated with the Component (if any)

empty the node

a some classnames to the component classes can be separated by a space

Example

addClass( 'my class name @flex' );
Copy

add a new child to the component content

remove all classes from the object this is usefull for component recycling & reusing

define a set of default handlers in one call

disable the element

stop all timers

emit an event you can stop propagation of event or prevent default

enable or disable the element

enum all children recursively

set the focus on the element

get an attribute value

Example

let chk = el.getAttribute( 'checked' );
@review double cache
Copy

Example

let rc = el.getBoundingRect( );
console.log( rc.left, rc.top, rc.right, rc.bottom );
Copy

compute the element style

get the Component data value

return the parent element care, object must have been created (dom!=null)

return a single stype value

check if the element has an attribute

Example

if( el.hasAttribute('checked') ) {
}
Copy

check if the object has the class

hides the element

check if the Component is visible to the user

find a child with the given ID

Example

let btn = this.childWithId<Button>( 'myButtonId' );
Copy

find a child with given ref

define a set of listeners in one call

stop listening to an event

listen for an event

handle an event one time

search for a given css selector

remove all listeners for an event

remove an atrribute

Remove a class from the element

Example

el.removeClass( 'myclass' );
el.removeClass( 'myclass1 myclass2' );
Copy

remove the previous default handler installed for an event

ensure the component is visible @param: alignToTop

change a single attribute

define the elements attributes

change the component content

set the Component data value

set the event default handler

append a new dom event handler

Example

this.setDomEvent( 'drag drop', this._handleDrag, this );
this.setDomEvent( 'dblclick', this._handleDblClick, this );
Copy

change the object style

Example

el.setStyle( {left:100} );
Copy

change a style value

shows the element

signal en event signaled event are notification : no way to prevent default not stop propagation

start a new timer

stop the given timer

Toggle a class from the element (if present remove, if absent add)

Example

el.toggleClass( 'myclass' );
el.toggleClass( 'myclass1 myclass2');
el.toggleClass( ['myclass1','myclass2']);
Copy

get a component from a DOM element move up to the hierarchy to find the request class type.

Example

with a DOM like that:
     Button
     	Label
        Icon <- the DOM you have (dom-icon)
 
 let btn = Component.getElement( dom-icon, Button );
Copy

compute the scrollbar size ( width = height)