Class Popup<P, E>

empty the node

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

Example

```typescript addClass( 'my class name @flex' );

add an application shortcut

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

Returns

attribute value

Example

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

Returns

the bounding rectangle

Example

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

compute the element style

Returns

all styles computed

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

Returns

true is attribute is present

Example

```typescript if( el.hasAttribute('checked') ) { }

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

Returns

child or null

Example

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

find a child with given ref

Returns

found child or null

define a set of listeners in one call

stop listening to an event

listen for an event

handle an event one time

Returns

Promise if callback is null

take care with that because if the event is never fired and you await it, the system may overflow

search for a given css selector

Returns

child or null

remove all listeners for an event

remove an atrribute

Remove a class from the element

Example

```typescript el.removeClass( 'myclass' ); el.removeClass( 'myclass1 myclass2' );

remove the previous default handler installed for an event

remove all shortcuts for a target

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 );

change the object style

Example

```typescript el.setStyle( {left:100} );

change a style value

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

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

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

Returns

Example

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

compute the scrollbar size ( width = height)