Class: LedGauge

LedGauge()

new LedGauge()

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

Members

colors

Set the value of the gauge
Source:

colors

Get the value of the gauge
Source:

colors

Set the value of the gauge
Source:

colors

Get the value of the gauge
Source:

componentVersion

Component version
Source:

componentVersion

Component version
Source:

hideSegmentLabels

Set whether to hide the segment labels
Source:

hideSegmentLabels

Get whether segment labels are hidden
Source:

hideSegmentLabels

Set whether to hide the segment labels
Source:

hideSegmentLabels

Get whether segment labels are hidden
Source:

max

Set the maximum value of the gauge
Source:

max

Get the maximum value of the gauge
Source:

max

Set the maximum value of the gauge
Source:

max

Get the maximum value of the gauge
Source:

min

Set the minimum value of the gauge
Source:

min

Get the minimum value of the gauge
Source:

min

Set the minimum value of the gauge
Source:

min

Get the minimum value of the gauge
Source:

segContainerEl :HTMLElement

Type:
  • HTMLElement
Source:

segContainerEl :HTMLElement

Type:
  • HTMLElement
Source:

segmentElements :HTMLCollection

Type:
  • HTMLCollection
Source:

segmentElements :HTMLCollection

Type:
  • HTMLCollection
Source:

segments

Set the number of segments
Source:

segments

Get the number of segments
Source:

segments

Set the number of segments
Source:

segments

Get the number of segments
Source:

unit

Set the unit of the gauge
Source:
Example
'°C'

unit

Get the unit of the gauge
Source:

unit

Set the unit of the gauge
Source:
Example
'°C'

unit

Get the unit of the gauge
Source:

valsContainerEl :HTMLElement

Type:
  • HTMLElement
Source:

valsContainerEl :HTMLElement

Type:
  • HTMLElement
Source:

value

Set the value of the gauge
Source:

value

Get the value of the gauge
Source:

value

Set the value of the gauge
Source:

value

Get the value of the gauge
Source:

valueEl :HTMLElement

Type:
  • HTMLElement
Source:

valueEl :HTMLElement

Type:
  • HTMLElement
Source:

(static) observedAttributes

Makes HTML attribute change watched
Source:

(static) observedAttributes

Makes HTML attribute change watched
Source:

Methods

_renderGauge()

Create the gauge
Source:

_renderGauge()

Create the gauge
Source:

attributeChangedCallback(attrib, oldVal, newVal)

Runs when an observed attribute changes - Note: values are always strings
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)

Runs when an observed attribute changes - Note: values are always strings
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:

connectedCallback()

Runs when an instance is added to the DOM
Source:

connectedCallback()

Runs when an instance is added to the DOM
Source:

disconnectedCallback()

Runs when an instance is removed from the DOM
Source:

disconnectedCallback()

Runs when an instance is removed from the DOM
Source:

LedGauge()

new LedGauge()

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

Members

colors

Set the value of the gauge
Source:

colors

Get the value of the gauge
Source:

colors

Set the value of the gauge
Source:

colors

Get the value of the gauge
Source:

componentVersion

Component version
Source:

componentVersion

Component version
Source:

hideSegmentLabels

Set whether to hide the segment labels
Source:

hideSegmentLabels

Get whether segment labels are hidden
Source:

hideSegmentLabels

Set whether to hide the segment labels
Source:

hideSegmentLabels

Get whether segment labels are hidden
Source:

max

Set the maximum value of the gauge
Source:

max

Get the maximum value of the gauge
Source:

max

Set the maximum value of the gauge
Source:

max

Get the maximum value of the gauge
Source:

min

Set the minimum value of the gauge
Source:

min

Get the minimum value of the gauge
Source:

min

Set the minimum value of the gauge
Source:

min

Get the minimum value of the gauge
Source:

segContainerEl :HTMLElement

Type:
  • HTMLElement
Source:

segContainerEl :HTMLElement

Type:
  • HTMLElement
Source:

segmentElements :HTMLCollection

Type:
  • HTMLCollection
Source:

segmentElements :HTMLCollection

Type:
  • HTMLCollection
Source:

segments

Set the number of segments
Source:

segments

Get the number of segments
Source:

segments

Set the number of segments
Source:

segments

Get the number of segments
Source:

unit

Set the unit of the gauge
Source:
Example
'°C'

unit

Get the unit of the gauge
Source:

unit

Set the unit of the gauge
Source:
Example
'°C'

unit

Get the unit of the gauge
Source:

valsContainerEl :HTMLElement

Type:
  • HTMLElement
Source:

valsContainerEl :HTMLElement

Type:
  • HTMLElement
Source:

value

Set the value of the gauge
Source:

value

Get the value of the gauge
Source:

value

Set the value of the gauge
Source:

value

Get the value of the gauge
Source:

valueEl :HTMLElement

Type:
  • HTMLElement
Source:

valueEl :HTMLElement

Type:
  • HTMLElement
Source:

(static) observedAttributes

Makes HTML attribute change watched
Source:

(static) observedAttributes

Makes HTML attribute change watched
Source:

Methods

_renderGauge()

Create the gauge
Source:

_renderGauge()

Create the gauge
Source:

attributeChangedCallback(attrib, oldVal, newVal)

Runs when an observed attribute changes - Note: values are always strings
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)

Runs when an observed attribute changes - Note: values are always strings
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:

connectedCallback()

Runs when an instance is added to the DOM
Source:

connectedCallback()

Runs when an instance is added to the DOM
Source:

disconnectedCallback()

Runs when an instance is removed from the DOM
Source:

disconnectedCallback()

Runs when an instance is removed from the DOM
Source: