Global

Members

categoryMap

An array of category objects that map input value ranges to titles and colors. Each category object contains: - `range`: An array with two numbers representing the start and end of the range. - `title`: A string representing the title of the category. - `color`: A string representing the color associated with the category.
Source:

categoryMap

An array of category objects that map input value ranges to titles and colors. Each category object contains: - `range`: An array with two numbers representing the start and end of the range. - `title`: A string representing the title of the category. - `color`: A string representing the color associated with the category.
Source:

categoryMap

An array of category objects that map input value ranges to titles and colors. Each category object contains: - `range`: An array with two numbers representing the start and end of the range. - `title`: A string representing the title of the category. - `color`: A string representing the color associated with the category.
Source:

(constant) color

TODO: color const not really needed, convert to make direct changes to style (see theme changer for code) Use uib-brand.css rather than trying to do local css processing for light/dark Improve slot change handlers and remove on disconnect Allow varient for slots not just the card
Source:

(constant) color

TODO: color const not really needed, convert to make direct changes to style (see theme changer for code) Use uib-brand.css rather than trying to do local css processing for light/dark Improve slot change handlers and remove on disconnect Allow varient for slots not just the card
Source:

(constant) color

TODO: color const not really needed, convert to make direct changes to style (see theme changer for code) Use uib-brand.css rather than trying to do local css processing for light/dark Improve slot change handlers and remove on disconnect Allow varient for slots not just the card
Source:

(constant) componentName

Copyright (c) 2022-2025 Julian Knight (Totally Information) https://it.knightnet.org.uk, https://github.com/TotallyInformation Licensed under the Apache License, Version 2.0 (the 'License'); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
Source:

(constant) componentName

Copyright (c) 2022-2025 Julian Knight (Totally Information) https://it.knightnet.org.uk, https://github.com/TotallyInformation Licensed under the Apache License, Version 2.0 (the 'License'); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
Source:

(constant) componentName

Copyright (c) 2022-2025 Julian Knight (Totally Information) https://it.knightnet.org.uk, https://github.com/TotallyInformation Licensed under the Apache License, Version 2.0 (the 'License'); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
Source:

(constant) componentName

Refs: - https://discourse.nodered.org/t/size-of-custom-mdi-switch-icon/91280/9
Source:

(constant) componentName

Copyright (c) 2022-2025 Julian Knight (Totally Information) https://it.knightnet.org.uk, https://github.com/TotallyInformation Licensed under the Apache License, Version 2.0 (the 'License'); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
Source:

(constant) componentName

Copyright (c) 2022-2025 Julian Knight (Totally Information) https://it.knightnet.org.uk, https://github.com/TotallyInformation Licensed under the Apache License, Version 2.0 (the 'License'); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
Source:

(constant) componentName

Copyright (c) 2022-2025 Julian Knight (Totally Information) https://it.knightnet.org.uk, https://github.com/TotallyInformation Licensed under the Apache License, Version 2.0 (the 'License'); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
Source:

(constant) componentName

Copyright (c) 2022-2025 Julian Knight (Totally Information) https://it.knightnet.org.uk, https://github.com/TotallyInformation Licensed under the Apache License, Version 2.0 (the 'License'); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
Source:

(constant) componentName

Refs: - https://discourse.nodered.org/t/size-of-custom-mdi-switch-icon/91280/9
Source:

(constant) componentName

Copyright (c) 2022-2025 Julian Knight (Totally Information) https://it.knightnet.org.uk, https://github.com/TotallyInformation Licensed under the Apache License, Version 2.0 (the 'License'); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
Source:

(constant) componentName

Copyright (c) 2022-2025 Julian Knight (Totally Information) https://it.knightnet.org.uk, https://github.com/TotallyInformation Licensed under the Apache License, Version 2.0 (the 'License'); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
Source:

(constant) componentName

Copyright (c) 2022-2025 Julian Knight (Totally Information) https://it.knightnet.org.uk, https://github.com/TotallyInformation Licensed under the Apache License, Version 2.0 (the 'License'); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
Source:

(constant) componentName

Copyright (c) 2022-2025 Julian Knight (Totally Information) https://it.knightnet.org.uk, https://github.com/TotallyInformation Licensed under the Apache License, Version 2.0 (the 'License'); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
Source:

(constant) componentName

Refs: - https://discourse.nodered.org/t/size-of-custom-mdi-switch-icon/91280/9
Source:

(constant) componentName

Copyright (c) 2022-2025 Julian Knight (Totally Information) https://it.knightnet.org.uk, https://github.com/TotallyInformation Licensed under the Apache License, Version 2.0 (the 'License'); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
Source:

data

Placeholder for the chart data
Source:

data

Placeholder for the chart data
Source:

data

Placeholder for the chart data
Source:

itemMap

Allows a nice title to be displayed for each item
Source:

itemMap

Allows a nice title to be displayed for each item
Source:

itemMap

Allows a nice title to be displayed for each item
Source:

maxEntries

Max # entries allowed in the display, extra's will be dropped
Source:

maxEntries

Max # entries allowed in the display, extra's will be dropped
Source:

maxEntries

Max # entries allowed in the display, extra's will be dropped
Source:

states

State schema
Properties:
Name Type Description
states object Each state ID'd by name
Properties
Name Type Description
name string Unique name of the state
label string Long label for the state
color string CSS Color specification of timeline state
Source:

states

State schema
Properties:
Name Type Description
states object Each state ID'd by name
Properties
Name Type Description
name string Unique name of the state
label string Long label for the state
color string CSS Color specification of timeline state
Source:

states

State schema
Properties:
Name Type Description
states object Each state ID'd by name
Properties
Name Type Description
name string Unique name of the state
label string Long label for the state
color string CSS Color specification of timeline state
Source:

(constant) styles

TODO: Add optional footer ? topic (uib)
Source:

(constant) styles

TODO: Add optional footer ? topic (uib)
Source:

(constant) template

Only use a template if you want to isolate the code and CSS
Source:

(constant) template

Only use a template if you want to isolate the code and CSS
Source:

(constant) template

References https://codepen.io/johnred15/pen/NWXagPZ - simple with size/colour options https://webcodespace.com/how-to-create-a-three-state-toggle-switch-using-html-css-and-javascript https://www.w3schools.com/howto/howto_css_switch.asp
Source:

(constant) template

Only use a template if you want to isolate the code and CSS
Source:

(constant) template

Only use a template if you want to isolate the code and CSS
Source:

(constant) template

TODO ! Probably need to make the timeline a FIXED timespan (can be a moving fixed span) so widths can be pre-calculated and not change. - std parts - topic, var - should default to the instance id - std schema: msg. payload=slot, .value, .config, .attributes - [x] inherit-style - Optional attrib text is the link to import - else import ./index.css - All should allow default (no value) and string inputs [x] config fn [x] get version - Start/end state times - multi-entries (e.g. send cache) - multi-timelines - data-set attrib - State labels - axis labels - limits: # & time - Add attibs: data-start, data-end - Track previous entry and auto-add data-end if needed - Add chart start/end ts - Add null state when offline - undefined for start and coming back online, null only for offline Refs: https://flows.nodered.org/flow/3827f07ed08826b01bd71b2c874f7fdc https://github.com/hotNipi/node-red-contrib-ui-state-trail/blob/master/ui-state-trail.js#L27
Source:

(constant) template

Only use a template if you want to isolate the code and CSS
Source:

(constant) template

Only use a template if you want to isolate the code and CSS
Source:

(constant) template

Only use a template if you want to isolate the code and CSS
Source:

(constant) template

Only use a template if you want to isolate the code and CSS
Source:

(constant) template

Only use a template if you want to isolate the code and CSS
Source:

(constant) template

Only use a template if you want to isolate the code and CSS
Source:

(constant) template

Only use a template if you want to isolate the code and CSS
Source:

(constant) template

Only use a template if you want to isolate the code and CSS
Source:

(constant) template

Only use a template if you want to isolate the code and CSS
Source:

(constant) template

Only use a template if you want to isolate the code and CSS
Source:

(constant) template

References https://codepen.io/johnred15/pen/NWXagPZ - simple with size/colour options https://webcodespace.com/how-to-create-a-three-state-toggle-switch-using-html-css-and-javascript https://www.w3schools.com/howto/howto_css_switch.asp
Source:

(constant) template

Only use a template if you want to isolate the code and CSS
Source:

(constant) template

Only use a template if you want to isolate the code and CSS
Source:

(constant) template

TODO ! Probably need to make the timeline a FIXED timespan (can be a moving fixed span) so widths can be pre-calculated and not change. - std parts - topic, var - should default to the instance id - std schema: msg. payload=slot, .value, .config, .attributes - [x] inherit-style - Optional attrib text is the link to import - else import ./index.css - All should allow default (no value) and string inputs [x] config fn [x] get version - Start/end state times - multi-entries (e.g. send cache) - multi-timelines - data-set attrib - State labels - axis labels - limits: # & time - Add attibs: data-start, data-end - Track previous entry and auto-add data-end if needed - Add chart start/end ts - Add null state when offline - undefined for start and coming back online, null only for offline Refs: https://flows.nodered.org/flow/3827f07ed08826b01bd71b2c874f7fdc https://github.com/hotNipi/node-red-contrib-ui-state-trail/blob/master/ui-state-trail.js#L27
Source:

(constant) template

Only use a template if you want to isolate the code and CSS
Source:

(constant) template

Only use a template if you want to isolate the code and CSS
Source:

(constant) template

Only use a template if you want to isolate the code and CSS
Source:

(constant) template

References https://codepen.io/johnred15/pen/NWXagPZ - simple with size/colour options https://webcodespace.com/how-to-create-a-three-state-toggle-switch-using-html-css-and-javascript https://www.w3schools.com/howto/howto_css_switch.asp
Source:

(constant) template

Only use a template if you want to isolate the code and CSS
Source:

(constant) template

Only use a template if you want to isolate the code and CSS
Source:

(constant) template

TODO ! Probably need to make the timeline a FIXED timespan (can be a moving fixed span) so widths can be pre-calculated and not change. - std parts - topic, var - should default to the instance id - std schema: msg. payload=slot, .value, .config, .attributes - [x] inherit-style - Optional attrib text is the link to import - else import ./index.css - All should allow default (no value) and string inputs [x] config fn [x] get version - Start/end state times - multi-entries (e.g. send cache) - multi-timelines - data-set attrib - State labels - axis labels - limits: # & time - Add attibs: data-start, data-end - Track previous entry and auto-add data-end if needed - Add chart start/end ts - Add null state when offline - undefined for start and coming back online, null only for offline Refs: https://flows.nodered.org/flow/3827f07ed08826b01bd71b2c874f7fdc https://github.com/hotNipi/node-red-contrib-ui-state-trail/blob/master/ui-state-trail.js#L27
Source:

(constant) template

Only use a template if you want to isolate the code and CSS
Source:

(constant) template

Only use a template if you want to isolate the code and CSS
Source:

(constant) template

Only use a template if you want to isolate the code and CSS
Source:

(constant) template

Only use a template if you want to isolate the code and CSS
Source:

(constant) template

Only use a template if you want to isolate the code and CSS
Source:

(constant) template

Only use a template if you want to isolate the code and CSS
Source:

(constant) template

Only use a template if you want to isolate the code and CSS
Source:

(constant) template

Only use a template if you want to isolate the code and CSS
Source:

timespan

Max # seconds in the timeline display, old entries will be dropped Set to 0 for unlimited but beware of excessive memory use
Source:

timespan

Max # seconds in the timeline display, old entries will be dropped Set to 0 for unlimited but beware of excessive memory use
Source:

timespan

Max # seconds in the timeline display, old entries will be dropped Set to 0 for unlimited but beware of excessive memory use
Source:

window[undefined]

Self register the class to global Enables new data lists to be dynamically added via JS and lets the static methods be called
Source:

window[undefined]

Self register the class to global Enables new data lists to be dynamically added via JS and lets the static methods be called
Source:

window[undefined]

Self register the class to global Enables new data lists to be dynamically added via JS and lets the static methods be called
Source:

window[undefined]

Self register the class to global Enables new widgets to be dynamically added via JS and lets the static methods be called
Source:

window[undefined]

Self register the class to global Enables new data lists to be dynamically added via JS and lets the static methods be called
Source:

window[undefined]

Self register the class to global Enables new data lists to be dynamically added via JS and lets the static methods be called
Source:

window[undefined]

Self register the class to global Enables new data lists to be dynamically added via JS and lets the static methods be called
Source:

window[undefined]

Self register the class to global Enables new data lists to be dynamically added via JS and lets the static methods be called
Source:

window[undefined]

Self register the class to global Enables new data lists to be dynamically added via JS and lets the static methods be called
Source:

window[undefined]

Self register the class to global Enables new data lists to be dynamically added via JS and lets the static methods be called
Source:

window[undefined]

Self register the class to global Enables new data lists to be dynamically added via JS and lets the static methods be called
Source:

window[undefined]

Self register the class to global Enables new data lists to be dynamically added via JS and lets the static methods be called
Source:

window[undefined]

Self register the class to global Enables new data lists to be dynamically added via JS and lets the static methods be called
Source:

window[undefined]

Self register the class to global Enables new data lists to be dynamically added via JS and lets the static methods be called
Source:

window[undefined]

Self register the class to global Enables new widgets to be dynamically added via JS and lets the static methods be called
Source:

window[undefined]

Self register the class to global Enables new data lists to be dynamically added via JS and lets the static methods be called
Source:

window[undefined]

Self register the class to global Enables new data lists to be dynamically added via JS and lets the static methods be called
Source:

window[undefined]

Self register the class to global Enables new data lists to be dynamically added via JS and lets the static methods be called
Source:

window[undefined]

Self register the class to global Enables new data lists to be dynamically added via JS and lets the static methods be called
Source:

window[undefined]

Self register the class to global Enables new data lists to be dynamically added via JS and lets the static methods be called
Source:

window[undefined]

Self register the class to global Enables new data lists to be dynamically added via JS and lets the static methods be called
Source:

window[undefined]

Self register the class to global Enables new data lists to be dynamically added via JS and lets the static methods be called
Source:

window[undefined]

Self register the class to global Enables new data lists to be dynamically added via JS and lets the static methods be called
Source:

window[undefined]

Self register the class to global Enables new data lists to be dynamically added via JS and lets the static methods be called
Source:

window[undefined]

Self register the class to global Enables new data lists to be dynamically added via JS and lets the static methods be called
Source:

window[undefined]

Self register the class to global Enables new widgets to be dynamically added via JS and lets the static methods be called
Source:

window[undefined]

Self register the class to global Enables new data lists to be dynamically added via JS and lets the static methods be called
Source:

window[undefined]

Self register the class to global Enables new data lists to be dynamically added via JS and lets the static methods be called
Source:

window[undefined]

Self register the class to global Enables new data lists to be dynamically added via JS and lets the static methods be called
Source:

window[undefined]

Self register the class to global Enables new data lists to be dynamically added via JS and lets the static methods be called
Source:

window[undefined]

Self register the class to global Enables new data lists to be dynamically added via JS and lets the static methods be called
Source:

window[undefined]

Self register the class to global Enables new data lists to be dynamically added via JS and lets the static methods be called
Source:

window[undefined]

Self register the class to global Enables new data lists to be dynamically added via JS and lets the static methods be called
Source:

Methods

$(selection) → {HTMLElement|null}

Mini jQuery-like shadow dom selector
Parameters:
Name Type Description
selection
Source:
Returns:
The first matching element or null if not found
Type
HTMLElement | null

$(selection) → {HTMLElement|null}

Mini jQuery-like shadow dom selector
Parameters:
Name Type Description
selection string HTML element selector
Source:
Returns:
The discovered element
Type
HTMLElement | null

$(selection) → {HTMLElement|null}

Mini jQuery-like shadow dom selector
Parameters:
Name Type Description
selection
Source:
Returns:
The first matching element or null if not found
Type
HTMLElement | null

$(selection) → {HTMLElement|null}

Mini jQuery-like shadow dom selector
Parameters:
Name Type Description
selection string HTML element selector
Source:
Returns:
The discovered element
Type
HTMLElement | null

$(selection) → {HTMLElement|null}

Mini jQuery-like shadow dom selector
Parameters:
Name Type Description
selection
Source:
Returns:
The first matching element or null if not found
Type
HTMLElement | null

$(selection) → {HTMLElement|null}

Mini jQuery-like shadow dom selector
Parameters:
Name Type Description
selection string HTML element selector
Source:
Returns:
The discovered element
Type
HTMLElement | null

_uibMsgHandler(evt)

Handle a `uibuilder:msg:_ui:update:${this.id}` custom event
Parameters:
Name Type Description
evt CustomEvent uibuilder `uibuilder:msg:_ui:update:${this.id}` custom event evt.details contains the data
Source:

_uibMsgHandler(evt)

Handle a `uibuilder:msg:_ui:update:${this.id}` custom event
Parameters:
Name Type Description
evt CustomEvent uibuilder `uibuilder:msg:_ui:update:${this.id}` custom event evt.details contains the data
Source:

_uibMsgHandler(evt)

Handle a `uibuilder:msg:_ui:update:${this.id}` custom event
Parameters:
Name Type Description
evt CustomEvent uibuilder `uibuilder:msg:_ui:update:${this.id}` custom event evt.details contains the data
Source:

_uibMsgHandler(evt)

Handle a `uibuilder:msg:_ui:update:${this.id}` custom event
Parameters:
Name Type Description
evt CustomEvent uibuilder `uibuilder:msg:_ui:update:${this.id}` custom event evt.details contains the data
Source:

_uibMsgHandler(evt)

Handle a `uibuilder:msg:_ui:update:${this.id}` custom event
Parameters:
Name Type Description
evt CustomEvent uibuilder `uibuilder:msg:_ui:update:${this.id}` custom event evt.details contains the data
Source:

_uibMsgHandler(evt)

Handle a `uibuilder:msg:_ui:update:${this.id}` custom event
Parameters:
Name Type Description
evt CustomEvent uibuilder `uibuilder:msg:_ui:update:${this.id}` custom event evt.details contains the data
Source:

_uibMsgHandler(evt)

Handle a `uibuilder:msg:_ui:update:${this.id}` custom event
Parameters:
Name Type Description
evt CustomEvent uibuilder `uibuilder:msg:_ui:update:${this.id}` custom event evt.details contains the data
Source:

_uibMsgHandler(evt)

Handle a `uibuilder:msg:_ui:update:${this.id}` custom event
Parameters:
Name Type Description
evt CustomEvent uibuilder `uibuilder:msg:_ui:update:${this.id}` custom event evt.details contains the data
Source:

_uibMsgHandler(evt)

Handle a `uibuilder:msg:_ui:update:${this.id}` custom event
Parameters:
Name Type Description
evt CustomEvent uibuilder `uibuilder:msg:_ui:update:${this.id}` custom event evt.details contains the data
Source:

_uibMsgHandler(evt)

Handle a `uibuilder:msg:_ui:update:${this.id}` custom event
Parameters:
Name Type Description
evt CustomEvent uibuilder `uibuilder:msg:_ui:update:${this.id}` custom event evt.details contains the data
Source:

_uibMsgHandler(evt)

Handle a `uibuilder:msg:_ui:update:${this.id}` custom event
Parameters:
Name Type Description
evt CustomEvent uibuilder `uibuilder:msg:_ui:update:${this.id}` custom event evt.details contains the data
Source:

_uibMsgHandler(evt)

Handle a `uibuilder:msg:_ui:update:${this.id}` custom event
Parameters:
Name Type Description
evt CustomEvent uibuilder `uibuilder:msg:_ui:update:${this.id}` custom event evt.details contains the data
Source:

_uibMsgHandler(evt)

Handle a `uibuilder:msg:_ui:update:${this.id}` custom event
Parameters:
Name Type Description
evt CustomEvent uibuilder `uibuilder:msg:_ui:update:${this.id}` custom event evt.details contains the data
Source:

_uibMsgHandler(evt)

Handle a `uibuilder:msg:_ui:update:${this.id}` custom event
Parameters:
Name Type Description
evt CustomEvent uibuilder `uibuilder:msg:_ui:update:${this.id}` custom event evt.details contains the data
Source:

_uibMsgHandler(evt)

Handle a `uibuilder:msg:_ui:update:${this.id}` custom event
Parameters:
Name Type Description
evt CustomEvent uibuilder `uibuilder:msg:_ui:update:${this.id}` custom event evt.details contains the data
Source:

_uibMsgHandler(evt)

Handle a `uibuilder:msg:_ui:update:${this.id}` custom event
Parameters:
Name Type Description
evt CustomEvent uibuilder `uibuilder:msg:_ui:update:${this.id}` custom event evt.details contains the data
Source:

_uibMsgHandler(evt)

Handle a `uibuilder:msg:_ui:update:${this.id}` custom event
Parameters:
Name Type Description
evt CustomEvent uibuilder `uibuilder:msg:_ui:update:${this.id}` custom event evt.details contains the data
Source:

_uibMsgHandler(evt)

Handle a `uibuilder:msg:_ui:update:${this.id}` custom event
Parameters:
Name Type Description
evt CustomEvent uibuilder `uibuilder:msg:_ui:update:${this.id}` custom event evt.details contains the data
Source:

_uibMsgHandler(evt)

Handle a `uibuilder:msg:_ui:update:${this.id}` custom event
Parameters:
Name Type Description
evt CustomEvent uibuilder `uibuilder:msg:_ui:update:${this.id}` custom event evt.details contains the data
Source:

_uibMsgHandler(evt)

Handle a `uibuilder:msg:_ui:update:${this.id}` custom event
Parameters:
Name Type Description
evt CustomEvent uibuilder `uibuilder:msg:_ui:update:${this.id}` custom event evt.details contains the data
Source:

_uibMsgHandler(evt)

Handle a `uibuilder:msg:_ui:update:${this.id}` custom event
Parameters:
Name Type Description
evt CustomEvent uibuilder `uibuilder:msg:_ui:update:${this.id}` custom event evt.details contains the data
Source:

_uibMsgHandler(evt)

Handle a `uibuilder:msg:_ui:update:${this.id}` custom event
Parameters:
Name Type Description
evt CustomEvent uibuilder `uibuilder:msg:_ui:update:${this.id}` custom event evt.details contains the data
Source:

_uibMsgHandler(evt)

Handle a `uibuilder:msg:_ui:update:${this.id}` custom event
Parameters:
Name Type Description
evt CustomEvent uibuilder `uibuilder:msg:_ui:update:${this.id}` custom event evt.details contains the data
Source:

_uibMsgHandler(evt)

Handle a `uibuilder:msg:_ui:update:${this.id}` custom event
Parameters:
Name Type Description
evt CustomEvent uibuilder `uibuilder:msg:_ui:update:${this.id}` custom event evt.details contains the data
Source:

_uibMsgHandler(evt)

Handle a `uibuilder:msg:_ui:update:${this.id}` custom event
Parameters:
Name Type Description
evt CustomEvent uibuilder `uibuilder:msg:_ui:update:${this.id}` custom event evt.details contains the data
Source:

_uibMsgHandler(evt)

Handle a `uibuilder:msg:_ui:update:${this.id}` custom event
Parameters:
Name Type Description
evt CustomEvent uibuilder `uibuilder:msg:_ui:update:${this.id}` custom event evt.details contains the data
Source:

_uibMsgHandler(evt)

Handle a `uibuilder:msg:_ui:update:${this.id}` custom event
Parameters:
Name Type Description
evt CustomEvent uibuilder `uibuilder:msg:_ui:update:${this.id}` custom event evt.details contains the data
Source:

attributeChangedCallback(attrib, oldVal, newVal)

NOTE: On initial startup, this is called for each watch attrib set in HTML - BEFORE connectedCallback is called
Parameters:
Name Type Description
attrib string Name of watched attribute that has changed
oldVal string The previous attribute value
newVal string The new attribute value
Source:

attributeChangedCallback(attrib, oldVal, newVal)

NOTE: On initial startup, this is called for each watched attrib set in HTML - BEFORE connectedCallback is called
Parameters:
Name Type Description
attrib string The name of the attribute that has changed
oldVal string The old value of the attribute
newVal string The new value of the attribute
Source:

attributeChangedCallback(attrib, oldVal, newVal)

NOTE: On initial startup, this is called for each watched attrib set in HTML - BEFORE connectedCallback is called
Parameters:
Name Type Description
attrib string Name of watched attribute that has changed
oldVal string The previous attribute value
newVal string The new attribute value
Source:

attributeChangedCallback(attrib, oldVal, newVal)

NOTE: On initial startup, this is called for each watch attrib set in HTML - BEFORE connectedCallback is called
Parameters:
Name Type Description
attrib string Name of watched attribute that has changed
oldVal string The previous attribute value
newVal string The new attribute value
Source:

attributeChangedCallback(attrib, oldVal, newVal)

NOTE: On initial startup, this is called for each watched attrib set in HTML - BEFORE connectedCallback is called
Parameters:
Name Type Description
attrib string The name of the attribute that has changed
oldVal string The old value of the attribute
newVal string The new value of the attribute
Source:

attributeChangedCallback(attrib, oldVal, newVal)

NOTE: On initial startup, this is called for each watched attrib set in HTML - BEFORE connectedCallback is called
Parameters:
Name Type Description
attrib string Name of watched attribute that has changed
oldVal string The previous attribute value
newVal string The new attribute value
Source:

attributeChangedCallback(attrib, oldVal, newVal)

NOTE: On initial startup, this is called for each watch attrib set in HTML - BEFORE connectedCallback is called
Parameters:
Name Type Description
attrib string Name of watched attribute that has changed
oldVal string The previous attribute value
newVal string The new attribute value
Source:

attributeChangedCallback(attrib, oldVal, newVal)

NOTE: On initial startup, this is called for each watched attrib set in HTML - BEFORE connectedCallback is called
Parameters:
Name Type Description
attrib string The name of the attribute that has changed
oldVal string The old value of the attribute
newVal string The new value of the attribute
Source:

attributeChangedCallback(attrib, oldVal, newVal)

NOTE: On initial startup, this is called for each watched attrib set in HTML - BEFORE connectedCallback is called
Parameters:
Name Type Description
attrib string Name of watched attribute that has changed
oldVal string The previous attribute value
newVal string The new attribute value
Source:

checkMode()

When the temp or setpoint changes, check the heating/cooling mode and change if needed
Source:

checkMode()

When the temp or setpoint changes, check the heating/cooling mode and change if needed
Source:

checkMode()

When the temp or setpoint changes, check the heating/cooling mode and change if needed
Source:

doNote(note, lblNote)

Set the note label if required
Parameters:
Name Type Description
note string The text to display
lblNote HTMLElement Reference to the SVG element containing the text
Source:

doNote(note, lblNote)

Set the note label if required
Parameters:
Name Type Description
note string The text to display
lblNote HTMLElement Reference to the SVG element containing the text
Source:

doNote(note, lblNote)

Set the note label if required
Parameters:
Name Type Description
note string The text to display
lblNote HTMLElement Reference to the SVG element containing the text
Source:

floatRound(number, digits) → {number}

Properly round a floating point number (stupid JavaScript!)
Parameters:
Name Type Default Description
number number The number to round
digits number 0 The required decimal places to round to (default=0)
Source:
Returns:
Input number rounded to requested DP's
Type
number

floatRound(number, digits) → {number}

Properly round a floating point number (stupid JavaScript!)
Parameters:
Name Type Default Description
number number The number to round
digits number 0 The required decimal places to round to (default=0)
Source:
Returns:
Input number rounded to requested DP's
Type
number

floatRound(number, digits) → {number}

Properly round a floating point number (stupid JavaScript!)
Parameters:
Name Type Default Description
number number The number to round
digits number 0 The required decimal places to round to (default=0)
Source:
Returns:
Input number rounded to requested DP's
Type
number

getStackTrace() → {Array|null}

Get the file, line and column number of the calling function Used to capture the originating file and line number of the console output for output because the process otherwise changes the file/line number.
Source:
Returns:
An array of arrays containing the file, line and column number or null if parsing fails
Type
Array | null

getStackTrace() → {Array|null}

Get the file, line and column number of the calling function Used to capture the originating file and line number of the console output for output because the process otherwise changes the file/line number.
Source:
Returns:
An array of arrays containing the file, line and column number or null if parsing fails
Type
Array | null

str2bool(strvalue) → {boolean}

Convert a string 'true' or 'false' to a boolean true/false
Parameters:
Name Type Description
strvalue * The string representation of the boolean
Source:
Returns:
True if strvalue is 'true', false if 'false' or anything else
Type
boolean

str2bool(strvalue) → {boolean}

Convert a string 'true' or 'false' to a boolean true/false
Parameters:
Name Type Description
strvalue * The string representation of the boolean
Source:
Returns:
True if strvalue is 'true', false if 'false' or anything else
Type
boolean

str2bool(strvalue) → {boolean}

Convert a string 'true' or 'false' to a boolean true/false
Parameters:
Name Type Description
strvalue * The string representation of the boolean
Source:
Returns:
True if strvalue is 'true', false if 'false' or anything else
Type
boolean

uibSend()

uibuilder send
Source:

uibSend()

uibuilder send
Source:

uibSend()

uibuilder send
Source:

Type Definitions

CSSLength

A CSS color value (e.g., "red", "#ff0000", "rgb(255, 0, 0)").
Type:
  • string
Source:

CSSLength

A CSS color value (e.g., "red", "#ff0000", "rgb(255, 0, 0)").
Type:
  • string
Source:

CSSLength

A CSS color value (e.g., "red", "#ff0000", "rgb(255, 0, 0)").
Type:
  • string
Source: