Class: VisibleConsole

VisibleConsole()

new VisibleConsole()

NB: Attributes not available here - use connectedCallback to reference
Source:

Members

componentVersion

Component version
Source:

componentVersion

Component version
Source:

opts

Runtime configuration settings
Source:

opts

Runtime configuration settings
Source:

(static) observedAttributes

Makes HTML attribute change watched
Source:

(static) observedAttributes

Makes HTML attribute change watched
Source:

Methods

attributeChangedCallback(attrib, oldVal, newVal)

Handle watched attributes NOTE: On initial startup, this is called for each watched attrib set in HTML - BEFORE connectedCallback is called. Attribute values can only ever be strings
Parameters:
Name Type Description
attrib string The name of the attribute that is changing
oldVal string The old value of the attribute
newVal string The new value of the attribute
Source:

attributeChangedCallback(attrib, oldVal, newVal)

Handle watched attributes NOTE: On initial startup, this is called for each watched attrib set in HTML - BEFORE connectedCallback is called. Attribute values can only ever be strings
Parameters:
Name Type Description
attrib string The name of the attribute that is changing
oldVal string The old value of the attribute
newVal string The new value of the attribute
Source:

checkType(input) → {string}

Find out the input JavaScript var type
Parameters:
Name Type Description
input * The JavaScript var to type
Source:
Returns:
The input type
Type
string

checkType(input) → {string}

Find out the input JavaScript var type
Parameters:
Name Type Description
input * The JavaScript var to type
Source:
Returns:
The input type
Type
string

connectedCallback()

Runs when an instance is added to the DOM
Source:

connectedCallback()

Runs when an instance is added to the DOM
Source:

createHTMLVisualizer(input) → {HTMLDivElement}

Creates an HTML visualisation of the input
Parameters:
Name Type Description
input * Input data value to visualise
Source:
Returns:
DIV element containing the visualisation
Type
HTMLDivElement

createHTMLVisualizer(input) → {HTMLDivElement}

Creates an HTML visualisation of the input
Parameters:
Name Type Description
input * Input data value to visualise
Source:
Returns:
DIV element containing the visualisation
Type
HTMLDivElement

disconnectedCallback()

Runs when an instance is removed from the DOM
Source:

disconnectedCallback()

Runs when an instance is removed from the DOM
Source:

newLog(type, args)

Creates a new HTML log entry
Parameters:
Name Type Description
type string The log type
args * The arguments to log
Source:

newLog(type, args)

Creates a new HTML log entry
Parameters:
Name Type Description
type string The log type
args * The arguments to log
Source:

redirectConsole()

Capture console.xxxx and write to the div NB: Cannot use bind here and so console output will have the wrong file/line number
Source:

redirectConsole()

Capture console.xxxx and write to the div NB: Cannot use bind here and so console output will have the wrong file/line number
Source:

VisibleConsole()

new VisibleConsole()

NB: Attributes not available here - use connectedCallback to reference
Source:

Members

componentVersion

Component version
Source:

componentVersion

Component version
Source:

opts

Runtime configuration settings
Source:

opts

Runtime configuration settings
Source:

(static) observedAttributes

Makes HTML attribute change watched
Source:

(static) observedAttributes

Makes HTML attribute change watched
Source:

Methods

attributeChangedCallback(attrib, oldVal, newVal)

Handle watched attributes NOTE: On initial startup, this is called for each watched attrib set in HTML - BEFORE connectedCallback is called. Attribute values can only ever be strings
Parameters:
Name Type Description
attrib string The name of the attribute that is changing
oldVal string The old value of the attribute
newVal string The new value of the attribute
Source:

attributeChangedCallback(attrib, oldVal, newVal)

Handle watched attributes NOTE: On initial startup, this is called for each watched attrib set in HTML - BEFORE connectedCallback is called. Attribute values can only ever be strings
Parameters:
Name Type Description
attrib string The name of the attribute that is changing
oldVal string The old value of the attribute
newVal string The new value of the attribute
Source:

checkType(input) → {string}

Find out the input JavaScript var type
Parameters:
Name Type Description
input * The JavaScript var to type
Source:
Returns:
The input type
Type
string

checkType(input) → {string}

Find out the input JavaScript var type
Parameters:
Name Type Description
input * The JavaScript var to type
Source:
Returns:
The input type
Type
string

connectedCallback()

Runs when an instance is added to the DOM
Source:

connectedCallback()

Runs when an instance is added to the DOM
Source:

createHTMLVisualizer(input) → {HTMLDivElement}

Creates an HTML visualisation of the input
Parameters:
Name Type Description
input * Input data value to visualise
Source:
Returns:
DIV element containing the visualisation
Type
HTMLDivElement

createHTMLVisualizer(input) → {HTMLDivElement}

Creates an HTML visualisation of the input
Parameters:
Name Type Description
input * Input data value to visualise
Source:
Returns:
DIV element containing the visualisation
Type
HTMLDivElement

disconnectedCallback()

Runs when an instance is removed from the DOM
Source:

disconnectedCallback()

Runs when an instance is removed from the DOM
Source:

newLog(type, args)

Creates a new HTML log entry
Parameters:
Name Type Description
type string The log type
args * The arguments to log
Source:

newLog(type, args)

Creates a new HTML log entry
Parameters:
Name Type Description
type string The log type
args * The arguments to log
Source:

redirectConsole()

Capture console.xxxx and write to the div NB: Cannot use bind here and so console output will have the wrong file/line number
Source:

redirectConsole()

Capture console.xxxx and write to the div NB: Cannot use bind here and so console output will have the wrong file/line number
Source: