ContentArea extends KompElement

A responsive input that resizes to its content, and adheres to explicit sizing.

Example

new ContentArea({
    value: "Initial Value"
})

Constructor


new ContentArea(options)

options :


            
                Object

optional

value :


            
                string

optional

similar to input.value

dump :


            
                function

optional

transform textContent to value on change

load :


            
                function

optional

transform value for input's content

onchange :


            
                function

optional

callback called when change event is fired, receives (value, valueWas)

Events

Event	Arguments	Description
`change`	`newValue, oldValue`	fired on focusout when value has changed

content :


            
                string
                |
            
                HTMLElement
                |
            
                Array
                |
            
                Object

optional

content to append to element. Passed to Dolla's content

Instance Properties


assignableAttributes: 
            
                Array
                |
            
                Object

Attributes settable via constructor options


assignableMethods: 
            
                Array

Methods overridable via constructor options


bindMethods: 
            
                Array

Methods to auto-bind to this


events: 
            
                Array

Event names that can be bound via onEventName constructor options


style: 
            
                string

CSS injected once per component via adoptedStyleSheets


watch: 
            
                Array

Attributes to observe for changes. Triggers changed(attribute, was, now) and [attribute]Changed(was, now) callbacks.

Instance Methods


addEventListenerFor(element, eventType, args)

Listen for events on another element, automatically cleaned up when this component disconnects

Parameters

element :


            
                HTMLElement

element to listen on

eventType :


            
                string

event type

args :

additional arguments passed to addEventListener


changed(attribute, was, now)

Called every time an observed attribute changes. Attribute must be listed in static watch.

Parameters

attribute :


            
                string

the attribute that changed

was :

previous value

now :

new value


connected()

Called when element is connected to the DOM


disconnected()

Called when element is disconnected from the DOM


initialize()

Called once per instantiation, but only after element is connected to the DOM


remove(callback)
    
    
    
        →
        
            
                
                    KompElement

Remove element. Fires beforeRemove, calls optional callback, removes from DOM, then fires afterRemove.

Parameters

callback :


            
                function

optional

async callback called between beforeRemove and afterRemove

Returns


                        
                            KompElement

this


trigger(eventName, args)

Trigger an event on this element

Parameters

eventName :


            
                string

event name to trigger

args :

additional arguments

Events


afterConnect

Fired after the element is connected to the DOM and initialized


afterDisconnect

Fired after the element is disconnected from the DOM


afterRemove

Fired after the element is removed


beforeConnect

Fired before the element is connected to the DOM


beforeDisconnect

Fired before the element is disconnected from the DOM


beforeRemove

Fired before the element is removed