Creates a new TextAreaInput.
The arguments.
Gets / sets the align-items CSS property.
Gets / sets the align-self CSS property.
Gets / sets the Binding object for the element.
Gets / sets whether the input should blur when the enter key is pressed.
Gets / sets whether the input should blur when the escape key is pressed.
Get the DOMTokenList of the underlying DOM element. This is essentially a shortcut to
element.dom.classList.
Gets the root DOM node for this Element.
Gets / sets whether the Element or its parent chain is enabled or not. Defaults to true.
Gets / sets whether the Element is in an error state.
Gets / sets the flex-basis CSS property.
Gets / sets the flex-direction CSS property.
Gets / sets the flex-grow CSS property.
Gets / sets the flex-shrink CSS property.
Gets / sets the flex-wrap CSS property.
Gets / sets the height of the Element in pixels. Can also be an empty string to remove it.
Gets / sets whether the Element is hidden.
Gets whether the Element is hidden all the way up to the root. If the Element itself or any of its parents are hidden then this is true.
Gets / sets whether the Element will ignore parent events & variable states.
Gets the input DOM element.
Gets / sets the justify-content CSS property.
Gets / sets the justify-self CSS property.
Gets / sets the method to call when keyup is called on the input DOM element.
Gets / sets the validate method for the input.
Gets / sets whether the Element is read only.
Shortcut to Element.dom.style.
Gets / sets the tabIndex of the Element.
Gets / sets the width of the Element in pixels. Can also be an empty string to remove it.
Links the specified observers and paths to the Element's data binding.
An array of observers or a single observer.
A path for the observer(s) or an array of paths that maps to each separate observer.
Static createCreates a new Element of the desired type.
The type of the Element (registered by Element#register).
Arguments for the Element.
The new Element or undefined if type is not found.
Static registerThe type we want to reference this Element by.
The actual class of the Element.
Optional defaultArguments: anyDefault arguments when creating this type.
Static unregisterStatic Readonly EVENT_Fired when the mouse is clicked on the Element but only if the Element is enabled. The native DOM MouseEvent is passed as a parameter to the event handler.
const element = new Element();
element.on('click', (evt: MouseEvent) => {
console.log('Element clicked');
});
Static Readonly EVENT_Fired after the element has been destroyed. Both the DOM element and the owner Element instance are passed as parameters to the event handler.
const element = new Element();
element.on('destroy', (dom: HTMLElement, element: Element) => {
console.log('Element destroyed');
});
Static Readonly EVENT_Fired when the Element gets disabled.
const element = new Element();
element.on('disable', () => {
console.log('Element disabled');
});
Static Readonly EVENT_Fired when the Element gets enabled.
const element = new Element();
element.on('enable', () => {
console.log('Element enabled');
});
Static Readonly EVENT_Fired when the Element gets hidden.
const element = new Element();
element.on('hide', () => {
console.log('Element hidden');
});
Static Readonly EVENT_Fired when the Element or any of its parent get hidden.
const element = new Element();
element.on('hideToRoot', () => {
console.log('Element or one of its parents hidden');
});
Static Readonly EVENT_Fired when the mouse starts hovering on the Element. The native DOM MouseEvent is passed as a parameter to the event handler.
const element = new Element();
element.on('hover', (evt: MouseEvent) => {
console.log('Element hovered');
});
Static Readonly EVENT_Fired when the mouse stops hovering on the Element. The native DOM MouseEvent is passed as a parameter to the event handler.
const element = new Element();
element.on('hoverend', (evt: MouseEvent) => {
console.log('Element hover ended');
});
Static Readonly EVENT_Fired when the Element's parent gets set.
const element = new Element();
element.on('parent', (parent: Element) => {
console.log(`Element's parent is now ${parent}`);
});
Static Readonly EVENT_Fired when the readOnly property of an Element changes.
const element = new Element();
element.on('readOnly', (readOnly: boolean) => {
console.log(`Element is now ${readOnly ? 'read only' : 'editable'}`);
});
Static Readonly EVENT_Fired when the Element stops being hidden.
const element = new Element();
element.on('show', () => {
console.log('Element shown');
});
Static Readonly EVENT_Fired when the Element and all of its parents become visible.
const element = new Element();
element.on('showToRoot', () => {
console.log('Element and all of its parents shown');
});
The TextAreaInput wraps a textarea element. It has the same interface as TextInput.