Skip to content

V2.0.0

Choose a tag to compare

View all tags
@guiohm79 guiohm79 released this 29 May 15:37
V2.0.0
e7bd3d6

Custom Gauge Card v2.0.0

New Features

Arc Control

  • arc_sweep (30–360°): controls the angular span of the gauge ring
  • arc_start: sets the start angle from the top/12 o'clock position (clockwise)
  • Example: arc_sweep: 270 + arc_start: 135 = C-shaped gauge
arc_sweep: 270
arc_start: 135

SVG Scale Ticks

  • scale_ticks: true: renders an SVG graduation overlay on the gauge
  • scale_steps: number of intervals between major ticks
  • scale_labels: true: displays numeric values at each tick
scale_ticks: true
scale_steps: 5
scale_labels: true

Tap Action

Configurable click behavior:

Visual Editor

  • Full GUI editor with collapsible sections covering all card parameters
  • Uses native HA components: ha-selector, ha-entity-picker, ha-expansion-panel
  • Card now appears in the HA card picker UI with a live preview

Improved HA Integration

  • getCardSize(): correct card height in the HA grid layout
  • getStubConfig(): minimal stub config for the HA visual card picker
  • Registration in window.customCards

Changes

  • Single self-contained file: the card is now a single IIFE file — no build step required
  • Copy custom-gauge-card.js directly to config/www/ and you're done
  • The modular src/ architecture and Rollup build pipeline have been removed

Installation / Update

HACS: automatic update available.

Manual: replace the old custom-gauge-card.js in config/www/ with the new file, then reload HA resources.

Full changelog: v1.0.4 → v2.0.0

Assets 3
Loading