{
"schemaVersion": "1.0.0",
"readme": "# Luma Elements\n\n[](https://github.com/node-projects/luma-elements/actions/workflows/ci.yml)\n[](https://github.com/node-projects/luma-elements/actions/workflows/pages.yml)\n[](https://node-projects.github.io/luma-elements/)\n[](LICENSE)\n[](docs/API.md)\n[](https://github.com/node-projects/luma-elements/releases)\n\n**[Live gallery](https://node-projects.github.io/luma-elements/) · [Energy demo](https://node-projects.github.io/luma-elements/#energy) · [All components](https://node-projects.github.io/luma-elements/#components) · [API reference](docs/API.md) · [Designer manifest](custom-elements.json)**\n\nHome automation web components inspired by the [Home Assistant Lovelace demo](https://demo.home-assistant.io/#/lovelace/home). Built with the real [`@node-projects/base-custom-webcomponent`](https://github.com/node-projects/base-custom-webcomponent) base class. No other runtime libraries, backend coupling, external fonts, icon services, or charting dependencies.\n\nThe library includes standalone controls, composed device/dashboard cards, interactive charts, and automatic entity detail popups. All elements receive data through properties or attributes. It is an independent implementation: backend service connections, the Lovelace configuration editor, and server-specific stream negotiation belong to the host application. The full generated component/property inventory is in [docs/API.md](docs/API.md), and [docs/COVERAGE.md](docs/COVERAGE.md) maps dashboard cards, all 53 public tile feature types, and entity detail domains to their components.\n\n## Explore the library\n\n- **136 web components:** reusable controls, device cards, charts, layouts, and entity detail popups.\n- **Home Assistant-style interactions:** hover, focus, dragging, keyboard input, and responsive mobile sheets.\n- **Light, dark, and system themes:** style components through CSS variables and exposed shadow parts.\n- **Properties and attributes:** pass complex data as JavaScript objects or JSON attributes; listen for input, change, and action events.\n- **Designer support:** JavaScript-linked Custom Elements Manifest and TypeScript element declarations.\n\nSee the [coverage inventory](docs/COVERAGE.md) and [interaction audit](docs/INTERACTION_AUDIT.md) for supported features, reference comparisons, and current boundaries.\n\nThe [ioBroker comparison](docs/IOBROKER_COMPARISON.md) maps the VIS 2 standard/jQui catalogs and the requested Inventwo VIS 1 templates to Luma. Additions include tank levels, window/door illustrations, appliance cycles, analog clocks, radio groups, momentary buttons, state images, marquees, and a theme selector, all using Luma styling.\n\n## Run the gallery\n\nTry the **[hosted gallery](https://node-projects.github.io/luma-elements/)** without installing anything, or run it locally:\n\nRequires Node.js 22 or newer.\n\n```sh\nnpm install\nnpm run dev\n```\n\nOpen **http://127.0.0.1:4186**. The gallery includes Home and Energy demos, all components grouped into primitives/layout/devices/cards/popups, searchable categories, copyable examples, property/attribute descriptions, live domain-specific popup examples, and light/dark/system themes. All values in the gallery are sample data.\n\n```sh\nnpm run check # TypeScript validation\nnpx playwright install chromium\nnpm test # Build + browser integration tests\nnpm run build # ESM modules, types, bundle, manifest, Pages site\nnpm pack --dry-run # Inspect the publishable package\n```\n\n## Use in an application\n\nThe package is prepared for publication as `@node-projects/luma-elements`; a registry release is required before `npm install @node-projects/luma-elements` works. Until then, build this checkout and install its tarball (`npm pack`), or copy `dist/luma-elements.js` and `dist/themes.css` to your application.\n\nWith a bundler:\n\n```js\nimport '@node-projects/luma-elements';\nimport '@node-projects/luma-elements/themes.css';\n```\n\nWithout a bundler (the bundle includes BaseCustomWebComponent):\n\n```html\n\n\n\n\n```\n\n## Representative components\n\n| Primitives | Composed cards | Layout and content |\n| --- | --- | --- |\n| `luma-icon` | `luma-tile` | `luma-card` |\n| `luma-button` | `luma-entities` | `luma-heading` |\n| `luma-switch` | `luma-glance` | `luma-grid` |\n| `luma-slider` | `luma-light` | `luma-stack` |\n| `luma-number` | `luma-thermostat` | `luma-text` |\n| `luma-select` | `luma-cover` | `luma-picture` |\n| `luma-badge` | `luma-media-player` | |\n| `luma-entity-row` | `luma-weather` | |\n| | `luma-alarm` | |\n| | `luma-button-card` | |\n| | `luma-sensor` | |\n| | `luma-gauge` | |\n| | `luma-history` | |\n\nThe gallery's **Properties & attributes** disclosure under every example is the complete property reference; the same reference is available in [docs/API.md](docs/API.md). `custom-elements.json` contains the same descriptions in Custom Elements Manifest format for editor integrations. `dist/*.d.ts` provides TypeScript declarations, including `HTMLElementTagNameMap` entries. Definitions and defaults live beside each implementation in `src/`.\n\n## Properties and attributes\n\nSimple values accept both properties and attributes. Camel-case properties use kebab-case attributes: `currentTemperature` corresponds to `current-temperature`. Updates are batched into microtasks. Properties set before the element is upgraded are preserved.\n\nArrays and objects accept properties or JSON attributes. Replace an array/object to trigger an update; mutating it in place does not trigger rendering. Removing an attribute restores its default. Invalid JSON, incorrect top-level JSON types, and non-finite numeric attributes preserve the previous value and emit `luma-error`.\n\n```html\n\n\n\n\n```\n\n```js\nconst room = document.querySelector('#room');\nroom.entities = [{\n label: 'Floor lamp', state: 'on', icon: 'light',\n toggle: true, entityId: 'light.floor_lamp'\n}];\n\nconst power = document.querySelector('#power');\npower.series = [{\n name: 'Consumption', color: '#03a9f4',\n data: [\n { x: '2026-11-10T08:00:00Z', y: 420 },\n { x: '2026-11-10T09:00:00Z', y: 650 },\n { x: '2026-11-10T11:00:00Z', y: 510 }\n ]\n}];\n```\n\nHistory series also accept plain number arrays, plotted by index. Standalone `luma-line-chart` supports stepped/linear traces, area fills, mouse-hover values, keyboard point inspection, legends, and time-range selection. `{x, y}` points use a numeric x coordinate or ISO timestamp. Time gaps are plotted proportionally. Invalid/non-finite points are skipped; empty data shows an empty state. Keep the same x-coordinate representation across series in a chart.\n\nBoolean attributes follow standard HTML presence semantics. `disabled=\"false\"` is still disabled. Use `element.disabled = false` or remove the attribute. Property assignment does not reflect back to attributes; properties represent current state after interaction.\n\n## Events and backend integration\n\n| Event | Detail | Meaning |\n| --- | --- | --- |\n| `luma-change` | `{ property, value, entityId }` | A committed local value change. |\n| `luma-input` | `{ property: 'value', value }` | Live slider input, before commitment. |\n| `luma-action` | `{ action, entityId }` | Request to perform a command or open details. |\n| `luma-error` | `{ attribute, value, message }` | Invalid attribute input. |\n\nEvents bubble and cross shadow boundaries. `luma-action` is cancelable: `more-info` opens an automatic domain-specific popup unless your handler calls `event.preventDefault()`. You can also use `luma-dialog`, `luma-more-info`, and `luma-confirm-dialog` directly. Escape and backdrop clicks dismiss native modals; focus returns to the trigger. Composed cards translate child changes to their own properties: a thermostat's number control emits one `temperature` change carrying the thermostat's entity ID; an entities card emits the updated `entities` array. Entity commands bubble with the selected row's ID.\n\n```js\ndocument.addEventListener('luma-change', ({ target, detail }) => {\n // e.g. { property: 'brightness', value: 65, entityId: 'light.reading' }\n // Persist with your own backend adapter, then assign authoritative values.\n console.log(target, detail);\n});\n\ndocument.addEventListener('luma-action', ({ detail }) => {\n // more-info, press, open, stop, close, previous, next,\n // arm-home, arm-away, arm-night, disarm\n console.log(detail.action, detail.entityId);\n});\n```\n\nSwitches, sliders, numeric controls, selects, tiles, lights, and media play/pause update their local values. Cover open/stop/close and alarm commands emit requests without assuming successful device operation. Connect your backend and assign the actual state yourself. Components never call Home Assistant APIs or store credentials.\n\n## Styling and themes\n\nLoad `themes.css`, then set `data-theme=\"light\"` or `data-theme=\"dark\"` on any ancestor. Omitting both follows `prefers-color-scheme`. Variables inherit through nested Shadow DOM, so a theme applies to composed controls too. Override individual variables after importing the stylesheet.\n\n| Variable | Light default | Purpose |\n| --- | --- | --- |\n| `--luma-primary` | `#03a9f4` | Primary controls and emphasis |\n| `--luma-on-primary` | `#fff` | Text on primary buttons |\n| `--luma-background` | `#fafafa` | Application background |\n| `--luma-card-background` | `#fff` | Card surface |\n| `--luma-text` | `#212121` | Primary text |\n| `--luma-secondary-text` | `#727272` | Secondary text |\n| `--luma-border` | `#e0e0e0` | Card and control outlines |\n| `--luma-border-width` | `1px` | Card border width |\n| `--luma-control-background` | `#f0f0f0` | Control surface |\n| `--luma-switch-track` | `#bdbdbd` | Inactive switch track |\n| `--luma-radius` | `12px` | Card corner radius |\n| `--luma-shadow` | subtle shadow | Card shadow |\n| `--luma-font` | `Roboto, Arial, sans-serif` | Font stack (no font is downloaded) |\n| `--luma-title-size` | `20px` | Card title font size |\n\n```css\n.my-dashboard {\n --luma-primary: #00897b;\n --luma-radius: 16px;\n --luma-font: system-ui, sans-serif;\n}\nluma-tile::part(card) { border-width: 2px; }\nluma-switch::part(thumb) { box-shadow: none; }\n```\n\nAll components expose `root`. Surfaces expose `card`, with additional parts where applicable: `title`, `name`, `state`, `icon`, `content`, `button`, `switch`, `thumb`, `slider`, `control`, `heading`, `row`, `grid`, `stack`, `dial`, `chart`, `empty`, `gauge`, `value`, and `image`. CSS variables are the shared styling API across composed controls; a `::part()` selector targets that element's own shadow tree.\n\nCustom icons can be supplied through `slot=\"icon\"` on entity rows, tiles, and button cards. `luma-icon` accepts SVG in its default slot. `luma-card`, `luma-stack`, and `luma-grid` accept slotted content. `luma-text` escapes its content property; use its default slot for application-controlled rich HTML. `luma-picture` accepts relative, HTTP(S), and blob image URLs, and an `alt` description.\n\nControls use native buttons, range inputs, and selects, accessible names, visible focus indicators, and disabled states. Composed updates preserve keyboard focus. SVG charts have accessible labels and point tooltips. History charts support arrow/Home/End point inspection, mouse-hover tooltips, drag-to-zoom, and Escape to reset the range.\n\n## GitHub Pages\n\n`.github/workflows/pages.yml` builds and browser-tests the library, uploads `site/`, and deploys the gallery on a push to `main` or `master` (or a manual dispatch). Pull requests build and test without deployment.\n\n1. Push these changes to the repository.\n2. In **Settings → Pages → Build and deployment**, select **GitHub Actions**.\n3. Run **Build, test, and deploy component gallery** if it has not run automatically.\n\nThe resulting repository Pages URL will normally be `https://node-projects.github.io/luma-elements/`. Assets and navigation are relative, so the gallery works under the repository subpath. This URL is not live until the workflow is enabled and successfully deployed.\n\n\n## Standalone controls, composed cards, and popups\n\nLow-level controls are exported as real custom elements: `luma-arc`, `luma-dial`, `luma-temperature-value`, `luma-color-wheel`, `luma-color-picker`, `luma-color-swatches`, `luma-color-temperature`, `luma-brightness`, `luma-dropdown`, `luma-line-chart`, `luma-sparkline`, `luma-bar-chart`, `luma-gauge-arc`, `luma-energy-node`, `luma-flow-line`, `luma-data-table`, and others. Cards compose those controls; their SVG/input implementations are not embedded copies.\n\n```html\n\n\n\n\n```\n\n`luma-temperature-value` reserves the integer, decimal, and unit columns, uses tabular numerals, and never auto-fits its font. `precision=\"1\"` retains the decimal column for both whole and fractional temperatures. `locale=\"de\"` uses a comma. Thermostats expose `showCurrentTemperature`, `showCurrentMarker`, `showCurrentAsPrimary`, `stateLabel`, presets, fan modes, swing modes, and paired low/high target temperatures. The dial supports mouse/touch drag, keyboard steps/Home/End, pointer cancellation, and bounds.\n\nEntity content opens details; supported tile icons toggle independently. `tapAction`, `iconTapAction`, `holdAction`, and `doubleTapAction` customize those gestures. `disabled` prevents interaction. `unavailable` disables device controls while keeping entity details accessible; `unknown` entities can still accept commands. Dialogs use native top-layer focus trapping, Escape/backdrop dismissal, and trigger-focus restoration. Property changes keep the open dialog stable. Domain-specific edits are sent back through the source component's normal event path, including rows recreated by a parent.\n\nLight capabilities are declared through `colorModes` (`brightness`, `rgb`/`hs`/`xy`, `color_temp`, etc.). The popup composes a tall brightness slider, hue/saturation wheel, kelvin gradient, compact mode toolbar, optional swatches, and supported effects. Editing a color/brightness while off requests the new value and previews the light as on. Browser-supported screen eyedropper selection is optional.\n\n```js\nconst tile = document.querySelector('luma-tile');\ntile.entityId = 'light.spotlights';\ntile.features = [\n { type: 'light-brightness', config: { value: 65 } },\n { type: 'light-color-temp', config: { value: 3000, vertical: false } }\n];\ntile.detailProperties = { rgbColor: '#ffa24d', effects: ['none', 'relax'] };\n```\n\nFeature values and legacy embedded tile values are shared with the details view. Every public feature kind is mapped in `featureControls`; the wrapper's `config` is passed to an independently usable underlying control.\n\n## Designer manifest\n\n`custom-elements.json` is a Custom Elements Manifest with actual compiled module paths. For example, `luma-dial` points to `dist/controls.js` and its exported `LumaDial`; it does not pretend every class is declared in the entry point or point to TypeScript source. Modules include class exports and tag registrations, inheritance, typed/described fields, associated attributes, defaults, events, methods, slots, CSS parts and theme variables. The npm export map exposes the designer-facing `dist/*.js` modules.\n\nThe gallery ships the same unbundled modules and an import map for BaseCustomWebComponent, alongside its self-contained demo bundle. Designer integration can resolve each module path relative to the package manifest. Use either the unbundled entry/modules or the standalone bundle in a given document, so the browser sees one set of constructors.\n\nBrowser checks import every definition's actual module, compare its exported constructor with the registration, and check all module paths/attribute-field associations. The manifest is regenerated by `npm run build`.\n\n## Builds and npm releases\n\nSee [docs/RELEASING.md](docs/RELEASING.md). Push/PR builds test and pack the library. Publishing a GitHub release runs `release.yml`, derives the npm version from its semantic release tag, builds/tests that version, attaches the exact `.tgz` and checksum to the release, and publishes that tarball to npm. Stable versions use `latest`; prereleases use `next`. Configure npm trusted publishing (GitHub Actions OIDC) for `node-projects/luma-elements`, workflow `release.yml`. Publication does not use an npm token secret.\n\n## Project structure\n\n- `src/`: base, property metadata, primitive controls, composed cards, SVG charts, icons, and themes.\n- `docs/`: gallery source and local room illustration.\n- `scripts/`: TypeScript/bundle/site assembly and static preview server.\n- `tests/`: browser integration coverage for values, events, composition, charts, keyboard interaction, themes, and responsive layouts.\n- `dist/`: generated library modules, declarations, source maps, and self-contained browser bundle.\n- `site/`: generated GitHub Pages artifact.\n\nMIT. See [LICENSE](LICENSE) and [THIRD_PARTY_NOTICES.md](THIRD_PARTY_NOTICES.md) for the base library's BSD-3-Clause license, selected SVG icons' Apache-2.0 license, and design attribution.\n\nThe [interaction audit](docs/INTERACTION_AUDIT.md) records hover, focus, drag and popup behavior against the Home Assistant references. `luma-chart-navigator` is independently usable; line/history charts include it by default (`show-navigator` / `showNavigator`). Its `value` is a `{start,end}` object, in the same units as `min` and `max`.\n",
"modules": [
{
"kind": "javascript-module",
"path": "dist/automation-cards.js",
"declarations": [
{
"kind": "class",
"name": "LumaTank",
"description": "Fill-level card for cisterns, oil tanks, pellet stores or batteries, composed from an entity row and standalone level indicator.",
"tagName": "luma-tank",
"customElement": true,
"superclass": {
"name": "LumaEntity",
"module": "dist/components.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Header icon for the measured tank or store.",
"type": {
"text": "string"
},
"default": "\"humidity\"",
"attribute": "icon"
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\"",
"attribute": "state"
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary"
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id"
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Domain used by the automatic detail popup.",
"type": {
"text": "string"
},
"default": "\"tank\"",
"attribute": "domain"
},
{
"kind": "field",
"name": "detailProperties",
"privacy": "public",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "detail-properties"
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "entity-attributes"
},
{
"kind": "field",
"name": "tapAction",
"privacy": "public",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "tap-action"
},
{
"kind": "field",
"name": "iconTapAction",
"privacy": "public",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\"",
"attribute": "icon-tap-action"
},
{
"kind": "field",
"name": "holdAction",
"privacy": "public",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "hold-action"
},
{
"kind": "field",
"name": "doubleTapAction",
"privacy": "public",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "double-tap-action"
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "Normal fill color, using a Luma color name or CSS color.",
"type": {
"text": "string"
},
"default": "\"primary\"",
"attribute": "color"
},
{
"kind": "field",
"name": "showHeader",
"privacy": "public",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-header"
},
{
"kind": "field",
"name": "value",
"privacy": "public",
"description": "Measured fill level, clamped to min/max for the graphic.",
"type": {
"text": "number"
},
"default": "65",
"attribute": "value"
},
{
"kind": "field",
"name": "min",
"privacy": "public",
"description": "Empty value.",
"type": {
"text": "number"
},
"default": "0",
"attribute": "min"
},
{
"kind": "field",
"name": "max",
"privacy": "public",
"description": "Full value.",
"type": {
"text": "number"
},
"default": "100",
"attribute": "max"
},
{
"kind": "field",
"name": "unit",
"privacy": "public",
"description": "Unit of the measured value.",
"type": {
"text": "string"
},
"default": "\"%\"",
"attribute": "unit"
},
{
"kind": "field",
"name": "low",
"privacy": "public",
"description": "Low-level warning threshold.",
"type": {
"text": "number"
},
"default": "20",
"attribute": "low"
},
{
"kind": "field",
"name": "high",
"privacy": "public",
"description": "High-level warning threshold in measured units. -1 disables high warnings; a threshold at max also disables them.",
"type": {
"text": "number"
},
"default": "-1",
"attribute": "high"
},
{
"kind": "field",
"name": "precision",
"privacy": "public",
"description": "Decimal places, from 0 to 6.",
"type": {
"text": "number"
},
"default": "0",
"attribute": "precision"
},
{
"kind": "field",
"name": "locale",
"privacy": "public",
"description": "Numeric formatting locale.",
"type": {
"text": "string"
},
"default": "\"en\"",
"attribute": "locale"
},
{
"kind": "field",
"name": "orientation",
"privacy": "public",
"description": "vertical tank or horizontal bar.",
"type": {
"text": "string"
},
"default": "\"vertical\"",
"attribute": "orientation"
},
{
"kind": "field",
"name": "showScale",
"privacy": "public",
"description": "Show scale labels and ticks.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-scale"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Header icon for the measured tank or store.",
"type": {
"text": "string"
},
"default": "\"humidity\""
},
{
"name": "state",
"fieldName": "state",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\""
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "domain",
"fieldName": "domain",
"description": "Domain used by the automatic detail popup.",
"type": {
"text": "string"
},
"default": "\"tank\""
},
{
"name": "detail-properties",
"fieldName": "detailProperties",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "entity-attributes",
"fieldName": "entityAttributes",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "tap-action",
"fieldName": "tapAction",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "icon-tap-action",
"fieldName": "iconTapAction",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\""
},
{
"name": "hold-action",
"fieldName": "holdAction",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "double-tap-action",
"fieldName": "doubleTapAction",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "color",
"fieldName": "color",
"description": "Normal fill color, using a Luma color name or CSS color.",
"type": {
"text": "string"
},
"default": "\"primary\""
},
{
"name": "show-header",
"fieldName": "showHeader",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "value",
"fieldName": "value",
"description": "Measured fill level, clamped to min/max for the graphic.",
"type": {
"text": "number"
},
"default": "65"
},
{
"name": "min",
"fieldName": "min",
"description": "Empty value.",
"type": {
"text": "number"
},
"default": "0"
},
{
"name": "max",
"fieldName": "max",
"description": "Full value.",
"type": {
"text": "number"
},
"default": "100"
},
{
"name": "unit",
"fieldName": "unit",
"description": "Unit of the measured value.",
"type": {
"text": "string"
},
"default": "\"%\""
},
{
"name": "low",
"fieldName": "low",
"description": "Low-level warning threshold.",
"type": {
"text": "number"
},
"default": "20"
},
{
"name": "high",
"fieldName": "high",
"description": "High-level warning threshold in measured units. -1 disables high warnings; a threshold at max also disables them.",
"type": {
"text": "number"
},
"default": "-1"
},
{
"name": "precision",
"fieldName": "precision",
"description": "Decimal places, from 0 to 6.",
"type": {
"text": "number"
},
"default": "0"
},
{
"name": "locale",
"fieldName": "locale",
"description": "Numeric formatting locale.",
"type": {
"text": "string"
},
"default": "\"en\""
},
{
"name": "orientation",
"fieldName": "orientation",
"description": "vertical tank or horizontal bar.",
"type": {
"text": "string"
},
"default": "\"vertical\""
},
{
"name": "show-scale",
"fieldName": "showScale",
"description": "Show scale labels and ticks.",
"type": {
"text": "boolean"
},
"default": "true"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "footer",
"description": "footer content."
}
]
},
{
"kind": "class",
"name": "LumaOpening",
"description": "Window/door contact card with localized states and an independently reusable closed/open/tilted illustration.",
"tagName": "luma-opening",
"customElement": true,
"superclass": {
"name": "LumaEntity",
"module": "dist/components.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Header icon.",
"type": {
"text": "string"
},
"default": "\"home\"",
"attribute": "icon"
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Opening state: closed, open, tilted, or unavailable.",
"type": {
"text": "string"
},
"default": "\"closed\"",
"attribute": "state"
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary"
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id"
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Domain for the graphical contact details.",
"type": {
"text": "string"
},
"default": "\"opening\"",
"attribute": "domain"
},
{
"kind": "field",
"name": "detailProperties",
"privacy": "public",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "detail-properties"
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "entity-attributes"
},
{
"kind": "field",
"name": "tapAction",
"privacy": "public",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "tap-action"
},
{
"kind": "field",
"name": "iconTapAction",
"privacy": "public",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\"",
"attribute": "icon-tap-action"
},
{
"kind": "field",
"name": "holdAction",
"privacy": "public",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "hold-action"
},
{
"kind": "field",
"name": "doubleTapAction",
"privacy": "public",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "double-tap-action"
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "Active/open accent, using a Luma color or CSS color.",
"type": {
"text": "string"
},
"default": "\"primary\"",
"attribute": "color"
},
{
"kind": "field",
"name": "showHeader",
"privacy": "public",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-header"
},
{
"kind": "field",
"name": "kind",
"privacy": "public",
"description": "Physical opening: window or door.",
"type": {
"text": "string"
},
"default": "\"window\"",
"attribute": "kind"
},
{
"kind": "field",
"name": "hinge",
"privacy": "public",
"description": "Hinge side: left or right; mirrors the illustration.",
"type": {
"text": "string"
},
"default": "\"left\"",
"attribute": "hinge"
},
{
"kind": "field",
"name": "stateLabels",
"privacy": "public",
"description": "Localized display names keyed by opening state.",
"type": {
"text": "Record"
},
"default": "{\"closed\":\"Closed\",\"open\":\"Open\",\"tilted\":\"Tilted\",\"unavailable\":\"Unavailable\",\"unknown\":\"Unknown\"}",
"attribute": "state-labels"
},
{
"kind": "field",
"name": "alarm",
"privacy": "public",
"description": "Use the error accent while open or tilted; this does not operate a lock or alarm.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "alarm"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Header icon.",
"type": {
"text": "string"
},
"default": "\"home\""
},
{
"name": "state",
"fieldName": "state",
"description": "Opening state: closed, open, tilted, or unavailable.",
"type": {
"text": "string"
},
"default": "\"closed\""
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "domain",
"fieldName": "domain",
"description": "Domain for the graphical contact details.",
"type": {
"text": "string"
},
"default": "\"opening\""
},
{
"name": "detail-properties",
"fieldName": "detailProperties",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "entity-attributes",
"fieldName": "entityAttributes",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "tap-action",
"fieldName": "tapAction",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "icon-tap-action",
"fieldName": "iconTapAction",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\""
},
{
"name": "hold-action",
"fieldName": "holdAction",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "double-tap-action",
"fieldName": "doubleTapAction",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "color",
"fieldName": "color",
"description": "Active/open accent, using a Luma color or CSS color.",
"type": {
"text": "string"
},
"default": "\"primary\""
},
{
"name": "show-header",
"fieldName": "showHeader",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "kind",
"fieldName": "kind",
"description": "Physical opening: window or door.",
"type": {
"text": "string"
},
"default": "\"window\""
},
{
"name": "hinge",
"fieldName": "hinge",
"description": "Hinge side: left or right; mirrors the illustration.",
"type": {
"text": "string"
},
"default": "\"left\""
},
{
"name": "state-labels",
"fieldName": "stateLabels",
"description": "Localized display names keyed by opening state.",
"type": {
"text": "string"
},
"default": "{\"closed\":\"Closed\",\"open\":\"Open\",\"tilted\":\"Tilted\",\"unavailable\":\"Unavailable\",\"unknown\":\"Unknown\"}"
},
{
"name": "alarm",
"fieldName": "alarm",
"description": "Use the error accent while open or tilted; this does not operate a lock or alarm.",
"type": {
"text": "boolean"
},
"default": "false"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-error-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaAppliance",
"description": "Washer/dryer/dishwasher cycle card composed from the standalone progress ring, supplied program/remaining-time data and optional command controls.",
"tagName": "luma-appliance",
"customElement": true,
"superclass": {
"name": "LumaEntity",
"module": "dist/components.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Appliance header icon.",
"type": {
"text": "string"
},
"default": "\"power\"",
"attribute": "icon"
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Authoritative cycle state, such as idle, running, paused, finished, error or unavailable.",
"type": {
"text": "string"
},
"default": "\"idle\"",
"attribute": "state"
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary"
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id"
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Domain for appliance cycle details.",
"type": {
"text": "string"
},
"default": "\"appliance\"",
"attribute": "domain"
},
{
"kind": "field",
"name": "detailProperties",
"privacy": "public",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "detail-properties"
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "entity-attributes"
},
{
"kind": "field",
"name": "tapAction",
"privacy": "public",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "tap-action"
},
{
"kind": "field",
"name": "iconTapAction",
"privacy": "public",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\"",
"attribute": "icon-tap-action"
},
{
"kind": "field",
"name": "holdAction",
"privacy": "public",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "hold-action"
},
{
"kind": "field",
"name": "doubleTapAction",
"privacy": "public",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "double-tap-action"
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\"",
"attribute": "color"
},
{
"kind": "field",
"name": "showHeader",
"privacy": "public",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-header"
},
{
"kind": "field",
"name": "kind",
"privacy": "public",
"description": "Appliance kind: washer, dryer, dishwasher, or an application-defined kind.",
"type": {
"text": "string"
},
"default": "\"washer\"",
"attribute": "kind"
},
{
"kind": "field",
"name": "stateLabel",
"privacy": "public",
"description": "Optional localized state label; empty uses a humanized state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "state-label"
},
{
"kind": "field",
"name": "program",
"privacy": "public",
"description": "Current cycle/program name.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "program"
},
{
"kind": "field",
"name": "progress",
"privacy": "public",
"description": "Reported completion percentage. -1 means unknown; running then uses an indeterminate ring.",
"type": {
"text": "number"
},
"default": "-1",
"attribute": "progress"
},
{
"kind": "field",
"name": "remainingMinutes",
"privacy": "public",
"description": "Reported remaining minutes. -1 hides the remaining-time reading; 0 means no time remains.",
"type": {
"text": "number"
},
"default": "-1",
"attribute": "remaining-minutes"
},
{
"kind": "field",
"name": "finishesAt",
"privacy": "public",
"description": "Optional ISO finish timestamp supplied by the application.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "finishes-at"
},
{
"kind": "field",
"name": "locale",
"privacy": "public",
"description": "Locale for the finish-time display.",
"type": {
"text": "string"
},
"default": "\"en\"",
"attribute": "locale"
},
{
"kind": "field",
"name": "timeZone",
"privacy": "public",
"description": "Optional IANA timezone for the finish time.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "time-zone"
},
{
"kind": "field",
"name": "commands",
"privacy": "public",
"description": "Optional {action,label,icon?,disabled?} command definitions. Actions are requests only and do not assume the appliance accepted them.",
"type": {
"text": "unknown[]"
},
"default": "[]",
"attribute": "commands"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Appliance header icon.",
"type": {
"text": "string"
},
"default": "\"power\""
},
{
"name": "state",
"fieldName": "state",
"description": "Authoritative cycle state, such as idle, running, paused, finished, error or unavailable.",
"type": {
"text": "string"
},
"default": "\"idle\""
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "domain",
"fieldName": "domain",
"description": "Domain for appliance cycle details.",
"type": {
"text": "string"
},
"default": "\"appliance\""
},
{
"name": "detail-properties",
"fieldName": "detailProperties",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "entity-attributes",
"fieldName": "entityAttributes",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "tap-action",
"fieldName": "tapAction",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "icon-tap-action",
"fieldName": "iconTapAction",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\""
},
{
"name": "hold-action",
"fieldName": "holdAction",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "double-tap-action",
"fieldName": "doubleTapAction",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "color",
"fieldName": "color",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\""
},
{
"name": "show-header",
"fieldName": "showHeader",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "kind",
"fieldName": "kind",
"description": "Appliance kind: washer, dryer, dishwasher, or an application-defined kind.",
"type": {
"text": "string"
},
"default": "\"washer\""
},
{
"name": "state-label",
"fieldName": "stateLabel",
"description": "Optional localized state label; empty uses a humanized state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "program",
"fieldName": "program",
"description": "Current cycle/program name.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "progress",
"fieldName": "progress",
"description": "Reported completion percentage. -1 means unknown; running then uses an indeterminate ring.",
"type": {
"text": "number"
},
"default": "-1"
},
{
"name": "remaining-minutes",
"fieldName": "remainingMinutes",
"description": "Reported remaining minutes. -1 hides the remaining-time reading; 0 means no time remains.",
"type": {
"text": "number"
},
"default": "-1"
},
{
"name": "finishes-at",
"fieldName": "finishesAt",
"description": "Optional ISO finish timestamp supplied by the application.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "locale",
"fieldName": "locale",
"description": "Locale for the finish-time display.",
"type": {
"text": "string"
},
"default": "\"en\""
},
{
"name": "time-zone",
"fieldName": "timeZone",
"description": "Optional IANA timezone for the finish time.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "commands",
"fieldName": "commands",
"description": "Optional {action,label,icon?,disabled?} command definitions. Actions are requests only and do not assume the appliance accepted them.",
"type": {
"text": "string"
},
"default": "[]"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-error-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "footer",
"description": "footer content."
}
]
},
{
"kind": "class",
"name": "LumaThemeSelector",
"description": "Light/dark/system appearance selector composed with the shared segmented control; emits changes without silently modifying global document styling.",
"tagName": "luma-theme-selector",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "value",
"privacy": "public",
"description": "Selected appearance: light, dark or system. Changes emit a value event; the host application decides which theme scope to update.",
"type": {
"text": "string"
},
"default": "\"system\"",
"attribute": "value"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "value",
"fieldName": "value",
"description": "Selected appearance: light, dark or system. Changes emit a value event; the host application decides which theme scope to update.",
"type": {
"text": "string"
},
"default": "\"system\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "selector",
"description": "selector styling hook."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
}
],
"exports": [
{
"kind": "js",
"name": "LumaTank",
"declaration": {
"name": "LumaTank",
"module": "dist/automation-cards.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-tank",
"declaration": {
"name": "LumaTank",
"module": "dist/automation-cards.js"
}
},
{
"kind": "js",
"name": "LumaOpening",
"declaration": {
"name": "LumaOpening",
"module": "dist/automation-cards.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-opening",
"declaration": {
"name": "LumaOpening",
"module": "dist/automation-cards.js"
}
},
{
"kind": "js",
"name": "LumaAppliance",
"declaration": {
"name": "LumaAppliance",
"module": "dist/automation-cards.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-appliance",
"declaration": {
"name": "LumaAppliance",
"module": "dist/automation-cards.js"
}
},
{
"kind": "js",
"name": "LumaThemeSelector",
"declaration": {
"name": "LumaThemeSelector",
"module": "dist/automation-cards.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-theme-selector",
"declaration": {
"name": "LumaThemeSelector",
"module": "dist/automation-cards.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "dist/automation-primitives.js",
"declarations": [
{
"kind": "class",
"name": "LumaRadioGroup",
"description": "Native accessible single-choice list with keyboard navigation, descriptions, per-option disabled state and Luma selection/hover styling.",
"tagName": "luma-radio-group",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "value",
"privacy": "public",
"description": "Selected option value. User input emits luma-change with property value.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "value"
},
{
"kind": "field",
"name": "options",
"privacy": "public",
"description": "Strings or {value,label,disabled?,description?} options. Values are strings; disabled options are skipped by native keyboard navigation.",
"type": {
"text": "Array"
},
"default": "[]",
"attribute": "options"
},
{
"kind": "field",
"name": "orientation",
"privacy": "public",
"description": "Option layout: vertical or horizontal.",
"type": {
"text": "string"
},
"default": "\"vertical\"",
"attribute": "orientation"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "value",
"fieldName": "value",
"description": "Selected option value. User input emits luma-change with property value.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "options",
"fieldName": "options",
"description": "Strings or {value,label,disabled?,description?} options. Values are strings; disabled options are skipped by native keyboard navigation.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "orientation",
"fieldName": "orientation",
"description": "Option layout: vertical or horizontal.",
"type": {
"text": "string"
},
"default": "\"vertical\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "group",
"description": "group styling hook."
},
{
"name": "option",
"description": "option styling hook."
}
],
"cssProperties": [
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaMomentaryButton",
"description": "Press-and-hold control that emits paired pressed/released values for pointer and keyboard input, including cancellation and focus-loss release.",
"tagName": "luma-momentary-button",
"customElement": true,
"superclass": {
"name": "LumaButton",
"module": "dist/primitives.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label",
"inheritedFrom": {
"name": "LumaButton",
"module": "dist/primitives.js"
}
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaButton",
"module": "dist/primitives.js"
}
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Optional leading built-in icon.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "icon",
"inheritedFrom": {
"name": "LumaButton",
"module": "dist/primitives.js"
}
},
{
"kind": "field",
"name": "variant",
"privacy": "public",
"description": "Visual variant: filled or text.",
"type": {
"text": "string"
},
"default": "\"filled\"",
"attribute": "variant",
"inheritedFrom": {
"name": "LumaButton",
"module": "dist/primitives.js"
}
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Optional source identifier included in press and release events.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id"
},
{
"kind": "field",
"name": "pressed",
"privacy": "public",
"description": "Current pressed state. Pointer/key press emits true; release, cancel, focus loss or removal emits false. Applications must handle release events as well as press events.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "pressed"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Optional leading built-in icon.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "variant",
"fieldName": "variant",
"description": "Visual variant: filled or text.",
"type": {
"text": "string"
},
"default": "\"filled\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Optional source identifier included in press and release events.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "pressed",
"fieldName": "pressed",
"description": "Current pressed state. Pointer/key press emits true; release, cancel, focus loss or removal emits false. Applications must handle release events as well as press events.",
"type": {
"text": "boolean"
},
"default": "false"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "button",
"description": "Interactive button surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "",
"description": "Default component content."
}
]
},
{
"kind": "class",
"name": "LumaMarquee",
"description": "Overflow-aware plain-text ticker with pause/resume, hover/focus pause, responsive measurement, and static readable reduced-motion rendering.",
"tagName": "luma-marquee",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "text",
"privacy": "public",
"description": "Plain text to display; HTML is always escaped.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "text"
},
{
"kind": "field",
"name": "speed",
"privacy": "public",
"description": "Scrolling speed in pixels per second; only overflowing text moves.",
"type": {
"text": "number"
},
"default": "30",
"attribute": "speed"
},
{
"kind": "field",
"name": "paused",
"privacy": "public",
"description": "Pause scrolling. Hover and keyboard focus also pause without changing this property.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "paused"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "text",
"fieldName": "text",
"description": "Plain text to display; HTML is always escaped.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "speed",
"fieldName": "speed",
"description": "Scrolling speed in pixels per second; only overflowing text moves.",
"type": {
"text": "number"
},
"default": "30"
},
{
"name": "paused",
"fieldName": "paused",
"description": "Pause scrolling. Hover and keyboard focus also pause without changing this property.",
"type": {
"text": "boolean"
},
"default": "false"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "marquee",
"description": "marquee styling hook."
},
{
"name": "text",
"description": "text styling hook."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaAnalogClock",
"description": "Theme-aware SVG analog clock with supplied/live time, IANA timezone, optional seconds/numbers, accessible time, and inherited timer cleanup.",
"tagName": "luma-analog-clock",
"customElement": true,
"superclass": {
"name": "LumaClock",
"module": "dist/cards.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label",
"inheritedFrom": {
"name": "LumaClock",
"module": "dist/cards.js"
}
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaClock",
"module": "dist/cards.js"
}
},
{
"kind": "field",
"name": "time",
"privacy": "public",
"description": "ISO date/time to display. Empty follows the local clock.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "time",
"inheritedFrom": {
"name": "LumaClock",
"module": "dist/cards.js"
}
},
{
"kind": "field",
"name": "locale",
"privacy": "public",
"description": "Intl formatting locale.",
"type": {
"text": "string"
},
"default": "\"en\"",
"attribute": "locale",
"inheritedFrom": {
"name": "LumaClock",
"module": "dist/cards.js"
}
},
{
"kind": "field",
"name": "timeZone",
"privacy": "public",
"description": "IANA time zone; empty uses the browser zone.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "time-zone",
"inheritedFrom": {
"name": "LumaClock",
"module": "dist/cards.js"
}
},
{
"kind": "field",
"name": "showSeconds",
"privacy": "public",
"description": "Display seconds.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "show-seconds",
"inheritedFrom": {
"name": "LumaClock",
"module": "dist/cards.js"
}
},
{
"kind": "field",
"name": "showNumbers",
"privacy": "public",
"description": "Show hour numbers around the clock face.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-numbers"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "time",
"fieldName": "time",
"description": "ISO date/time to display. Empty follows the local clock.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "locale",
"fieldName": "locale",
"description": "Intl formatting locale.",
"type": {
"text": "string"
},
"default": "\"en\""
},
{
"name": "time-zone",
"fieldName": "timeZone",
"description": "IANA time zone; empty uses the browser zone.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "show-seconds",
"fieldName": "showSeconds",
"description": "Display seconds.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "show-numbers",
"fieldName": "showNumbers",
"description": "Show hour numbers around the clock face.",
"type": {
"text": "boolean"
},
"default": "true"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "clock",
"description": "clock styling hook."
},
{
"name": "face",
"description": "face styling hook."
},
{
"name": "hour-hand",
"description": "hour-hand styling hook."
},
{
"name": "minute-hand",
"description": "minute-hand styling hook."
},
{
"name": "second-hand",
"description": "second-hand styling hook."
}
],
"cssProperties": [
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaLevelIndicator",
"description": "Standalone measured tank/bar fill with scale, clamped geometry, units, accessible meter values and low/high warnings.",
"tagName": "luma-level-indicator",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "value",
"privacy": "public",
"description": "Measured fill level, clamped to min/max for the graphic.",
"type": {
"text": "number"
},
"default": "65",
"attribute": "value"
},
{
"kind": "field",
"name": "min",
"privacy": "public",
"description": "Empty value.",
"type": {
"text": "number"
},
"default": "0",
"attribute": "min"
},
{
"kind": "field",
"name": "max",
"privacy": "public",
"description": "Full value.",
"type": {
"text": "number"
},
"default": "100",
"attribute": "max"
},
{
"kind": "field",
"name": "unit",
"privacy": "public",
"description": "Unit of the measured value.",
"type": {
"text": "string"
},
"default": "\"%\"",
"attribute": "unit"
},
{
"kind": "field",
"name": "low",
"privacy": "public",
"description": "Low-level warning threshold.",
"type": {
"text": "number"
},
"default": "20",
"attribute": "low"
},
{
"kind": "field",
"name": "high",
"privacy": "public",
"description": "High-level warning threshold in measured units. -1 disables high warnings; a threshold at max also disables them.",
"type": {
"text": "number"
},
"default": "-1",
"attribute": "high"
},
{
"kind": "field",
"name": "precision",
"privacy": "public",
"description": "Decimal places, from 0 to 6.",
"type": {
"text": "number"
},
"default": "0",
"attribute": "precision"
},
{
"kind": "field",
"name": "locale",
"privacy": "public",
"description": "Numeric formatting locale.",
"type": {
"text": "string"
},
"default": "\"en\"",
"attribute": "locale"
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "Normal fill color, using a Luma color name or CSS color.",
"type": {
"text": "string"
},
"default": "\"primary\"",
"attribute": "color"
},
{
"kind": "field",
"name": "orientation",
"privacy": "public",
"description": "vertical tank or horizontal bar.",
"type": {
"text": "string"
},
"default": "\"vertical\"",
"attribute": "orientation"
},
{
"kind": "field",
"name": "showScale",
"privacy": "public",
"description": "Show scale labels and ticks.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-scale"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "value",
"fieldName": "value",
"description": "Measured fill level, clamped to min/max for the graphic.",
"type": {
"text": "number"
},
"default": "65"
},
{
"name": "min",
"fieldName": "min",
"description": "Empty value.",
"type": {
"text": "number"
},
"default": "0"
},
{
"name": "max",
"fieldName": "max",
"description": "Full value.",
"type": {
"text": "number"
},
"default": "100"
},
{
"name": "unit",
"fieldName": "unit",
"description": "Unit of the measured value.",
"type": {
"text": "string"
},
"default": "\"%\""
},
{
"name": "low",
"fieldName": "low",
"description": "Low-level warning threshold.",
"type": {
"text": "number"
},
"default": "20"
},
{
"name": "high",
"fieldName": "high",
"description": "High-level warning threshold in measured units. -1 disables high warnings; a threshold at max also disables them.",
"type": {
"text": "number"
},
"default": "-1"
},
{
"name": "precision",
"fieldName": "precision",
"description": "Decimal places, from 0 to 6.",
"type": {
"text": "number"
},
"default": "0"
},
{
"name": "locale",
"fieldName": "locale",
"description": "Numeric formatting locale.",
"type": {
"text": "string"
},
"default": "\"en\""
},
{
"name": "color",
"fieldName": "color",
"description": "Normal fill color, using a Luma color name or CSS color.",
"type": {
"text": "string"
},
"default": "\"primary\""
},
{
"name": "orientation",
"fieldName": "orientation",
"description": "vertical tank or horizontal bar.",
"type": {
"text": "string"
},
"default": "\"vertical\""
},
{
"name": "show-scale",
"fieldName": "showScale",
"description": "Show scale labels and ticks.",
"type": {
"text": "boolean"
},
"default": "true"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "indicator",
"description": "indicator styling hook."
},
{
"name": "track",
"description": "Inactive control track."
},
{
"name": "fill",
"description": "Active arc/graph fill."
},
{
"name": "value",
"description": "value styling hook."
}
],
"cssProperties": [
{
"name": "--luma-error-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaProgressRing",
"description": "Standalone determinate/indeterminate progress ring with center caption, accessibility and reduced-motion support.",
"tagName": "luma-progress-ring",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "value",
"privacy": "public",
"description": "Completion percentage from 0 to 100.",
"type": {
"text": "number"
},
"default": "0",
"attribute": "value"
},
{
"kind": "field",
"name": "indeterminate",
"privacy": "public",
"description": "Show an indeterminate arc instead of a measured percentage; reduced motion keeps it still.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "indeterminate"
},
{
"kind": "field",
"name": "caption",
"privacy": "public",
"description": "Text in the center, e.g. remaining time. Empty uses the percentage.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "caption"
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "Ring color, a Luma color name or CSS color.",
"type": {
"text": "string"
},
"default": "\"primary\"",
"attribute": "color"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "value",
"fieldName": "value",
"description": "Completion percentage from 0 to 100.",
"type": {
"text": "number"
},
"default": "0"
},
{
"name": "indeterminate",
"fieldName": "indeterminate",
"description": "Show an indeterminate arc instead of a measured percentage; reduced motion keeps it still.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "caption",
"fieldName": "caption",
"description": "Text in the center, e.g. remaining time. Empty uses the percentage.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "color",
"fieldName": "color",
"description": "Ring color, a Luma color name or CSS color.",
"type": {
"text": "string"
},
"default": "\"primary\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "ring",
"description": "ring styling hook."
},
{
"name": "fill",
"description": "Active arc/graph fill."
},
{
"name": "caption",
"description": "caption styling hook."
}
],
"cssProperties": [
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaOpeningIndicator",
"description": "Standalone window/door illustration for closed, open, tilted and unavailable states, with configurable hinge side.",
"tagName": "luma-opening-indicator",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Opening state: closed, open, tilted, or unavailable.",
"type": {
"text": "string"
},
"default": "\"closed\"",
"attribute": "state"
},
{
"kind": "field",
"name": "kind",
"privacy": "public",
"description": "Physical opening: window or door.",
"type": {
"text": "string"
},
"default": "\"window\"",
"attribute": "kind"
},
{
"kind": "field",
"name": "hinge",
"privacy": "public",
"description": "Hinge side: left or right; mirrors the illustration.",
"type": {
"text": "string"
},
"default": "\"left\"",
"attribute": "hinge"
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "Active/open accent, using a Luma color or CSS color.",
"type": {
"text": "string"
},
"default": "\"primary\"",
"attribute": "color"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "state",
"fieldName": "state",
"description": "Opening state: closed, open, tilted, or unavailable.",
"type": {
"text": "string"
},
"default": "\"closed\""
},
{
"name": "kind",
"fieldName": "kind",
"description": "Physical opening: window or door.",
"type": {
"text": "string"
},
"default": "\"window\""
},
{
"name": "hinge",
"fieldName": "hinge",
"description": "Hinge side: left or right; mirrors the illustration.",
"type": {
"text": "string"
},
"default": "\"left\""
},
{
"name": "color",
"fieldName": "color",
"description": "Active/open accent, using a Luma color or CSS color.",
"type": {
"text": "string"
},
"default": "\"primary\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "illustration",
"description": "illustration styling hook."
},
{
"name": "leaf",
"description": "leaf styling hook."
}
],
"cssProperties": [
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaStateImage",
"description": "State-dependent image display with fallback, safe URLs, alt text and theme-consistent rounding.",
"tagName": "luma-state-image",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "State used to select an image.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "state"
},
{
"kind": "field",
"name": "images",
"privacy": "public",
"description": "Array of {state,src,alt?} image mappings. URLs may be relative, http(s), or blob; scripts and arbitrary HTML are not allowed.",
"type": {
"text": "StateImage[]"
},
"default": "[]",
"attribute": "images"
},
{
"kind": "field",
"name": "src",
"privacy": "public",
"description": "Fallback image URL when no state mapping matches.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "src"
},
{
"kind": "field",
"name": "alt",
"privacy": "public",
"description": "Fallback alternative text.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "alt"
},
{
"kind": "field",
"name": "fit",
"privacy": "public",
"description": "Image fit: contain or cover.",
"type": {
"text": "string"
},
"default": "\"contain\"",
"attribute": "fit"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "state",
"fieldName": "state",
"description": "State used to select an image.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "images",
"fieldName": "images",
"description": "Array of {state,src,alt?} image mappings. URLs may be relative, http(s), or blob; scripts and arbitrary HTML are not allowed.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "src",
"fieldName": "src",
"description": "Fallback image URL when no state mapping matches.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "alt",
"fieldName": "alt",
"description": "Fallback alternative text.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "fit",
"fieldName": "fit",
"description": "Image fit: contain or cover.",
"type": {
"text": "string"
},
"default": "\"contain\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "image",
"description": "image styling hook."
},
{
"name": "placeholder",
"description": "placeholder styling hook."
}
],
"cssProperties": [
{
"name": "--luma-image-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
}
],
"exports": [
{
"kind": "js",
"name": "LumaRadioGroup",
"declaration": {
"name": "LumaRadioGroup",
"module": "dist/automation-primitives.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-radio-group",
"declaration": {
"name": "LumaRadioGroup",
"module": "dist/automation-primitives.js"
}
},
{
"kind": "js",
"name": "LumaMomentaryButton",
"declaration": {
"name": "LumaMomentaryButton",
"module": "dist/automation-primitives.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-momentary-button",
"declaration": {
"name": "LumaMomentaryButton",
"module": "dist/automation-primitives.js"
}
},
{
"kind": "js",
"name": "LumaMarquee",
"declaration": {
"name": "LumaMarquee",
"module": "dist/automation-primitives.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-marquee",
"declaration": {
"name": "LumaMarquee",
"module": "dist/automation-primitives.js"
}
},
{
"kind": "js",
"name": "LumaAnalogClock",
"declaration": {
"name": "LumaAnalogClock",
"module": "dist/automation-primitives.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-analog-clock",
"declaration": {
"name": "LumaAnalogClock",
"module": "dist/automation-primitives.js"
}
},
{
"kind": "js",
"name": "LumaLevelIndicator",
"declaration": {
"name": "LumaLevelIndicator",
"module": "dist/automation-primitives.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-level-indicator",
"declaration": {
"name": "LumaLevelIndicator",
"module": "dist/automation-primitives.js"
}
},
{
"kind": "js",
"name": "LumaProgressRing",
"declaration": {
"name": "LumaProgressRing",
"module": "dist/automation-primitives.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-progress-ring",
"declaration": {
"name": "LumaProgressRing",
"module": "dist/automation-primitives.js"
}
},
{
"kind": "js",
"name": "LumaOpeningIndicator",
"declaration": {
"name": "LumaOpeningIndicator",
"module": "dist/automation-primitives.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-opening-indicator",
"declaration": {
"name": "LumaOpeningIndicator",
"module": "dist/automation-primitives.js"
}
},
{
"kind": "js",
"name": "LumaStateImage",
"declaration": {
"name": "LumaStateImage",
"module": "dist/automation-primitives.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-state-image",
"declaration": {
"name": "LumaStateImage",
"module": "dist/automation-primitives.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "dist/bar-chart.js",
"declarations": [
{
"kind": "class",
"name": "LumaBarChart",
"description": "Standalone grouped/stacked energy bar chart with signed contributions, axes, interactive legends, keyboard value labels, and pointer tooltips.",
"tagName": "luma-bar-chart",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "series",
"privacy": "public",
"description": "Series of {name,color?,data} with numeric or {x,y} samples. Negative samples render below zero.",
"type": {
"text": "ChartSeries[]"
},
"default": "[]",
"attribute": "series"
},
{
"kind": "field",
"name": "unit",
"privacy": "public",
"description": "Value unit.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "unit"
},
{
"kind": "field",
"name": "stacked",
"privacy": "public",
"description": "Stack positive and negative contributions separately, as in Home Assistant energy charts.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "stacked"
},
{
"kind": "field",
"name": "labels",
"privacy": "public",
"description": "Optional x-axis labels corresponding to sample positions.",
"type": {
"text": "string[]"
},
"default": "[]",
"attribute": "labels"
},
{
"kind": "field",
"name": "hiddenSeries",
"privacy": "public",
"description": "Names hidden by clicking their legend buttons.",
"type": {
"text": "string[]"
},
"default": "[]",
"attribute": "hidden-series"
},
{
"kind": "field",
"name": "locale",
"privacy": "public",
"description": "Numeric label locale.",
"type": {
"text": "string"
},
"default": "\"en\"",
"attribute": "locale"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "series",
"fieldName": "series",
"description": "Series of {name,color?,data} with numeric or {x,y} samples. Negative samples render below zero.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "unit",
"fieldName": "unit",
"description": "Value unit.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "stacked",
"fieldName": "stacked",
"description": "Stack positive and negative contributions separately, as in Home Assistant energy charts.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "labels",
"fieldName": "labels",
"description": "Optional x-axis labels corresponding to sample positions.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "hidden-series",
"fieldName": "hiddenSeries",
"description": "Names hidden by clicking their legend buttons.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "locale",
"fieldName": "locale",
"description": "Numeric label locale.",
"type": {
"text": "string"
},
"default": "\"en\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
},
{
"name": "luma-chart-hover",
"type": {
"text": "CustomEvent"
},
"description": "Component-specific event; see the API and examples."
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "plot",
"description": "plot styling hook."
},
{
"name": "chart",
"description": "Standalone SVG plot."
},
{
"name": "tooltip",
"description": "tooltip styling hook."
}
],
"cssProperties": [
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
}
],
"exports": [
{
"kind": "js",
"name": "LumaBarChart",
"declaration": {
"name": "LumaBarChart",
"module": "dist/bar-chart.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-bar-chart",
"declaration": {
"name": "LumaBarChart",
"module": "dist/bar-chart.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "dist/base.js",
"declarations": [
{
"kind": "class",
"name": "LumaElement",
"superclass": {
"name": "BaseCustomWebComponentConstructorAppend",
"package": "@node-projects/base-custom-webcomponent"
},
"members": [
{
"kind": "method",
"name": "commitChange",
"privacy": "public",
"description": "Commit an interaction from an associated detail view through this element's normal event path.",
"parameters": [
{
"name": "property",
"type": {
"text": "string"
},
"optional": false
},
{
"name": "value",
"type": {
"text": "unknown"
},
"optional": false
}
],
"return": {
"type": {
"text": "void"
}
}
},
{
"kind": "field",
"name": "label",
"privacy": "public",
"type": {
"text": "string"
}
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"type": {
"text": "boolean"
}
},
{
"kind": "field",
"name": "configuration",
"privacy": "public",
"type": {
"text": "Record"
},
"readonly": true
}
]
}
],
"exports": [
{
"kind": "js",
"name": "LumaElement",
"declaration": {
"name": "LumaElement",
"module": "dist/base.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "dist/cards.js",
"declarations": [
{
"kind": "class",
"name": "LumaSingleEntity",
"description": "Single entity state card with details action.",
"tagName": "luma-entity",
"customElement": true,
"superclass": {
"name": "LumaEntity",
"module": "dist/components.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\"",
"attribute": "icon"
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\"",
"attribute": "state"
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary"
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id"
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Entity domain such as light, climate, cover, fan, or sensor. Inferred from entity-id when omitted.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "domain"
},
{
"kind": "field",
"name": "detailProperties",
"privacy": "public",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "detail-properties"
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "entity-attributes"
},
{
"kind": "field",
"name": "tapAction",
"privacy": "public",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "tap-action"
},
{
"kind": "field",
"name": "iconTapAction",
"privacy": "public",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\"",
"attribute": "icon-tap-action"
},
{
"kind": "field",
"name": "holdAction",
"privacy": "public",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "hold-action"
},
{
"kind": "field",
"name": "doubleTapAction",
"privacy": "public",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "double-tap-action"
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\"",
"attribute": "color"
},
{
"kind": "field",
"name": "unit",
"privacy": "public",
"description": "Unit for the displayed entity state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "unit"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\""
},
{
"name": "state",
"fieldName": "state",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\""
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "domain",
"fieldName": "domain",
"description": "Entity domain such as light, climate, cover, fan, or sensor. Inferred from entity-id when omitted.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "detail-properties",
"fieldName": "detailProperties",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "entity-attributes",
"fieldName": "entityAttributes",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "tap-action",
"fieldName": "tapAction",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "icon-tap-action",
"fieldName": "iconTapAction",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\""
},
{
"name": "hold-action",
"fieldName": "holdAction",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "double-tap-action",
"fieldName": "doubleTapAction",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "color",
"fieldName": "color",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\""
},
{
"name": "unit",
"fieldName": "unit",
"description": "Unit for the displayed entity state.",
"type": {
"text": "string"
},
"default": "\"\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaHorizontalStack",
"description": "Horizontal stack composed through the shared stack layout.",
"tagName": "luma-horizontal-stack",
"customElement": true,
"superclass": {
"name": "LumaStack",
"module": "dist/components.js"
},
"members": [
{
"kind": "field",
"name": "direction",
"privacy": "public",
"description": "Horizontal layout direction.",
"type": {
"text": "string"
},
"default": "\"horizontal\"",
"attribute": "direction"
},
{
"kind": "field",
"name": "gap",
"privacy": "public",
"description": "Space between children in pixels.",
"type": {
"text": "number"
},
"default": "8",
"attribute": "gap",
"inheritedFrom": {
"name": "LumaStack",
"module": "dist/components.js"
}
}
],
"attributes": [
{
"name": "direction",
"fieldName": "direction",
"description": "Horizontal layout direction.",
"type": {
"text": "string"
},
"default": "\"horizontal\""
},
{
"name": "gap",
"fieldName": "gap",
"description": "Space between children in pixels.",
"type": {
"text": "number"
},
"default": "8"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "stack",
"description": "stack styling hook."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "",
"description": "Default component content."
}
]
},
{
"kind": "class",
"name": "LumaVerticalStack",
"description": "Vertical stack composed through the shared stack layout.",
"tagName": "luma-vertical-stack",
"customElement": true,
"superclass": {
"name": "LumaStack",
"module": "dist/components.js"
},
"members": [
{
"kind": "field",
"name": "direction",
"privacy": "public",
"description": "Vertical layout direction.",
"type": {
"text": "string"
},
"default": "\"vertical\"",
"attribute": "direction"
},
{
"kind": "field",
"name": "gap",
"privacy": "public",
"description": "Space between children in pixels.",
"type": {
"text": "number"
},
"default": "8",
"attribute": "gap",
"inheritedFrom": {
"name": "LumaStack",
"module": "dist/components.js"
}
}
],
"attributes": [
{
"name": "direction",
"fieldName": "direction",
"description": "Vertical layout direction.",
"type": {
"text": "string"
},
"default": "\"vertical\""
},
{
"name": "gap",
"fieldName": "gap",
"description": "Space between children in pixels.",
"type": {
"text": "number"
},
"default": "8"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "stack",
"description": "stack styling hook."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "",
"description": "Default component content."
}
]
},
{
"kind": "class",
"name": "LumaConditional",
"description": "Conditional slotted card wrapper driven by a boolean property.",
"tagName": "luma-conditional",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "visible",
"privacy": "public",
"description": "Whether the slotted content is visible. An application can derive this from any condition.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "visible"
}
],
"attributes": [
{
"name": "visible",
"fieldName": "visible",
"description": "Whether the slotted content is visible. An application can derive this from any condition.",
"type": {
"text": "boolean"
},
"default": "true"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "content",
"description": "content styling hook."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "",
"description": "Default component content."
}
]
},
{
"kind": "class",
"name": "LumaEntityFilter",
"description": "Entities card filtered by supplied entity states, preserving hidden rows when visible rows change.",
"tagName": "luma-entity-filter",
"customElement": true,
"superclass": {
"name": "LumaEntities",
"module": "dist/components.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label",
"inheritedFrom": {
"name": "LumaEntities",
"module": "dist/components.js"
}
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaEntities",
"module": "dist/components.js"
}
},
{
"kind": "field",
"name": "entities",
"privacy": "public",
"description": "Array of {label, state, icon?, secondary?, entityId?, color?, toggle?, disabled?} entity rows.",
"type": {
"text": "EntityData[]"
},
"default": "[]",
"attribute": "entities",
"inheritedFrom": {
"name": "LumaEntities",
"module": "dist/components.js"
}
},
{
"kind": "field",
"name": "showHeaderToggle",
"privacy": "public",
"description": "Show a header switch that toggles all rows marked toggle.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "show-header-toggle",
"inheritedFrom": {
"name": "LumaEntities",
"module": "dist/components.js"
}
},
{
"kind": "field",
"name": "states",
"privacy": "public",
"description": "Show entities whose state is in this list. Empty means show all.",
"type": {
"text": "string[]"
},
"default": "[\"on\",\"home\",\"active\"]",
"attribute": "states"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "entities",
"fieldName": "entities",
"description": "Array of {label, state, icon?, secondary?, entityId?, color?, toggle?, disabled?} entity rows.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "show-header-toggle",
"fieldName": "showHeaderToggle",
"description": "Show a header switch that toggles all rows marked toggle.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "states",
"fieldName": "states",
"description": "Show entities whose state is in this list. Empty means show all.",
"type": {
"text": "string"
},
"default": "[\"on\",\"home\",\"active\"]"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaArea",
"description": "Area summary composed from entity rows, header toggle, and temperature/humidity badges.",
"tagName": "luma-area",
"customElement": true,
"superclass": {
"name": "LumaEntities",
"module": "dist/components.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label",
"inheritedFrom": {
"name": "LumaEntities",
"module": "dist/components.js"
}
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaEntities",
"module": "dist/components.js"
}
},
{
"kind": "field",
"name": "entities",
"privacy": "public",
"description": "Array of {label, state, icon?, secondary?, entityId?, color?, toggle?, disabled?} entity rows.",
"type": {
"text": "EntityData[]"
},
"default": "[]",
"attribute": "entities",
"inheritedFrom": {
"name": "LumaEntities",
"module": "dist/components.js"
}
},
{
"kind": "field",
"name": "showHeaderToggle",
"privacy": "public",
"description": "Show a header switch that toggles all rows marked toggle.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "show-header-toggle",
"inheritedFrom": {
"name": "LumaEntities",
"module": "dist/components.js"
}
},
{
"kind": "field",
"name": "temperature",
"privacy": "public",
"description": "Area temperature.",
"type": {
"text": "number"
},
"default": "22",
"attribute": "temperature"
},
{
"kind": "field",
"name": "humidity",
"privacy": "public",
"description": "Area humidity percentage.",
"type": {
"text": "number"
},
"default": "50",
"attribute": "humidity"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "entities",
"fieldName": "entities",
"description": "Array of {label, state, icon?, secondary?, entityId?, color?, toggle?, disabled?} entity rows.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "show-header-toggle",
"fieldName": "showHeaderToggle",
"description": "Show a header switch that toggles all rows marked toggle.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "temperature",
"fieldName": "temperature",
"description": "Area temperature.",
"type": {
"text": "number"
},
"default": "22"
},
{
"name": "humidity",
"fieldName": "humidity",
"description": "Area humidity percentage.",
"type": {
"text": "number"
},
"default": "50"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "",
"description": "Default component content."
}
]
},
{
"kind": "class",
"name": "LumaHomeSummary",
"description": "Home-wide state summary using the same area/entity primitives.",
"tagName": "luma-home-summary",
"customElement": true,
"superclass": {
"name": "LumaArea",
"module": "dist/cards.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label",
"inheritedFrom": {
"name": "LumaArea",
"module": "dist/cards.js"
}
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaArea",
"module": "dist/cards.js"
}
},
{
"kind": "field",
"name": "entities",
"privacy": "public",
"description": "Array of {label, state, icon?, secondary?, entityId?, color?, toggle?, disabled?} entity rows.",
"type": {
"text": "EntityData[]"
},
"default": "[]",
"attribute": "entities",
"inheritedFrom": {
"name": "LumaArea",
"module": "dist/cards.js"
}
},
{
"kind": "field",
"name": "showHeaderToggle",
"privacy": "public",
"description": "Show a header switch that toggles all rows marked toggle.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "show-header-toggle",
"inheritedFrom": {
"name": "LumaArea",
"module": "dist/cards.js"
}
},
{
"kind": "field",
"name": "temperature",
"privacy": "public",
"description": "Area temperature.",
"type": {
"text": "number"
},
"default": "22",
"attribute": "temperature",
"inheritedFrom": {
"name": "LumaArea",
"module": "dist/cards.js"
}
},
{
"kind": "field",
"name": "humidity",
"privacy": "public",
"description": "Area humidity percentage.",
"type": {
"text": "number"
},
"default": "50",
"attribute": "humidity",
"inheritedFrom": {
"name": "LumaArea",
"module": "dist/cards.js"
}
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "entities",
"fieldName": "entities",
"description": "Array of {label, state, icon?, secondary?, entityId?, color?, toggle?, disabled?} entity rows.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "show-header-toggle",
"fieldName": "showHeaderToggle",
"description": "Show a header switch that toggles all rows marked toggle.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "temperature",
"fieldName": "temperature",
"description": "Area temperature.",
"type": {
"text": "number"
},
"default": "22"
},
{
"name": "humidity",
"fieldName": "humidity",
"description": "Area humidity percentage.",
"type": {
"text": "number"
},
"default": "50"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "",
"description": "Default component content."
}
]
},
{
"kind": "class",
"name": "LumaStatisticsGraph",
"description": "Statistics card composed from independently usable line or grouped-bar chart components.",
"tagName": "luma-statistics-graph",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "series",
"privacy": "public",
"description": "Chart series using the line/bar-chart data format.",
"type": {
"text": "ChartSeries[]"
},
"default": "[]",
"attribute": "series"
},
{
"kind": "field",
"name": "unit",
"privacy": "public",
"description": "Value unit.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "unit"
},
{
"kind": "field",
"name": "chartType",
"privacy": "public",
"description": "line or bar.",
"type": {
"text": "string"
},
"default": "\"line\"",
"attribute": "chart-type"
},
{
"kind": "field",
"name": "stacked",
"privacy": "public",
"description": "Use stacked signed bars for energy charts.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "stacked"
},
{
"kind": "field",
"name": "labels",
"privacy": "public",
"description": "Optional x-axis bar labels.",
"type": {
"text": "string[]"
},
"default": "[]",
"attribute": "labels"
},
{
"kind": "field",
"name": "total",
"privacy": "public",
"description": "Optional total value shown in the card header.",
"type": {
"text": "number"
},
"default": "0",
"attribute": "total"
},
{
"kind": "field",
"name": "showTotal",
"privacy": "public",
"description": "Display the total badge.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "show-total"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "series",
"fieldName": "series",
"description": "Chart series using the line/bar-chart data format.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "unit",
"fieldName": "unit",
"description": "Value unit.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "chart-type",
"fieldName": "chartType",
"description": "line or bar.",
"type": {
"text": "string"
},
"default": "\"line\""
},
{
"name": "stacked",
"fieldName": "stacked",
"description": "Use stacked signed bars for energy charts.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "labels",
"fieldName": "labels",
"description": "Optional x-axis bar labels.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "total",
"fieldName": "total",
"description": "Optional total value shown in the card header.",
"type": {
"text": "number"
},
"default": "0"
},
{
"name": "show-total",
"fieldName": "showTotal",
"description": "Display the total badge.",
"type": {
"text": "boolean"
},
"default": "false"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaStatistic",
"description": "Statistic value and period card, independent of the backend that computed it.",
"tagName": "luma-statistic",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "value",
"privacy": "public",
"description": "Precomputed statistic from your application.",
"type": {
"text": "number"
},
"default": "0",
"attribute": "value"
},
{
"kind": "field",
"name": "unit",
"privacy": "public",
"description": "Statistic unit.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "unit"
},
{
"kind": "field",
"name": "period",
"privacy": "public",
"description": "Description of the aggregation period.",
"type": {
"text": "string"
},
"default": "\"Today\"",
"attribute": "period"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "value",
"fieldName": "value",
"description": "Precomputed statistic from your application.",
"type": {
"text": "number"
},
"default": "0"
},
{
"name": "unit",
"fieldName": "unit",
"description": "Statistic unit.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "period",
"fieldName": "period",
"description": "Description of the aggregation period.",
"type": {
"text": "string"
},
"default": "\"Today\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaDistribution",
"description": "Distribution/energy-breakdown card with proportional segments and value labels.",
"tagName": "luma-distribution",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "items",
"privacy": "public",
"description": "Distribution segments as {label,value,color?}.",
"type": {
"text": "DistributionItem[]"
},
"default": "[]",
"attribute": "items"
},
{
"kind": "field",
"name": "unit",
"privacy": "public",
"description": "Segment value unit.",
"type": {
"text": "string"
},
"default": "\"kWh\"",
"attribute": "unit"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "items",
"fieldName": "items",
"description": "Distribution segments as {label,value,color?}.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "unit",
"fieldName": "unit",
"description": "Segment value unit.",
"type": {
"text": "string"
},
"default": "\"kWh\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
},
{
"name": "bar",
"description": "bar styling hook."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaClock",
"description": "Local or supplied-time clock card with locale/time-zone formatting and timer cleanup.",
"tagName": "luma-clock",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "time",
"privacy": "public",
"description": "ISO date/time to display. Empty follows the local clock.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "time"
},
{
"kind": "field",
"name": "locale",
"privacy": "public",
"description": "Intl formatting locale.",
"type": {
"text": "string"
},
"default": "\"en\"",
"attribute": "locale"
},
{
"kind": "field",
"name": "timeZone",
"privacy": "public",
"description": "IANA time zone; empty uses the browser zone.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "time-zone"
},
{
"kind": "field",
"name": "showSeconds",
"privacy": "public",
"description": "Display seconds.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "show-seconds"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "time",
"fieldName": "time",
"description": "ISO date/time to display. Empty follows the local clock.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "locale",
"fieldName": "locale",
"description": "Intl formatting locale.",
"type": {
"text": "string"
},
"default": "\"en\""
},
{
"name": "time-zone",
"fieldName": "timeZone",
"description": "IANA time zone; empty uses the browser zone.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "show-seconds",
"fieldName": "showSeconds",
"description": "Display seconds.",
"type": {
"text": "boolean"
},
"default": "false"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaDate",
"description": "Date card using the shared locale-aware clock foundation.",
"tagName": "luma-date",
"customElement": true,
"superclass": {
"name": "LumaClock",
"module": "dist/cards.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label",
"inheritedFrom": {
"name": "LumaClock",
"module": "dist/cards.js"
}
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaClock",
"module": "dist/cards.js"
}
},
{
"kind": "field",
"name": "time",
"privacy": "public",
"description": "ISO date/time to display. Empty follows the local clock.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "time",
"inheritedFrom": {
"name": "LumaClock",
"module": "dist/cards.js"
}
},
{
"kind": "field",
"name": "locale",
"privacy": "public",
"description": "Intl formatting locale.",
"type": {
"text": "string"
},
"default": "\"en\"",
"attribute": "locale",
"inheritedFrom": {
"name": "LumaClock",
"module": "dist/cards.js"
}
},
{
"kind": "field",
"name": "timeZone",
"privacy": "public",
"description": "IANA time zone; empty uses the browser zone.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "time-zone",
"inheritedFrom": {
"name": "LumaClock",
"module": "dist/cards.js"
}
},
{
"kind": "field",
"name": "showSeconds",
"privacy": "public",
"description": "Display seconds.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "show-seconds",
"inheritedFrom": {
"name": "LumaClock",
"module": "dist/cards.js"
}
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "time",
"fieldName": "time",
"description": "ISO date/time to display. Empty follows the local clock.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "locale",
"fieldName": "locale",
"description": "Intl formatting locale.",
"type": {
"text": "string"
},
"default": "\"en\""
},
{
"name": "time-zone",
"fieldName": "timeZone",
"description": "IANA time zone; empty uses the browser zone.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "show-seconds",
"fieldName": "showSeconds",
"description": "Display seconds.",
"type": {
"text": "boolean"
},
"default": "false"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaTodo",
"description": "To-do/shopping list composed from checkboxes, text field, and add/remove buttons.",
"tagName": "luma-todo",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "items",
"privacy": "public",
"description": "Items as {id,summary,completed}. Every change returns a new full array.",
"type": {
"text": "TodoItem[]"
},
"default": "[]",
"attribute": "items"
},
{
"kind": "field",
"name": "newItem",
"privacy": "public",
"description": "Draft item text.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "new-item"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "items",
"fieldName": "items",
"description": "Items as {id,summary,completed}. Every change returns a new full array.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "new-item",
"fieldName": "newItem",
"description": "Draft item text.",
"type": {
"text": "string"
},
"default": "\"\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaCalendar",
"description": "Month calendar with mouse/keyboard day selection, month navigation, and supplied event lists.",
"tagName": "luma-calendar",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "events",
"privacy": "public",
"description": "Calendar events as {id,summary,start,end?,description?}; timestamps use ISO strings.",
"type": {
"text": "CalendarEvent[]"
},
"default": "[]",
"attribute": "events"
},
{
"kind": "field",
"name": "date",
"privacy": "public",
"description": "Currently selected calendar day, YYYY-MM-DD.",
"type": {
"text": "string"
},
"default": "\"2026-11-10\"",
"attribute": "date"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "events",
"fieldName": "events",
"description": "Calendar events as {id,summary,start,end?,description?}; timestamps use ISO strings.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "date",
"fieldName": "date",
"description": "Currently selected calendar day, YYYY-MM-DD.",
"type": {
"text": "string"
},
"default": "\"2026-11-10\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaActivity",
"description": "Activity/logbook timeline driven entirely by supplied entries.",
"tagName": "luma-activity",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "entries",
"privacy": "public",
"description": "Timeline entries as {label,state,time,entityId?}.",
"type": {
"text": "Array<{label:string;state:string;time:string;entityId?:string}>"
},
"default": "[]",
"attribute": "entries"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "entries",
"fieldName": "entries",
"description": "Timeline entries as {label,state,time,entityId?}.",
"type": {
"text": "string"
},
"default": "[]"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaAlert",
"description": "Dismissible info/warning/error/success message card.",
"tagName": "luma-alert",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "message",
"privacy": "public",
"description": "Alert text.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "message"
},
{
"kind": "field",
"name": "severity",
"privacy": "public",
"description": "info, warning, error, or success.",
"type": {
"text": "string"
},
"default": "\"info\"",
"attribute": "severity"
},
{
"kind": "field",
"name": "dismissible",
"privacy": "public",
"description": "Show a dismiss button.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "dismissible"
},
{
"kind": "field",
"name": "dismissed",
"privacy": "public",
"description": "Whether the alert has been dismissed.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "dismissed"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "message",
"fieldName": "message",
"description": "Alert text.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "severity",
"fieldName": "severity",
"description": "info, warning, error, or success.",
"type": {
"text": "string"
},
"default": "\"info\""
},
{
"name": "dismissible",
"fieldName": "dismissible",
"description": "Show a dismiss button.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "dismissed",
"fieldName": "dismissed",
"description": "Whether the alert has been dismissed.",
"type": {
"text": "boolean"
},
"default": "false"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaCamera",
"description": "Camera snapshot or native-video card. Supply a browser-playable URL; backend WebRTC/HLS negotiation is handled by your application.",
"tagName": "luma-camera",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "src",
"privacy": "public",
"description": "Snapshot or video URL. HTTP(S), blob, and relative URLs are accepted.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "src"
},
{
"kind": "field",
"name": "live",
"privacy": "public",
"description": "Render a native video element for browser-supported stream formats instead of a snapshot.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "live"
},
{
"kind": "field",
"name": "alt",
"privacy": "public",
"description": "Snapshot alternative text.",
"type": {
"text": "string"
},
"default": "\"Camera snapshot\"",
"attribute": "alt"
},
{
"kind": "field",
"name": "muted",
"privacy": "public",
"description": "Start native video muted.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "muted"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "src",
"fieldName": "src",
"description": "Snapshot or video URL. HTTP(S), blob, and relative URLs are accepted.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "live",
"fieldName": "live",
"description": "Render a native video element for browser-supported stream formats instead of a snapshot.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "alt",
"fieldName": "alt",
"description": "Snapshot alternative text.",
"type": {
"text": "string"
},
"default": "\"Camera snapshot\""
},
{
"name": "muted",
"fieldName": "muted",
"description": "Start native video muted.",
"type": {
"text": "boolean"
},
"default": "true"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
},
{
"name": "video",
"description": "video styling hook."
},
{
"name": "image",
"description": "image styling hook."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaWebpage",
"description": "Sandboxed embedded webpage card. No page is fetched without a source.",
"tagName": "luma-webpage",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "src",
"privacy": "public",
"description": "HTTP(S) or relative page URL. Empty renders an empty state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "src"
},
{
"kind": "field",
"name": "height",
"privacy": "public",
"description": "Frame height in pixels.",
"type": {
"text": "number"
},
"default": "320",
"attribute": "height"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "src",
"fieldName": "src",
"description": "HTTP(S) or relative page URL. Empty renders an empty state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "height",
"fieldName": "height",
"description": "Frame height in pixels.",
"type": {
"text": "number"
},
"default": "320"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaMarkdown",
"description": "Safe, dependency-free Markdown-subset card; raw HTML is always escaped.",
"tagName": "luma-markdown",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "content",
"privacy": "public",
"description": "Safe Markdown subset: headings, bold, italic, inline code, and line breaks. Raw HTML is escaped.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "content"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "content",
"fieldName": "content",
"description": "Safe Markdown subset: headings, bold, italic, inline code, and line breaks. Raw HTML is escaped.",
"type": {
"text": "string"
},
"default": "\"\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
},
{
"name": "content",
"description": "content styling hook."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaPictureEntity",
"description": "Picture card with a state-bearing entity footer and details action.",
"tagName": "luma-picture-entity",
"customElement": true,
"superclass": {
"name": "LumaEntity",
"module": "dist/components.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\"",
"attribute": "icon"
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\"",
"attribute": "state"
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary"
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id"
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Entity domain such as light, climate, cover, fan, or sensor. Inferred from entity-id when omitted.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "domain"
},
{
"kind": "field",
"name": "detailProperties",
"privacy": "public",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "detail-properties"
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "entity-attributes"
},
{
"kind": "field",
"name": "tapAction",
"privacy": "public",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "tap-action"
},
{
"kind": "field",
"name": "iconTapAction",
"privacy": "public",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\"",
"attribute": "icon-tap-action"
},
{
"kind": "field",
"name": "holdAction",
"privacy": "public",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "hold-action"
},
{
"kind": "field",
"name": "doubleTapAction",
"privacy": "public",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "double-tap-action"
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\"",
"attribute": "color"
},
{
"kind": "field",
"name": "src",
"privacy": "public",
"description": "Room/snapshot image URL.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "src"
},
{
"kind": "field",
"name": "alt",
"privacy": "public",
"description": "Image description.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "alt"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\""
},
{
"name": "state",
"fieldName": "state",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\""
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "domain",
"fieldName": "domain",
"description": "Entity domain such as light, climate, cover, fan, or sensor. Inferred from entity-id when omitted.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "detail-properties",
"fieldName": "detailProperties",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "entity-attributes",
"fieldName": "entityAttributes",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "tap-action",
"fieldName": "tapAction",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "icon-tap-action",
"fieldName": "iconTapAction",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\""
},
{
"name": "hold-action",
"fieldName": "holdAction",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "double-tap-action",
"fieldName": "doubleTapAction",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "color",
"fieldName": "color",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\""
},
{
"name": "src",
"fieldName": "src",
"description": "Room/snapshot image URL.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "alt",
"fieldName": "alt",
"description": "Image description.",
"type": {
"text": "string"
},
"default": "\"\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "",
"description": "Default component content."
}
]
},
{
"kind": "class",
"name": "LumaPictureGlance",
"description": "Room picture composed with independent entity glance controls.",
"tagName": "luma-picture-glance",
"customElement": true,
"superclass": {
"name": "LumaPictureEntity",
"module": "dist/cards.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label",
"inheritedFrom": {
"name": "LumaPictureEntity",
"module": "dist/cards.js"
}
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaPictureEntity",
"module": "dist/cards.js"
}
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\"",
"attribute": "icon",
"inheritedFrom": {
"name": "LumaPictureEntity",
"module": "dist/cards.js"
}
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\"",
"attribute": "state",
"inheritedFrom": {
"name": "LumaPictureEntity",
"module": "dist/cards.js"
}
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary",
"inheritedFrom": {
"name": "LumaPictureEntity",
"module": "dist/cards.js"
}
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id",
"inheritedFrom": {
"name": "LumaPictureEntity",
"module": "dist/cards.js"
}
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Entity domain such as light, climate, cover, fan, or sensor. Inferred from entity-id when omitted.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "domain",
"inheritedFrom": {
"name": "LumaPictureEntity",
"module": "dist/cards.js"
}
},
{
"kind": "field",
"name": "detailProperties",
"privacy": "public",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "detail-properties",
"inheritedFrom": {
"name": "LumaPictureEntity",
"module": "dist/cards.js"
}
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "entity-attributes",
"inheritedFrom": {
"name": "LumaPictureEntity",
"module": "dist/cards.js"
}
},
{
"kind": "field",
"name": "tapAction",
"privacy": "public",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "tap-action",
"inheritedFrom": {
"name": "LumaPictureEntity",
"module": "dist/cards.js"
}
},
{
"kind": "field",
"name": "iconTapAction",
"privacy": "public",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\"",
"attribute": "icon-tap-action",
"inheritedFrom": {
"name": "LumaPictureEntity",
"module": "dist/cards.js"
}
},
{
"kind": "field",
"name": "holdAction",
"privacy": "public",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "hold-action",
"inheritedFrom": {
"name": "LumaPictureEntity",
"module": "dist/cards.js"
}
},
{
"kind": "field",
"name": "doubleTapAction",
"privacy": "public",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "double-tap-action",
"inheritedFrom": {
"name": "LumaPictureEntity",
"module": "dist/cards.js"
}
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\"",
"attribute": "color",
"inheritedFrom": {
"name": "LumaPictureEntity",
"module": "dist/cards.js"
}
},
{
"kind": "field",
"name": "src",
"privacy": "public",
"description": "Room/snapshot image URL.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "src",
"inheritedFrom": {
"name": "LumaPictureEntity",
"module": "dist/cards.js"
}
},
{
"kind": "field",
"name": "alt",
"privacy": "public",
"description": "Image description.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "alt",
"inheritedFrom": {
"name": "LumaPictureEntity",
"module": "dist/cards.js"
}
},
{
"kind": "field",
"name": "entities",
"privacy": "public",
"description": "Glance entities as {label,state,icon?,entityId?}.",
"type": {
"text": "unknown[]"
},
"default": "[]",
"attribute": "entities"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\""
},
{
"name": "state",
"fieldName": "state",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\""
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "domain",
"fieldName": "domain",
"description": "Entity domain such as light, climate, cover, fan, or sensor. Inferred from entity-id when omitted.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "detail-properties",
"fieldName": "detailProperties",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "entity-attributes",
"fieldName": "entityAttributes",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "tap-action",
"fieldName": "tapAction",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "icon-tap-action",
"fieldName": "iconTapAction",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\""
},
{
"name": "hold-action",
"fieldName": "holdAction",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "double-tap-action",
"fieldName": "doubleTapAction",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "color",
"fieldName": "color",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\""
},
{
"name": "src",
"fieldName": "src",
"description": "Room/snapshot image URL.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "alt",
"fieldName": "alt",
"description": "Image description.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "entities",
"fieldName": "entities",
"description": "Glance entities as {label,state,icon?,entityId?}.",
"type": {
"text": "string"
},
"default": "[]"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "",
"description": "Default component content."
}
]
},
{
"kind": "class",
"name": "LumaPictureElements",
"description": "Floorplan/background with independently interactive entity badges at percentage coordinates.",
"tagName": "luma-picture-elements",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "src",
"privacy": "public",
"description": "Floorplan/background image URL.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "src"
},
{
"kind": "field",
"name": "elements",
"privacy": "public",
"description": "Positioned entities as {x,y,label,state,icon?,entityId?,domain?}; x/y are percentages.",
"type": {
"text": "Array<{x:number;y:number;label:string;state:string;icon?:string;entityId?:string;domain?:string}>"
},
"default": "[]",
"attribute": "elements"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "src",
"fieldName": "src",
"description": "Floorplan/background image URL.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "elements",
"fieldName": "elements",
"description": "Positioned entities as {x,y,label,state,icon?,entityId?,domain?}; x/y are percentages.",
"type": {
"text": "string"
},
"default": "[]"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaPlant",
"description": "Plant status composed from entity row and independently reusable attribute table.",
"tagName": "luma-plant",
"customElement": true,
"superclass": {
"name": "LumaEntity",
"module": "dist/components.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\"",
"attribute": "icon"
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\"",
"attribute": "state"
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary"
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id"
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Entity domain such as light, climate, cover, fan, or sensor. Inferred from entity-id when omitted.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "domain"
},
{
"kind": "field",
"name": "detailProperties",
"privacy": "public",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "detail-properties"
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "entity-attributes"
},
{
"kind": "field",
"name": "tapAction",
"privacy": "public",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "tap-action"
},
{
"kind": "field",
"name": "iconTapAction",
"privacy": "public",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\"",
"attribute": "icon-tap-action"
},
{
"kind": "field",
"name": "holdAction",
"privacy": "public",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "hold-action"
},
{
"kind": "field",
"name": "doubleTapAction",
"privacy": "public",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "double-tap-action"
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\"",
"attribute": "color"
},
{
"kind": "field",
"name": "moisture",
"privacy": "public",
"description": "Soil moisture percentage.",
"type": {
"text": "number"
},
"default": "45",
"attribute": "moisture"
},
{
"kind": "field",
"name": "temperature",
"privacy": "public",
"description": "Plant temperature in °C.",
"type": {
"text": "number"
},
"default": "22",
"attribute": "temperature"
},
{
"kind": "field",
"name": "illuminance",
"privacy": "public",
"description": "Illuminance in lx.",
"type": {
"text": "number"
},
"default": "1200",
"attribute": "illuminance"
},
{
"kind": "field",
"name": "conductivity",
"privacy": "public",
"description": "Soil conductivity in µS/cm.",
"type": {
"text": "number"
},
"default": "500",
"attribute": "conductivity"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\""
},
{
"name": "state",
"fieldName": "state",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\""
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "domain",
"fieldName": "domain",
"description": "Entity domain such as light, climate, cover, fan, or sensor. Inferred from entity-id when omitted.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "detail-properties",
"fieldName": "detailProperties",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "entity-attributes",
"fieldName": "entityAttributes",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "tap-action",
"fieldName": "tapAction",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "icon-tap-action",
"fieldName": "iconTapAction",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\""
},
{
"name": "hold-action",
"fieldName": "holdAction",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "double-tap-action",
"fieldName": "doubleTapAction",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "color",
"fieldName": "color",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\""
},
{
"name": "moisture",
"fieldName": "moisture",
"description": "Soil moisture percentage.",
"type": {
"text": "number"
},
"default": "45"
},
{
"name": "temperature",
"fieldName": "temperature",
"description": "Plant temperature in °C.",
"type": {
"text": "number"
},
"default": "22"
},
{
"name": "illuminance",
"fieldName": "illuminance",
"description": "Illuminance in lx.",
"type": {
"text": "number"
},
"default": "1200"
},
{
"name": "conductivity",
"fieldName": "conductivity",
"description": "Soil conductivity in µS/cm.",
"type": {
"text": "number"
},
"default": "500"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaForm",
"description": "Reusable configurator/form composed from validated fields, selects, and a submit button.",
"tagName": "luma-form",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "fields",
"privacy": "public",
"description": "Form fields as {name,label,type?,required?,options?}. Types use native text/date/time inputs.",
"type": {
"text": "FormField[]"
},
"default": "[]",
"attribute": "fields"
},
{
"kind": "field",
"name": "data",
"privacy": "public",
"description": "Field values keyed by field name.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "data"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "fields",
"fieldName": "fields",
"description": "Form fields as {name,label,type?,required?,options?}. Types use native text/date/time inputs.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "data",
"fieldName": "data",
"description": "Field values keyed by field name.",
"type": {
"text": "string"
},
"default": "{}"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
},
{
"name": "luma-submit",
"type": {
"text": "CustomEvent"
},
"description": "Component-specific event; see the API and examples."
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaConversation",
"description": "Conversation UI with escaped messages, draft input, and a send event for your own assistant adapter.",
"tagName": "luma-conversation",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "messages",
"privacy": "public",
"description": "Messages as {role,content}. Content is always escaped.",
"type": {
"text": "Array<{role:string;content:string}>"
},
"default": "[]",
"attribute": "messages"
},
{
"kind": "field",
"name": "draft",
"privacy": "public",
"description": "Draft message. Sending emits an action; no external service is contacted.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "draft"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "messages",
"fieldName": "messages",
"description": "Messages as {role,content}. Content is always escaped.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "draft",
"fieldName": "draft",
"description": "Draft message. Sending emits an action; no external service is contacted.",
"type": {
"text": "string"
},
"default": "\"\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaShortcut",
"description": "Shortcut card that emits a navigate action for the application router.",
"tagName": "luma-shortcut",
"customElement": true,
"superclass": {
"name": "LumaEntity",
"module": "dist/components.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\"",
"attribute": "icon"
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\"",
"attribute": "state"
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary"
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id"
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Entity domain such as light, climate, cover, fan, or sensor. Inferred from entity-id when omitted.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "domain"
},
{
"kind": "field",
"name": "detailProperties",
"privacy": "public",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "detail-properties"
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "entity-attributes"
},
{
"kind": "field",
"name": "tapAction",
"privacy": "public",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "tap-action"
},
{
"kind": "field",
"name": "iconTapAction",
"privacy": "public",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\"",
"attribute": "icon-tap-action"
},
{
"kind": "field",
"name": "holdAction",
"privacy": "public",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "hold-action"
},
{
"kind": "field",
"name": "doubleTapAction",
"privacy": "public",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "double-tap-action"
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\"",
"attribute": "color"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\""
},
{
"name": "state",
"fieldName": "state",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\""
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "domain",
"fieldName": "domain",
"description": "Entity domain such as light, climate, cover, fan, or sensor. Inferred from entity-id when omitted.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "detail-properties",
"fieldName": "detailProperties",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "entity-attributes",
"fieldName": "entityAttributes",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "tap-action",
"fieldName": "tapAction",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "icon-tap-action",
"fieldName": "iconTapAction",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\""
},
{
"name": "hold-action",
"fieldName": "holdAction",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "double-tap-action",
"fieldName": "doubleTapAction",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "color",
"fieldName": "color",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
}
],
"exports": [
{
"kind": "js",
"name": "LumaSingleEntity",
"declaration": {
"name": "LumaSingleEntity",
"module": "dist/cards.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-entity",
"declaration": {
"name": "LumaSingleEntity",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaHorizontalStack",
"declaration": {
"name": "LumaHorizontalStack",
"module": "dist/cards.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-horizontal-stack",
"declaration": {
"name": "LumaHorizontalStack",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaVerticalStack",
"declaration": {
"name": "LumaVerticalStack",
"module": "dist/cards.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-vertical-stack",
"declaration": {
"name": "LumaVerticalStack",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaConditional",
"declaration": {
"name": "LumaConditional",
"module": "dist/cards.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-conditional",
"declaration": {
"name": "LumaConditional",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaEntityFilter",
"declaration": {
"name": "LumaEntityFilter",
"module": "dist/cards.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-entity-filter",
"declaration": {
"name": "LumaEntityFilter",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaArea",
"declaration": {
"name": "LumaArea",
"module": "dist/cards.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-area",
"declaration": {
"name": "LumaArea",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaHomeSummary",
"declaration": {
"name": "LumaHomeSummary",
"module": "dist/cards.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-home-summary",
"declaration": {
"name": "LumaHomeSummary",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaStatisticsGraph",
"declaration": {
"name": "LumaStatisticsGraph",
"module": "dist/cards.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-statistics-graph",
"declaration": {
"name": "LumaStatisticsGraph",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaStatistic",
"declaration": {
"name": "LumaStatistic",
"module": "dist/cards.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-statistic",
"declaration": {
"name": "LumaStatistic",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaDistribution",
"declaration": {
"name": "LumaDistribution",
"module": "dist/cards.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-distribution",
"declaration": {
"name": "LumaDistribution",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaClock",
"declaration": {
"name": "LumaClock",
"module": "dist/cards.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-clock",
"declaration": {
"name": "LumaClock",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaDate",
"declaration": {
"name": "LumaDate",
"module": "dist/cards.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-date",
"declaration": {
"name": "LumaDate",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaTodo",
"declaration": {
"name": "LumaTodo",
"module": "dist/cards.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-todo",
"declaration": {
"name": "LumaTodo",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaCalendar",
"declaration": {
"name": "LumaCalendar",
"module": "dist/cards.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-calendar",
"declaration": {
"name": "LumaCalendar",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaActivity",
"declaration": {
"name": "LumaActivity",
"module": "dist/cards.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-activity",
"declaration": {
"name": "LumaActivity",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaAlert",
"declaration": {
"name": "LumaAlert",
"module": "dist/cards.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-alert",
"declaration": {
"name": "LumaAlert",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaCamera",
"declaration": {
"name": "LumaCamera",
"module": "dist/cards.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-camera",
"declaration": {
"name": "LumaCamera",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaWebpage",
"declaration": {
"name": "LumaWebpage",
"module": "dist/cards.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-webpage",
"declaration": {
"name": "LumaWebpage",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaMarkdown",
"declaration": {
"name": "LumaMarkdown",
"module": "dist/cards.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-markdown",
"declaration": {
"name": "LumaMarkdown",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaPictureEntity",
"declaration": {
"name": "LumaPictureEntity",
"module": "dist/cards.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-picture-entity",
"declaration": {
"name": "LumaPictureEntity",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaPictureGlance",
"declaration": {
"name": "LumaPictureGlance",
"module": "dist/cards.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-picture-glance",
"declaration": {
"name": "LumaPictureGlance",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaPictureElements",
"declaration": {
"name": "LumaPictureElements",
"module": "dist/cards.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-picture-elements",
"declaration": {
"name": "LumaPictureElements",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaPlant",
"declaration": {
"name": "LumaPlant",
"module": "dist/cards.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-plant",
"declaration": {
"name": "LumaPlant",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaForm",
"declaration": {
"name": "LumaForm",
"module": "dist/cards.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-form",
"declaration": {
"name": "LumaForm",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaConversation",
"declaration": {
"name": "LumaConversation",
"module": "dist/cards.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-conversation",
"declaration": {
"name": "LumaConversation",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaShortcut",
"declaration": {
"name": "LumaShortcut",
"module": "dist/cards.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-shortcut",
"declaration": {
"name": "LumaShortcut",
"module": "dist/cards.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "dist/chart-navigator.js",
"declarations": [
{
"kind": "class",
"name": "LumaChartNavigator",
"description": "Reusable chart time-window bar with draggable selection, two resize handles, keyboard adjustments, pointer cancellation, focus outline and reset action.",
"tagName": "luma-chart-navigator",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "min",
"privacy": "public",
"description": "Start of the complete data interval, e.g. epoch milliseconds.",
"type": {
"text": "number"
},
"default": "0",
"attribute": "min"
},
{
"kind": "field",
"name": "max",
"privacy": "public",
"description": "End of the complete data interval.",
"type": {
"text": "number"
},
"default": "100",
"attribute": "max"
},
{
"kind": "field",
"name": "value",
"privacy": "public",
"description": "Selected window as {start,end}, in the same units as min/max. Pass an object property or JSON attribute.",
"type": {
"text": "NavigatorRange"
},
"default": "{\"start\":0,\"end\":100}",
"attribute": "value"
},
{
"kind": "field",
"name": "step",
"privacy": "public",
"description": "Keyboard and pointer snapping increment.",
"type": {
"text": "number"
},
"default": "1",
"attribute": "step"
},
{
"kind": "field",
"name": "minSpan",
"privacy": "public",
"description": "Smallest permitted window width; handles cannot cross.",
"type": {
"text": "number"
},
"default": "1",
"attribute": "min-span"
},
{
"kind": "field",
"name": "locale",
"privacy": "public",
"description": "Locale for accessible range values.",
"type": {
"text": "string"
},
"default": "\"en\"",
"attribute": "locale"
},
{
"kind": "field",
"name": "timeAxis",
"privacy": "public",
"description": "Format accessible range values as localized date/time rather than numbers.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "time-axis"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "min",
"fieldName": "min",
"description": "Start of the complete data interval, e.g. epoch milliseconds.",
"type": {
"text": "number"
},
"default": "0"
},
{
"name": "max",
"fieldName": "max",
"description": "End of the complete data interval.",
"type": {
"text": "number"
},
"default": "100"
},
{
"name": "value",
"fieldName": "value",
"description": "Selected window as {start,end}, in the same units as min/max. Pass an object property or JSON attribute.",
"type": {
"text": "string"
},
"default": "{\"start\":0,\"end\":100}"
},
{
"name": "step",
"fieldName": "step",
"description": "Keyboard and pointer snapping increment.",
"type": {
"text": "number"
},
"default": "1"
},
{
"name": "min-span",
"fieldName": "minSpan",
"description": "Smallest permitted window width; handles cannot cross.",
"type": {
"text": "number"
},
"default": "1"
},
{
"name": "locale",
"fieldName": "locale",
"description": "Locale for accessible range values.",
"type": {
"text": "string"
},
"default": "\"en\""
},
{
"name": "time-axis",
"fieldName": "timeAxis",
"description": "Format accessible range values as localized date/time rather than numbers.",
"type": {
"text": "boolean"
},
"default": "false"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
},
{
"name": "luma-cancel",
"type": {
"text": "CustomEvent"
},
"description": "Component-specific event; see the API and examples."
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "navigator",
"description": "navigator styling hook."
},
{
"name": "track",
"description": "Inactive control track."
},
{
"name": "selection",
"description": "selection styling hook."
}
],
"cssProperties": [
{
"name": "--luma-navigator-track",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-navigator-selection",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
}
],
"exports": [
{
"kind": "js",
"name": "LumaChartNavigator",
"declaration": {
"name": "LumaChartNavigator",
"module": "dist/chart-navigator.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-chart-navigator",
"declaration": {
"name": "LumaChartNavigator",
"module": "dist/chart-navigator.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "dist/charts.js",
"declarations": [
{
"kind": "class",
"name": "LumaLineChart",
"description": "Standalone stepped/linear history plot with area fills, timestamp axes, hover crosshair/tooltips, keyboard point inspection, interactive legends and drag-to-zoom.",
"tagName": "luma-line-chart",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "unit",
"privacy": "public",
"description": "Value unit.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "unit"
},
{
"kind": "field",
"name": "series",
"privacy": "public",
"description": "Array of {name,color?,data,fill?,curve?,unit?}. Data items are numbers or {x,y}; x is numeric or an ISO timestamp.",
"type": {
"text": "ChartSeries[]"
},
"default": "[]",
"attribute": "series"
},
{
"kind": "field",
"name": "curve",
"privacy": "public",
"description": "Interpolation: step (Home Assistant history style) or linear.",
"type": {
"text": "string"
},
"default": "\"step\"",
"attribute": "curve"
},
{
"kind": "field",
"name": "bounds",
"privacy": "public",
"description": "Optional explicit y-axis bounds as {min,max}.",
"type": {
"text": "{min?:number;max?:number}"
},
"default": "{}",
"attribute": "bounds"
},
{
"kind": "field",
"name": "timeRange",
"privacy": "public",
"description": "Optional visible x range as {start,end}, using epoch milliseconds for timestamp series.",
"type": {
"text": "{start?:number;end?:number}"
},
"default": "{}",
"attribute": "time-range"
},
{
"kind": "field",
"name": "locale",
"privacy": "public",
"description": "Locale used for dates and numeric labels.",
"type": {
"text": "string"
},
"default": "\"en\"",
"attribute": "locale"
},
{
"kind": "field",
"name": "hiddenSeries",
"privacy": "public",
"description": "Names of series hidden by clicking their legend buttons.",
"type": {
"text": "string[]"
},
"default": "[]",
"attribute": "hidden-series"
},
{
"kind": "field",
"name": "showNavigator",
"privacy": "public",
"description": "Show the reusable time-window bar below the plot, with draggable window, resize handles, and reset.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-navigator"
},
{
"kind": "field",
"name": "zoomEnabled",
"privacy": "public",
"description": "Allow pointer-drag selection to zoom the time range; Escape or Reset zoom restores it.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "zoom-enabled"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "unit",
"fieldName": "unit",
"description": "Value unit.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "series",
"fieldName": "series",
"description": "Array of {name,color?,data,fill?,curve?,unit?}. Data items are numbers or {x,y}; x is numeric or an ISO timestamp.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "curve",
"fieldName": "curve",
"description": "Interpolation: step (Home Assistant history style) or linear.",
"type": {
"text": "string"
},
"default": "\"step\""
},
{
"name": "bounds",
"fieldName": "bounds",
"description": "Optional explicit y-axis bounds as {min,max}.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "time-range",
"fieldName": "timeRange",
"description": "Optional visible x range as {start,end}, using epoch milliseconds for timestamp series.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "locale",
"fieldName": "locale",
"description": "Locale used for dates and numeric labels.",
"type": {
"text": "string"
},
"default": "\"en\""
},
{
"name": "hidden-series",
"fieldName": "hiddenSeries",
"description": "Names of series hidden by clicking their legend buttons.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "show-navigator",
"fieldName": "showNavigator",
"description": "Show the reusable time-window bar below the plot, with draggable window, resize handles, and reset.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "zoom-enabled",
"fieldName": "zoomEnabled",
"description": "Allow pointer-drag selection to zoom the time range; Escape or Reset zoom restores it.",
"type": {
"text": "boolean"
},
"default": "true"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
},
{
"name": "luma-chart-hover",
"type": {
"text": "CustomEvent"
},
"description": "Component-specific event; see the API and examples."
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "empty",
"description": "empty styling hook."
},
{
"name": "fill",
"description": "Active arc/graph fill."
},
{
"name": "plot",
"description": "plot styling hook."
},
{
"name": "chart",
"description": "Standalone SVG plot."
},
{
"name": "tooltip",
"description": "tooltip styling hook."
}
],
"cssProperties": [
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaHistory",
"description": "History card composed from the independently usable interactive line chart.",
"tagName": "luma-history",
"customElement": true,
"superclass": {
"name": "LumaLineChart",
"module": "dist/charts.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label",
"inheritedFrom": {
"name": "LumaLineChart",
"module": "dist/charts.js"
}
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaLineChart",
"module": "dist/charts.js"
}
},
{
"kind": "field",
"name": "unit",
"privacy": "public",
"description": "Value unit.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "unit",
"inheritedFrom": {
"name": "LumaLineChart",
"module": "dist/charts.js"
}
},
{
"kind": "field",
"name": "series",
"privacy": "public",
"description": "Array of {name,color?,data,fill?,curve?,unit?}. Data items are numbers or {x,y}; x is numeric or an ISO timestamp.",
"type": {
"text": "ChartSeries[]"
},
"default": "[]",
"attribute": "series",
"inheritedFrom": {
"name": "LumaLineChart",
"module": "dist/charts.js"
}
},
{
"kind": "field",
"name": "curve",
"privacy": "public",
"description": "Interpolation: step (Home Assistant history style) or linear.",
"type": {
"text": "string"
},
"default": "\"step\"",
"attribute": "curve",
"inheritedFrom": {
"name": "LumaLineChart",
"module": "dist/charts.js"
}
},
{
"kind": "field",
"name": "bounds",
"privacy": "public",
"description": "Optional explicit y-axis bounds as {min,max}.",
"type": {
"text": "{min?:number;max?:number}"
},
"default": "{}",
"attribute": "bounds",
"inheritedFrom": {
"name": "LumaLineChart",
"module": "dist/charts.js"
}
},
{
"kind": "field",
"name": "timeRange",
"privacy": "public",
"description": "Optional visible x range as {start,end}, using epoch milliseconds for timestamp series.",
"type": {
"text": "{start?:number;end?:number}"
},
"default": "{}",
"attribute": "time-range",
"inheritedFrom": {
"name": "LumaLineChart",
"module": "dist/charts.js"
}
},
{
"kind": "field",
"name": "locale",
"privacy": "public",
"description": "Locale used for dates and numeric labels.",
"type": {
"text": "string"
},
"default": "\"en\"",
"attribute": "locale",
"inheritedFrom": {
"name": "LumaLineChart",
"module": "dist/charts.js"
}
},
{
"kind": "field",
"name": "hiddenSeries",
"privacy": "public",
"description": "Names of series hidden by clicking their legend buttons.",
"type": {
"text": "string[]"
},
"default": "[]",
"attribute": "hidden-series",
"inheritedFrom": {
"name": "LumaLineChart",
"module": "dist/charts.js"
}
},
{
"kind": "field",
"name": "showNavigator",
"privacy": "public",
"description": "Show the reusable time-window bar below the plot, with draggable window, resize handles, and reset.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-navigator",
"inheritedFrom": {
"name": "LumaLineChart",
"module": "dist/charts.js"
}
},
{
"kind": "field",
"name": "zoomEnabled",
"privacy": "public",
"description": "Allow pointer-drag selection to zoom the time range; Escape or Reset zoom restores it.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "zoom-enabled",
"inheritedFrom": {
"name": "LumaLineChart",
"module": "dist/charts.js"
}
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "unit",
"fieldName": "unit",
"description": "Value unit.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "series",
"fieldName": "series",
"description": "Array of {name,color?,data,fill?,curve?,unit?}. Data items are numbers or {x,y}; x is numeric or an ISO timestamp.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "curve",
"fieldName": "curve",
"description": "Interpolation: step (Home Assistant history style) or linear.",
"type": {
"text": "string"
},
"default": "\"step\""
},
{
"name": "bounds",
"fieldName": "bounds",
"description": "Optional explicit y-axis bounds as {min,max}.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "time-range",
"fieldName": "timeRange",
"description": "Optional visible x range as {start,end}, using epoch milliseconds for timestamp series.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "locale",
"fieldName": "locale",
"description": "Locale used for dates and numeric labels.",
"type": {
"text": "string"
},
"default": "\"en\""
},
{
"name": "hidden-series",
"fieldName": "hiddenSeries",
"description": "Names of series hidden by clicking their legend buttons.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "show-navigator",
"fieldName": "showNavigator",
"description": "Show the reusable time-window bar below the plot, with draggable window, resize handles, and reset.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "zoom-enabled",
"fieldName": "zoomEnabled",
"description": "Allow pointer-drag selection to zoom the time range; Escape or Reset zoom restores it.",
"type": {
"text": "boolean"
},
"default": "true"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
},
{
"name": "luma-chart-hover",
"type": {
"text": "CustomEvent"
},
"description": "Component-specific event; see the API and examples."
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaSensor",
"description": "Sensor value card composed with an optional standalone interactive history plot.",
"tagName": "luma-sensor",
"customElement": true,
"superclass": {
"name": "LumaHistory",
"module": "dist/charts.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label",
"inheritedFrom": {
"name": "LumaHistory",
"module": "dist/charts.js"
}
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaHistory",
"module": "dist/charts.js"
}
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Header icon.",
"type": {
"text": "string"
},
"default": "\"temperature\"",
"attribute": "icon"
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Optional displayed state; empty uses value.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "state"
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Secondary description below the value.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary"
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id"
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Sensor entity domain.",
"type": {
"text": "string"
},
"default": "\"sensor\"",
"attribute": "domain"
},
{
"kind": "field",
"name": "detailProperties",
"privacy": "public",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "detail-properties"
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "entity-attributes"
},
{
"kind": "field",
"name": "tapAction",
"privacy": "public",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "tap-action"
},
{
"kind": "field",
"name": "iconTapAction",
"privacy": "public",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\"",
"attribute": "icon-tap-action"
},
{
"kind": "field",
"name": "holdAction",
"privacy": "public",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "hold-action"
},
{
"kind": "field",
"name": "doubleTapAction",
"privacy": "public",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "double-tap-action"
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\"",
"attribute": "color"
},
{
"kind": "field",
"name": "unit",
"privacy": "public",
"description": "Value unit.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "unit",
"inheritedFrom": {
"name": "LumaHistory",
"module": "dist/charts.js"
}
},
{
"kind": "field",
"name": "series",
"privacy": "public",
"description": "Array of {name,color?,data,fill?,curve?,unit?}. Data items are numbers or {x,y}; x is numeric or an ISO timestamp.",
"type": {
"text": "ChartSeries[]"
},
"default": "[]",
"attribute": "series",
"inheritedFrom": {
"name": "LumaHistory",
"module": "dist/charts.js"
}
},
{
"kind": "field",
"name": "curve",
"privacy": "public",
"description": "Interpolation: step (Home Assistant history style) or linear.",
"type": {
"text": "string"
},
"default": "\"step\"",
"attribute": "curve",
"inheritedFrom": {
"name": "LumaHistory",
"module": "dist/charts.js"
}
},
{
"kind": "field",
"name": "bounds",
"privacy": "public",
"description": "Optional explicit y-axis bounds as {min,max}.",
"type": {
"text": "{min?:number;max?:number}"
},
"default": "{}",
"attribute": "bounds",
"inheritedFrom": {
"name": "LumaHistory",
"module": "dist/charts.js"
}
},
{
"kind": "field",
"name": "timeRange",
"privacy": "public",
"description": "Optional visible x range as {start,end}, using epoch milliseconds for timestamp series.",
"type": {
"text": "{start?:number;end?:number}"
},
"default": "{}",
"attribute": "time-range",
"inheritedFrom": {
"name": "LumaHistory",
"module": "dist/charts.js"
}
},
{
"kind": "field",
"name": "locale",
"privacy": "public",
"description": "Locale used for dates and numeric labels.",
"type": {
"text": "string"
},
"default": "\"en\"",
"attribute": "locale",
"inheritedFrom": {
"name": "LumaHistory",
"module": "dist/charts.js"
}
},
{
"kind": "field",
"name": "hiddenSeries",
"privacy": "public",
"description": "Names of series hidden by clicking their legend buttons.",
"type": {
"text": "string[]"
},
"default": "[]",
"attribute": "hidden-series",
"inheritedFrom": {
"name": "LumaHistory",
"module": "dist/charts.js"
}
},
{
"kind": "field",
"name": "showNavigator",
"privacy": "public",
"description": "Show the reusable time-window bar below the plot, with draggable window, resize handles, and reset.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-navigator",
"inheritedFrom": {
"name": "LumaHistory",
"module": "dist/charts.js"
}
},
{
"kind": "field",
"name": "zoomEnabled",
"privacy": "public",
"description": "Allow pointer-drag selection to zoom the time range; Escape or Reset zoom restores it.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "zoom-enabled",
"inheritedFrom": {
"name": "LumaHistory",
"module": "dist/charts.js"
}
},
{
"kind": "field",
"name": "value",
"privacy": "public",
"description": "Current numeric sensor reading.",
"type": {
"text": "number"
},
"default": "0",
"attribute": "value"
},
{
"kind": "field",
"name": "graphStyle",
"privacy": "public",
"description": "Graph presentation: sparkline, history, or none.",
"type": {
"text": "string"
},
"default": "\"sparkline\"",
"attribute": "graph-style"
},
{
"kind": "field",
"name": "graphColor",
"privacy": "public",
"description": "Compact trace/fill color.",
"type": {
"text": "string"
},
"default": "\"#ffad41\"",
"attribute": "graph-color"
},
{
"kind": "field",
"name": "precision",
"privacy": "public",
"description": "Fixed decimal places in the value readout.",
"type": {
"text": "number"
},
"default": "1",
"attribute": "precision"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Header icon.",
"type": {
"text": "string"
},
"default": "\"temperature\""
},
{
"name": "state",
"fieldName": "state",
"description": "Optional displayed state; empty uses value.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Secondary description below the value.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "domain",
"fieldName": "domain",
"description": "Sensor entity domain.",
"type": {
"text": "string"
},
"default": "\"sensor\""
},
{
"name": "detail-properties",
"fieldName": "detailProperties",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "entity-attributes",
"fieldName": "entityAttributes",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "tap-action",
"fieldName": "tapAction",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "icon-tap-action",
"fieldName": "iconTapAction",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\""
},
{
"name": "hold-action",
"fieldName": "holdAction",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "double-tap-action",
"fieldName": "doubleTapAction",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "color",
"fieldName": "color",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\""
},
{
"name": "unit",
"fieldName": "unit",
"description": "Value unit.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "series",
"fieldName": "series",
"description": "Array of {name,color?,data,fill?,curve?,unit?}. Data items are numbers or {x,y}; x is numeric or an ISO timestamp.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "curve",
"fieldName": "curve",
"description": "Interpolation: step (Home Assistant history style) or linear.",
"type": {
"text": "string"
},
"default": "\"step\""
},
{
"name": "bounds",
"fieldName": "bounds",
"description": "Optional explicit y-axis bounds as {min,max}.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "time-range",
"fieldName": "timeRange",
"description": "Optional visible x range as {start,end}, using epoch milliseconds for timestamp series.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "locale",
"fieldName": "locale",
"description": "Locale used for dates and numeric labels.",
"type": {
"text": "string"
},
"default": "\"en\""
},
{
"name": "hidden-series",
"fieldName": "hiddenSeries",
"description": "Names of series hidden by clicking their legend buttons.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "show-navigator",
"fieldName": "showNavigator",
"description": "Show the reusable time-window bar below the plot, with draggable window, resize handles, and reset.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "zoom-enabled",
"fieldName": "zoomEnabled",
"description": "Allow pointer-drag selection to zoom the time range; Escape or Reset zoom restores it.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "value",
"fieldName": "value",
"description": "Current numeric sensor reading.",
"type": {
"text": "number"
},
"default": "0"
},
{
"name": "graph-style",
"fieldName": "graphStyle",
"description": "Graph presentation: sparkline, history, or none.",
"type": {
"text": "string"
},
"default": "\"sparkline\""
},
{
"name": "graph-color",
"fieldName": "graphColor",
"description": "Compact trace/fill color.",
"type": {
"text": "string"
},
"default": "\"#ffad41\""
},
{
"name": "precision",
"fieldName": "precision",
"description": "Fixed decimal places in the value readout.",
"type": {
"text": "number"
},
"default": "1"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
},
{
"name": "luma-chart-hover",
"type": {
"text": "CustomEvent"
},
"description": "Component-specific event; see the API and examples."
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
},
{
"name": "value",
"description": "value styling hook."
}
],
"cssProperties": [
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaGaugeArc",
"description": "Standalone semicircular severity gauge with an accessible value label.",
"tagName": "luma-gauge-arc",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "value",
"privacy": "public",
"description": "Reading; the arc is clamped to the supplied bounds.",
"type": {
"text": "number"
},
"default": "0",
"attribute": "value"
},
{
"kind": "field",
"name": "min",
"privacy": "public",
"description": "Minimum scale.",
"type": {
"text": "number"
},
"default": "0",
"attribute": "min"
},
{
"kind": "field",
"name": "max",
"privacy": "public",
"description": "Maximum scale.",
"type": {
"text": "number"
},
"default": "100",
"attribute": "max"
},
{
"kind": "field",
"name": "unit",
"privacy": "public",
"description": "Reading unit.",
"type": {
"text": "string"
},
"default": "\"%\"",
"attribute": "unit"
},
{
"kind": "field",
"name": "severity",
"privacy": "public",
"description": "Thresholds as {from,color}.",
"type": {
"text": "Severity[]"
},
"default": "[{\"from\":0,\"color\":\"green\"},{\"from\":60,\"color\":\"amber\"},{\"from\":85,\"color\":\"red\"}]",
"attribute": "severity"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "value",
"fieldName": "value",
"description": "Reading; the arc is clamped to the supplied bounds.",
"type": {
"text": "number"
},
"default": "0"
},
{
"name": "min",
"fieldName": "min",
"description": "Minimum scale.",
"type": {
"text": "number"
},
"default": "0"
},
{
"name": "max",
"fieldName": "max",
"description": "Maximum scale.",
"type": {
"text": "number"
},
"default": "100"
},
{
"name": "unit",
"fieldName": "unit",
"description": "Reading unit.",
"type": {
"text": "string"
},
"default": "\"%\""
},
{
"name": "severity",
"fieldName": "severity",
"description": "Thresholds as {from,color}.",
"type": {
"text": "string"
},
"default": "[{\"from\":0,\"color\":\"green\"},{\"from\":60,\"color\":\"amber\"},{\"from\":85,\"color\":\"red\"}]"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "gauge",
"description": "gauge styling hook."
}
],
"cssProperties": [
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaGauge",
"description": "Gauge card composed from the independently usable semicircular gauge arc.",
"tagName": "luma-gauge",
"customElement": true,
"superclass": {
"name": "LumaGaugeArc",
"module": "dist/charts.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label",
"inheritedFrom": {
"name": "LumaGaugeArc",
"module": "dist/charts.js"
}
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaGaugeArc",
"module": "dist/charts.js"
}
},
{
"kind": "field",
"name": "value",
"privacy": "public",
"description": "Reading; the arc is clamped to the supplied bounds.",
"type": {
"text": "number"
},
"default": "0",
"attribute": "value",
"inheritedFrom": {
"name": "LumaGaugeArc",
"module": "dist/charts.js"
}
},
{
"kind": "field",
"name": "min",
"privacy": "public",
"description": "Minimum scale.",
"type": {
"text": "number"
},
"default": "0",
"attribute": "min",
"inheritedFrom": {
"name": "LumaGaugeArc",
"module": "dist/charts.js"
}
},
{
"kind": "field",
"name": "max",
"privacy": "public",
"description": "Maximum scale.",
"type": {
"text": "number"
},
"default": "100",
"attribute": "max",
"inheritedFrom": {
"name": "LumaGaugeArc",
"module": "dist/charts.js"
}
},
{
"kind": "field",
"name": "unit",
"privacy": "public",
"description": "Reading unit.",
"type": {
"text": "string"
},
"default": "\"%\"",
"attribute": "unit",
"inheritedFrom": {
"name": "LumaGaugeArc",
"module": "dist/charts.js"
}
},
{
"kind": "field",
"name": "severity",
"privacy": "public",
"description": "Thresholds as {from,color}.",
"type": {
"text": "Severity[]"
},
"default": "[{\"from\":0,\"color\":\"green\"},{\"from\":60,\"color\":\"amber\"},{\"from\":85,\"color\":\"red\"}]",
"attribute": "severity",
"inheritedFrom": {
"name": "LumaGaugeArc",
"module": "dist/charts.js"
}
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Sensor entity identifier.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id"
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Sensor domain.",
"type": {
"text": "string"
},
"default": "\"sensor\"",
"attribute": "domain"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "value",
"fieldName": "value",
"description": "Reading; the arc is clamped to the supplied bounds.",
"type": {
"text": "number"
},
"default": "0"
},
{
"name": "min",
"fieldName": "min",
"description": "Minimum scale.",
"type": {
"text": "number"
},
"default": "0"
},
{
"name": "max",
"fieldName": "max",
"description": "Maximum scale.",
"type": {
"text": "number"
},
"default": "100"
},
{
"name": "unit",
"fieldName": "unit",
"description": "Reading unit.",
"type": {
"text": "string"
},
"default": "\"%\""
},
{
"name": "severity",
"fieldName": "severity",
"description": "Thresholds as {from,color}.",
"type": {
"text": "string"
},
"default": "[{\"from\":0,\"color\":\"green\"},{\"from\":60,\"color\":\"amber\"},{\"from\":85,\"color\":\"red\"}]"
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Sensor entity identifier.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "domain",
"fieldName": "domain",
"description": "Sensor domain.",
"type": {
"text": "string"
},
"default": "\"sensor\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
}
],
"exports": [
{
"kind": "js",
"name": "LumaLineChart",
"declaration": {
"name": "LumaLineChart",
"module": "dist/charts.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-line-chart",
"declaration": {
"name": "LumaLineChart",
"module": "dist/charts.js"
}
},
{
"kind": "js",
"name": "LumaHistory",
"declaration": {
"name": "LumaHistory",
"module": "dist/charts.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-history",
"declaration": {
"name": "LumaHistory",
"module": "dist/charts.js"
}
},
{
"kind": "js",
"name": "LumaSensor",
"declaration": {
"name": "LumaSensor",
"module": "dist/charts.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-sensor",
"declaration": {
"name": "LumaSensor",
"module": "dist/charts.js"
}
},
{
"kind": "js",
"name": "LumaGaugeArc",
"declaration": {
"name": "LumaGaugeArc",
"module": "dist/charts.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-gauge-arc",
"declaration": {
"name": "LumaGaugeArc",
"module": "dist/charts.js"
}
},
{
"kind": "js",
"name": "LumaGauge",
"declaration": {
"name": "LumaGauge",
"module": "dist/charts.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-gauge",
"declaration": {
"name": "LumaGauge",
"module": "dist/charts.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "dist/components.js",
"declarations": [
{
"kind": "class",
"name": "LumaEntity",
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "icon",
"privacy": "public",
"type": {
"text": "string"
}
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"type": {
"text": "string"
}
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"type": {
"text": "string"
}
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"type": {
"text": "string"
}
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"type": {
"text": "string"
}
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"type": {
"text": "string"
}
},
{
"kind": "field",
"name": "detailProperties",
"privacy": "public",
"type": {
"text": "Record"
}
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"type": {
"text": "Record"
}
},
{
"kind": "field",
"name": "tapAction",
"privacy": "public",
"type": {
"text": "string"
}
},
{
"kind": "field",
"name": "iconTapAction",
"privacy": "public",
"type": {
"text": "string"
}
},
{
"kind": "field",
"name": "holdAction",
"privacy": "public",
"type": {
"text": "string"
}
},
{
"kind": "field",
"name": "doubleTapAction",
"privacy": "public",
"type": {
"text": "string"
}
}
]
},
{
"kind": "class",
"name": "LumaBadge",
"description": "A compact state badge, matching the pills above a Lovelace dashboard.",
"tagName": "luma-badge",
"customElement": true,
"superclass": {
"name": "LumaEntity",
"module": "dist/components.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\"",
"attribute": "icon"
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\"",
"attribute": "state"
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary"
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id"
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Entity domain such as light, climate, cover, fan, or sensor. Inferred from entity-id when omitted.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "domain"
},
{
"kind": "field",
"name": "detailProperties",
"privacy": "public",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "detail-properties"
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "entity-attributes"
},
{
"kind": "field",
"name": "tapAction",
"privacy": "public",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "tap-action"
},
{
"kind": "field",
"name": "iconTapAction",
"privacy": "public",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\"",
"attribute": "icon-tap-action"
},
{
"kind": "field",
"name": "holdAction",
"privacy": "public",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "hold-action"
},
{
"kind": "field",
"name": "doubleTapAction",
"privacy": "public",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "double-tap-action"
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\"",
"attribute": "color"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\""
},
{
"name": "state",
"fieldName": "state",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\""
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "domain",
"fieldName": "domain",
"description": "Entity domain such as light, climate, cover, fan, or sensor. Inferred from entity-id when omitted.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "detail-properties",
"fieldName": "detailProperties",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "entity-attributes",
"fieldName": "entityAttributes",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "tap-action",
"fieldName": "tapAction",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "icon-tap-action",
"fieldName": "iconTapAction",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\""
},
{
"name": "hold-action",
"fieldName": "holdAction",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "double-tap-action",
"fieldName": "doubleTapAction",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "color",
"fieldName": "color",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "badge",
"description": "badge styling hook."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaCard",
"description": "A rounded card shell with title, default content slot, and footer slot.",
"tagName": "luma-card",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
},
{
"name": "title",
"description": "title styling hook."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "",
"description": "Default component content."
},
{
"name": "footer",
"description": "footer content."
}
]
},
{
"kind": "class",
"name": "LumaHeading",
"description": "A section heading with an optional icon and a slot for sensor badges.",
"tagName": "luma-heading",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Optional heading icon.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "icon"
},
{
"kind": "field",
"name": "level",
"privacy": "public",
"description": "Semantic heading level from 1 to 6.",
"type": {
"text": "number"
},
"default": "2",
"attribute": "level"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Optional heading icon.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "level",
"fieldName": "level",
"description": "Semantic heading level from 1 to 6.",
"type": {
"text": "number"
},
"default": "2"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "heading",
"description": "heading styling hook."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "",
"description": "Default component content."
}
]
},
{
"kind": "class",
"name": "LumaTile",
"description": "A Home Assistant-style tile composed with optional brightness, target-temperature, and cover controls.",
"tagName": "luma-tile",
"customElement": true,
"superclass": {
"name": "LumaEntity",
"module": "dist/components.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\"",
"attribute": "icon"
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\"",
"attribute": "state"
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary"
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id"
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Entity domain such as light, climate, cover, fan, or sensor. Inferred from entity-id when omitted.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "domain"
},
{
"kind": "field",
"name": "detailProperties",
"privacy": "public",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "detail-properties"
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "entity-attributes"
},
{
"kind": "field",
"name": "tapAction",
"privacy": "public",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "tap-action"
},
{
"kind": "field",
"name": "iconTapAction",
"privacy": "public",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\"",
"attribute": "icon-tap-action"
},
{
"kind": "field",
"name": "holdAction",
"privacy": "public",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "hold-action"
},
{
"kind": "field",
"name": "doubleTapAction",
"privacy": "public",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "double-tap-action"
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\"",
"attribute": "color"
},
{
"kind": "field",
"name": "toggle",
"privacy": "public",
"description": "Make the icon toggle on/off instead of opening entity details.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "toggle"
},
{
"kind": "field",
"name": "feature",
"privacy": "public",
"description": "Optional embedded control: brightness, temperature, or cover.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "feature"
},
{
"kind": "field",
"name": "value",
"privacy": "public",
"description": "Value of the embedded brightness (%) or temperature (°C) control.",
"type": {
"text": "number"
},
"default": "0",
"attribute": "value"
},
{
"kind": "field",
"name": "features",
"privacy": "public",
"description": "Additional standalone feature controls as {type,label?,config?}; all public feature kinds are supported by luma-feature.",
"type": {
"text": "FeatureDefinition[]"
},
"default": "[]",
"attribute": "features"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\""
},
{
"name": "state",
"fieldName": "state",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\""
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "domain",
"fieldName": "domain",
"description": "Entity domain such as light, climate, cover, fan, or sensor. Inferred from entity-id when omitted.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "detail-properties",
"fieldName": "detailProperties",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "entity-attributes",
"fieldName": "entityAttributes",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "tap-action",
"fieldName": "tapAction",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "icon-tap-action",
"fieldName": "iconTapAction",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\""
},
{
"name": "hold-action",
"fieldName": "holdAction",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "double-tap-action",
"fieldName": "doubleTapAction",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "color",
"fieldName": "color",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\""
},
{
"name": "toggle",
"fieldName": "toggle",
"description": "Make the icon toggle on/off instead of opening entity details.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "feature",
"fieldName": "feature",
"description": "Optional embedded control: brightness, temperature, or cover.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "value",
"fieldName": "value",
"description": "Value of the embedded brightness (%) or temperature (°C) control.",
"type": {
"text": "number"
},
"default": "0"
},
{
"name": "features",
"fieldName": "features",
"description": "Additional standalone feature controls as {type,label?,config?}; all public feature kinds are supported by luma-feature.",
"type": {
"text": "string"
},
"default": "[]"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
},
{
"name": "content",
"description": "content styling hook."
},
{
"name": "name",
"description": "name styling hook."
},
{
"name": "state",
"description": "state styling hook."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "icon",
"description": "icon content."
},
{
"name": "features",
"description": "features content."
}
]
},
{
"kind": "class",
"name": "LumaEntityRow",
"description": "A reusable entity row with icon, state, and optional switch.",
"tagName": "luma-entity-row",
"customElement": true,
"superclass": {
"name": "LumaEntity",
"module": "dist/components.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\"",
"attribute": "icon"
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\"",
"attribute": "state"
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary"
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id"
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Entity domain such as light, climate, cover, fan, or sensor. Inferred from entity-id when omitted.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "domain"
},
{
"kind": "field",
"name": "detailProperties",
"privacy": "public",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "detail-properties"
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "entity-attributes"
},
{
"kind": "field",
"name": "tapAction",
"privacy": "public",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "tap-action"
},
{
"kind": "field",
"name": "iconTapAction",
"privacy": "public",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\"",
"attribute": "icon-tap-action"
},
{
"kind": "field",
"name": "holdAction",
"privacy": "public",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "hold-action"
},
{
"kind": "field",
"name": "doubleTapAction",
"privacy": "public",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "double-tap-action"
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\"",
"attribute": "color"
},
{
"kind": "field",
"name": "toggle",
"privacy": "public",
"description": "Show an on/off switch instead of a plain state value.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "toggle"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\""
},
{
"name": "state",
"fieldName": "state",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\""
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "domain",
"fieldName": "domain",
"description": "Entity domain such as light, climate, cover, fan, or sensor. Inferred from entity-id when omitted.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "detail-properties",
"fieldName": "detailProperties",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "entity-attributes",
"fieldName": "entityAttributes",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "tap-action",
"fieldName": "tapAction",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "icon-tap-action",
"fieldName": "iconTapAction",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\""
},
{
"name": "hold-action",
"fieldName": "holdAction",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "double-tap-action",
"fieldName": "doubleTapAction",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "color",
"fieldName": "color",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\""
},
{
"name": "toggle",
"fieldName": "toggle",
"description": "Show an on/off switch instead of a plain state value.",
"type": {
"text": "boolean"
},
"default": "false"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "row",
"description": "row styling hook."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "control",
"description": "control content."
}
]
},
{
"kind": "class",
"name": "LumaEntities",
"description": "An entities card composed from entity rows, with an optional group toggle.",
"tagName": "luma-entities",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "entities",
"privacy": "public",
"description": "Array of {label, state, icon?, secondary?, entityId?, color?, toggle?, disabled?} entity rows.",
"type": {
"text": "EntityData[]"
},
"default": "[]",
"attribute": "entities"
},
{
"kind": "field",
"name": "showHeaderToggle",
"privacy": "public",
"description": "Show a header switch that toggles all rows marked toggle.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "show-header-toggle"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "entities",
"fieldName": "entities",
"description": "Array of {label, state, icon?, secondary?, entityId?, color?, toggle?, disabled?} entity rows.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "show-header-toggle",
"fieldName": "showHeaderToggle",
"description": "Show a header switch that toggles all rows marked toggle.",
"type": {
"text": "boolean"
},
"default": "false"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "",
"description": "Default component content."
}
]
},
{
"kind": "class",
"name": "LumaGlanceItem",
"description": "Standalone compact entity summary with a real entity-details action, reusable outside glance cards.",
"tagName": "luma-glance-item",
"customElement": true,
"superclass": {
"name": "LumaEntity",
"module": "dist/components.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\"",
"attribute": "icon"
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\"",
"attribute": "state"
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary"
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id"
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Entity domain such as light, climate, cover, fan, or sensor. Inferred from entity-id when omitted.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "domain"
},
{
"kind": "field",
"name": "detailProperties",
"privacy": "public",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "detail-properties"
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "entity-attributes"
},
{
"kind": "field",
"name": "tapAction",
"privacy": "public",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "tap-action"
},
{
"kind": "field",
"name": "iconTapAction",
"privacy": "public",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\"",
"attribute": "icon-tap-action"
},
{
"kind": "field",
"name": "holdAction",
"privacy": "public",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "hold-action"
},
{
"kind": "field",
"name": "doubleTapAction",
"privacy": "public",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "double-tap-action"
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\"",
"attribute": "color"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\""
},
{
"name": "state",
"fieldName": "state",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\""
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "domain",
"fieldName": "domain",
"description": "Entity domain such as light, climate, cover, fan, or sensor. Inferred from entity-id when omitted.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "detail-properties",
"fieldName": "detailProperties",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "entity-attributes",
"fieldName": "entityAttributes",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "tap-action",
"fieldName": "tapAction",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "icon-tap-action",
"fieldName": "iconTapAction",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\""
},
{
"name": "hold-action",
"fieldName": "holdAction",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "double-tap-action",
"fieldName": "doubleTapAction",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "color",
"fieldName": "color",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "button",
"description": "Interactive button surface."
}
],
"cssProperties": [
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaGlance",
"description": "A compact row of entity names, icons, and states.",
"tagName": "luma-glance",
"customElement": true,
"superclass": {
"name": "LumaEntities",
"module": "dist/components.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label",
"inheritedFrom": {
"name": "LumaEntities",
"module": "dist/components.js"
}
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaEntities",
"module": "dist/components.js"
}
},
{
"kind": "field",
"name": "entities",
"privacy": "public",
"description": "Entity summaries: {label,state,icon?,entityId?,domain?,detailProperties?}.",
"type": {
"text": "EntityData[]"
},
"default": "[]",
"attribute": "entities"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "entities",
"fieldName": "entities",
"description": "Entity summaries: {label,state,icon?,entityId?,domain?,detailProperties?}.",
"type": {
"text": "string"
},
"default": "[]"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaGrid",
"description": "A slotted grid for composing tiles and cards with fixed or responsive columns.",
"tagName": "luma-grid",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "columns",
"privacy": "public",
"description": "Number of equal grid columns, from 1 to 12. Set min-width to enable an auto-fitting responsive grid.",
"type": {
"text": "number"
},
"default": "2",
"attribute": "columns"
},
{
"kind": "field",
"name": "gap",
"privacy": "public",
"description": "Space between cells in pixels.",
"type": {
"text": "number"
},
"default": "8",
"attribute": "gap"
},
{
"kind": "field",
"name": "minWidth",
"privacy": "public",
"description": "Minimum cell width in pixels; a positive value automatically fits columns to available space.",
"type": {
"text": "number"
},
"default": "0",
"attribute": "min-width"
}
],
"attributes": [
{
"name": "columns",
"fieldName": "columns",
"description": "Number of equal grid columns, from 1 to 12. Set min-width to enable an auto-fitting responsive grid.",
"type": {
"text": "number"
},
"default": "2"
},
{
"name": "gap",
"fieldName": "gap",
"description": "Space between cells in pixels.",
"type": {
"text": "number"
},
"default": "8"
},
{
"name": "min-width",
"fieldName": "minWidth",
"description": "Minimum cell width in pixels; a positive value automatically fits columns to available space.",
"type": {
"text": "number"
},
"default": "0"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "grid",
"description": "grid styling hook."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "",
"description": "Default component content."
}
]
},
{
"kind": "class",
"name": "LumaStack",
"description": "A vertical or horizontal stack for composing dashboards.",
"tagName": "luma-stack",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "direction",
"privacy": "public",
"description": "Stack direction: vertical or horizontal.",
"type": {
"text": "string"
},
"default": "\"vertical\"",
"attribute": "direction"
},
{
"kind": "field",
"name": "gap",
"privacy": "public",
"description": "Space between children in pixels.",
"type": {
"text": "number"
},
"default": "8",
"attribute": "gap"
}
],
"attributes": [
{
"name": "direction",
"fieldName": "direction",
"description": "Stack direction: vertical or horizontal.",
"type": {
"text": "string"
},
"default": "\"vertical\""
},
{
"name": "gap",
"fieldName": "gap",
"description": "Space between children in pixels.",
"type": {
"text": "number"
},
"default": "8"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "stack",
"description": "stack styling hook."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "",
"description": "Default component content."
}
]
},
{
"kind": "class",
"name": "LumaThermostat",
"description": "A composed climate card with temperature dial, measured temperature, target control, and HVAC modes.",
"tagName": "luma-thermostat",
"customElement": true,
"superclass": {
"name": "LumaEntity",
"module": "dist/components.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Thermostat icon.",
"type": {
"text": "string"
},
"default": "\"temperature\"",
"attribute": "icon"
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Current HVAC state, such as heating, cooling, idle, or off.",
"type": {
"text": "string"
},
"default": "\"heating\"",
"attribute": "state"
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary"
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id"
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Climate domain.",
"type": {
"text": "string"
},
"default": "\"climate\"",
"attribute": "domain"
},
{
"kind": "field",
"name": "detailProperties",
"privacy": "public",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "detail-properties"
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "entity-attributes"
},
{
"kind": "field",
"name": "tapAction",
"privacy": "public",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "tap-action"
},
{
"kind": "field",
"name": "iconTapAction",
"privacy": "public",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\"",
"attribute": "icon-tap-action"
},
{
"kind": "field",
"name": "holdAction",
"privacy": "public",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "hold-action"
},
{
"kind": "field",
"name": "doubleTapAction",
"privacy": "public",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "double-tap-action"
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\"",
"attribute": "color"
},
{
"kind": "field",
"name": "showHeader",
"privacy": "public",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-header"
},
{
"kind": "field",
"name": "temperature",
"privacy": "public",
"description": "Target temperature changed by the increment/decrement control.",
"type": {
"text": "number"
},
"default": "21",
"attribute": "temperature"
},
{
"kind": "field",
"name": "currentTemperature",
"privacy": "public",
"description": "Measured room temperature.",
"type": {
"text": "number"
},
"default": "20.5",
"attribute": "current-temperature"
},
{
"kind": "field",
"name": "min",
"privacy": "public",
"description": "Minimum target temperature.",
"type": {
"text": "number"
},
"default": "7",
"attribute": "min"
},
{
"kind": "field",
"name": "max",
"privacy": "public",
"description": "Maximum target temperature.",
"type": {
"text": "number"
},
"default": "35",
"attribute": "max"
},
{
"kind": "field",
"name": "step",
"privacy": "public",
"description": "Target temperature increment.",
"type": {
"text": "number"
},
"default": "0.5",
"attribute": "step"
},
{
"kind": "field",
"name": "unit",
"privacy": "public",
"description": "Temperature unit.",
"type": {
"text": "string"
},
"default": "\"°C\"",
"attribute": "unit"
},
{
"kind": "field",
"name": "mode",
"privacy": "public",
"description": "Selected HVAC mode.",
"type": {
"text": "string"
},
"default": "\"heat\"",
"attribute": "mode"
},
{
"kind": "field",
"name": "modes",
"privacy": "public",
"description": "Available HVAC mode names.",
"type": {
"text": "Array"
},
"default": "[\"off\",\"heat\",\"cool\",\"auto\"]",
"attribute": "modes"
},
{
"kind": "field",
"name": "range",
"privacy": "public",
"description": "Enable lower/upper set points for heat/cool mode.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "range"
},
{
"kind": "field",
"name": "highTemperature",
"privacy": "public",
"description": "Upper temperature set point.",
"type": {
"text": "number"
},
"default": "24",
"attribute": "high-temperature"
},
{
"kind": "field",
"name": "showCurrentTemperature",
"privacy": "public",
"description": "Display actual measured temperature above the dial.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-current-temperature"
},
{
"kind": "field",
"name": "showCurrentMarker",
"privacy": "public",
"description": "Display the measured-temperature marker on the dial.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-current-marker"
},
{
"kind": "field",
"name": "showCurrentAsPrimary",
"privacy": "public",
"description": "Use the measured temperature as the primary dial reading and show the target below it.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "show-current-as-primary"
},
{
"kind": "field",
"name": "precision",
"privacy": "public",
"description": "Fixed decimal places; keeps the readout stable at whole and fractional temperatures.",
"type": {
"text": "number"
},
"default": "1",
"attribute": "precision"
},
{
"kind": "field",
"name": "locale",
"privacy": "public",
"description": "Formatting locale, e.g. de uses a comma.",
"type": {
"text": "string"
},
"default": "\"en\"",
"attribute": "locale"
},
{
"kind": "field",
"name": "stateLabel",
"privacy": "public",
"description": "Human-readable HVAC activity label; empty uses state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "state-label"
},
{
"kind": "field",
"name": "targetLabel",
"privacy": "public",
"description": "Accessible label of the target dial; use Target humidity when composing a humidifier.",
"type": {
"text": "string"
},
"default": "\"Target temperature\"",
"attribute": "target-label"
},
{
"kind": "field",
"name": "currentTemperatureLabel",
"privacy": "public",
"description": "Label above the measured-temperature reading.",
"type": {
"text": "string"
},
"default": "\"Current temperature\"",
"attribute": "current-temperature-label"
},
{
"kind": "field",
"name": "modeLabel",
"privacy": "public",
"description": "Accessible and visible mode-selector label.",
"type": {
"text": "string"
},
"default": "\"HVAC mode\"",
"attribute": "mode-label"
},
{
"kind": "field",
"name": "presetLabel",
"privacy": "public",
"description": "Accessible and visible preset-selector label.",
"type": {
"text": "string"
},
"default": "\"Preset\"",
"attribute": "preset-label"
},
{
"kind": "field",
"name": "controlStyle",
"privacy": "public",
"description": "Temperature buttons: round, matching the thermostat dial, or bar.",
"type": {
"text": "string"
},
"default": "\"round\"",
"attribute": "control-style"
},
{
"kind": "field",
"name": "presets",
"privacy": "public",
"description": "Available climate presets; empty hides the selector.",
"type": {
"text": "Array"
},
"default": "[]",
"attribute": "presets"
},
{
"kind": "field",
"name": "preset",
"privacy": "public",
"description": "Selected climate preset.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "preset"
},
{
"kind": "field",
"name": "fanModes",
"privacy": "public",
"description": "Available fan modes.",
"type": {
"text": "string[]"
},
"default": "[]",
"attribute": "fan-modes"
},
{
"kind": "field",
"name": "fanMode",
"privacy": "public",
"description": "Selected fan mode.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "fan-mode"
},
{
"kind": "field",
"name": "swingModes",
"privacy": "public",
"description": "Available swing modes.",
"type": {
"text": "string[]"
},
"default": "[]",
"attribute": "swing-modes"
},
{
"kind": "field",
"name": "swingMode",
"privacy": "public",
"description": "Selected swing mode.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "swing-mode"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Thermostat icon.",
"type": {
"text": "string"
},
"default": "\"temperature\""
},
{
"name": "state",
"fieldName": "state",
"description": "Current HVAC state, such as heating, cooling, idle, or off.",
"type": {
"text": "string"
},
"default": "\"heating\""
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "domain",
"fieldName": "domain",
"description": "Climate domain.",
"type": {
"text": "string"
},
"default": "\"climate\""
},
{
"name": "detail-properties",
"fieldName": "detailProperties",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "entity-attributes",
"fieldName": "entityAttributes",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "tap-action",
"fieldName": "tapAction",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "icon-tap-action",
"fieldName": "iconTapAction",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\""
},
{
"name": "hold-action",
"fieldName": "holdAction",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "double-tap-action",
"fieldName": "doubleTapAction",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "color",
"fieldName": "color",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\""
},
{
"name": "show-header",
"fieldName": "showHeader",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "temperature",
"fieldName": "temperature",
"description": "Target temperature changed by the increment/decrement control.",
"type": {
"text": "number"
},
"default": "21"
},
{
"name": "current-temperature",
"fieldName": "currentTemperature",
"description": "Measured room temperature.",
"type": {
"text": "number"
},
"default": "20.5"
},
{
"name": "min",
"fieldName": "min",
"description": "Minimum target temperature.",
"type": {
"text": "number"
},
"default": "7"
},
{
"name": "max",
"fieldName": "max",
"description": "Maximum target temperature.",
"type": {
"text": "number"
},
"default": "35"
},
{
"name": "step",
"fieldName": "step",
"description": "Target temperature increment.",
"type": {
"text": "number"
},
"default": "0.5"
},
{
"name": "unit",
"fieldName": "unit",
"description": "Temperature unit.",
"type": {
"text": "string"
},
"default": "\"°C\""
},
{
"name": "mode",
"fieldName": "mode",
"description": "Selected HVAC mode.",
"type": {
"text": "string"
},
"default": "\"heat\""
},
{
"name": "modes",
"fieldName": "modes",
"description": "Available HVAC mode names.",
"type": {
"text": "string"
},
"default": "[\"off\",\"heat\",\"cool\",\"auto\"]"
},
{
"name": "range",
"fieldName": "range",
"description": "Enable lower/upper set points for heat/cool mode.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "high-temperature",
"fieldName": "highTemperature",
"description": "Upper temperature set point.",
"type": {
"text": "number"
},
"default": "24"
},
{
"name": "show-current-temperature",
"fieldName": "showCurrentTemperature",
"description": "Display actual measured temperature above the dial.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "show-current-marker",
"fieldName": "showCurrentMarker",
"description": "Display the measured-temperature marker on the dial.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "show-current-as-primary",
"fieldName": "showCurrentAsPrimary",
"description": "Use the measured temperature as the primary dial reading and show the target below it.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "precision",
"fieldName": "precision",
"description": "Fixed decimal places; keeps the readout stable at whole and fractional temperatures.",
"type": {
"text": "number"
},
"default": "1"
},
{
"name": "locale",
"fieldName": "locale",
"description": "Formatting locale, e.g. de uses a comma.",
"type": {
"text": "string"
},
"default": "\"en\""
},
{
"name": "state-label",
"fieldName": "stateLabel",
"description": "Human-readable HVAC activity label; empty uses state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "target-label",
"fieldName": "targetLabel",
"description": "Accessible label of the target dial; use Target humidity when composing a humidifier.",
"type": {
"text": "string"
},
"default": "\"Target temperature\""
},
{
"name": "current-temperature-label",
"fieldName": "currentTemperatureLabel",
"description": "Label above the measured-temperature reading.",
"type": {
"text": "string"
},
"default": "\"Current temperature\""
},
{
"name": "mode-label",
"fieldName": "modeLabel",
"description": "Accessible and visible mode-selector label.",
"type": {
"text": "string"
},
"default": "\"HVAC mode\""
},
{
"name": "preset-label",
"fieldName": "presetLabel",
"description": "Accessible and visible preset-selector label.",
"type": {
"text": "string"
},
"default": "\"Preset\""
},
{
"name": "control-style",
"fieldName": "controlStyle",
"description": "Temperature buttons: round, matching the thermostat dial, or bar.",
"type": {
"text": "string"
},
"default": "\"round\""
},
{
"name": "presets",
"fieldName": "presets",
"description": "Available climate presets; empty hides the selector.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "preset",
"fieldName": "preset",
"description": "Selected climate preset.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "fan-modes",
"fieldName": "fanModes",
"description": "Available fan modes.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "fan-mode",
"fieldName": "fanMode",
"description": "Selected fan mode.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "swing-modes",
"fieldName": "swingModes",
"description": "Available swing modes.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "swing-mode",
"fieldName": "swingMode",
"description": "Selected swing mode.",
"type": {
"text": "string"
},
"default": "\"\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-climate-heating-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-climate-cooling-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaLight",
"description": "A light card composed from an entity row, power switch, brightness slider, and color-temperature slider.",
"tagName": "luma-light",
"customElement": true,
"superclass": {
"name": "LumaEntity",
"module": "dist/components.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\"",
"attribute": "icon"
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Light on/off state.",
"type": {
"text": "string"
},
"default": "\"on\"",
"attribute": "state"
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary"
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id"
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Light entity domain.",
"type": {
"text": "string"
},
"default": "\"light\"",
"attribute": "domain"
},
{
"kind": "field",
"name": "detailProperties",
"privacy": "public",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "detail-properties"
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "entity-attributes"
},
{
"kind": "field",
"name": "tapAction",
"privacy": "public",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "tap-action"
},
{
"kind": "field",
"name": "iconTapAction",
"privacy": "public",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\"",
"attribute": "icon-tap-action"
},
{
"kind": "field",
"name": "holdAction",
"privacy": "public",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "hold-action"
},
{
"kind": "field",
"name": "doubleTapAction",
"privacy": "public",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "double-tap-action"
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\"",
"attribute": "color"
},
{
"kind": "field",
"name": "showHeader",
"privacy": "public",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-header"
},
{
"kind": "field",
"name": "brightness",
"privacy": "public",
"description": "Brightness percentage.",
"type": {
"text": "number"
},
"default": "70",
"attribute": "brightness"
},
{
"kind": "field",
"name": "rgbColor",
"privacy": "public",
"description": "RGB color as a six-digit hex string.",
"type": {
"text": "string"
},
"default": "\"#ffa24d\"",
"attribute": "rgb-color"
},
{
"kind": "field",
"name": "colorTemperature",
"privacy": "public",
"description": "Color temperature in kelvin.",
"type": {
"text": "number"
},
"default": "3000",
"attribute": "color-temperature"
},
{
"kind": "field",
"name": "minKelvin",
"privacy": "public",
"description": "Warmest supported temperature.",
"type": {
"text": "number"
},
"default": "2000",
"attribute": "min-kelvin"
},
{
"kind": "field",
"name": "maxKelvin",
"privacy": "public",
"description": "Coolest supported temperature.",
"type": {
"text": "number"
},
"default": "6500",
"attribute": "max-kelvin"
},
{
"kind": "field",
"name": "panel",
"privacy": "public",
"description": "Selected light control: brightness, color, or temperature.",
"type": {
"text": "string"
},
"default": "\"brightness\"",
"attribute": "panel"
},
{
"kind": "field",
"name": "colorModes",
"privacy": "public",
"description": "Supported color capabilities. Only supported panels are shown.",
"type": {
"text": "string[]"
},
"default": "[\"brightness\",\"rgb\",\"color_temp\"]",
"attribute": "color-modes"
},
{
"kind": "field",
"name": "effect",
"privacy": "public",
"description": "Selected light effect.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "effect"
},
{
"kind": "field",
"name": "effects",
"privacy": "public",
"description": "Supported effects; empty hides the selector.",
"type": {
"text": "string[]"
},
"default": "[]",
"attribute": "effects"
},
{
"kind": "field",
"name": "lastChangedLabel",
"privacy": "public",
"description": "Application-formatted last-changed text shown beneath the state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "last-changed-label"
},
{
"kind": "field",
"name": "favorites",
"privacy": "public",
"description": "Favorite RGB colors.",
"type": {
"text": "unknown[]"
},
"default": "[\"#ff8800\",\"#ffc18a\",\"#ffe4ce\",\"#fffefa\",\"#7ba6ff\",\"#d58aff\",\"#f99dff\",\"#ff6855\"]",
"attribute": "favorites"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\""
},
{
"name": "state",
"fieldName": "state",
"description": "Light on/off state.",
"type": {
"text": "string"
},
"default": "\"on\""
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "domain",
"fieldName": "domain",
"description": "Light entity domain.",
"type": {
"text": "string"
},
"default": "\"light\""
},
{
"name": "detail-properties",
"fieldName": "detailProperties",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "entity-attributes",
"fieldName": "entityAttributes",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "tap-action",
"fieldName": "tapAction",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "icon-tap-action",
"fieldName": "iconTapAction",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\""
},
{
"name": "hold-action",
"fieldName": "holdAction",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "double-tap-action",
"fieldName": "doubleTapAction",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "color",
"fieldName": "color",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\""
},
{
"name": "show-header",
"fieldName": "showHeader",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "brightness",
"fieldName": "brightness",
"description": "Brightness percentage.",
"type": {
"text": "number"
},
"default": "70"
},
{
"name": "rgb-color",
"fieldName": "rgbColor",
"description": "RGB color as a six-digit hex string.",
"type": {
"text": "string"
},
"default": "\"#ffa24d\""
},
{
"name": "color-temperature",
"fieldName": "colorTemperature",
"description": "Color temperature in kelvin.",
"type": {
"text": "number"
},
"default": "3000"
},
{
"name": "min-kelvin",
"fieldName": "minKelvin",
"description": "Warmest supported temperature.",
"type": {
"text": "number"
},
"default": "2000"
},
{
"name": "max-kelvin",
"fieldName": "maxKelvin",
"description": "Coolest supported temperature.",
"type": {
"text": "number"
},
"default": "6500"
},
{
"name": "panel",
"fieldName": "panel",
"description": "Selected light control: brightness, color, or temperature.",
"type": {
"text": "string"
},
"default": "\"brightness\""
},
{
"name": "color-modes",
"fieldName": "colorModes",
"description": "Supported color capabilities. Only supported panels are shown.",
"type": {
"text": "string"
},
"default": "[\"brightness\",\"rgb\",\"color_temp\"]"
},
{
"name": "effect",
"fieldName": "effect",
"description": "Selected light effect.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "effects",
"fieldName": "effects",
"description": "Supported effects; empty hides the selector.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "last-changed-label",
"fieldName": "lastChangedLabel",
"description": "Application-formatted last-changed text shown beneath the state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "favorites",
"fieldName": "favorites",
"description": "Favorite RGB colors.",
"type": {
"text": "string"
},
"default": "[\"#ff8800\",\"#ffc18a\",\"#ffe4ce\",\"#fffefa\",\"#7ba6ff\",\"#d58aff\",\"#f99dff\",\"#ff6855\"]"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaCover",
"description": "A blinds/shutter card with open, stop, close actions and position control.",
"tagName": "luma-cover",
"customElement": true,
"superclass": {
"name": "LumaEntity",
"module": "dist/components.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Cover icon.",
"type": {
"text": "string"
},
"default": "\"cover\"",
"attribute": "icon"
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\"",
"attribute": "state"
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary"
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id"
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Cover domain.",
"type": {
"text": "string"
},
"default": "\"cover\"",
"attribute": "domain"
},
{
"kind": "field",
"name": "detailProperties",
"privacy": "public",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "detail-properties"
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "entity-attributes"
},
{
"kind": "field",
"name": "tapAction",
"privacy": "public",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "tap-action"
},
{
"kind": "field",
"name": "iconTapAction",
"privacy": "public",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\"",
"attribute": "icon-tap-action"
},
{
"kind": "field",
"name": "holdAction",
"privacy": "public",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "hold-action"
},
{
"kind": "field",
"name": "doubleTapAction",
"privacy": "public",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "double-tap-action"
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\"",
"attribute": "color"
},
{
"kind": "field",
"name": "showHeader",
"privacy": "public",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-header"
},
{
"kind": "field",
"name": "position",
"privacy": "public",
"description": "Cover position, from 0 (closed) to 100 (open). Commands emit actions; position changes only when assigned or moved with the slider.",
"type": {
"text": "number"
},
"default": "100",
"attribute": "position"
},
{
"kind": "field",
"name": "tiltPosition",
"privacy": "public",
"description": "Slat tilt percentage.",
"type": {
"text": "number"
},
"default": "50",
"attribute": "tilt-position"
},
{
"kind": "field",
"name": "supportsTilt",
"privacy": "public",
"description": "Show independently reusable slat-tilt controls.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "supports-tilt"
},
{
"kind": "field",
"name": "controlMode",
"privacy": "public",
"description": "Popup control panel: position, buttons, or tilt (when supported).",
"type": {
"text": "string"
},
"default": "\"position\"",
"attribute": "control-mode"
},
{
"kind": "field",
"name": "lastChangedLabel",
"privacy": "public",
"description": "Application-formatted last-changed text below the popup state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "last-changed-label"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Cover icon.",
"type": {
"text": "string"
},
"default": "\"cover\""
},
{
"name": "state",
"fieldName": "state",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\""
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "domain",
"fieldName": "domain",
"description": "Cover domain.",
"type": {
"text": "string"
},
"default": "\"cover\""
},
{
"name": "detail-properties",
"fieldName": "detailProperties",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "entity-attributes",
"fieldName": "entityAttributes",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "tap-action",
"fieldName": "tapAction",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "icon-tap-action",
"fieldName": "iconTapAction",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\""
},
{
"name": "hold-action",
"fieldName": "holdAction",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "double-tap-action",
"fieldName": "doubleTapAction",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "color",
"fieldName": "color",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\""
},
{
"name": "show-header",
"fieldName": "showHeader",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "position",
"fieldName": "position",
"description": "Cover position, from 0 (closed) to 100 (open). Commands emit actions; position changes only when assigned or moved with the slider.",
"type": {
"text": "number"
},
"default": "100"
},
{
"name": "tilt-position",
"fieldName": "tiltPosition",
"description": "Slat tilt percentage.",
"type": {
"text": "number"
},
"default": "50"
},
{
"name": "supports-tilt",
"fieldName": "supportsTilt",
"description": "Show independently reusable slat-tilt controls.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "control-mode",
"fieldName": "controlMode",
"description": "Popup control panel: position, buttons, or tilt (when supported).",
"type": {
"text": "string"
},
"default": "\"position\""
},
{
"name": "last-changed-label",
"fieldName": "lastChangedLabel",
"description": "Application-formatted last-changed text below the popup state.",
"type": {
"text": "string"
},
"default": "\"\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
},
{
"name": "cover-panel",
"description": "cover-panel styling hook."
}
],
"cssProperties": [
{
"name": "--luma-cover-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaMediaPlayer",
"description": "A media player card with track metadata, playback actions, and volume control.",
"tagName": "luma-media-player",
"customElement": true,
"superclass": {
"name": "LumaEntity",
"module": "dist/components.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Media player icon.",
"type": {
"text": "string"
},
"default": "\"speaker\"",
"attribute": "icon"
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\"",
"attribute": "state"
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary"
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id"
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Media player domain.",
"type": {
"text": "string"
},
"default": "\"media_player\"",
"attribute": "domain"
},
{
"kind": "field",
"name": "detailProperties",
"privacy": "public",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "detail-properties"
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "entity-attributes"
},
{
"kind": "field",
"name": "tapAction",
"privacy": "public",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "tap-action"
},
{
"kind": "field",
"name": "iconTapAction",
"privacy": "public",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\"",
"attribute": "icon-tap-action"
},
{
"kind": "field",
"name": "holdAction",
"privacy": "public",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "hold-action"
},
{
"kind": "field",
"name": "doubleTapAction",
"privacy": "public",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "double-tap-action"
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\"",
"attribute": "color"
},
{
"kind": "field",
"name": "showHeader",
"privacy": "public",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-header"
},
{
"kind": "field",
"name": "mediaImage",
"privacy": "public",
"description": "Optional album-art URL. Only http(s), blob, and relative URLs are accepted.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "media-image"
},
{
"kind": "field",
"name": "capabilities",
"privacy": "public",
"description": "Supported popup controls; unsupported actions are omitted.",
"type": {
"text": "string[]"
},
"default": "[\"play\",\"pause\",\"previous\",\"next\",\"seek\",\"volume\",\"mute\",\"shuffle\",\"repeat\",\"power\",\"source\",\"sound_mode\"]",
"attribute": "capabilities"
},
{
"kind": "field",
"name": "mediaTitle",
"privacy": "public",
"description": "Current track or program title.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "media-title"
},
{
"kind": "field",
"name": "artist",
"privacy": "public",
"description": "Artist, station, or source name.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "artist"
},
{
"kind": "field",
"name": "volume",
"privacy": "public",
"description": "Volume in percent from 0 to 100.",
"type": {
"text": "number"
},
"default": "30",
"attribute": "volume"
},
{
"kind": "field",
"name": "muted",
"privacy": "public",
"description": "Whether audio is muted.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "muted"
},
{
"kind": "field",
"name": "position",
"privacy": "public",
"description": "Playback position in seconds.",
"type": {
"text": "number"
},
"default": "0",
"attribute": "position"
},
{
"kind": "field",
"name": "duration",
"privacy": "public",
"description": "Media duration in seconds.",
"type": {
"text": "number"
},
"default": "240",
"attribute": "duration"
},
{
"kind": "field",
"name": "source",
"privacy": "public",
"description": "Selected source.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "source"
},
{
"kind": "field",
"name": "sources",
"privacy": "public",
"description": "Available sources.",
"type": {
"text": "string[]"
},
"default": "[]",
"attribute": "sources"
},
{
"kind": "field",
"name": "soundMode",
"privacy": "public",
"description": "Selected sound mode.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "sound-mode"
},
{
"kind": "field",
"name": "soundModes",
"privacy": "public",
"description": "Available sound modes.",
"type": {
"text": "string[]"
},
"default": "[]",
"attribute": "sound-modes"
},
{
"kind": "field",
"name": "shuffle",
"privacy": "public",
"description": "Shuffle enabled.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "shuffle"
},
{
"kind": "field",
"name": "repeat",
"privacy": "public",
"description": "Repeat mode: off, one, or all.",
"type": {
"text": "string"
},
"default": "\"off\"",
"attribute": "repeat"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Media player icon.",
"type": {
"text": "string"
},
"default": "\"speaker\""
},
{
"name": "state",
"fieldName": "state",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\""
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "domain",
"fieldName": "domain",
"description": "Media player domain.",
"type": {
"text": "string"
},
"default": "\"media_player\""
},
{
"name": "detail-properties",
"fieldName": "detailProperties",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "entity-attributes",
"fieldName": "entityAttributes",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "tap-action",
"fieldName": "tapAction",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "icon-tap-action",
"fieldName": "iconTapAction",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\""
},
{
"name": "hold-action",
"fieldName": "holdAction",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "double-tap-action",
"fieldName": "doubleTapAction",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "color",
"fieldName": "color",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\""
},
{
"name": "show-header",
"fieldName": "showHeader",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "media-image",
"fieldName": "mediaImage",
"description": "Optional album-art URL. Only http(s), blob, and relative URLs are accepted.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "capabilities",
"fieldName": "capabilities",
"description": "Supported popup controls; unsupported actions are omitted.",
"type": {
"text": "string"
},
"default": "[\"play\",\"pause\",\"previous\",\"next\",\"seek\",\"volume\",\"mute\",\"shuffle\",\"repeat\",\"power\",\"source\",\"sound_mode\"]"
},
{
"name": "media-title",
"fieldName": "mediaTitle",
"description": "Current track or program title.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "artist",
"fieldName": "artist",
"description": "Artist, station, or source name.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "volume",
"fieldName": "volume",
"description": "Volume in percent from 0 to 100.",
"type": {
"text": "number"
},
"default": "30"
},
{
"name": "muted",
"fieldName": "muted",
"description": "Whether audio is muted.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "position",
"fieldName": "position",
"description": "Playback position in seconds.",
"type": {
"text": "number"
},
"default": "0"
},
{
"name": "duration",
"fieldName": "duration",
"description": "Media duration in seconds.",
"type": {
"text": "number"
},
"default": "240"
},
{
"name": "source",
"fieldName": "source",
"description": "Selected source.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "sources",
"fieldName": "sources",
"description": "Available sources.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "sound-mode",
"fieldName": "soundMode",
"description": "Selected sound mode.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "sound-modes",
"fieldName": "soundModes",
"description": "Available sound modes.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "shuffle",
"fieldName": "shuffle",
"description": "Shuffle enabled.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "repeat",
"fieldName": "repeat",
"description": "Repeat mode: off, one, or all.",
"type": {
"text": "string"
},
"default": "\"off\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
},
{
"name": "media-panel",
"description": "media-panel styling hook."
},
{
"name": "artwork",
"description": "artwork styling hook."
}
],
"cssProperties": [
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaWeather",
"description": "A weather card with current conditions and up to seven daily forecast columns.",
"tagName": "luma-weather",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Weather entity domain.",
"type": {
"text": "string"
},
"default": "\"weather\"",
"attribute": "domain"
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Weather entity identifier.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id"
},
{
"kind": "field",
"name": "condition",
"privacy": "public",
"description": "Human-readable current weather condition.",
"type": {
"text": "string"
},
"default": "\"Partly cloudy\"",
"attribute": "condition"
},
{
"kind": "field",
"name": "temperature",
"privacy": "public",
"description": "Current outdoor temperature.",
"type": {
"text": "number"
},
"default": "22",
"attribute": "temperature"
},
{
"kind": "field",
"name": "unit",
"privacy": "public",
"description": "Temperature unit.",
"type": {
"text": "string"
},
"default": "\"°C\"",
"attribute": "unit"
},
{
"kind": "field",
"name": "humidity",
"privacy": "public",
"description": "Relative humidity as a percentage.",
"type": {
"text": "number"
},
"default": "57",
"attribute": "humidity"
},
{
"kind": "field",
"name": "windSpeed",
"privacy": "public",
"description": "Wind speed in the unit specified by wind-unit.",
"type": {
"text": "number"
},
"default": "12",
"attribute": "wind-speed"
},
{
"kind": "field",
"name": "windUnit",
"privacy": "public",
"description": "Wind speed unit.",
"type": {
"text": "string"
},
"default": "\"km/h\"",
"attribute": "wind-unit"
},
{
"kind": "field",
"name": "forecast",
"privacy": "public",
"description": "Forecast array: {day, condition?, temperature, low?}.",
"type": {
"text": "Forecast[]"
},
"default": "[]",
"attribute": "forecast"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "domain",
"fieldName": "domain",
"description": "Weather entity domain.",
"type": {
"text": "string"
},
"default": "\"weather\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Weather entity identifier.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "condition",
"fieldName": "condition",
"description": "Human-readable current weather condition.",
"type": {
"text": "string"
},
"default": "\"Partly cloudy\""
},
{
"name": "temperature",
"fieldName": "temperature",
"description": "Current outdoor temperature.",
"type": {
"text": "number"
},
"default": "22"
},
{
"name": "unit",
"fieldName": "unit",
"description": "Temperature unit.",
"type": {
"text": "string"
},
"default": "\"°C\""
},
{
"name": "humidity",
"fieldName": "humidity",
"description": "Relative humidity as a percentage.",
"type": {
"text": "number"
},
"default": "57"
},
{
"name": "wind-speed",
"fieldName": "windSpeed",
"description": "Wind speed in the unit specified by wind-unit.",
"type": {
"text": "number"
},
"default": "12"
},
{
"name": "wind-unit",
"fieldName": "windUnit",
"description": "Wind speed unit.",
"type": {
"text": "string"
},
"default": "\"km/h\""
},
{
"name": "forecast",
"fieldName": "forecast",
"description": "Forecast array: {day, condition?, temperature, low?}.",
"type": {
"text": "string"
},
"default": "[]"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaAlarm",
"description": "An alarm panel with explicit arm/disarm command events; state is supplied by your application.",
"tagName": "luma-alarm",
"customElement": true,
"superclass": {
"name": "LumaEntity",
"module": "dist/components.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Alarm status icon.",
"type": {
"text": "string"
},
"default": "\"shield\"",
"attribute": "icon"
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Current alarm state. Commands emit actions and do not change the supplied state.",
"type": {
"text": "string"
},
"default": "\"disarmed\"",
"attribute": "state"
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary"
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id"
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Alarm panel domain.",
"type": {
"text": "string"
},
"default": "\"alarm_control_panel\"",
"attribute": "domain"
},
{
"kind": "field",
"name": "detailProperties",
"privacy": "public",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "detail-properties"
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "entity-attributes"
},
{
"kind": "field",
"name": "tapAction",
"privacy": "public",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "tap-action"
},
{
"kind": "field",
"name": "iconTapAction",
"privacy": "public",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\"",
"attribute": "icon-tap-action"
},
{
"kind": "field",
"name": "holdAction",
"privacy": "public",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "hold-action"
},
{
"kind": "field",
"name": "doubleTapAction",
"privacy": "public",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "double-tap-action"
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\"",
"attribute": "color"
},
{
"kind": "field",
"name": "showHeader",
"privacy": "public",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-header"
},
{
"kind": "field",
"name": "modes",
"privacy": "public",
"description": "Available arming modes.",
"type": {
"text": "string[]"
},
"default": "[\"home\",\"away\",\"night\"]",
"attribute": "modes"
},
{
"kind": "field",
"name": "requireCode",
"privacy": "public",
"description": "Require a non-empty code before enabling arm/disarm commands. Read the code property explicitly in your command handler.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "require-code"
},
{
"kind": "field",
"name": "code",
"privacy": "public",
"type": {
"text": "string"
},
"readonly": true
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Alarm status icon.",
"type": {
"text": "string"
},
"default": "\"shield\""
},
{
"name": "state",
"fieldName": "state",
"description": "Current alarm state. Commands emit actions and do not change the supplied state.",
"type": {
"text": "string"
},
"default": "\"disarmed\""
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "domain",
"fieldName": "domain",
"description": "Alarm panel domain.",
"type": {
"text": "string"
},
"default": "\"alarm_control_panel\""
},
{
"name": "detail-properties",
"fieldName": "detailProperties",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "entity-attributes",
"fieldName": "entityAttributes",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "tap-action",
"fieldName": "tapAction",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "icon-tap-action",
"fieldName": "iconTapAction",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\""
},
{
"name": "hold-action",
"fieldName": "holdAction",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "double-tap-action",
"fieldName": "doubleTapAction",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "color",
"fieldName": "color",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\""
},
{
"name": "show-header",
"fieldName": "showHeader",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "modes",
"fieldName": "modes",
"description": "Available arming modes.",
"type": {
"text": "string"
},
"default": "[\"home\",\"away\",\"night\"]"
},
{
"name": "require-code",
"fieldName": "requireCode",
"description": "Require a non-empty code before enabling arm/disarm commands. Read the code property explicitly in your command handler.",
"type": {
"text": "boolean"
},
"default": "false"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
}
],
"exports": [
{
"kind": "js",
"name": "LumaEntity",
"declaration": {
"name": "LumaEntity",
"module": "dist/components.js"
}
},
{
"kind": "js",
"name": "LumaBadge",
"declaration": {
"name": "LumaBadge",
"module": "dist/components.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-badge",
"declaration": {
"name": "LumaBadge",
"module": "dist/components.js"
}
},
{
"kind": "js",
"name": "LumaCard",
"declaration": {
"name": "LumaCard",
"module": "dist/components.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-card",
"declaration": {
"name": "LumaCard",
"module": "dist/components.js"
}
},
{
"kind": "js",
"name": "LumaHeading",
"declaration": {
"name": "LumaHeading",
"module": "dist/components.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-heading",
"declaration": {
"name": "LumaHeading",
"module": "dist/components.js"
}
},
{
"kind": "js",
"name": "LumaTile",
"declaration": {
"name": "LumaTile",
"module": "dist/components.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-tile",
"declaration": {
"name": "LumaTile",
"module": "dist/components.js"
}
},
{
"kind": "js",
"name": "LumaEntityRow",
"declaration": {
"name": "LumaEntityRow",
"module": "dist/components.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-entity-row",
"declaration": {
"name": "LumaEntityRow",
"module": "dist/components.js"
}
},
{
"kind": "js",
"name": "LumaEntities",
"declaration": {
"name": "LumaEntities",
"module": "dist/components.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-entities",
"declaration": {
"name": "LumaEntities",
"module": "dist/components.js"
}
},
{
"kind": "js",
"name": "LumaGlanceItem",
"declaration": {
"name": "LumaGlanceItem",
"module": "dist/components.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-glance-item",
"declaration": {
"name": "LumaGlanceItem",
"module": "dist/components.js"
}
},
{
"kind": "js",
"name": "LumaGlance",
"declaration": {
"name": "LumaGlance",
"module": "dist/components.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-glance",
"declaration": {
"name": "LumaGlance",
"module": "dist/components.js"
}
},
{
"kind": "js",
"name": "LumaGrid",
"declaration": {
"name": "LumaGrid",
"module": "dist/components.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-grid",
"declaration": {
"name": "LumaGrid",
"module": "dist/components.js"
}
},
{
"kind": "js",
"name": "LumaStack",
"declaration": {
"name": "LumaStack",
"module": "dist/components.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-stack",
"declaration": {
"name": "LumaStack",
"module": "dist/components.js"
}
},
{
"kind": "js",
"name": "LumaThermostat",
"declaration": {
"name": "LumaThermostat",
"module": "dist/components.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-thermostat",
"declaration": {
"name": "LumaThermostat",
"module": "dist/components.js"
}
},
{
"kind": "js",
"name": "LumaLight",
"declaration": {
"name": "LumaLight",
"module": "dist/components.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-light",
"declaration": {
"name": "LumaLight",
"module": "dist/components.js"
}
},
{
"kind": "js",
"name": "LumaCover",
"declaration": {
"name": "LumaCover",
"module": "dist/components.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-cover",
"declaration": {
"name": "LumaCover",
"module": "dist/components.js"
}
},
{
"kind": "js",
"name": "LumaMediaPlayer",
"declaration": {
"name": "LumaMediaPlayer",
"module": "dist/components.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-media-player",
"declaration": {
"name": "LumaMediaPlayer",
"module": "dist/components.js"
}
},
{
"kind": "js",
"name": "LumaWeather",
"declaration": {
"name": "LumaWeather",
"module": "dist/components.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-weather",
"declaration": {
"name": "LumaWeather",
"module": "dist/components.js"
}
},
{
"kind": "js",
"name": "LumaAlarm",
"declaration": {
"name": "LumaAlarm",
"module": "dist/components.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-alarm",
"declaration": {
"name": "LumaAlarm",
"module": "dist/components.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "dist/content.js",
"declarations": [
{
"kind": "class",
"name": "LumaButtonCard",
"description": "A large entity action button with state-colored icon.",
"tagName": "luma-button-card",
"customElement": true,
"superclass": {
"name": "LumaEntity",
"module": "dist/components.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\"",
"attribute": "icon"
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\"",
"attribute": "state"
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary"
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id"
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Entity domain such as light, climate, cover, fan, or sensor. Inferred from entity-id when omitted.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "domain"
},
{
"kind": "field",
"name": "detailProperties",
"privacy": "public",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "detail-properties"
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "entity-attributes"
},
{
"kind": "field",
"name": "tapAction",
"privacy": "public",
"description": "Default toggles supported domains; otherwise opens details. Use press for a scene/action button.",
"type": {
"text": "string"
},
"default": "\"auto\"",
"attribute": "tap-action"
},
{
"kind": "field",
"name": "iconTapAction",
"privacy": "public",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\"",
"attribute": "icon-tap-action"
},
{
"kind": "field",
"name": "holdAction",
"privacy": "public",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "hold-action"
},
{
"kind": "field",
"name": "doubleTapAction",
"privacy": "public",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "double-tap-action"
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\"",
"attribute": "color"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\""
},
{
"name": "state",
"fieldName": "state",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\""
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "domain",
"fieldName": "domain",
"description": "Entity domain such as light, climate, cover, fan, or sensor. Inferred from entity-id when omitted.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "detail-properties",
"fieldName": "detailProperties",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "entity-attributes",
"fieldName": "entityAttributes",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "tap-action",
"fieldName": "tapAction",
"description": "Default toggles supported domains; otherwise opens details. Use press for a scene/action button.",
"type": {
"text": "string"
},
"default": "\"auto\""
},
{
"name": "icon-tap-action",
"fieldName": "iconTapAction",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\""
},
{
"name": "hold-action",
"fieldName": "holdAction",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "double-tap-action",
"fieldName": "doubleTapAction",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "color",
"fieldName": "color",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "icon",
"description": "icon content."
}
]
},
{
"kind": "class",
"name": "LumaPicture",
"description": "An image card for camera snapshots and room images, with caption and alt text.",
"tagName": "luma-picture",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "src",
"privacy": "public",
"description": "Image URL. Relative URLs, HTTP(S), and blob URLs are supported. No image is fetched until a source is provided.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "src"
},
{
"kind": "field",
"name": "alt",
"privacy": "public",
"description": "Alternative text describing the image.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "alt"
},
{
"kind": "field",
"name": "caption",
"privacy": "public",
"description": "Secondary caption under the image.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "caption"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "src",
"fieldName": "src",
"description": "Image URL. Relative URLs, HTTP(S), and blob URLs are supported. No image is fetched until a source is provided.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "alt",
"fieldName": "alt",
"description": "Alternative text describing the image.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "caption",
"fieldName": "caption",
"description": "Secondary caption under the image.",
"type": {
"text": "string"
},
"default": "\"\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
},
{
"name": "image",
"description": "image styling hook."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "",
"description": "Default component content."
}
]
},
{
"kind": "class",
"name": "LumaText",
"description": "A safe text card with a slot for application-provided rich content.",
"tagName": "luma-text",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "content",
"privacy": "public",
"description": "Plain text content. Line breaks are preserved; markup is escaped for safety. Use the default slot for trusted rich HTML.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "content"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "content",
"fieldName": "content",
"description": "Plain text content. Line breaks are preserved; markup is escaped for safety. Use the default slot for trusted rich HTML.",
"type": {
"text": "string"
},
"default": "\"\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
},
{
"name": "content",
"description": "content styling hook."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "",
"description": "Default component content."
}
]
}
],
"exports": [
{
"kind": "js",
"name": "LumaButtonCard",
"declaration": {
"name": "LumaButtonCard",
"module": "dist/content.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-button-card",
"declaration": {
"name": "LumaButtonCard",
"module": "dist/content.js"
}
},
{
"kind": "js",
"name": "LumaPicture",
"declaration": {
"name": "LumaPicture",
"module": "dist/content.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-picture",
"declaration": {
"name": "LumaPicture",
"module": "dist/content.js"
}
},
{
"kind": "js",
"name": "LumaText",
"declaration": {
"name": "LumaText",
"module": "dist/content.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-text",
"declaration": {
"name": "LumaText",
"module": "dist/content.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "dist/controls.js",
"declarations": [
{
"kind": "class",
"name": "LumaArc",
"description": "Standalone 270° value/range arc. Use it as an indicator anywhere, or compose it with luma-dial for interaction.",
"tagName": "luma-arc",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "value",
"privacy": "public",
"description": "Current numeric value, clamped to the minimum and maximum for display and user interaction.",
"type": {
"text": "number"
},
"default": "0",
"attribute": "value"
},
{
"kind": "field",
"name": "min",
"privacy": "public",
"description": "Inclusive lower bound.",
"type": {
"text": "number"
},
"default": "0",
"attribute": "min"
},
{
"kind": "field",
"name": "max",
"privacy": "public",
"description": "Inclusive upper bound. Must be greater than min.",
"type": {
"text": "number"
},
"default": "100",
"attribute": "max"
},
{
"kind": "field",
"name": "step",
"privacy": "public",
"description": "Positive increment for pointer and keyboard adjustments.",
"type": {
"text": "number"
},
"default": "1",
"attribute": "step"
},
{
"kind": "field",
"name": "unit",
"privacy": "public",
"description": "Unit shown after the value, such as %, °C, or W.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "unit"
},
{
"kind": "field",
"name": "mode",
"privacy": "public",
"description": "Arc fill: start for heating/humidifying, end for cooling/drying, or full.",
"type": {
"text": "string"
},
"default": "\"start\"",
"attribute": "mode"
},
{
"kind": "field",
"name": "inactive",
"privacy": "public",
"description": "Hide active arc colors while a device is off; retain the target readout and a neutral handle.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "inactive"
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "Arc and handle accent, a theme color name or CSS color.",
"type": {
"text": "string"
},
"default": "\"orange\"",
"attribute": "color"
},
{
"kind": "field",
"name": "highValue",
"privacy": "public",
"description": "Upper set point when range is enabled.",
"type": {
"text": "number"
},
"default": "24",
"attribute": "high-value"
},
{
"kind": "field",
"name": "range",
"privacy": "public",
"description": "Draw the active segment between value and high-value.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "range"
},
{
"kind": "field",
"name": "showThumb",
"privacy": "public",
"description": "Show draggable-handle markers; interaction is supplied by luma-dial.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "show-thumb"
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Caption above the central reading.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary"
},
{
"kind": "field",
"name": "currentValue",
"privacy": "public",
"description": "Actual measured temperature shown separately and as an optional dial marker.",
"type": {
"text": "number"
},
"default": "20.8",
"attribute": "current-value"
},
{
"kind": "field",
"name": "showCurrent",
"privacy": "public",
"description": "Show the actual-temperature readout above the arc.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "show-current"
},
{
"kind": "field",
"name": "currentLabel",
"privacy": "public",
"description": "Label above the actual-temperature reading.",
"type": {
"text": "string"
},
"default": "\"Current temperature\"",
"attribute": "current-label"
},
{
"kind": "field",
"name": "showCurrentMarker",
"privacy": "public",
"description": "Show a small marker for the measured temperature.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "show-current-marker"
},
{
"kind": "field",
"name": "showCurrentAsPrimary",
"privacy": "public",
"description": "Use the measured temperature as the main reading; the set point remains draggable.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "show-current-as-primary"
},
{
"kind": "field",
"name": "precision",
"privacy": "public",
"description": "Fixed decimal digits for the main temperature readout.",
"type": {
"text": "number"
},
"default": "1",
"attribute": "precision"
},
{
"kind": "field",
"name": "locale",
"privacy": "public",
"description": "Number-format locale for decimal comma/point selection.",
"type": {
"text": "string"
},
"default": "\"en\"",
"attribute": "locale"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "value",
"fieldName": "value",
"description": "Current numeric value, clamped to the minimum and maximum for display and user interaction.",
"type": {
"text": "number"
},
"default": "0"
},
{
"name": "min",
"fieldName": "min",
"description": "Inclusive lower bound.",
"type": {
"text": "number"
},
"default": "0"
},
{
"name": "max",
"fieldName": "max",
"description": "Inclusive upper bound. Must be greater than min.",
"type": {
"text": "number"
},
"default": "100"
},
{
"name": "step",
"fieldName": "step",
"description": "Positive increment for pointer and keyboard adjustments.",
"type": {
"text": "number"
},
"default": "1"
},
{
"name": "unit",
"fieldName": "unit",
"description": "Unit shown after the value, such as %, °C, or W.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "mode",
"fieldName": "mode",
"description": "Arc fill: start for heating/humidifying, end for cooling/drying, or full.",
"type": {
"text": "string"
},
"default": "\"start\""
},
{
"name": "inactive",
"fieldName": "inactive",
"description": "Hide active arc colors while a device is off; retain the target readout and a neutral handle.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "color",
"fieldName": "color",
"description": "Arc and handle accent, a theme color name or CSS color.",
"type": {
"text": "string"
},
"default": "\"orange\""
},
{
"name": "high-value",
"fieldName": "highValue",
"description": "Upper set point when range is enabled.",
"type": {
"text": "number"
},
"default": "24"
},
{
"name": "range",
"fieldName": "range",
"description": "Draw the active segment between value and high-value.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "show-thumb",
"fieldName": "showThumb",
"description": "Show draggable-handle markers; interaction is supplied by luma-dial.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Caption above the central reading.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "current-value",
"fieldName": "currentValue",
"description": "Actual measured temperature shown separately and as an optional dial marker.",
"type": {
"text": "number"
},
"default": "20.8"
},
{
"name": "show-current",
"fieldName": "showCurrent",
"description": "Show the actual-temperature readout above the arc.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "current-label",
"fieldName": "currentLabel",
"description": "Label above the actual-temperature reading.",
"type": {
"text": "string"
},
"default": "\"Current temperature\""
},
{
"name": "show-current-marker",
"fieldName": "showCurrentMarker",
"description": "Show a small marker for the measured temperature.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "show-current-as-primary",
"fieldName": "showCurrentAsPrimary",
"description": "Use the measured temperature as the main reading; the set point remains draggable.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "precision",
"fieldName": "precision",
"description": "Fixed decimal digits for the main temperature readout.",
"type": {
"text": "number"
},
"default": "1"
},
{
"name": "locale",
"fieldName": "locale",
"description": "Number-format locale for decimal comma/point selection.",
"type": {
"text": "string"
},
"default": "\"en\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "thumb",
"description": "Interactive handle or thumb."
},
{
"name": "current-temperature",
"description": "current-temperature styling hook."
},
{
"name": "arc",
"description": "Standalone SVG value arc."
},
{
"name": "track",
"description": "Inactive control track."
},
{
"name": "fill",
"description": "Active arc/graph fill."
},
{
"name": "difference",
"description": "difference styling hook."
},
{
"name": "reading",
"description": "reading styling hook."
}
],
"cssProperties": [
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-arc-duration",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-dial-readout-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-readout-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaDial",
"description": "Reusable mouse/touch draggable dial with snapping, dual temperature set points, pointer capture/cancellation, and keyboard slider semantics.",
"tagName": "luma-dial",
"customElement": true,
"superclass": {
"name": "LumaArc",
"module": "dist/controls.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label",
"inheritedFrom": {
"name": "LumaArc",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaArc",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "value",
"privacy": "public",
"description": "Current numeric value, clamped to the minimum and maximum for display and user interaction.",
"type": {
"text": "number"
},
"default": "0",
"attribute": "value",
"inheritedFrom": {
"name": "LumaArc",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "min",
"privacy": "public",
"description": "Inclusive lower bound.",
"type": {
"text": "number"
},
"default": "0",
"attribute": "min",
"inheritedFrom": {
"name": "LumaArc",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "max",
"privacy": "public",
"description": "Inclusive upper bound. Must be greater than min.",
"type": {
"text": "number"
},
"default": "100",
"attribute": "max",
"inheritedFrom": {
"name": "LumaArc",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "step",
"privacy": "public",
"description": "Positive increment for pointer and keyboard adjustments.",
"type": {
"text": "number"
},
"default": "1",
"attribute": "step",
"inheritedFrom": {
"name": "LumaArc",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "unit",
"privacy": "public",
"description": "Unit shown after the value, such as %, °C, or W.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "unit",
"inheritedFrom": {
"name": "LumaArc",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "mode",
"privacy": "public",
"description": "Arc fill: start for heating/humidifying, end for cooling/drying, or full.",
"type": {
"text": "string"
},
"default": "\"start\"",
"attribute": "mode",
"inheritedFrom": {
"name": "LumaArc",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "inactive",
"privacy": "public",
"description": "Hide active arc colors while a device is off; retain the target readout and a neutral handle.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "inactive",
"inheritedFrom": {
"name": "LumaArc",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "Arc and handle accent, a theme color name or CSS color.",
"type": {
"text": "string"
},
"default": "\"orange\"",
"attribute": "color",
"inheritedFrom": {
"name": "LumaArc",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "highValue",
"privacy": "public",
"description": "Upper set point when range is enabled.",
"type": {
"text": "number"
},
"default": "24",
"attribute": "high-value",
"inheritedFrom": {
"name": "LumaArc",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "range",
"privacy": "public",
"description": "Draw the active segment between value and high-value.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "range",
"inheritedFrom": {
"name": "LumaArc",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "showThumb",
"privacy": "public",
"description": "Show the currently controlled set point handles.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-thumb"
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Caption above the central reading.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary",
"inheritedFrom": {
"name": "LumaArc",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "currentValue",
"privacy": "public",
"description": "Actual measured temperature shown separately and as an optional dial marker.",
"type": {
"text": "number"
},
"default": "20.8",
"attribute": "current-value",
"inheritedFrom": {
"name": "LumaArc",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "showCurrent",
"privacy": "public",
"description": "Show the actual-temperature readout above the arc.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "show-current",
"inheritedFrom": {
"name": "LumaArc",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "currentLabel",
"privacy": "public",
"description": "Label above the actual-temperature reading.",
"type": {
"text": "string"
},
"default": "\"Current temperature\"",
"attribute": "current-label",
"inheritedFrom": {
"name": "LumaArc",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "showCurrentMarker",
"privacy": "public",
"description": "Show a small marker for the measured temperature.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "show-current-marker",
"inheritedFrom": {
"name": "LumaArc",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "showCurrentAsPrimary",
"privacy": "public",
"description": "Use the measured temperature as the main reading; the set point remains draggable.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "show-current-as-primary",
"inheritedFrom": {
"name": "LumaArc",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "precision",
"privacy": "public",
"description": "Fixed decimal digits for the main temperature readout.",
"type": {
"text": "number"
},
"default": "1",
"attribute": "precision",
"inheritedFrom": {
"name": "LumaArc",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "locale",
"privacy": "public",
"description": "Number-format locale for decimal comma/point selection.",
"type": {
"text": "string"
},
"default": "\"en\"",
"attribute": "locale",
"inheritedFrom": {
"name": "LumaArc",
"module": "dist/controls.js"
}
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "value",
"fieldName": "value",
"description": "Current numeric value, clamped to the minimum and maximum for display and user interaction.",
"type": {
"text": "number"
},
"default": "0"
},
{
"name": "min",
"fieldName": "min",
"description": "Inclusive lower bound.",
"type": {
"text": "number"
},
"default": "0"
},
{
"name": "max",
"fieldName": "max",
"description": "Inclusive upper bound. Must be greater than min.",
"type": {
"text": "number"
},
"default": "100"
},
{
"name": "step",
"fieldName": "step",
"description": "Positive increment for pointer and keyboard adjustments.",
"type": {
"text": "number"
},
"default": "1"
},
{
"name": "unit",
"fieldName": "unit",
"description": "Unit shown after the value, such as %, °C, or W.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "mode",
"fieldName": "mode",
"description": "Arc fill: start for heating/humidifying, end for cooling/drying, or full.",
"type": {
"text": "string"
},
"default": "\"start\""
},
{
"name": "inactive",
"fieldName": "inactive",
"description": "Hide active arc colors while a device is off; retain the target readout and a neutral handle.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "color",
"fieldName": "color",
"description": "Arc and handle accent, a theme color name or CSS color.",
"type": {
"text": "string"
},
"default": "\"orange\""
},
{
"name": "high-value",
"fieldName": "highValue",
"description": "Upper set point when range is enabled.",
"type": {
"text": "number"
},
"default": "24"
},
{
"name": "range",
"fieldName": "range",
"description": "Draw the active segment between value and high-value.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "show-thumb",
"fieldName": "showThumb",
"description": "Show the currently controlled set point handles.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Caption above the central reading.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "current-value",
"fieldName": "currentValue",
"description": "Actual measured temperature shown separately and as an optional dial marker.",
"type": {
"text": "number"
},
"default": "20.8"
},
{
"name": "show-current",
"fieldName": "showCurrent",
"description": "Show the actual-temperature readout above the arc.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "current-label",
"fieldName": "currentLabel",
"description": "Label above the actual-temperature reading.",
"type": {
"text": "string"
},
"default": "\"Current temperature\""
},
{
"name": "show-current-marker",
"fieldName": "showCurrentMarker",
"description": "Show a small marker for the measured temperature.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "show-current-as-primary",
"fieldName": "showCurrentAsPrimary",
"description": "Use the measured temperature as the main reading; the set point remains draggable.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "precision",
"fieldName": "precision",
"description": "Fixed decimal digits for the main temperature readout.",
"type": {
"text": "number"
},
"default": "1"
},
{
"name": "locale",
"fieldName": "locale",
"description": "Number-format locale for decimal comma/point selection.",
"type": {
"text": "string"
},
"default": "\"en\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "dial",
"description": "dial styling hook."
},
{
"name": "arc",
"description": "Standalone SVG value arc."
},
{
"name": "track",
"description": "Inactive control track."
},
{
"name": "fill",
"description": "Active arc/graph fill."
},
{
"name": "difference",
"description": "difference styling hook."
},
{
"name": "thumb",
"description": "Interactive handle or thumb."
}
],
"cssProperties": [
{
"name": "--luma-arc-duration",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-dial-readout-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-readout-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaVerticalSlider",
"description": "Standalone vertical brightness/volume slider with the tall control shape used in entity details.",
"tagName": "luma-vertical-slider",
"customElement": true,
"superclass": {
"name": "LumaSlider",
"module": "dist/primitives.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label",
"inheritedFrom": {
"name": "LumaSlider",
"module": "dist/primitives.js"
}
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaSlider",
"module": "dist/primitives.js"
}
},
{
"kind": "field",
"name": "value",
"privacy": "public",
"description": "Current numeric value, clamped to the minimum and maximum for display and user interaction.",
"type": {
"text": "number"
},
"default": "0",
"attribute": "value",
"inheritedFrom": {
"name": "LumaSlider",
"module": "dist/primitives.js"
}
},
{
"kind": "field",
"name": "min",
"privacy": "public",
"description": "Inclusive lower bound.",
"type": {
"text": "number"
},
"default": "0",
"attribute": "min",
"inheritedFrom": {
"name": "LumaSlider",
"module": "dist/primitives.js"
}
},
{
"kind": "field",
"name": "max",
"privacy": "public",
"description": "Inclusive upper bound. Must be greater than min.",
"type": {
"text": "number"
},
"default": "100",
"attribute": "max",
"inheritedFrom": {
"name": "LumaSlider",
"module": "dist/primitives.js"
}
},
{
"kind": "field",
"name": "step",
"privacy": "public",
"description": "Positive increment for pointer and keyboard adjustments.",
"type": {
"text": "number"
},
"default": "1",
"attribute": "step",
"inheritedFrom": {
"name": "LumaSlider",
"module": "dist/primitives.js"
}
},
{
"kind": "field",
"name": "unit",
"privacy": "public",
"description": "Unit shown after the value, such as %, °C, or W.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "unit",
"inheritedFrom": {
"name": "LumaSlider",
"module": "dist/primitives.js"
}
},
{
"kind": "field",
"name": "mode",
"privacy": "public",
"description": "Fill direction: start for brightness/volume, end for cover position, cursor for a marker without an amount fill.",
"type": {
"text": "string"
},
"default": "\"start\"",
"attribute": "mode",
"inheritedFrom": {
"name": "LumaSlider",
"module": "dist/primitives.js"
}
},
{
"kind": "field",
"name": "showValue",
"privacy": "public",
"description": "Display the numeric value beside the slider.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "show-value",
"inheritedFrom": {
"name": "LumaSlider",
"module": "dist/primitives.js"
}
},
{
"kind": "field",
"name": "hideLabel",
"privacy": "public",
"description": "Visually hide the label while retaining the accessible name.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "hide-label",
"inheritedFrom": {
"name": "LumaSlider",
"module": "dist/primitives.js"
}
},
{
"kind": "field",
"name": "orientation",
"privacy": "public",
"description": "Range orientation: vertical or horizontal.",
"type": {
"text": "string"
},
"default": "\"vertical\"",
"attribute": "orientation"
},
{
"kind": "field",
"name": "inverted",
"privacy": "public",
"description": "Place the minimum at the top of a vertical slider, useful for warm-to-cool kelvin controls.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "inverted"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "value",
"fieldName": "value",
"description": "Current numeric value, clamped to the minimum and maximum for display and user interaction.",
"type": {
"text": "number"
},
"default": "0"
},
{
"name": "min",
"fieldName": "min",
"description": "Inclusive lower bound.",
"type": {
"text": "number"
},
"default": "0"
},
{
"name": "max",
"fieldName": "max",
"description": "Inclusive upper bound. Must be greater than min.",
"type": {
"text": "number"
},
"default": "100"
},
{
"name": "step",
"fieldName": "step",
"description": "Positive increment for pointer and keyboard adjustments.",
"type": {
"text": "number"
},
"default": "1"
},
{
"name": "unit",
"fieldName": "unit",
"description": "Unit shown after the value, such as %, °C, or W.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "mode",
"fieldName": "mode",
"description": "Fill direction: start for brightness/volume, end for cover position, cursor for a marker without an amount fill.",
"type": {
"text": "string"
},
"default": "\"start\""
},
{
"name": "show-value",
"fieldName": "showValue",
"description": "Display the numeric value beside the slider.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "hide-label",
"fieldName": "hideLabel",
"description": "Visually hide the label while retaining the accessible name.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "orientation",
"fieldName": "orientation",
"description": "Range orientation: vertical or horizontal.",
"type": {
"text": "string"
},
"default": "\"vertical\""
},
{
"name": "inverted",
"fieldName": "inverted",
"description": "Place the minimum at the top of a vertical slider, useful for warm-to-cool kelvin controls.",
"type": {
"text": "boolean"
},
"default": "false"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "slider",
"description": "slider styling hook."
},
{
"name": "tooltip",
"description": "tooltip styling hook."
}
],
"cssProperties": [
{
"name": "--luma-range-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-vertical-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-vertical-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-vertical-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-tooltip-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaControlSwitch",
"description": "Large swipeable device power control with hover tint, keyboard focus, horizontal tile and vertical popup variants.",
"tagName": "luma-control-switch",
"customElement": true,
"superclass": {
"name": "LumaSwitch",
"module": "dist/primitives.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label",
"inheritedFrom": {
"name": "LumaSwitch",
"module": "dist/primitives.js"
}
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaSwitch",
"module": "dist/primitives.js"
}
},
{
"kind": "field",
"name": "checked",
"privacy": "public",
"description": "Whether the switch is on. User changes emit luma-change with property checked.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "checked",
"inheritedFrom": {
"name": "LumaSwitch",
"module": "dist/primitives.js"
}
},
{
"kind": "field",
"name": "vertical",
"privacy": "public",
"description": "Use the tall main-device control shown in entity popups; on is at the top.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "vertical"
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Icon shown inside the switch knob.",
"type": {
"text": "string"
},
"default": "\"power\"",
"attribute": "icon"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "checked",
"fieldName": "checked",
"description": "Whether the switch is on. User changes emit luma-change with property checked.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "vertical",
"fieldName": "vertical",
"description": "Use the tall main-device control shown in entity popups; on is at the top.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Icon shown inside the switch knob.",
"type": {
"text": "string"
},
"default": "\"power\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "switch",
"description": "switch styling hook."
},
{
"name": "thumb",
"description": "Interactive handle or thumb."
}
],
"cssProperties": [
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-switch-track",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaIconButton",
"description": "Reusable accessible icon action/toggle button for popup headers and toolbars.",
"tagName": "luma-icon-button",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Built-in icon name.",
"type": {
"text": "string"
},
"default": "\"power\"",
"attribute": "icon"
},
{
"kind": "field",
"name": "pressed",
"privacy": "public",
"description": "Whether this is a selected toggle button.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "pressed"
},
{
"kind": "field",
"name": "toggle",
"privacy": "public",
"description": "Toggle pressed on activation; otherwise emit a press action.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "toggle"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Built-in icon name.",
"type": {
"text": "string"
},
"default": "\"power\""
},
{
"name": "pressed",
"fieldName": "pressed",
"description": "Whether this is a selected toggle button.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "toggle",
"fieldName": "toggle",
"description": "Toggle pressed on activation; otherwise emit a press action.",
"type": {
"text": "boolean"
},
"default": "false"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "button",
"description": "Interactive button surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaCheckbox",
"description": "A native labeled checkbox used by lists and filter controls.",
"tagName": "luma-checkbox",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "checked",
"privacy": "public",
"description": "Checked state; change events carry checked.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "checked"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "checked",
"fieldName": "checked",
"description": "Checked state; change events carry checked.",
"type": {
"text": "boolean"
},
"default": "false"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "control",
"description": "Control container."
}
],
"cssProperties": [
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaTextField",
"description": "Reusable validated native text/password/number/date/time field.",
"tagName": "luma-text-field",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "value",
"privacy": "public",
"description": "Current field value, committed on change.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "value"
},
{
"kind": "field",
"name": "type",
"privacy": "public",
"description": "Native input type: text, password, number, date, time, datetime-local, or color.",
"type": {
"text": "string"
},
"default": "\"text\"",
"attribute": "type"
},
{
"kind": "field",
"name": "placeholder",
"privacy": "public",
"description": "Placeholder text.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "placeholder"
},
{
"kind": "field",
"name": "min",
"privacy": "public",
"description": "Native lower bound for date/time/numeric fields.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "min"
},
{
"kind": "field",
"name": "max",
"privacy": "public",
"description": "Native upper bound.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "max"
},
{
"kind": "field",
"name": "step",
"privacy": "public",
"description": "Native input step, such as 60 for minute-resolution time.",
"type": {
"text": "string"
},
"default": "\"any\"",
"attribute": "step"
},
{
"kind": "field",
"name": "required",
"privacy": "public",
"description": "Whether the input is required.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "required"
},
{
"kind": "field",
"name": "multiline",
"privacy": "public",
"description": "Use a textarea instead of a single-line field.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "multiline"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "value",
"fieldName": "value",
"description": "Current field value, committed on change.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "type",
"fieldName": "type",
"description": "Native input type: text, password, number, date, time, datetime-local, or color.",
"type": {
"text": "string"
},
"default": "\"text\""
},
{
"name": "placeholder",
"fieldName": "placeholder",
"description": "Placeholder text.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "min",
"fieldName": "min",
"description": "Native lower bound for date/time/numeric fields.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "max",
"fieldName": "max",
"description": "Native upper bound.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "step",
"fieldName": "step",
"description": "Native input step, such as 60 for minute-resolution time.",
"type": {
"text": "string"
},
"default": "\"any\""
},
{
"name": "required",
"fieldName": "required",
"description": "Whether the input is required.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "multiline",
"fieldName": "multiline",
"description": "Use a textarea instead of a single-line field.",
"type": {
"text": "boolean"
},
"default": "false"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "control",
"description": "Control container."
}
],
"cssProperties": [
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-error-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaDatePicker",
"description": "Standalone calendar date input with native popup, min/max, and required validation.",
"tagName": "luma-date-picker",
"customElement": true,
"superclass": {
"name": "LumaTextField",
"module": "dist/controls.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label",
"inheritedFrom": {
"name": "LumaTextField",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaTextField",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "value",
"privacy": "public",
"description": "Current field value, committed on change.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "value",
"inheritedFrom": {
"name": "LumaTextField",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "type",
"privacy": "public",
"description": "Native date type. Values are YYYY-MM-DD strings.",
"type": {
"text": "string"
},
"default": "\"date\"",
"attribute": "type"
},
{
"kind": "field",
"name": "placeholder",
"privacy": "public",
"description": "Placeholder text.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "placeholder",
"inheritedFrom": {
"name": "LumaTextField",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "min",
"privacy": "public",
"description": "Native lower bound for date/time/numeric fields.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "min",
"inheritedFrom": {
"name": "LumaTextField",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "max",
"privacy": "public",
"description": "Native upper bound.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "max",
"inheritedFrom": {
"name": "LumaTextField",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "step",
"privacy": "public",
"description": "Native input step, such as 60 for minute-resolution time.",
"type": {
"text": "string"
},
"default": "\"any\"",
"attribute": "step",
"inheritedFrom": {
"name": "LumaTextField",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "required",
"privacy": "public",
"description": "Whether the input is required.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "required",
"inheritedFrom": {
"name": "LumaTextField",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "multiline",
"privacy": "public",
"description": "Use a textarea instead of a single-line field.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "multiline",
"inheritedFrom": {
"name": "LumaTextField",
"module": "dist/controls.js"
}
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "value",
"fieldName": "value",
"description": "Current field value, committed on change.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "type",
"fieldName": "type",
"description": "Native date type. Values are YYYY-MM-DD strings.",
"type": {
"text": "string"
},
"default": "\"date\""
},
{
"name": "placeholder",
"fieldName": "placeholder",
"description": "Placeholder text.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "min",
"fieldName": "min",
"description": "Native lower bound for date/time/numeric fields.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "max",
"fieldName": "max",
"description": "Native upper bound.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "step",
"fieldName": "step",
"description": "Native input step, such as 60 for minute-resolution time.",
"type": {
"text": "string"
},
"default": "\"any\""
},
{
"name": "required",
"fieldName": "required",
"description": "Whether the input is required.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "multiline",
"fieldName": "multiline",
"description": "Use a textarea instead of a single-line field.",
"type": {
"text": "boolean"
},
"default": "false"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "control",
"description": "Control container."
}
],
"cssProperties": [
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-error-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaTimePicker",
"description": "Standalone native time picker with keyboard editing and min/max validation.",
"tagName": "luma-time-picker",
"customElement": true,
"superclass": {
"name": "LumaTextField",
"module": "dist/controls.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label",
"inheritedFrom": {
"name": "LumaTextField",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaTextField",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "value",
"privacy": "public",
"description": "Current field value, committed on change.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "value",
"inheritedFrom": {
"name": "LumaTextField",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "type",
"privacy": "public",
"description": "Native time type. Values use HH:MM[:SS].",
"type": {
"text": "string"
},
"default": "\"time\"",
"attribute": "type"
},
{
"kind": "field",
"name": "placeholder",
"privacy": "public",
"description": "Placeholder text.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "placeholder",
"inheritedFrom": {
"name": "LumaTextField",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "min",
"privacy": "public",
"description": "Native lower bound for date/time/numeric fields.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "min",
"inheritedFrom": {
"name": "LumaTextField",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "max",
"privacy": "public",
"description": "Native upper bound.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "max",
"inheritedFrom": {
"name": "LumaTextField",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "step",
"privacy": "public",
"description": "Native input step, such as 60 for minute-resolution time.",
"type": {
"text": "string"
},
"default": "\"any\"",
"attribute": "step",
"inheritedFrom": {
"name": "LumaTextField",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "required",
"privacy": "public",
"description": "Whether the input is required.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "required",
"inheritedFrom": {
"name": "LumaTextField",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "multiline",
"privacy": "public",
"description": "Use a textarea instead of a single-line field.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "multiline",
"inheritedFrom": {
"name": "LumaTextField",
"module": "dist/controls.js"
}
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "value",
"fieldName": "value",
"description": "Current field value, committed on change.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "type",
"fieldName": "type",
"description": "Native time type. Values use HH:MM[:SS].",
"type": {
"text": "string"
},
"default": "\"time\""
},
{
"name": "placeholder",
"fieldName": "placeholder",
"description": "Placeholder text.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "min",
"fieldName": "min",
"description": "Native lower bound for date/time/numeric fields.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "max",
"fieldName": "max",
"description": "Native upper bound.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "step",
"fieldName": "step",
"description": "Native input step, such as 60 for minute-resolution time.",
"type": {
"text": "string"
},
"default": "\"any\""
},
{
"name": "required",
"fieldName": "required",
"description": "Whether the input is required.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "multiline",
"fieldName": "multiline",
"description": "Use a textarea instead of a single-line field.",
"type": {
"text": "boolean"
},
"default": "false"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "control",
"description": "Control container."
}
],
"cssProperties": [
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-error-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaDateTimePicker",
"description": "Standalone local date-time picker.",
"tagName": "luma-datetime-picker",
"customElement": true,
"superclass": {
"name": "LumaTextField",
"module": "dist/controls.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label",
"inheritedFrom": {
"name": "LumaTextField",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaTextField",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "value",
"privacy": "public",
"description": "Current field value, committed on change.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "value",
"inheritedFrom": {
"name": "LumaTextField",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "type",
"privacy": "public",
"description": "Local date and time without an implicit timezone.",
"type": {
"text": "string"
},
"default": "\"datetime-local\"",
"attribute": "type"
},
{
"kind": "field",
"name": "placeholder",
"privacy": "public",
"description": "Placeholder text.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "placeholder",
"inheritedFrom": {
"name": "LumaTextField",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "min",
"privacy": "public",
"description": "Native lower bound for date/time/numeric fields.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "min",
"inheritedFrom": {
"name": "LumaTextField",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "max",
"privacy": "public",
"description": "Native upper bound.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "max",
"inheritedFrom": {
"name": "LumaTextField",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "step",
"privacy": "public",
"description": "Native input step, such as 60 for minute-resolution time.",
"type": {
"text": "string"
},
"default": "\"any\"",
"attribute": "step",
"inheritedFrom": {
"name": "LumaTextField",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "required",
"privacy": "public",
"description": "Whether the input is required.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "required",
"inheritedFrom": {
"name": "LumaTextField",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "multiline",
"privacy": "public",
"description": "Use a textarea instead of a single-line field.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "multiline",
"inheritedFrom": {
"name": "LumaTextField",
"module": "dist/controls.js"
}
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "value",
"fieldName": "value",
"description": "Current field value, committed on change.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "type",
"fieldName": "type",
"description": "Local date and time without an implicit timezone.",
"type": {
"text": "string"
},
"default": "\"datetime-local\""
},
{
"name": "placeholder",
"fieldName": "placeholder",
"description": "Placeholder text.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "min",
"fieldName": "min",
"description": "Native lower bound for date/time/numeric fields.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "max",
"fieldName": "max",
"description": "Native upper bound.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "step",
"fieldName": "step",
"description": "Native input step, such as 60 for minute-resolution time.",
"type": {
"text": "string"
},
"default": "\"any\""
},
{
"name": "required",
"fieldName": "required",
"description": "Whether the input is required.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "multiline",
"fieldName": "multiline",
"description": "Use a textarea instead of a single-line field.",
"type": {
"text": "boolean"
},
"default": "false"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "control",
"description": "Control container."
}
],
"cssProperties": [
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-error-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaSegmented",
"description": "Reusable segmented selector for HVAC modes, light panels, presets, and popup tabs.",
"tagName": "luma-segmented",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "hideLabels",
"privacy": "public",
"description": "Show option icons alone while retaining accessible option labels.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "hide-labels"
},
{
"kind": "field",
"name": "value",
"privacy": "public",
"description": "Selected option value.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "value"
},
{
"kind": "field",
"name": "options",
"privacy": "public",
"description": "Strings or {value,label,icon?} items. Each option is an independently keyboard-accessible button.",
"type": {
"text": "Array"
},
"default": "[]",
"attribute": "options"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "hide-labels",
"fieldName": "hideLabels",
"description": "Show option icons alone while retaining accessible option labels.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "value",
"fieldName": "value",
"description": "Selected option value.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "options",
"fieldName": "options",
"description": "Strings or {value,label,icon?} items. Each option is an independently keyboard-accessible button.",
"type": {
"text": "string"
},
"default": "[]"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "control",
"description": "Control container."
}
],
"cssProperties": [
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-segment-direction",
"description": "Inherited theme variable."
},
{
"name": "--luma-segment-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-segment-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-option-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaTabs",
"description": "Reusable ARIA tabs with roving focus and arrow/Home/End navigation.",
"tagName": "luma-tabs",
"customElement": true,
"superclass": {
"name": "LumaSegmented",
"module": "dist/controls.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label",
"inheritedFrom": {
"name": "LumaSegmented",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaSegmented",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "hideLabels",
"privacy": "public",
"description": "Show option icons alone while retaining accessible option labels.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "hide-labels",
"inheritedFrom": {
"name": "LumaSegmented",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "value",
"privacy": "public",
"description": "Selected option value.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "value",
"inheritedFrom": {
"name": "LumaSegmented",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "options",
"privacy": "public",
"description": "Strings or {value,label,icon?} items. Each option is an independently keyboard-accessible button.",
"type": {
"text": "Array"
},
"default": "[]",
"attribute": "options",
"inheritedFrom": {
"name": "LumaSegmented",
"module": "dist/controls.js"
}
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "hide-labels",
"fieldName": "hideLabels",
"description": "Show option icons alone while retaining accessible option labels.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "value",
"fieldName": "value",
"description": "Selected option value.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "options",
"fieldName": "options",
"description": "Strings or {value,label,icon?} items. Each option is an independently keyboard-accessible button.",
"type": {
"text": "string"
},
"default": "[]"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "control",
"description": "Control container."
}
],
"cssProperties": [
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-segment-direction",
"description": "Inherited theme variable."
},
{
"name": "--luma-segment-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-segment-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-option-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaColorWheel",
"description": "Standalone Home Assistant-style hue/saturation wheel with mouse/touch dragging and keyboard hue/saturation control.",
"tagName": "luma-color-wheel",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "value",
"privacy": "public",
"description": "Selected RGB color as a six-digit #rrggbb string. Pointer input controls hue and saturation.",
"type": {
"text": "string"
},
"default": "\"#ffa24d\"",
"attribute": "value"
},
{
"kind": "field",
"name": "brightness",
"privacy": "public",
"description": "HSV value percentage used when deriving the RGB selection.",
"type": {
"text": "number"
},
"default": "100",
"attribute": "brightness"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "value",
"fieldName": "value",
"description": "Selected RGB color as a six-digit #rrggbb string. Pointer input controls hue and saturation.",
"type": {
"text": "string"
},
"default": "\"#ffa24d\""
},
{
"name": "brightness",
"fieldName": "brightness",
"description": "HSV value percentage used when deriving the RGB selection.",
"type": {
"text": "number"
},
"default": "100"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "wheel",
"description": "Hue/saturation selection surface."
},
{
"name": "thumb",
"description": "Interactive handle or thumb."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaColorTemperature",
"description": "Reusable kelvin control for light cards and detail popups.",
"tagName": "luma-color-temperature",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "value",
"privacy": "public",
"description": "Color temperature in kelvin.",
"type": {
"text": "number"
},
"default": "3000",
"attribute": "value"
},
{
"kind": "field",
"name": "min",
"privacy": "public",
"description": "Warmest supported color temperature in kelvin.",
"type": {
"text": "number"
},
"default": "2000",
"attribute": "min"
},
{
"kind": "field",
"name": "max",
"privacy": "public",
"description": "Coolest supported color temperature in kelvin.",
"type": {
"text": "number"
},
"default": "6500",
"attribute": "max"
},
{
"kind": "field",
"name": "step",
"privacy": "public",
"description": "Kelvin increment.",
"type": {
"text": "number"
},
"default": "50",
"attribute": "step"
},
{
"kind": "field",
"name": "unit",
"privacy": "public",
"description": "Unit shown after the value, such as %, °C, or W.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "unit"
},
{
"kind": "field",
"name": "vertical",
"privacy": "public",
"description": "Use the tall popup control; false uses a horizontal slider.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "vertical"
},
{
"kind": "field",
"name": "hideLabel",
"privacy": "public",
"description": "Hide the visual label while retaining its accessible name.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "hide-label"
},
{
"kind": "field",
"name": "showValue",
"privacy": "public",
"description": "Display kelvin value.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-value"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "value",
"fieldName": "value",
"description": "Color temperature in kelvin.",
"type": {
"text": "number"
},
"default": "3000"
},
{
"name": "min",
"fieldName": "min",
"description": "Warmest supported color temperature in kelvin.",
"type": {
"text": "number"
},
"default": "2000"
},
{
"name": "max",
"fieldName": "max",
"description": "Coolest supported color temperature in kelvin.",
"type": {
"text": "number"
},
"default": "6500"
},
{
"name": "step",
"fieldName": "step",
"description": "Kelvin increment.",
"type": {
"text": "number"
},
"default": "50"
},
{
"name": "unit",
"fieldName": "unit",
"description": "Unit shown after the value, such as %, °C, or W.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "vertical",
"fieldName": "vertical",
"description": "Use the tall popup control; false uses a horizontal slider.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "hide-label",
"fieldName": "hideLabel",
"description": "Hide the visual label while retaining its accessible name.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "show-value",
"fieldName": "showValue",
"description": "Display kelvin value.",
"type": {
"text": "boolean"
},
"default": "true"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
}
],
"cssProperties": [
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-range-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaColorPicker",
"description": "Color picker composed from the standalone wheel, validated hex field, and favorite swatches.",
"tagName": "luma-color-picker",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "value",
"privacy": "public",
"description": "RGB color as a six-digit hexadecimal string.",
"type": {
"text": "string"
},
"default": "\"#ffa24d\"",
"attribute": "value"
},
{
"kind": "field",
"name": "showInput",
"privacy": "public",
"description": "Show the hex color field.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-input"
},
{
"kind": "field",
"name": "hideFavorites",
"privacy": "public",
"description": "Hide built-in swatches when composing with a separate swatch control.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "hide-favorites"
},
{
"kind": "field",
"name": "eyeDropper",
"privacy": "public",
"description": "Show screen color selection when the browser supports the native EyeDropper API.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "eye-dropper"
},
{
"kind": "field",
"name": "favorites",
"privacy": "public",
"description": "Favorite RGB swatches as six-digit hex strings.",
"type": {
"text": "string[]"
},
"default": "[\"#ff9e47\",\"#ff4141\",\"#48b6ff\",\"#a56aff\",\"#ffffff\"]",
"attribute": "favorites"
},
{
"kind": "method",
"name": "pickFromScreen",
"privacy": "public",
"description": "",
"parameters": [],
"return": {
"type": {
"text": "Promise"
}
}
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "value",
"fieldName": "value",
"description": "RGB color as a six-digit hexadecimal string.",
"type": {
"text": "string"
},
"default": "\"#ffa24d\""
},
{
"name": "show-input",
"fieldName": "showInput",
"description": "Show the hex color field.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "hide-favorites",
"fieldName": "hideFavorites",
"description": "Hide built-in swatches when composing with a separate swatch control.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "eye-dropper",
"fieldName": "eyeDropper",
"description": "Show screen color selection when the browser supports the native EyeDropper API.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "favorites",
"fieldName": "favorites",
"description": "Favorite RGB swatches as six-digit hex strings.",
"type": {
"text": "string"
},
"default": "[\"#ff9e47\",\"#ff4141\",\"#48b6ff\",\"#a56aff\",\"#ffffff\"]"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "picker",
"description": "picker styling hook."
},
{
"name": "swatch",
"description": "swatch styling hook."
}
],
"cssProperties": [
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaCommandBar",
"description": "Reusable action toolbar; supports per-command disabled state and entity IDs.",
"tagName": "luma-command-bar",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "commands",
"privacy": "public",
"description": "Array of {action,label,icon?,disabled?}; activating a button emits its action unchanged.",
"type": {
"text": "Command[]"
},
"default": "[]",
"attribute": "commands"
},
{
"kind": "field",
"name": "vertical",
"privacy": "public",
"description": "Stack action buttons vertically, as in cover details.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "vertical"
},
{
"kind": "field",
"name": "hideLabels",
"privacy": "public",
"description": "Show icons without visible text; accessible labels remain.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "hide-labels"
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Entity identifier included in command events.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "commands",
"fieldName": "commands",
"description": "Array of {action,label,icon?,disabled?}; activating a button emits its action unchanged.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "vertical",
"fieldName": "vertical",
"description": "Stack action buttons vertically, as in cover details.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "hide-labels",
"fieldName": "hideLabels",
"description": "Show icons without visible text; accessible labels remain.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Entity identifier included in command events.",
"type": {
"text": "string"
},
"default": "\"\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "controls",
"description": "controls styling hook."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaCoverControls",
"description": "Standalone open/stop/close controls, reusable outside cover cards.",
"tagName": "luma-cover-controls",
"customElement": true,
"superclass": {
"name": "LumaCommandBar",
"module": "dist/controls.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label",
"inheritedFrom": {
"name": "LumaCommandBar",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaCommandBar",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "commands",
"privacy": "public",
"description": "Cover motion commands.",
"type": {
"text": "Command[]"
},
"default": "[{\"action\":\"open\",\"label\":\"Open\",\"icon\":\"up\"},{\"action\":\"stop\",\"label\":\"Stop\",\"icon\":\"stop\"},{\"action\":\"close\",\"label\":\"Close\",\"icon\":\"down\"}]",
"attribute": "commands"
},
{
"kind": "field",
"name": "vertical",
"privacy": "public",
"description": "Stack action buttons vertically, as in cover details.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "vertical",
"inheritedFrom": {
"name": "LumaCommandBar",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "hideLabels",
"privacy": "public",
"description": "Show icons without visible text; accessible labels remain.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "hide-labels",
"inheritedFrom": {
"name": "LumaCommandBar",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Entity identifier included in command events.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id",
"inheritedFrom": {
"name": "LumaCommandBar",
"module": "dist/controls.js"
}
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "commands",
"fieldName": "commands",
"description": "Cover motion commands.",
"type": {
"text": "string"
},
"default": "[{\"action\":\"open\",\"label\":\"Open\",\"icon\":\"up\"},{\"action\":\"stop\",\"label\":\"Stop\",\"icon\":\"stop\"},{\"action\":\"close\",\"label\":\"Close\",\"icon\":\"down\"}]"
},
{
"name": "vertical",
"fieldName": "vertical",
"description": "Stack action buttons vertically, as in cover details.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "hide-labels",
"fieldName": "hideLabels",
"description": "Show icons without visible text; accessible labels remain.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Entity identifier included in command events.",
"type": {
"text": "string"
},
"default": "\"\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "controls",
"description": "controls styling hook."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaMediaControls",
"description": "Standalone media transport controls.",
"tagName": "luma-media-controls",
"customElement": true,
"superclass": {
"name": "LumaCommandBar",
"module": "dist/controls.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label",
"inheritedFrom": {
"name": "LumaCommandBar",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaCommandBar",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "commands",
"privacy": "public",
"description": "Playback commands.",
"type": {
"text": "Command[]"
},
"default": "[{\"action\":\"previous\",\"label\":\"Previous\",\"icon\":\"previous\"},{\"action\":\"play-pause\",\"label\":\"Play/pause\",\"icon\":\"play\"},{\"action\":\"next\",\"label\":\"Next\",\"icon\":\"next\"}]",
"attribute": "commands"
},
{
"kind": "field",
"name": "vertical",
"privacy": "public",
"description": "Stack action buttons vertically, as in cover details.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "vertical",
"inheritedFrom": {
"name": "LumaCommandBar",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "hideLabels",
"privacy": "public",
"description": "Keep playback action names accessible while showing only transport icons.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "hide-labels"
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Entity identifier included in command events.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id",
"inheritedFrom": {
"name": "LumaCommandBar",
"module": "dist/controls.js"
}
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "commands",
"fieldName": "commands",
"description": "Playback commands.",
"type": {
"text": "string"
},
"default": "[{\"action\":\"previous\",\"label\":\"Previous\",\"icon\":\"previous\"},{\"action\":\"play-pause\",\"label\":\"Play/pause\",\"icon\":\"play\"},{\"action\":\"next\",\"label\":\"Next\",\"icon\":\"next\"}]"
},
{
"name": "vertical",
"fieldName": "vertical",
"description": "Stack action buttons vertically, as in cover details.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "hide-labels",
"fieldName": "hideLabels",
"description": "Keep playback action names accessible while showing only transport icons.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Entity identifier included in command events.",
"type": {
"text": "string"
},
"default": "\"\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "controls",
"description": "controls styling hook."
}
],
"cssProperties": [
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaKeypad",
"description": "Standalone masked numeric keypad for alarm/lock codes; use its value property explicitly when issuing an authorized command.",
"tagName": "luma-keypad",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "value",
"privacy": "public",
"description": "Entered code. Kept locally; never placed in HTML attributes or action details.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "value"
},
{
"kind": "field",
"name": "maxLength",
"privacy": "public",
"description": "Maximum number of code digits.",
"type": {
"text": "number"
},
"default": "12",
"attribute": "max-length"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "value",
"fieldName": "value",
"description": "Entered code. Kept locally; never placed in HTML attributes or action details.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "max-length",
"fieldName": "maxLength",
"description": "Maximum number of code digits.",
"type": {
"text": "number"
},
"default": "12"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
},
{
"name": "luma-code-input",
"type": {
"text": "CustomEvent"
},
"description": "Component-specific event; see the API and examples."
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "keypad",
"description": "keypad styling hook."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaProgress",
"description": "Standalone accessible progress indicator for updates, playback, and device tasks.",
"tagName": "luma-progress",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "value",
"privacy": "public",
"description": "Current numeric value, clamped to the minimum and maximum for display and user interaction.",
"type": {
"text": "number"
},
"default": "0",
"attribute": "value"
},
{
"kind": "field",
"name": "min",
"privacy": "public",
"description": "Inclusive lower bound.",
"type": {
"text": "number"
},
"default": "0",
"attribute": "min"
},
{
"kind": "field",
"name": "max",
"privacy": "public",
"description": "Inclusive upper bound. Must be greater than min.",
"type": {
"text": "number"
},
"default": "100",
"attribute": "max"
},
{
"kind": "field",
"name": "step",
"privacy": "public",
"description": "Positive increment for pointer and keyboard adjustments.",
"type": {
"text": "number"
},
"default": "1",
"attribute": "step"
},
{
"kind": "field",
"name": "unit",
"privacy": "public",
"description": "Unit shown after the value, such as %, °C, or W.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "unit"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "value",
"fieldName": "value",
"description": "Current numeric value, clamped to the minimum and maximum for display and user interaction.",
"type": {
"text": "number"
},
"default": "0"
},
{
"name": "min",
"fieldName": "min",
"description": "Inclusive lower bound.",
"type": {
"text": "number"
},
"default": "0"
},
{
"name": "max",
"fieldName": "max",
"description": "Inclusive upper bound. Must be greater than min.",
"type": {
"text": "number"
},
"default": "100"
},
{
"name": "step",
"fieldName": "step",
"description": "Positive increment for pointer and keyboard adjustments.",
"type": {
"text": "number"
},
"default": "1"
},
{
"name": "unit",
"fieldName": "unit",
"description": "Unit shown after the value, such as %, °C, or W.",
"type": {
"text": "string"
},
"default": "\"\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "progress",
"description": "progress styling hook."
}
],
"cssProperties": [
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaAttributes",
"description": "Reusable entity-attribute table, accepting an object property or serialized JSON attribute.",
"tagName": "luma-attributes",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "data",
"privacy": "public",
"description": "Object mapping attribute names to JSON-compatible values. Values are rendered as escaped text.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "data"
}
],
"attributes": [
{
"name": "data",
"fieldName": "data",
"description": "Object mapping attribute names to JSON-compatible values. Values are rendered as escaped text.",
"type": {
"text": "string"
},
"default": "{}"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "attributes",
"description": "attributes styling hook."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaDropdown",
"description": "Standalone two-line mode/preset selector with a top-layer popover, icon options, roving focus, keyboard navigation, and Escape dismissal.",
"tagName": "luma-dropdown",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "value",
"privacy": "public",
"description": "Selected option value.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "value"
},
{
"kind": "field",
"name": "options",
"privacy": "public",
"description": "Strings or {value,label,icon?} options shown in the popover menu.",
"type": {
"text": "Array"
},
"default": "[]",
"attribute": "options"
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Optional trigger icon.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "icon"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "value",
"fieldName": "value",
"description": "Selected option value.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "options",
"fieldName": "options",
"description": "Strings or {value,label,icon?} options shown in the popover menu.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Optional trigger icon.",
"type": {
"text": "string"
},
"default": "\"\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "trigger",
"description": "trigger styling hook."
},
{
"name": "menu",
"description": "menu styling hook."
}
],
"cssProperties": [
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
}
],
"exports": [
{
"kind": "js",
"name": "LumaArc",
"declaration": {
"name": "LumaArc",
"module": "dist/controls.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-arc",
"declaration": {
"name": "LumaArc",
"module": "dist/controls.js"
}
},
{
"kind": "js",
"name": "LumaDial",
"declaration": {
"name": "LumaDial",
"module": "dist/controls.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-dial",
"declaration": {
"name": "LumaDial",
"module": "dist/controls.js"
}
},
{
"kind": "js",
"name": "LumaVerticalSlider",
"declaration": {
"name": "LumaVerticalSlider",
"module": "dist/controls.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-vertical-slider",
"declaration": {
"name": "LumaVerticalSlider",
"module": "dist/controls.js"
}
},
{
"kind": "js",
"name": "LumaControlSwitch",
"declaration": {
"name": "LumaControlSwitch",
"module": "dist/controls.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-control-switch",
"declaration": {
"name": "LumaControlSwitch",
"module": "dist/controls.js"
}
},
{
"kind": "js",
"name": "LumaIconButton",
"declaration": {
"name": "LumaIconButton",
"module": "dist/controls.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-icon-button",
"declaration": {
"name": "LumaIconButton",
"module": "dist/controls.js"
}
},
{
"kind": "js",
"name": "LumaCheckbox",
"declaration": {
"name": "LumaCheckbox",
"module": "dist/controls.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-checkbox",
"declaration": {
"name": "LumaCheckbox",
"module": "dist/controls.js"
}
},
{
"kind": "js",
"name": "LumaTextField",
"declaration": {
"name": "LumaTextField",
"module": "dist/controls.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-text-field",
"declaration": {
"name": "LumaTextField",
"module": "dist/controls.js"
}
},
{
"kind": "js",
"name": "LumaDatePicker",
"declaration": {
"name": "LumaDatePicker",
"module": "dist/controls.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-date-picker",
"declaration": {
"name": "LumaDatePicker",
"module": "dist/controls.js"
}
},
{
"kind": "js",
"name": "LumaTimePicker",
"declaration": {
"name": "LumaTimePicker",
"module": "dist/controls.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-time-picker",
"declaration": {
"name": "LumaTimePicker",
"module": "dist/controls.js"
}
},
{
"kind": "js",
"name": "LumaDateTimePicker",
"declaration": {
"name": "LumaDateTimePicker",
"module": "dist/controls.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-datetime-picker",
"declaration": {
"name": "LumaDateTimePicker",
"module": "dist/controls.js"
}
},
{
"kind": "js",
"name": "LumaSegmented",
"declaration": {
"name": "LumaSegmented",
"module": "dist/controls.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-segmented",
"declaration": {
"name": "LumaSegmented",
"module": "dist/controls.js"
}
},
{
"kind": "js",
"name": "LumaTabs",
"declaration": {
"name": "LumaTabs",
"module": "dist/controls.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-tabs",
"declaration": {
"name": "LumaTabs",
"module": "dist/controls.js"
}
},
{
"kind": "js",
"name": "LumaColorWheel",
"declaration": {
"name": "LumaColorWheel",
"module": "dist/controls.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-color-wheel",
"declaration": {
"name": "LumaColorWheel",
"module": "dist/controls.js"
}
},
{
"kind": "js",
"name": "LumaColorTemperature",
"declaration": {
"name": "LumaColorTemperature",
"module": "dist/controls.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-color-temperature",
"declaration": {
"name": "LumaColorTemperature",
"module": "dist/controls.js"
}
},
{
"kind": "js",
"name": "LumaColorPicker",
"declaration": {
"name": "LumaColorPicker",
"module": "dist/controls.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-color-picker",
"declaration": {
"name": "LumaColorPicker",
"module": "dist/controls.js"
}
},
{
"kind": "js",
"name": "LumaCommandBar",
"declaration": {
"name": "LumaCommandBar",
"module": "dist/controls.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-command-bar",
"declaration": {
"name": "LumaCommandBar",
"module": "dist/controls.js"
}
},
{
"kind": "js",
"name": "LumaCoverControls",
"declaration": {
"name": "LumaCoverControls",
"module": "dist/controls.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-cover-controls",
"declaration": {
"name": "LumaCoverControls",
"module": "dist/controls.js"
}
},
{
"kind": "js",
"name": "LumaMediaControls",
"declaration": {
"name": "LumaMediaControls",
"module": "dist/controls.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-media-controls",
"declaration": {
"name": "LumaMediaControls",
"module": "dist/controls.js"
}
},
{
"kind": "js",
"name": "LumaKeypad",
"declaration": {
"name": "LumaKeypad",
"module": "dist/controls.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-keypad",
"declaration": {
"name": "LumaKeypad",
"module": "dist/controls.js"
}
},
{
"kind": "js",
"name": "LumaProgress",
"declaration": {
"name": "LumaProgress",
"module": "dist/controls.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-progress",
"declaration": {
"name": "LumaProgress",
"module": "dist/controls.js"
}
},
{
"kind": "js",
"name": "LumaAttributes",
"declaration": {
"name": "LumaAttributes",
"module": "dist/controls.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-attributes",
"declaration": {
"name": "LumaAttributes",
"module": "dist/controls.js"
}
},
{
"kind": "js",
"name": "LumaDropdown",
"declaration": {
"name": "LumaDropdown",
"module": "dist/controls.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-dropdown",
"declaration": {
"name": "LumaDropdown",
"module": "dist/controls.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "dist/devices.js",
"declarations": [
{
"kind": "class",
"name": "LumaDevice",
"description": "Composable device card driven by control definitions; each control is also a standalone web component.",
"tagName": "luma-device",
"customElement": true,
"superclass": {
"name": "LumaEntity",
"module": "dist/components.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\"",
"attribute": "icon"
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\"",
"attribute": "state"
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary"
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id"
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Entity domain such as light, climate, cover, fan, or sensor. Inferred from entity-id when omitted.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "domain"
},
{
"kind": "field",
"name": "detailProperties",
"privacy": "public",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "detail-properties"
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "entity-attributes"
},
{
"kind": "field",
"name": "tapAction",
"privacy": "public",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "tap-action"
},
{
"kind": "field",
"name": "iconTapAction",
"privacy": "public",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\"",
"attribute": "icon-tap-action"
},
{
"kind": "field",
"name": "holdAction",
"privacy": "public",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "hold-action"
},
{
"kind": "field",
"name": "doubleTapAction",
"privacy": "public",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "double-tap-action"
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\"",
"attribute": "color"
},
{
"kind": "field",
"name": "showHeader",
"privacy": "public",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-header"
},
{
"kind": "field",
"name": "stateLabel",
"privacy": "public",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "state-label"
},
{
"kind": "field",
"name": "lastChangedLabel",
"privacy": "public",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "last-changed-label"
},
{
"kind": "field",
"name": "data",
"privacy": "public",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "data"
},
{
"kind": "field",
"name": "controls",
"privacy": "public",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "DeviceControl[]"
},
"default": "[]",
"attribute": "controls"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\""
},
{
"name": "state",
"fieldName": "state",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\""
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "domain",
"fieldName": "domain",
"description": "Entity domain such as light, climate, cover, fan, or sensor. Inferred from entity-id when omitted.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "detail-properties",
"fieldName": "detailProperties",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "entity-attributes",
"fieldName": "entityAttributes",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "tap-action",
"fieldName": "tapAction",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "icon-tap-action",
"fieldName": "iconTapAction",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\""
},
{
"name": "hold-action",
"fieldName": "holdAction",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "double-tap-action",
"fieldName": "doubleTapAction",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "color",
"fieldName": "color",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\""
},
{
"name": "show-header",
"fieldName": "showHeader",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "state-label",
"fieldName": "stateLabel",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "last-changed-label",
"fieldName": "lastChangedLabel",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "data",
"fieldName": "data",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "controls",
"fieldName": "controls",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "string"
},
"default": "[]"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "",
"description": "Default component content."
}
]
},
{
"kind": "class",
"name": "LumaSwitchCard",
"description": "Switch/input-boolean card composed from an entity row and power switch.",
"tagName": "luma-switch-card",
"customElement": true,
"superclass": {
"name": "LumaDevice",
"module": "dist/devices.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\"",
"attribute": "icon",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\"",
"attribute": "state",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Switch domain.",
"type": {
"text": "string"
},
"default": "\"switch\"",
"attribute": "domain"
},
{
"kind": "field",
"name": "detailProperties",
"privacy": "public",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "detail-properties",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "entity-attributes",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "tapAction",
"privacy": "public",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "iconTapAction",
"privacy": "public",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\"",
"attribute": "icon-tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "holdAction",
"privacy": "public",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "hold-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "doubleTapAction",
"privacy": "public",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "double-tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\"",
"attribute": "color",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "showHeader",
"privacy": "public",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-header",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "stateLabel",
"privacy": "public",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "state-label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "lastChangedLabel",
"privacy": "public",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "last-changed-label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "data",
"privacy": "public",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "data",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "controls",
"privacy": "public",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "DeviceControl[]"
},
"default": "[]",
"attribute": "controls",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\""
},
{
"name": "state",
"fieldName": "state",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\""
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "domain",
"fieldName": "domain",
"description": "Switch domain.",
"type": {
"text": "string"
},
"default": "\"switch\""
},
{
"name": "detail-properties",
"fieldName": "detailProperties",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "entity-attributes",
"fieldName": "entityAttributes",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "tap-action",
"fieldName": "tapAction",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "icon-tap-action",
"fieldName": "iconTapAction",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\""
},
{
"name": "hold-action",
"fieldName": "holdAction",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "double-tap-action",
"fieldName": "doubleTapAction",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "color",
"fieldName": "color",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\""
},
{
"name": "show-header",
"fieldName": "showHeader",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "state-label",
"fieldName": "stateLabel",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "last-changed-label",
"fieldName": "lastChangedLabel",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "data",
"fieldName": "data",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "controls",
"fieldName": "controls",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "string"
},
"default": "[]"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "",
"description": "Default component content."
}
]
},
{
"kind": "class",
"name": "LumaFan",
"description": "Fan power, speed, oscillation, direction and preset controls.",
"tagName": "luma-fan",
"customElement": true,
"superclass": {
"name": "LumaDevice",
"module": "dist/devices.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Fan icon.",
"type": {
"text": "string"
},
"default": "\"fan\"",
"attribute": "icon"
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\"",
"attribute": "state",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Fan domain.",
"type": {
"text": "string"
},
"default": "\"fan\"",
"attribute": "domain"
},
{
"kind": "field",
"name": "detailProperties",
"privacy": "public",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "detail-properties",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "entity-attributes",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "tapAction",
"privacy": "public",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "iconTapAction",
"privacy": "public",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\"",
"attribute": "icon-tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "holdAction",
"privacy": "public",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "hold-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "doubleTapAction",
"privacy": "public",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "double-tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\"",
"attribute": "color",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "showHeader",
"privacy": "public",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-header",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "stateLabel",
"privacy": "public",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "state-label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "lastChangedLabel",
"privacy": "public",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "last-changed-label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "data",
"privacy": "public",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "data",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "controls",
"privacy": "public",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "DeviceControl[]"
},
"default": "[]",
"attribute": "controls",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "speed",
"privacy": "public",
"description": "Fan speed percentage.",
"type": {
"text": "number"
},
"default": "50",
"attribute": "speed"
},
{
"kind": "field",
"name": "supportsSpeed",
"privacy": "public",
"description": "Show a speed control; otherwise show the large power switch.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "supports-speed"
},
{
"kind": "field",
"name": "speedCount",
"privacy": "public",
"description": "Number of supported speeds; at most five uses vertical buttons, more uses the percentage slider.",
"type": {
"text": "number"
},
"default": "100",
"attribute": "speed-count"
},
{
"kind": "field",
"name": "oscillating",
"privacy": "public",
"description": "Whether the fan oscillates.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "oscillating"
},
{
"kind": "field",
"name": "direction",
"privacy": "public",
"description": "Airflow direction.",
"type": {
"text": "string"
},
"default": "\"forward\"",
"attribute": "direction"
},
{
"kind": "field",
"name": "directions",
"privacy": "public",
"description": "Supported airflow directions.",
"type": {
"text": "unknown[]"
},
"default": "[\"forward\",\"reverse\"]",
"attribute": "directions"
},
{
"kind": "field",
"name": "preset",
"privacy": "public",
"description": "Selected preset.",
"type": {
"text": "string"
},
"default": "\"normal\"",
"attribute": "preset"
},
{
"kind": "field",
"name": "presets",
"privacy": "public",
"description": "Supported fan presets.",
"type": {
"text": "string[]"
},
"default": "[\"normal\",\"sleep\",\"eco\"]",
"attribute": "presets"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Fan icon.",
"type": {
"text": "string"
},
"default": "\"fan\""
},
{
"name": "state",
"fieldName": "state",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\""
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "domain",
"fieldName": "domain",
"description": "Fan domain.",
"type": {
"text": "string"
},
"default": "\"fan\""
},
{
"name": "detail-properties",
"fieldName": "detailProperties",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "entity-attributes",
"fieldName": "entityAttributes",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "tap-action",
"fieldName": "tapAction",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "icon-tap-action",
"fieldName": "iconTapAction",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\""
},
{
"name": "hold-action",
"fieldName": "holdAction",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "double-tap-action",
"fieldName": "doubleTapAction",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "color",
"fieldName": "color",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\""
},
{
"name": "show-header",
"fieldName": "showHeader",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "state-label",
"fieldName": "stateLabel",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "last-changed-label",
"fieldName": "lastChangedLabel",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "data",
"fieldName": "data",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "controls",
"fieldName": "controls",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "speed",
"fieldName": "speed",
"description": "Fan speed percentage.",
"type": {
"text": "number"
},
"default": "50"
},
{
"name": "supports-speed",
"fieldName": "supportsSpeed",
"description": "Show a speed control; otherwise show the large power switch.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "speed-count",
"fieldName": "speedCount",
"description": "Number of supported speeds; at most five uses vertical buttons, more uses the percentage slider.",
"type": {
"text": "number"
},
"default": "100"
},
{
"name": "oscillating",
"fieldName": "oscillating",
"description": "Whether the fan oscillates.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "direction",
"fieldName": "direction",
"description": "Airflow direction.",
"type": {
"text": "string"
},
"default": "\"forward\""
},
{
"name": "directions",
"fieldName": "directions",
"description": "Supported airflow directions.",
"type": {
"text": "string"
},
"default": "[\"forward\",\"reverse\"]"
},
{
"name": "preset",
"fieldName": "preset",
"description": "Selected preset.",
"type": {
"text": "string"
},
"default": "\"normal\""
},
{
"name": "presets",
"fieldName": "presets",
"description": "Supported fan presets.",
"type": {
"text": "string"
},
"default": "[\"normal\",\"sleep\",\"eco\"]"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-segment-direction",
"description": "Inherited theme variable."
},
{
"name": "--luma-segment-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-segment-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-option-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "",
"description": "Default component content."
}
]
},
{
"kind": "class",
"name": "LumaHumidifier",
"description": "Humidifier/dehumidifier card with independently reusable power, target humidity, and mode controls.",
"tagName": "luma-humidifier",
"customElement": true,
"superclass": {
"name": "LumaDevice",
"module": "dist/devices.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Humidity icon.",
"type": {
"text": "string"
},
"default": "\"humidity\"",
"attribute": "icon"
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\"",
"attribute": "state",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Humidifier domain.",
"type": {
"text": "string"
},
"default": "\"humidifier\"",
"attribute": "domain"
},
{
"kind": "field",
"name": "detailProperties",
"privacy": "public",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "detail-properties",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "entity-attributes",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "tapAction",
"privacy": "public",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "iconTapAction",
"privacy": "public",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\"",
"attribute": "icon-tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "holdAction",
"privacy": "public",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "hold-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "doubleTapAction",
"privacy": "public",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "double-tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\"",
"attribute": "color",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "showHeader",
"privacy": "public",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-header",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "stateLabel",
"privacy": "public",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "state-label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "lastChangedLabel",
"privacy": "public",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "last-changed-label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "data",
"privacy": "public",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "data",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "controls",
"privacy": "public",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "DeviceControl[]"
},
"default": "[]",
"attribute": "controls",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "humidity",
"privacy": "public",
"description": "Target relative humidity percentage.",
"type": {
"text": "number"
},
"default": "50",
"attribute": "humidity"
},
{
"kind": "field",
"name": "currentHumidity",
"privacy": "public",
"description": "Measured humidity.",
"type": {
"text": "number"
},
"default": "42",
"attribute": "current-humidity"
},
{
"kind": "field",
"name": "mode",
"privacy": "public",
"description": "Selected operating mode.",
"type": {
"text": "string"
},
"default": "\"normal\"",
"attribute": "mode"
},
{
"kind": "field",
"name": "modes",
"privacy": "public",
"description": "Available operating modes.",
"type": {
"text": "string[]"
},
"default": "[\"normal\",\"eco\",\"boost\"]",
"attribute": "modes"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Humidity icon.",
"type": {
"text": "string"
},
"default": "\"humidity\""
},
{
"name": "state",
"fieldName": "state",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\""
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "domain",
"fieldName": "domain",
"description": "Humidifier domain.",
"type": {
"text": "string"
},
"default": "\"humidifier\""
},
{
"name": "detail-properties",
"fieldName": "detailProperties",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "entity-attributes",
"fieldName": "entityAttributes",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "tap-action",
"fieldName": "tapAction",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "icon-tap-action",
"fieldName": "iconTapAction",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\""
},
{
"name": "hold-action",
"fieldName": "holdAction",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "double-tap-action",
"fieldName": "doubleTapAction",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "color",
"fieldName": "color",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\""
},
{
"name": "show-header",
"fieldName": "showHeader",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "state-label",
"fieldName": "stateLabel",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "last-changed-label",
"fieldName": "lastChangedLabel",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "data",
"fieldName": "data",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "controls",
"fieldName": "controls",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "humidity",
"fieldName": "humidity",
"description": "Target relative humidity percentage.",
"type": {
"text": "number"
},
"default": "50"
},
{
"name": "current-humidity",
"fieldName": "currentHumidity",
"description": "Measured humidity.",
"type": {
"text": "number"
},
"default": "42"
},
{
"name": "mode",
"fieldName": "mode",
"description": "Selected operating mode.",
"type": {
"text": "string"
},
"default": "\"normal\""
},
{
"name": "modes",
"fieldName": "modes",
"description": "Available operating modes.",
"type": {
"text": "string"
},
"default": "[\"normal\",\"eco\",\"boost\"]"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "",
"description": "Default component content."
}
]
},
{
"kind": "class",
"name": "LumaVacuum",
"description": "Vacuum start/pause/stop/dock/locate/spot-clean actions and fan-speed selection.",
"tagName": "luma-vacuum",
"customElement": true,
"superclass": {
"name": "LumaDevice",
"module": "dist/devices.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\"",
"attribute": "icon",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\"",
"attribute": "state",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Vacuum domain.",
"type": {
"text": "string"
},
"default": "\"vacuum\"",
"attribute": "domain"
},
{
"kind": "field",
"name": "detailProperties",
"privacy": "public",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "detail-properties",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "entity-attributes",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "tapAction",
"privacy": "public",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "iconTapAction",
"privacy": "public",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\"",
"attribute": "icon-tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "holdAction",
"privacy": "public",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "hold-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "doubleTapAction",
"privacy": "public",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "double-tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\"",
"attribute": "color",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "showHeader",
"privacy": "public",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-header",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "stateLabel",
"privacy": "public",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "state-label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "lastChangedLabel",
"privacy": "public",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "last-changed-label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "data",
"privacy": "public",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "data",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "controls",
"privacy": "public",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "DeviceControl[]"
},
"default": "[]",
"attribute": "controls",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "battery",
"privacy": "public",
"description": "Battery charge percentage.",
"type": {
"text": "number"
},
"default": "85",
"attribute": "battery"
},
{
"kind": "field",
"name": "fanSpeed",
"privacy": "public",
"description": "Selected cleaning power.",
"type": {
"text": "string"
},
"default": "\"normal\"",
"attribute": "fan-speed"
},
{
"kind": "field",
"name": "fanSpeeds",
"privacy": "public",
"description": "Supported cleaning power levels.",
"type": {
"text": "string[]"
},
"default": "[\"quiet\",\"normal\",\"turbo\"]",
"attribute": "fan-speeds"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\""
},
{
"name": "state",
"fieldName": "state",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\""
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "domain",
"fieldName": "domain",
"description": "Vacuum domain.",
"type": {
"text": "string"
},
"default": "\"vacuum\""
},
{
"name": "detail-properties",
"fieldName": "detailProperties",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "entity-attributes",
"fieldName": "entityAttributes",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "tap-action",
"fieldName": "tapAction",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "icon-tap-action",
"fieldName": "iconTapAction",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\""
},
{
"name": "hold-action",
"fieldName": "holdAction",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "double-tap-action",
"fieldName": "doubleTapAction",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "color",
"fieldName": "color",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\""
},
{
"name": "show-header",
"fieldName": "showHeader",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "state-label",
"fieldName": "stateLabel",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "last-changed-label",
"fieldName": "lastChangedLabel",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "data",
"fieldName": "data",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "controls",
"fieldName": "controls",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "battery",
"fieldName": "battery",
"description": "Battery charge percentage.",
"type": {
"text": "number"
},
"default": "85"
},
{
"name": "fan-speed",
"fieldName": "fanSpeed",
"description": "Selected cleaning power.",
"type": {
"text": "string"
},
"default": "\"normal\""
},
{
"name": "fan-speeds",
"fieldName": "fanSpeeds",
"description": "Supported cleaning power levels.",
"type": {
"text": "string"
},
"default": "[\"quiet\",\"normal\",\"turbo\"]"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "",
"description": "Default component content."
}
]
},
{
"kind": "class",
"name": "LumaLock",
"description": "Lock/unlock/unlatch command card. The supplied state remains authoritative.",
"tagName": "luma-lock",
"customElement": true,
"superclass": {
"name": "LumaDevice",
"module": "dist/devices.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Lock icon.",
"type": {
"text": "string"
},
"default": "\"lock\"",
"attribute": "icon"
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Authoritative lock state; issuing a command does not assume success.",
"type": {
"text": "string"
},
"default": "\"locked\"",
"attribute": "state"
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Lock domain.",
"type": {
"text": "string"
},
"default": "\"lock\"",
"attribute": "domain"
},
{
"kind": "field",
"name": "detailProperties",
"privacy": "public",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "detail-properties",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "entity-attributes",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "tapAction",
"privacy": "public",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "iconTapAction",
"privacy": "public",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\"",
"attribute": "icon-tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "holdAction",
"privacy": "public",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "hold-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "doubleTapAction",
"privacy": "public",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "double-tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\"",
"attribute": "color",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "showHeader",
"privacy": "public",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-header",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "stateLabel",
"privacy": "public",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "state-label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "lastChangedLabel",
"privacy": "public",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "last-changed-label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "data",
"privacy": "public",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "data",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "controls",
"privacy": "public",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "DeviceControl[]"
},
"default": "[]",
"attribute": "controls",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "supportsOpen",
"privacy": "public",
"description": "Show the unlatch/open-door command.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "supports-open"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Lock icon.",
"type": {
"text": "string"
},
"default": "\"lock\""
},
{
"name": "state",
"fieldName": "state",
"description": "Authoritative lock state; issuing a command does not assume success.",
"type": {
"text": "string"
},
"default": "\"locked\""
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "domain",
"fieldName": "domain",
"description": "Lock domain.",
"type": {
"text": "string"
},
"default": "\"lock\""
},
{
"name": "detail-properties",
"fieldName": "detailProperties",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "entity-attributes",
"fieldName": "entityAttributes",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "tap-action",
"fieldName": "tapAction",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "icon-tap-action",
"fieldName": "iconTapAction",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\""
},
{
"name": "hold-action",
"fieldName": "holdAction",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "double-tap-action",
"fieldName": "doubleTapAction",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "color",
"fieldName": "color",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\""
},
{
"name": "show-header",
"fieldName": "showHeader",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "state-label",
"fieldName": "stateLabel",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "last-changed-label",
"fieldName": "lastChangedLabel",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "data",
"fieldName": "data",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "controls",
"fieldName": "controls",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "supports-open",
"fieldName": "supportsOpen",
"description": "Show the unlatch/open-door command.",
"type": {
"text": "boolean"
},
"default": "true"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "",
"description": "Default component content."
}
]
},
{
"kind": "class",
"name": "LumaValve",
"description": "Valve open/stop/close actions and position control.",
"tagName": "luma-valve",
"customElement": true,
"superclass": {
"name": "LumaDevice",
"module": "dist/devices.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\"",
"attribute": "icon",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\"",
"attribute": "state",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Valve domain.",
"type": {
"text": "string"
},
"default": "\"valve\"",
"attribute": "domain"
},
{
"kind": "field",
"name": "detailProperties",
"privacy": "public",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "detail-properties",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "entity-attributes",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "tapAction",
"privacy": "public",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "iconTapAction",
"privacy": "public",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\"",
"attribute": "icon-tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "holdAction",
"privacy": "public",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "hold-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "doubleTapAction",
"privacy": "public",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "double-tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\"",
"attribute": "color",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "showHeader",
"privacy": "public",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-header",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "stateLabel",
"privacy": "public",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "state-label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "lastChangedLabel",
"privacy": "public",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "last-changed-label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "data",
"privacy": "public",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "data",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "controls",
"privacy": "public",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "DeviceControl[]"
},
"default": "[]",
"attribute": "controls",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "position",
"privacy": "public",
"description": "Valve position from closed (0) to open (100).",
"type": {
"text": "number"
},
"default": "50",
"attribute": "position"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\""
},
{
"name": "state",
"fieldName": "state",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\""
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "domain",
"fieldName": "domain",
"description": "Valve domain.",
"type": {
"text": "string"
},
"default": "\"valve\""
},
{
"name": "detail-properties",
"fieldName": "detailProperties",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "entity-attributes",
"fieldName": "entityAttributes",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "tap-action",
"fieldName": "tapAction",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "icon-tap-action",
"fieldName": "iconTapAction",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\""
},
{
"name": "hold-action",
"fieldName": "holdAction",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "double-tap-action",
"fieldName": "doubleTapAction",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "color",
"fieldName": "color",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\""
},
{
"name": "show-header",
"fieldName": "showHeader",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "state-label",
"fieldName": "stateLabel",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "last-changed-label",
"fieldName": "lastChangedLabel",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "data",
"fieldName": "data",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "controls",
"fieldName": "controls",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "position",
"fieldName": "position",
"description": "Valve position from closed (0) to open (100).",
"type": {
"text": "number"
},
"default": "50"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "",
"description": "Default component content."
}
]
},
{
"kind": "class",
"name": "LumaWaterHeater",
"description": "Water heater target temperature, operation mode, and away mode.",
"tagName": "luma-water-heater",
"customElement": true,
"superclass": {
"name": "LumaDevice",
"module": "dist/devices.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Temperature icon.",
"type": {
"text": "string"
},
"default": "\"temperature\"",
"attribute": "icon"
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\"",
"attribute": "state",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Water heater domain.",
"type": {
"text": "string"
},
"default": "\"water_heater\"",
"attribute": "domain"
},
{
"kind": "field",
"name": "detailProperties",
"privacy": "public",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "detail-properties",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "entity-attributes",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "tapAction",
"privacy": "public",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "iconTapAction",
"privacy": "public",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\"",
"attribute": "icon-tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "holdAction",
"privacy": "public",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "hold-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "doubleTapAction",
"privacy": "public",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "double-tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\"",
"attribute": "color",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "showHeader",
"privacy": "public",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-header",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "stateLabel",
"privacy": "public",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "state-label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "lastChangedLabel",
"privacy": "public",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "last-changed-label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "data",
"privacy": "public",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "data",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "controls",
"privacy": "public",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "DeviceControl[]"
},
"default": "[]",
"attribute": "controls",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "temperature",
"privacy": "public",
"description": "Target water temperature.",
"type": {
"text": "number"
},
"default": "55",
"attribute": "temperature"
},
{
"kind": "field",
"name": "currentTemperature",
"privacy": "public",
"description": "Measured water temperature.",
"type": {
"text": "number"
},
"default": "48",
"attribute": "current-temperature"
},
{
"kind": "field",
"name": "mode",
"privacy": "public",
"description": "Selected operation mode.",
"type": {
"text": "string"
},
"default": "\"eco\"",
"attribute": "mode"
},
{
"kind": "field",
"name": "modes",
"privacy": "public",
"description": "Supported operation modes.",
"type": {
"text": "string[]"
},
"default": "[\"off\",\"eco\",\"electric\",\"performance\"]",
"attribute": "modes"
},
{
"kind": "field",
"name": "away",
"privacy": "public",
"description": "Away mode enabled.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "away"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Temperature icon.",
"type": {
"text": "string"
},
"default": "\"temperature\""
},
{
"name": "state",
"fieldName": "state",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\""
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "domain",
"fieldName": "domain",
"description": "Water heater domain.",
"type": {
"text": "string"
},
"default": "\"water_heater\""
},
{
"name": "detail-properties",
"fieldName": "detailProperties",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "entity-attributes",
"fieldName": "entityAttributes",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "tap-action",
"fieldName": "tapAction",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "icon-tap-action",
"fieldName": "iconTapAction",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\""
},
{
"name": "hold-action",
"fieldName": "holdAction",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "double-tap-action",
"fieldName": "doubleTapAction",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "color",
"fieldName": "color",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\""
},
{
"name": "show-header",
"fieldName": "showHeader",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "state-label",
"fieldName": "stateLabel",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "last-changed-label",
"fieldName": "lastChangedLabel",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "data",
"fieldName": "data",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "controls",
"fieldName": "controls",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "temperature",
"fieldName": "temperature",
"description": "Target water temperature.",
"type": {
"text": "number"
},
"default": "55"
},
{
"name": "current-temperature",
"fieldName": "currentTemperature",
"description": "Measured water temperature.",
"type": {
"text": "number"
},
"default": "48"
},
{
"name": "mode",
"fieldName": "mode",
"description": "Selected operation mode.",
"type": {
"text": "string"
},
"default": "\"eco\""
},
{
"name": "modes",
"fieldName": "modes",
"description": "Supported operation modes.",
"type": {
"text": "string"
},
"default": "[\"off\",\"eco\",\"electric\",\"performance\"]"
},
{
"name": "away",
"fieldName": "away",
"description": "Away mode enabled.",
"type": {
"text": "boolean"
},
"default": "false"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "",
"description": "Default component content."
}
]
},
{
"kind": "class",
"name": "LumaSiren",
"description": "Siren power, tone, volume, and duration controls.",
"tagName": "luma-siren",
"customElement": true,
"superclass": {
"name": "LumaDevice",
"module": "dist/devices.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\"",
"attribute": "icon",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\"",
"attribute": "state",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Siren domain.",
"type": {
"text": "string"
},
"default": "\"siren\"",
"attribute": "domain"
},
{
"kind": "field",
"name": "detailProperties",
"privacy": "public",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "detail-properties",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "entity-attributes",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "tapAction",
"privacy": "public",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "iconTapAction",
"privacy": "public",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\"",
"attribute": "icon-tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "holdAction",
"privacy": "public",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "hold-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "doubleTapAction",
"privacy": "public",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "double-tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\"",
"attribute": "color",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "showHeader",
"privacy": "public",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-header",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "stateLabel",
"privacy": "public",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "state-label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "lastChangedLabel",
"privacy": "public",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "last-changed-label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "data",
"privacy": "public",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "data",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "controls",
"privacy": "public",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "DeviceControl[]"
},
"default": "[]",
"attribute": "controls",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "tone",
"privacy": "public",
"description": "Selected tone.",
"type": {
"text": "string"
},
"default": "\"alarm\"",
"attribute": "tone"
},
{
"kind": "field",
"name": "tones",
"privacy": "public",
"description": "Available siren tones.",
"type": {
"text": "string[]"
},
"default": "[\"alarm\",\"chime\",\"warning\"]",
"attribute": "tones"
},
{
"kind": "field",
"name": "volume",
"privacy": "public",
"description": "Siren volume percentage.",
"type": {
"text": "number"
},
"default": "50",
"attribute": "volume"
},
{
"kind": "field",
"name": "duration",
"privacy": "public",
"description": "Playback duration in seconds.",
"type": {
"text": "number"
},
"default": "10",
"attribute": "duration"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\""
},
{
"name": "state",
"fieldName": "state",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\""
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "domain",
"fieldName": "domain",
"description": "Siren domain.",
"type": {
"text": "string"
},
"default": "\"siren\""
},
{
"name": "detail-properties",
"fieldName": "detailProperties",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "entity-attributes",
"fieldName": "entityAttributes",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "tap-action",
"fieldName": "tapAction",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "icon-tap-action",
"fieldName": "iconTapAction",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\""
},
{
"name": "hold-action",
"fieldName": "holdAction",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "double-tap-action",
"fieldName": "doubleTapAction",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "color",
"fieldName": "color",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\""
},
{
"name": "show-header",
"fieldName": "showHeader",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "state-label",
"fieldName": "stateLabel",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "last-changed-label",
"fieldName": "lastChangedLabel",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "data",
"fieldName": "data",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "controls",
"fieldName": "controls",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "tone",
"fieldName": "tone",
"description": "Selected tone.",
"type": {
"text": "string"
},
"default": "\"alarm\""
},
{
"name": "tones",
"fieldName": "tones",
"description": "Available siren tones.",
"type": {
"text": "string"
},
"default": "[\"alarm\",\"chime\",\"warning\"]"
},
{
"name": "volume",
"fieldName": "volume",
"description": "Siren volume percentage.",
"type": {
"text": "number"
},
"default": "50"
},
{
"name": "duration",
"fieldName": "duration",
"description": "Playback duration in seconds.",
"type": {
"text": "number"
},
"default": "10"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "",
"description": "Default component content."
}
]
},
{
"kind": "class",
"name": "LumaRemote",
"description": "Remote-control navigation, selection, home/back, and volume commands.",
"tagName": "luma-remote",
"customElement": true,
"superclass": {
"name": "LumaDevice",
"module": "dist/devices.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\"",
"attribute": "icon",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\"",
"attribute": "state",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Remote domain.",
"type": {
"text": "string"
},
"default": "\"remote\"",
"attribute": "domain"
},
{
"kind": "field",
"name": "detailProperties",
"privacy": "public",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "detail-properties",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "entity-attributes",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "tapAction",
"privacy": "public",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "iconTapAction",
"privacy": "public",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\"",
"attribute": "icon-tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "holdAction",
"privacy": "public",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "hold-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "doubleTapAction",
"privacy": "public",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "double-tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\"",
"attribute": "color",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "showHeader",
"privacy": "public",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-header",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "stateLabel",
"privacy": "public",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "state-label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "lastChangedLabel",
"privacy": "public",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "last-changed-label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "data",
"privacy": "public",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "data",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "controls",
"privacy": "public",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "DeviceControl[]"
},
"default": "[]",
"attribute": "controls",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\""
},
{
"name": "state",
"fieldName": "state",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\""
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "domain",
"fieldName": "domain",
"description": "Remote domain.",
"type": {
"text": "string"
},
"default": "\"remote\""
},
{
"name": "detail-properties",
"fieldName": "detailProperties",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "entity-attributes",
"fieldName": "entityAttributes",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "tap-action",
"fieldName": "tapAction",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "icon-tap-action",
"fieldName": "iconTapAction",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\""
},
{
"name": "hold-action",
"fieldName": "holdAction",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "double-tap-action",
"fieldName": "doubleTapAction",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "color",
"fieldName": "color",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\""
},
{
"name": "show-header",
"fieldName": "showHeader",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "state-label",
"fieldName": "stateLabel",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "last-changed-label",
"fieldName": "lastChangedLabel",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "data",
"fieldName": "data",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "controls",
"fieldName": "controls",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "string"
},
"default": "[]"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "",
"description": "Default component content."
}
]
},
{
"kind": "class",
"name": "LumaLawnMower",
"description": "Lawn mower start, pause, and return-to-dock commands.",
"tagName": "luma-lawn-mower",
"customElement": true,
"superclass": {
"name": "LumaDevice",
"module": "dist/devices.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\"",
"attribute": "icon",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\"",
"attribute": "state",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Lawn mower domain.",
"type": {
"text": "string"
},
"default": "\"lawn_mower\"",
"attribute": "domain"
},
{
"kind": "field",
"name": "detailProperties",
"privacy": "public",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "detail-properties",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "entity-attributes",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "tapAction",
"privacy": "public",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "iconTapAction",
"privacy": "public",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\"",
"attribute": "icon-tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "holdAction",
"privacy": "public",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "hold-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "doubleTapAction",
"privacy": "public",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "double-tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\"",
"attribute": "color",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "showHeader",
"privacy": "public",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-header",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "stateLabel",
"privacy": "public",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "state-label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "lastChangedLabel",
"privacy": "public",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "last-changed-label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "data",
"privacy": "public",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "data",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "controls",
"privacy": "public",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "DeviceControl[]"
},
"default": "[]",
"attribute": "controls",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\""
},
{
"name": "state",
"fieldName": "state",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\""
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "domain",
"fieldName": "domain",
"description": "Lawn mower domain.",
"type": {
"text": "string"
},
"default": "\"lawn_mower\""
},
{
"name": "detail-properties",
"fieldName": "detailProperties",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "entity-attributes",
"fieldName": "entityAttributes",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "tap-action",
"fieldName": "tapAction",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "icon-tap-action",
"fieldName": "iconTapAction",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\""
},
{
"name": "hold-action",
"fieldName": "holdAction",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "double-tap-action",
"fieldName": "doubleTapAction",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "color",
"fieldName": "color",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\""
},
{
"name": "show-header",
"fieldName": "showHeader",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "state-label",
"fieldName": "stateLabel",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "last-changed-label",
"fieldName": "lastChangedLabel",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "data",
"fieldName": "data",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "controls",
"fieldName": "controls",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "string"
},
"default": "[]"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "",
"description": "Default component content."
}
]
},
{
"kind": "class",
"name": "LumaCounter",
"description": "Counter increment/decrement and reset controls.",
"tagName": "luma-counter",
"customElement": true,
"superclass": {
"name": "LumaDevice",
"module": "dist/devices.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\"",
"attribute": "icon",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\"",
"attribute": "state",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Counter domain.",
"type": {
"text": "string"
},
"default": "\"counter\"",
"attribute": "domain"
},
{
"kind": "field",
"name": "detailProperties",
"privacy": "public",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "detail-properties",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "entity-attributes",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "tapAction",
"privacy": "public",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "iconTapAction",
"privacy": "public",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\"",
"attribute": "icon-tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "holdAction",
"privacy": "public",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "hold-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "doubleTapAction",
"privacy": "public",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "double-tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\"",
"attribute": "color",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "showHeader",
"privacy": "public",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-header",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "stateLabel",
"privacy": "public",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "state-label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "lastChangedLabel",
"privacy": "public",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "last-changed-label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "data",
"privacy": "public",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "data",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "controls",
"privacy": "public",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "DeviceControl[]"
},
"default": "[]",
"attribute": "controls",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "value",
"privacy": "public",
"description": "Current counter value.",
"type": {
"text": "number"
},
"default": "0",
"attribute": "value"
},
{
"kind": "field",
"name": "min",
"privacy": "public",
"description": "Minimum value.",
"type": {
"text": "number"
},
"default": "0",
"attribute": "min"
},
{
"kind": "field",
"name": "max",
"privacy": "public",
"description": "Maximum value.",
"type": {
"text": "number"
},
"default": "100",
"attribute": "max"
},
{
"kind": "field",
"name": "step",
"privacy": "public",
"description": "Increment/decrement step.",
"type": {
"text": "number"
},
"default": "1",
"attribute": "step"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\""
},
{
"name": "state",
"fieldName": "state",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\""
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "domain",
"fieldName": "domain",
"description": "Counter domain.",
"type": {
"text": "string"
},
"default": "\"counter\""
},
{
"name": "detail-properties",
"fieldName": "detailProperties",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "entity-attributes",
"fieldName": "entityAttributes",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "tap-action",
"fieldName": "tapAction",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "icon-tap-action",
"fieldName": "iconTapAction",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\""
},
{
"name": "hold-action",
"fieldName": "holdAction",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "double-tap-action",
"fieldName": "doubleTapAction",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "color",
"fieldName": "color",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\""
},
{
"name": "show-header",
"fieldName": "showHeader",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "state-label",
"fieldName": "stateLabel",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "last-changed-label",
"fieldName": "lastChangedLabel",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "data",
"fieldName": "data",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "controls",
"fieldName": "controls",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "value",
"fieldName": "value",
"description": "Current counter value.",
"type": {
"text": "number"
},
"default": "0"
},
{
"name": "min",
"fieldName": "min",
"description": "Minimum value.",
"type": {
"text": "number"
},
"default": "0"
},
{
"name": "max",
"fieldName": "max",
"description": "Maximum value.",
"type": {
"text": "number"
},
"default": "100"
},
{
"name": "step",
"fieldName": "step",
"description": "Increment/decrement step.",
"type": {
"text": "number"
},
"default": "1"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "",
"description": "Default component content."
}
]
},
{
"kind": "class",
"name": "LumaTimer",
"description": "Timer duration and start/pause/cancel/finish commands, with an optional timestamp-based live countdown.",
"tagName": "luma-timer",
"customElement": true,
"superclass": {
"name": "LumaDevice",
"module": "dist/devices.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\"",
"attribute": "icon",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\"",
"attribute": "state",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Timer domain.",
"type": {
"text": "string"
},
"default": "\"timer\"",
"attribute": "domain"
},
{
"kind": "field",
"name": "detailProperties",
"privacy": "public",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "detail-properties",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "entity-attributes",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "tapAction",
"privacy": "public",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "iconTapAction",
"privacy": "public",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\"",
"attribute": "icon-tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "holdAction",
"privacy": "public",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "hold-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "doubleTapAction",
"privacy": "public",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "double-tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\"",
"attribute": "color",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "showHeader",
"privacy": "public",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-header",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "stateLabel",
"privacy": "public",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "state-label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "lastChangedLabel",
"privacy": "public",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "last-changed-label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "data",
"privacy": "public",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "data",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "controls",
"privacy": "public",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "DeviceControl[]"
},
"default": "[]",
"attribute": "controls",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "duration",
"privacy": "public",
"description": "Configured timer duration in seconds.",
"type": {
"text": "number"
},
"default": "300",
"attribute": "duration"
},
{
"kind": "field",
"name": "remaining",
"privacy": "public",
"description": "Remaining duration in seconds, supplied by the application.",
"type": {
"text": "number"
},
"default": "180",
"attribute": "remaining"
},
{
"kind": "field",
"name": "finishesAt",
"privacy": "public",
"description": "Optional ISO finish timestamp. A running timer displays the countdown to this instant.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "finishes-at"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\""
},
{
"name": "state",
"fieldName": "state",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\""
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "domain",
"fieldName": "domain",
"description": "Timer domain.",
"type": {
"text": "string"
},
"default": "\"timer\""
},
{
"name": "detail-properties",
"fieldName": "detailProperties",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "entity-attributes",
"fieldName": "entityAttributes",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "tap-action",
"fieldName": "tapAction",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "icon-tap-action",
"fieldName": "iconTapAction",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\""
},
{
"name": "hold-action",
"fieldName": "holdAction",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "double-tap-action",
"fieldName": "doubleTapAction",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "color",
"fieldName": "color",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\""
},
{
"name": "show-header",
"fieldName": "showHeader",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "state-label",
"fieldName": "stateLabel",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "last-changed-label",
"fieldName": "lastChangedLabel",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "data",
"fieldName": "data",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "controls",
"fieldName": "controls",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "duration",
"fieldName": "duration",
"description": "Configured timer duration in seconds.",
"type": {
"text": "number"
},
"default": "300"
},
{
"name": "remaining",
"fieldName": "remaining",
"description": "Remaining duration in seconds, supplied by the application.",
"type": {
"text": "number"
},
"default": "180"
},
{
"name": "finishes-at",
"fieldName": "finishesAt",
"description": "Optional ISO finish timestamp. A running timer displays the countdown to this instant.",
"type": {
"text": "string"
},
"default": "\"\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "",
"description": "Default component content."
}
]
},
{
"kind": "class",
"name": "LumaUpdate",
"description": "Update versions, release notes, installation progress and install/skip commands.",
"tagName": "luma-update",
"customElement": true,
"superclass": {
"name": "LumaDevice",
"module": "dist/devices.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\"",
"attribute": "icon",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\"",
"attribute": "state",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Software update domain.",
"type": {
"text": "string"
},
"default": "\"update\"",
"attribute": "domain"
},
{
"kind": "field",
"name": "detailProperties",
"privacy": "public",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "detail-properties",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "entity-attributes",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "tapAction",
"privacy": "public",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "iconTapAction",
"privacy": "public",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\"",
"attribute": "icon-tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "holdAction",
"privacy": "public",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "hold-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "doubleTapAction",
"privacy": "public",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "double-tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\"",
"attribute": "color",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "showHeader",
"privacy": "public",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-header",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "stateLabel",
"privacy": "public",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "state-label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "lastChangedLabel",
"privacy": "public",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "last-changed-label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "data",
"privacy": "public",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "data",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "controls",
"privacy": "public",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "DeviceControl[]"
},
"default": "[]",
"attribute": "controls",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "installedVersion",
"privacy": "public",
"description": "Installed version.",
"type": {
"text": "string"
},
"default": "\"1.0.0\"",
"attribute": "installed-version"
},
{
"kind": "field",
"name": "latestVersion",
"privacy": "public",
"description": "Available version.",
"type": {
"text": "string"
},
"default": "\"1.1.0\"",
"attribute": "latest-version"
},
{
"kind": "field",
"name": "progress",
"privacy": "public",
"description": "Installation progress percentage.",
"type": {
"text": "number"
},
"default": "0",
"attribute": "progress"
},
{
"kind": "field",
"name": "releaseNotes",
"privacy": "public",
"description": "Plain text release notes. Never interpreted as HTML.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "release-notes"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\""
},
{
"name": "state",
"fieldName": "state",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\""
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "domain",
"fieldName": "domain",
"description": "Software update domain.",
"type": {
"text": "string"
},
"default": "\"update\""
},
{
"name": "detail-properties",
"fieldName": "detailProperties",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "entity-attributes",
"fieldName": "entityAttributes",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "tap-action",
"fieldName": "tapAction",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "icon-tap-action",
"fieldName": "iconTapAction",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\""
},
{
"name": "hold-action",
"fieldName": "holdAction",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "double-tap-action",
"fieldName": "doubleTapAction",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "color",
"fieldName": "color",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\""
},
{
"name": "show-header",
"fieldName": "showHeader",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "state-label",
"fieldName": "stateLabel",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "last-changed-label",
"fieldName": "lastChangedLabel",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "data",
"fieldName": "data",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "controls",
"fieldName": "controls",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "installed-version",
"fieldName": "installedVersion",
"description": "Installed version.",
"type": {
"text": "string"
},
"default": "\"1.0.0\""
},
{
"name": "latest-version",
"fieldName": "latestVersion",
"description": "Available version.",
"type": {
"text": "string"
},
"default": "\"1.1.0\""
},
{
"name": "progress",
"fieldName": "progress",
"description": "Installation progress percentage.",
"type": {
"text": "number"
},
"default": "0"
},
{
"name": "release-notes",
"fieldName": "releaseNotes",
"description": "Plain text release notes. Never interpreted as HTML.",
"type": {
"text": "string"
},
"default": "\"\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "",
"description": "Default component content."
}
]
},
{
"kind": "class",
"name": "LumaAutomation",
"description": "Automation enable/disable and manual trigger controls.",
"tagName": "luma-automation",
"customElement": true,
"superclass": {
"name": "LumaDevice",
"module": "dist/devices.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\"",
"attribute": "icon",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\"",
"attribute": "state",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Automation domain.",
"type": {
"text": "string"
},
"default": "\"automation\"",
"attribute": "domain"
},
{
"kind": "field",
"name": "detailProperties",
"privacy": "public",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "detail-properties",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "entity-attributes",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "tapAction",
"privacy": "public",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "iconTapAction",
"privacy": "public",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\"",
"attribute": "icon-tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "holdAction",
"privacy": "public",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "hold-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "doubleTapAction",
"privacy": "public",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "double-tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\"",
"attribute": "color",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "showHeader",
"privacy": "public",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-header",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "stateLabel",
"privacy": "public",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "state-label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "lastChangedLabel",
"privacy": "public",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "last-changed-label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "data",
"privacy": "public",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "data",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "controls",
"privacy": "public",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "DeviceControl[]"
},
"default": "[]",
"attribute": "controls",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\""
},
{
"name": "state",
"fieldName": "state",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\""
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "domain",
"fieldName": "domain",
"description": "Automation domain.",
"type": {
"text": "string"
},
"default": "\"automation\""
},
{
"name": "detail-properties",
"fieldName": "detailProperties",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "entity-attributes",
"fieldName": "entityAttributes",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "tap-action",
"fieldName": "tapAction",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "icon-tap-action",
"fieldName": "iconTapAction",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\""
},
{
"name": "hold-action",
"fieldName": "holdAction",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "double-tap-action",
"fieldName": "doubleTapAction",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "color",
"fieldName": "color",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\""
},
{
"name": "show-header",
"fieldName": "showHeader",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "state-label",
"fieldName": "stateLabel",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "last-changed-label",
"fieldName": "lastChangedLabel",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "data",
"fieldName": "data",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "controls",
"fieldName": "controls",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "string"
},
"default": "[]"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "",
"description": "Default component content."
}
]
},
{
"kind": "class",
"name": "LumaScript",
"description": "Script run/stop commands.",
"tagName": "luma-script",
"customElement": true,
"superclass": {
"name": "LumaDevice",
"module": "dist/devices.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\"",
"attribute": "icon",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\"",
"attribute": "state",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Script domain.",
"type": {
"text": "string"
},
"default": "\"script\"",
"attribute": "domain"
},
{
"kind": "field",
"name": "detailProperties",
"privacy": "public",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "detail-properties",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "entity-attributes",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "tapAction",
"privacy": "public",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "iconTapAction",
"privacy": "public",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\"",
"attribute": "icon-tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "holdAction",
"privacy": "public",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "hold-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "doubleTapAction",
"privacy": "public",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "double-tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\"",
"attribute": "color",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "showHeader",
"privacy": "public",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-header",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "stateLabel",
"privacy": "public",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "state-label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "lastChangedLabel",
"privacy": "public",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "last-changed-label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "data",
"privacy": "public",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "data",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "controls",
"privacy": "public",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "DeviceControl[]"
},
"default": "[]",
"attribute": "controls",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\""
},
{
"name": "state",
"fieldName": "state",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\""
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "domain",
"fieldName": "domain",
"description": "Script domain.",
"type": {
"text": "string"
},
"default": "\"script\""
},
{
"name": "detail-properties",
"fieldName": "detailProperties",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "entity-attributes",
"fieldName": "entityAttributes",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "tap-action",
"fieldName": "tapAction",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "icon-tap-action",
"fieldName": "iconTapAction",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\""
},
{
"name": "hold-action",
"fieldName": "holdAction",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "double-tap-action",
"fieldName": "doubleTapAction",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "color",
"fieldName": "color",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\""
},
{
"name": "show-header",
"fieldName": "showHeader",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "state-label",
"fieldName": "stateLabel",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "last-changed-label",
"fieldName": "lastChangedLabel",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "data",
"fieldName": "data",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "controls",
"fieldName": "controls",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "string"
},
"default": "[]"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "",
"description": "Default component content."
}
]
},
{
"kind": "class",
"name": "LumaInputText",
"description": "Input-text entity card using the standalone text-field control.",
"tagName": "luma-input-text",
"customElement": true,
"superclass": {
"name": "LumaDevice",
"module": "dist/devices.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\"",
"attribute": "icon",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\"",
"attribute": "state",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Input text domain.",
"type": {
"text": "string"
},
"default": "\"input_text\"",
"attribute": "domain"
},
{
"kind": "field",
"name": "detailProperties",
"privacy": "public",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "detail-properties",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "entity-attributes",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "tapAction",
"privacy": "public",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "iconTapAction",
"privacy": "public",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\"",
"attribute": "icon-tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "holdAction",
"privacy": "public",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "hold-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "doubleTapAction",
"privacy": "public",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "double-tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\"",
"attribute": "color",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "showHeader",
"privacy": "public",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-header",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "stateLabel",
"privacy": "public",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "state-label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "lastChangedLabel",
"privacy": "public",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "last-changed-label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "data",
"privacy": "public",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "data",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "controls",
"privacy": "public",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "DeviceControl[]"
},
"default": "[]",
"attribute": "controls",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "value",
"privacy": "public",
"description": "Current text value.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "value"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\""
},
{
"name": "state",
"fieldName": "state",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\""
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "domain",
"fieldName": "domain",
"description": "Input text domain.",
"type": {
"text": "string"
},
"default": "\"input_text\""
},
{
"name": "detail-properties",
"fieldName": "detailProperties",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "entity-attributes",
"fieldName": "entityAttributes",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "tap-action",
"fieldName": "tapAction",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "icon-tap-action",
"fieldName": "iconTapAction",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\""
},
{
"name": "hold-action",
"fieldName": "holdAction",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "double-tap-action",
"fieldName": "doubleTapAction",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "color",
"fieldName": "color",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\""
},
{
"name": "show-header",
"fieldName": "showHeader",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "state-label",
"fieldName": "stateLabel",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "last-changed-label",
"fieldName": "lastChangedLabel",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "data",
"fieldName": "data",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "controls",
"fieldName": "controls",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "value",
"fieldName": "value",
"description": "Current text value.",
"type": {
"text": "string"
},
"default": "\"\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "",
"description": "Default component content."
}
]
},
{
"kind": "class",
"name": "LumaInputNumber",
"description": "Numeric helper entity card with synchronized slider and numeric stepper.",
"tagName": "luma-input-number",
"customElement": true,
"superclass": {
"name": "LumaCounter",
"module": "dist/devices.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label",
"inheritedFrom": {
"name": "LumaCounter",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaCounter",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\"",
"attribute": "icon",
"inheritedFrom": {
"name": "LumaCounter",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\"",
"attribute": "state",
"inheritedFrom": {
"name": "LumaCounter",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary",
"inheritedFrom": {
"name": "LumaCounter",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id",
"inheritedFrom": {
"name": "LumaCounter",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Input number domain.",
"type": {
"text": "string"
},
"default": "\"input_number\"",
"attribute": "domain"
},
{
"kind": "field",
"name": "detailProperties",
"privacy": "public",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "detail-properties",
"inheritedFrom": {
"name": "LumaCounter",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "entity-attributes",
"inheritedFrom": {
"name": "LumaCounter",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "tapAction",
"privacy": "public",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "tap-action",
"inheritedFrom": {
"name": "LumaCounter",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "iconTapAction",
"privacy": "public",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\"",
"attribute": "icon-tap-action",
"inheritedFrom": {
"name": "LumaCounter",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "holdAction",
"privacy": "public",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "hold-action",
"inheritedFrom": {
"name": "LumaCounter",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "doubleTapAction",
"privacy": "public",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "double-tap-action",
"inheritedFrom": {
"name": "LumaCounter",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\"",
"attribute": "color",
"inheritedFrom": {
"name": "LumaCounter",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "showHeader",
"privacy": "public",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-header",
"inheritedFrom": {
"name": "LumaCounter",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "stateLabel",
"privacy": "public",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "state-label",
"inheritedFrom": {
"name": "LumaCounter",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "lastChangedLabel",
"privacy": "public",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "last-changed-label",
"inheritedFrom": {
"name": "LumaCounter",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "data",
"privacy": "public",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "data",
"inheritedFrom": {
"name": "LumaCounter",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "controls",
"privacy": "public",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "DeviceControl[]"
},
"default": "[]",
"attribute": "controls",
"inheritedFrom": {
"name": "LumaCounter",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "value",
"privacy": "public",
"description": "Current counter value.",
"type": {
"text": "number"
},
"default": "0",
"attribute": "value",
"inheritedFrom": {
"name": "LumaCounter",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "min",
"privacy": "public",
"description": "Minimum value.",
"type": {
"text": "number"
},
"default": "0",
"attribute": "min",
"inheritedFrom": {
"name": "LumaCounter",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "max",
"privacy": "public",
"description": "Maximum value.",
"type": {
"text": "number"
},
"default": "100",
"attribute": "max",
"inheritedFrom": {
"name": "LumaCounter",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "step",
"privacy": "public",
"description": "Increment/decrement step.",
"type": {
"text": "number"
},
"default": "1",
"attribute": "step",
"inheritedFrom": {
"name": "LumaCounter",
"module": "dist/devices.js"
}
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\""
},
{
"name": "state",
"fieldName": "state",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\""
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "domain",
"fieldName": "domain",
"description": "Input number domain.",
"type": {
"text": "string"
},
"default": "\"input_number\""
},
{
"name": "detail-properties",
"fieldName": "detailProperties",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "entity-attributes",
"fieldName": "entityAttributes",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "tap-action",
"fieldName": "tapAction",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "icon-tap-action",
"fieldName": "iconTapAction",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\""
},
{
"name": "hold-action",
"fieldName": "holdAction",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "double-tap-action",
"fieldName": "doubleTapAction",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "color",
"fieldName": "color",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\""
},
{
"name": "show-header",
"fieldName": "showHeader",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "state-label",
"fieldName": "stateLabel",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "last-changed-label",
"fieldName": "lastChangedLabel",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "data",
"fieldName": "data",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "controls",
"fieldName": "controls",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "value",
"fieldName": "value",
"description": "Current counter value.",
"type": {
"text": "number"
},
"default": "0"
},
{
"name": "min",
"fieldName": "min",
"description": "Minimum value.",
"type": {
"text": "number"
},
"default": "0"
},
{
"name": "max",
"fieldName": "max",
"description": "Maximum value.",
"type": {
"text": "number"
},
"default": "100"
},
{
"name": "step",
"fieldName": "step",
"description": "Increment/decrement step.",
"type": {
"text": "number"
},
"default": "1"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "",
"description": "Default component content."
}
]
},
{
"kind": "class",
"name": "LumaInputSelect",
"description": "Select/helper entity card using the standalone select control.",
"tagName": "luma-input-select",
"customElement": true,
"superclass": {
"name": "LumaDevice",
"module": "dist/devices.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\"",
"attribute": "icon",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\"",
"attribute": "state",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Select/helper domain.",
"type": {
"text": "string"
},
"default": "\"input_select\"",
"attribute": "domain"
},
{
"kind": "field",
"name": "detailProperties",
"privacy": "public",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "detail-properties",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "entity-attributes",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "tapAction",
"privacy": "public",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "iconTapAction",
"privacy": "public",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\"",
"attribute": "icon-tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "holdAction",
"privacy": "public",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "hold-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "doubleTapAction",
"privacy": "public",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "double-tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\"",
"attribute": "color",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "showHeader",
"privacy": "public",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-header",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "stateLabel",
"privacy": "public",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "state-label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "lastChangedLabel",
"privacy": "public",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "last-changed-label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "data",
"privacy": "public",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "data",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "controls",
"privacy": "public",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "DeviceControl[]"
},
"default": "[]",
"attribute": "controls",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "value",
"privacy": "public",
"description": "Selected option.",
"type": {
"text": "string"
},
"default": "\"home\"",
"attribute": "value"
},
{
"kind": "field",
"name": "options",
"privacy": "public",
"description": "Available options.",
"type": {
"text": "string[]"
},
"default": "[\"home\",\"away\",\"night\"]",
"attribute": "options"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\""
},
{
"name": "state",
"fieldName": "state",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\""
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "domain",
"fieldName": "domain",
"description": "Select/helper domain.",
"type": {
"text": "string"
},
"default": "\"input_select\""
},
{
"name": "detail-properties",
"fieldName": "detailProperties",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "entity-attributes",
"fieldName": "entityAttributes",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "tap-action",
"fieldName": "tapAction",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "icon-tap-action",
"fieldName": "iconTapAction",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\""
},
{
"name": "hold-action",
"fieldName": "holdAction",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "double-tap-action",
"fieldName": "doubleTapAction",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "color",
"fieldName": "color",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\""
},
{
"name": "show-header",
"fieldName": "showHeader",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "state-label",
"fieldName": "stateLabel",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "last-changed-label",
"fieldName": "lastChangedLabel",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "data",
"fieldName": "data",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "controls",
"fieldName": "controls",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "value",
"fieldName": "value",
"description": "Selected option.",
"type": {
"text": "string"
},
"default": "\"home\""
},
{
"name": "options",
"fieldName": "options",
"description": "Available options.",
"type": {
"text": "string"
},
"default": "[\"home\",\"away\",\"night\"]"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "",
"description": "Default component content."
}
]
},
{
"kind": "class",
"name": "LumaInputDate",
"description": "Date entity detail control.",
"tagName": "luma-input-date",
"customElement": true,
"superclass": {
"name": "LumaDevice",
"module": "dist/devices.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\"",
"attribute": "icon",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\"",
"attribute": "state",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Date domain.",
"type": {
"text": "string"
},
"default": "\"date\"",
"attribute": "domain"
},
{
"kind": "field",
"name": "detailProperties",
"privacy": "public",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "detail-properties",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "entity-attributes",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "tapAction",
"privacy": "public",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "iconTapAction",
"privacy": "public",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\"",
"attribute": "icon-tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "holdAction",
"privacy": "public",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "hold-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "doubleTapAction",
"privacy": "public",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "double-tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\"",
"attribute": "color",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "showHeader",
"privacy": "public",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-header",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "stateLabel",
"privacy": "public",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "state-label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "lastChangedLabel",
"privacy": "public",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "last-changed-label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "data",
"privacy": "public",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "data",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "controls",
"privacy": "public",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "DeviceControl[]"
},
"default": "[]",
"attribute": "controls",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "value",
"privacy": "public",
"description": "Local date string, YYYY-MM-DD.",
"type": {
"text": "string"
},
"default": "\"2026-11-10\"",
"attribute": "value"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\""
},
{
"name": "state",
"fieldName": "state",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\""
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "domain",
"fieldName": "domain",
"description": "Date domain.",
"type": {
"text": "string"
},
"default": "\"date\""
},
{
"name": "detail-properties",
"fieldName": "detailProperties",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "entity-attributes",
"fieldName": "entityAttributes",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "tap-action",
"fieldName": "tapAction",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "icon-tap-action",
"fieldName": "iconTapAction",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\""
},
{
"name": "hold-action",
"fieldName": "holdAction",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "double-tap-action",
"fieldName": "doubleTapAction",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "color",
"fieldName": "color",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\""
},
{
"name": "show-header",
"fieldName": "showHeader",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "state-label",
"fieldName": "stateLabel",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "last-changed-label",
"fieldName": "lastChangedLabel",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "data",
"fieldName": "data",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "controls",
"fieldName": "controls",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "value",
"fieldName": "value",
"description": "Local date string, YYYY-MM-DD.",
"type": {
"text": "string"
},
"default": "\"2026-11-10\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "",
"description": "Default component content."
}
]
},
{
"kind": "class",
"name": "LumaInputTime",
"description": "Time entity detail control.",
"tagName": "luma-input-time",
"customElement": true,
"superclass": {
"name": "LumaInputDate",
"module": "dist/devices.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label",
"inheritedFrom": {
"name": "LumaInputDate",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaInputDate",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\"",
"attribute": "icon",
"inheritedFrom": {
"name": "LumaInputDate",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\"",
"attribute": "state",
"inheritedFrom": {
"name": "LumaInputDate",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary",
"inheritedFrom": {
"name": "LumaInputDate",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id",
"inheritedFrom": {
"name": "LumaInputDate",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Time domain.",
"type": {
"text": "string"
},
"default": "\"time\"",
"attribute": "domain"
},
{
"kind": "field",
"name": "detailProperties",
"privacy": "public",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "detail-properties",
"inheritedFrom": {
"name": "LumaInputDate",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "entity-attributes",
"inheritedFrom": {
"name": "LumaInputDate",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "tapAction",
"privacy": "public",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "tap-action",
"inheritedFrom": {
"name": "LumaInputDate",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "iconTapAction",
"privacy": "public",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\"",
"attribute": "icon-tap-action",
"inheritedFrom": {
"name": "LumaInputDate",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "holdAction",
"privacy": "public",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "hold-action",
"inheritedFrom": {
"name": "LumaInputDate",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "doubleTapAction",
"privacy": "public",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "double-tap-action",
"inheritedFrom": {
"name": "LumaInputDate",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\"",
"attribute": "color",
"inheritedFrom": {
"name": "LumaInputDate",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "showHeader",
"privacy": "public",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-header",
"inheritedFrom": {
"name": "LumaInputDate",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "stateLabel",
"privacy": "public",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "state-label",
"inheritedFrom": {
"name": "LumaInputDate",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "lastChangedLabel",
"privacy": "public",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "last-changed-label",
"inheritedFrom": {
"name": "LumaInputDate",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "data",
"privacy": "public",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "data",
"inheritedFrom": {
"name": "LumaInputDate",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "controls",
"privacy": "public",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "DeviceControl[]"
},
"default": "[]",
"attribute": "controls",
"inheritedFrom": {
"name": "LumaInputDate",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "value",
"privacy": "public",
"description": "Local time string, HH:MM[:SS].",
"type": {
"text": "string"
},
"default": "\"18:30\"",
"attribute": "value"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\""
},
{
"name": "state",
"fieldName": "state",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\""
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "domain",
"fieldName": "domain",
"description": "Time domain.",
"type": {
"text": "string"
},
"default": "\"time\""
},
{
"name": "detail-properties",
"fieldName": "detailProperties",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "entity-attributes",
"fieldName": "entityAttributes",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "tap-action",
"fieldName": "tapAction",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "icon-tap-action",
"fieldName": "iconTapAction",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\""
},
{
"name": "hold-action",
"fieldName": "holdAction",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "double-tap-action",
"fieldName": "doubleTapAction",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "color",
"fieldName": "color",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\""
},
{
"name": "show-header",
"fieldName": "showHeader",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "state-label",
"fieldName": "stateLabel",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "last-changed-label",
"fieldName": "lastChangedLabel",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "data",
"fieldName": "data",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "controls",
"fieldName": "controls",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "value",
"fieldName": "value",
"description": "Local time string, HH:MM[:SS].",
"type": {
"text": "string"
},
"default": "\"18:30\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "",
"description": "Default component content."
}
]
},
{
"kind": "class",
"name": "LumaInputDateTime",
"description": "Date/time helper entity detail control.",
"tagName": "luma-input-datetime",
"customElement": true,
"superclass": {
"name": "LumaInputDate",
"module": "dist/devices.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label",
"inheritedFrom": {
"name": "LumaInputDate",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaInputDate",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\"",
"attribute": "icon",
"inheritedFrom": {
"name": "LumaInputDate",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\"",
"attribute": "state",
"inheritedFrom": {
"name": "LumaInputDate",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary",
"inheritedFrom": {
"name": "LumaInputDate",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id",
"inheritedFrom": {
"name": "LumaInputDate",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Date/time helper domain.",
"type": {
"text": "string"
},
"default": "\"input_datetime\"",
"attribute": "domain"
},
{
"kind": "field",
"name": "detailProperties",
"privacy": "public",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "detail-properties",
"inheritedFrom": {
"name": "LumaInputDate",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "entity-attributes",
"inheritedFrom": {
"name": "LumaInputDate",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "tapAction",
"privacy": "public",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "tap-action",
"inheritedFrom": {
"name": "LumaInputDate",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "iconTapAction",
"privacy": "public",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\"",
"attribute": "icon-tap-action",
"inheritedFrom": {
"name": "LumaInputDate",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "holdAction",
"privacy": "public",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "hold-action",
"inheritedFrom": {
"name": "LumaInputDate",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "doubleTapAction",
"privacy": "public",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "double-tap-action",
"inheritedFrom": {
"name": "LumaInputDate",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\"",
"attribute": "color",
"inheritedFrom": {
"name": "LumaInputDate",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "showHeader",
"privacy": "public",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-header",
"inheritedFrom": {
"name": "LumaInputDate",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "stateLabel",
"privacy": "public",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "state-label",
"inheritedFrom": {
"name": "LumaInputDate",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "lastChangedLabel",
"privacy": "public",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "last-changed-label",
"inheritedFrom": {
"name": "LumaInputDate",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "data",
"privacy": "public",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "data",
"inheritedFrom": {
"name": "LumaInputDate",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "controls",
"privacy": "public",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "DeviceControl[]"
},
"default": "[]",
"attribute": "controls",
"inheritedFrom": {
"name": "LumaInputDate",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "value",
"privacy": "public",
"description": "Local date/time without an implicit timezone.",
"type": {
"text": "string"
},
"default": "\"2026-11-10T18:30\"",
"attribute": "value"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\""
},
{
"name": "state",
"fieldName": "state",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\""
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "domain",
"fieldName": "domain",
"description": "Date/time helper domain.",
"type": {
"text": "string"
},
"default": "\"input_datetime\""
},
{
"name": "detail-properties",
"fieldName": "detailProperties",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "entity-attributes",
"fieldName": "entityAttributes",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "tap-action",
"fieldName": "tapAction",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "icon-tap-action",
"fieldName": "iconTapAction",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\""
},
{
"name": "hold-action",
"fieldName": "holdAction",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "double-tap-action",
"fieldName": "doubleTapAction",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "color",
"fieldName": "color",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\""
},
{
"name": "show-header",
"fieldName": "showHeader",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "state-label",
"fieldName": "stateLabel",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "last-changed-label",
"fieldName": "lastChangedLabel",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "data",
"fieldName": "data",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "controls",
"fieldName": "controls",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "value",
"fieldName": "value",
"description": "Local date/time without an implicit timezone.",
"type": {
"text": "string"
},
"default": "\"2026-11-10T18:30\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "",
"description": "Default component content."
}
]
},
{
"kind": "class",
"name": "LumaScene",
"description": "Scene activation control, also used by scene-like entity details.",
"tagName": "luma-scene",
"customElement": true,
"superclass": {
"name": "LumaDevice",
"module": "dist/devices.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\"",
"attribute": "icon",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\"",
"attribute": "state",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "secondary",
"privacy": "public",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "secondary",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "domain",
"privacy": "public",
"description": "Scene/button domain.",
"type": {
"text": "string"
},
"default": "\"scene\"",
"attribute": "domain"
},
{
"kind": "field",
"name": "detailProperties",
"privacy": "public",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "detail-properties",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "entity-attributes",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "tapAction",
"privacy": "public",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "iconTapAction",
"privacy": "public",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\"",
"attribute": "icon-tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "holdAction",
"privacy": "public",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\"",
"attribute": "hold-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "doubleTapAction",
"privacy": "public",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "double-tap-action",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\"",
"attribute": "color",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "showHeader",
"privacy": "public",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-header",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "stateLabel",
"privacy": "public",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "state-label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "lastChangedLabel",
"privacy": "public",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "last-changed-label",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "data",
"privacy": "public",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "data",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "field",
"name": "controls",
"privacy": "public",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "DeviceControl[]"
},
"default": "[]",
"attribute": "controls",
"inheritedFrom": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Built-in icon name. Use the icon slot for a custom SVG.",
"type": {
"text": "string"
},
"default": "\"light\""
},
{
"name": "state",
"fieldName": "state",
"description": "Displayed entity state. on, home, playing, heating, cooling, and open receive active styling.",
"type": {
"text": "string"
},
"default": "\"off\""
},
{
"name": "secondary",
"fieldName": "secondary",
"description": "Optional secondary text; overrides the displayed state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Opaque entity identifier returned in action and change event details. No backend connection is made.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "domain",
"fieldName": "domain",
"description": "Scene/button domain.",
"type": {
"text": "string"
},
"default": "\"scene\""
},
{
"name": "detail-properties",
"fieldName": "detailProperties",
"description": "Additional domain-specific properties for the automatic details popup, such as brightness, rgbColor, modes, or history.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "entity-attributes",
"fieldName": "entityAttributes",
"description": "Entity attribute name/value pairs shown in the Attributes detail tab.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "tap-action",
"fieldName": "tapAction",
"description": "Content action: more-info, toggle, press, none, or an application-defined action.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "icon-tap-action",
"fieldName": "iconTapAction",
"description": "Icon action. auto toggles supported toggle domains, otherwise opens details.",
"type": {
"text": "string"
},
"default": "\"auto\""
},
{
"name": "hold-action",
"fieldName": "holdAction",
"description": "Action after a 500ms pointer hold. none disables hold handling.",
"type": {
"text": "string"
},
"default": "\"more-info\""
},
{
"name": "double-tap-action",
"fieldName": "doubleTapAction",
"description": "Optional double-click action. A non-none action defers single clicks to distinguish the gestures.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "color",
"fieldName": "color",
"description": "State accent: amber, blue, green, red, purple, orange, or any valid CSS color.",
"type": {
"text": "string"
},
"default": "\"amber\""
},
{
"name": "show-header",
"fieldName": "showHeader",
"description": "Show the card/entity heading. Detail popups disable this to avoid repeating their own dialog title.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "state-label",
"fieldName": "stateLabel",
"description": "Optional localized main state label for the entity popup.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "last-changed-label",
"fieldName": "lastChangedLabel",
"description": "Application-formatted last-changed text shown below the popup state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "data",
"fieldName": "data",
"description": "Values for custom properties referenced by control definitions.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "controls",
"fieldName": "controls",
"description": "Control definitions: {type, property?, label, options?, min?, max?, step?, unit?, commands?}. type is a registered luma tag.",
"type": {
"text": "string"
},
"default": "[]"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "",
"description": "Default component content."
}
]
}
],
"exports": [
{
"kind": "js",
"name": "LumaDevice",
"declaration": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-device",
"declaration": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaSwitchCard",
"declaration": {
"name": "LumaSwitchCard",
"module": "dist/devices.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-switch-card",
"declaration": {
"name": "LumaSwitchCard",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaFan",
"declaration": {
"name": "LumaFan",
"module": "dist/devices.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-fan",
"declaration": {
"name": "LumaFan",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaHumidifier",
"declaration": {
"name": "LumaHumidifier",
"module": "dist/devices.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-humidifier",
"declaration": {
"name": "LumaHumidifier",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaVacuum",
"declaration": {
"name": "LumaVacuum",
"module": "dist/devices.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-vacuum",
"declaration": {
"name": "LumaVacuum",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaLock",
"declaration": {
"name": "LumaLock",
"module": "dist/devices.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-lock",
"declaration": {
"name": "LumaLock",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaValve",
"declaration": {
"name": "LumaValve",
"module": "dist/devices.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-valve",
"declaration": {
"name": "LumaValve",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaWaterHeater",
"declaration": {
"name": "LumaWaterHeater",
"module": "dist/devices.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-water-heater",
"declaration": {
"name": "LumaWaterHeater",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaSiren",
"declaration": {
"name": "LumaSiren",
"module": "dist/devices.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-siren",
"declaration": {
"name": "LumaSiren",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaRemote",
"declaration": {
"name": "LumaRemote",
"module": "dist/devices.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-remote",
"declaration": {
"name": "LumaRemote",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaLawnMower",
"declaration": {
"name": "LumaLawnMower",
"module": "dist/devices.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-lawn-mower",
"declaration": {
"name": "LumaLawnMower",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaCounter",
"declaration": {
"name": "LumaCounter",
"module": "dist/devices.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-counter",
"declaration": {
"name": "LumaCounter",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaTimer",
"declaration": {
"name": "LumaTimer",
"module": "dist/devices.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-timer",
"declaration": {
"name": "LumaTimer",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaUpdate",
"declaration": {
"name": "LumaUpdate",
"module": "dist/devices.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-update",
"declaration": {
"name": "LumaUpdate",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaAutomation",
"declaration": {
"name": "LumaAutomation",
"module": "dist/devices.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-automation",
"declaration": {
"name": "LumaAutomation",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaScript",
"declaration": {
"name": "LumaScript",
"module": "dist/devices.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-script",
"declaration": {
"name": "LumaScript",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaInputText",
"declaration": {
"name": "LumaInputText",
"module": "dist/devices.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-input-text",
"declaration": {
"name": "LumaInputText",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaInputNumber",
"declaration": {
"name": "LumaInputNumber",
"module": "dist/devices.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-input-number",
"declaration": {
"name": "LumaInputNumber",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaInputSelect",
"declaration": {
"name": "LumaInputSelect",
"module": "dist/devices.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-input-select",
"declaration": {
"name": "LumaInputSelect",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaInputDate",
"declaration": {
"name": "LumaInputDate",
"module": "dist/devices.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-input-date",
"declaration": {
"name": "LumaInputDate",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaInputTime",
"declaration": {
"name": "LumaInputTime",
"module": "dist/devices.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-input-time",
"declaration": {
"name": "LumaInputTime",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaInputDateTime",
"declaration": {
"name": "LumaInputDateTime",
"module": "dist/devices.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-input-datetime",
"declaration": {
"name": "LumaInputDateTime",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaScene",
"declaration": {
"name": "LumaScene",
"module": "dist/devices.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-scene",
"declaration": {
"name": "LumaScene",
"module": "dist/devices.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "dist/dialogs.js",
"declarations": [
{
"kind": "class",
"name": "LumaDialog",
"description": "Standalone modal shell with native focus trapping, Escape/backdrop dismissal, return focus, header/footer slots, and responsive sizing.",
"tagName": "luma-dialog",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "open",
"privacy": "public",
"description": "Show a modal using the native top layer and focus trap. Escape, close button, and backdrop dismiss it.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "open"
},
{
"kind": "field",
"name": "dismissible",
"privacy": "public",
"description": "Allow Escape, close-button, and backdrop dismissal.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "dismissible"
},
{
"kind": "field",
"name": "back",
"privacy": "public",
"description": "Show a Back to details action in place of Close; emits luma-back.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "back"
},
{
"kind": "field",
"name": "adaptive",
"privacy": "public",
"description": "Use a bottom sheet on screens at most 870px wide or 500px tall. The sheet supports dragging its header to dismiss; confirmation dialogs remain standard dialogs.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "adaptive"
},
{
"kind": "field",
"name": "width",
"privacy": "public",
"description": "Preferred dialog width in pixels, constrained to the viewport.",
"type": {
"text": "number"
},
"default": "580",
"attribute": "width"
},
{
"kind": "method",
"name": "show",
"privacy": "public",
"description": "",
"parameters": [],
"return": {
"type": {
"text": "void"
}
}
},
{
"kind": "method",
"name": "close",
"privacy": "public",
"description": "",
"parameters": [
{
"name": "reason",
"type": {
"text": "unknown"
},
"optional": false
}
],
"return": {
"type": {
"text": "void"
}
}
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "open",
"fieldName": "open",
"description": "Show a modal using the native top layer and focus trap. Escape, close button, and backdrop dismiss it.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "dismissible",
"fieldName": "dismissible",
"description": "Allow Escape, close-button, and backdrop dismissal.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "back",
"fieldName": "back",
"description": "Show a Back to details action in place of Close; emits luma-back.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "adaptive",
"fieldName": "adaptive",
"description": "Use a bottom sheet on screens at most 870px wide or 500px tall. The sheet supports dragging its header to dismiss; confirmation dialogs remain standard dialogs.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "width",
"fieldName": "width",
"description": "Preferred dialog width in pixels, constrained to the viewport.",
"type": {
"text": "number"
},
"default": "580"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
},
{
"name": "luma-close",
"type": {
"text": "CustomEvent"
},
"description": "Component-specific event; see the API and examples."
},
{
"name": "luma-back",
"type": {
"text": "CustomEvent"
},
"description": "Component-specific event; see the API and examples."
},
{
"name": "luma-open",
"type": {
"text": "CustomEvent"
},
"description": "Component-specific event; see the API and examples."
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "dialog",
"description": "Native modal surface."
},
{
"name": "handle",
"description": "handle styling hook."
},
{
"name": "header",
"description": "Dialog header."
},
{
"name": "body",
"description": "Dialog body."
}
],
"cssProperties": [
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "header-actions",
"description": "header-actions content."
},
{
"name": "",
"description": "Default component content."
},
{
"name": "footer",
"description": "footer content."
}
]
},
{
"kind": "class",
"name": "LumaConfirmDialog",
"description": "Reusable confirmation popup composed from the native dialog and buttons; confirmation is reported as luma-confirm.",
"tagName": "luma-confirm-dialog",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "open",
"privacy": "public",
"description": "Whether to show the confirmation popup.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "open"
},
{
"kind": "field",
"name": "message",
"privacy": "public",
"description": "Plain-text confirmation message.",
"type": {
"text": "string"
},
"default": "\"Are you sure?\"",
"attribute": "message"
},
{
"kind": "field",
"name": "confirmLabel",
"privacy": "public",
"description": "Confirm button text.",
"type": {
"text": "string"
},
"default": "\"Confirm\"",
"attribute": "confirm-label"
},
{
"kind": "field",
"name": "cancelLabel",
"privacy": "public",
"description": "Cancel button text.",
"type": {
"text": "string"
},
"default": "\"Cancel\"",
"attribute": "cancel-label"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "open",
"fieldName": "open",
"description": "Whether to show the confirmation popup.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "message",
"fieldName": "message",
"description": "Plain-text confirmation message.",
"type": {
"text": "string"
},
"default": "\"Are you sure?\""
},
{
"name": "confirm-label",
"fieldName": "confirmLabel",
"description": "Confirm button text.",
"type": {
"text": "string"
},
"default": "\"Confirm\""
},
{
"name": "cancel-label",
"fieldName": "cancelLabel",
"description": "Cancel button text.",
"type": {
"text": "string"
},
"default": "\"Cancel\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
},
{
"name": "luma-confirm",
"type": {
"text": "CustomEvent"
},
"description": "Component-specific event; see the API and examples."
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaStatePanel",
"description": "Reusable read-only entity state, history, and attributes panel for sensors, people, sun, binary sensors, and unknown domains.",
"tagName": "luma-state-panel",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Displayed entity state.",
"type": {
"text": "string"
},
"default": "\"unknown\"",
"attribute": "state"
},
{
"kind": "field",
"name": "entityAttributes",
"privacy": "public",
"description": "Attribute key/value pairs.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "entity-attributes"
},
{
"kind": "field",
"name": "series",
"privacy": "public",
"description": "Optional history series, using the luma-line-chart data format.",
"type": {
"text": "unknown[]"
},
"default": "[]",
"attribute": "series"
},
{
"kind": "field",
"name": "unit",
"privacy": "public",
"description": "State unit.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "unit"
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Entity icon.",
"type": {
"text": "string"
},
"default": "\"chart\"",
"attribute": "icon"
},
{
"kind": "field",
"name": "lastChangedLabel",
"privacy": "public",
"description": "Application-formatted last-changed text.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "last-changed-label"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "state",
"fieldName": "state",
"description": "Displayed entity state.",
"type": {
"text": "string"
},
"default": "\"unknown\""
},
{
"name": "entity-attributes",
"fieldName": "entityAttributes",
"description": "Attribute key/value pairs.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "series",
"fieldName": "series",
"description": "Optional history series, using the luma-line-chart data format.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "unit",
"fieldName": "unit",
"description": "State unit.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "icon",
"fieldName": "icon",
"description": "Entity icon.",
"type": {
"text": "string"
},
"default": "\"chart\""
},
{
"name": "last-changed-label",
"fieldName": "lastChangedLabel",
"description": "Application-formatted last-changed text.",
"type": {
"text": "string"
},
"default": "\"\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "panel",
"description": "panel styling hook."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "",
"description": "Default component content."
}
]
},
{
"kind": "class",
"name": "LumaMoreInfo",
"description": "Domain-aware entity details popup composed from the standalone dialog, tabs, device controls, history chart, and attributes table.",
"tagName": "luma-more-info",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "open",
"privacy": "public",
"description": "Open the entity details popup.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "open"
},
{
"kind": "field",
"name": "entity",
"privacy": "public",
"description": "Entity snapshot: {domain,entityId,label,state,properties,entityAttributes,series}. All device values are properties supplied by the application.",
"type": {
"text": "DetailEntity"
},
"default": "{}",
"attribute": "entity"
},
{
"kind": "field",
"name": "view",
"privacy": "public",
"description": "Selected popup view: info, history, or attributes.",
"type": {
"text": "string"
},
"default": "\"info\"",
"attribute": "view"
},
{
"kind": "method",
"name": "showFor",
"privacy": "public",
"description": "",
"parameters": [
{
"name": "source",
"type": {
"text": "LumaElement"
},
"optional": false
}
],
"return": {
"type": {
"text": "void"
}
}
},
{
"kind": "method",
"name": "close",
"privacy": "public",
"description": "",
"parameters": [],
"return": {
"type": {
"text": "void"
}
}
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "open",
"fieldName": "open",
"description": "Open the entity details popup.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "entity",
"fieldName": "entity",
"description": "Entity snapshot: {domain,entityId,label,state,properties,entityAttributes,series}. All device values are properties supplied by the application.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "view",
"fieldName": "view",
"description": "Selected popup view: info, history, or attributes.",
"type": {
"text": "string"
},
"default": "\"info\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
},
{
"name": "luma-close",
"type": {
"text": "CustomEvent"
},
"description": "Component-specific event; see the API and examples."
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
}
],
"cssProperties": [
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
}
],
"exports": [
{
"kind": "js",
"name": "LumaDialog",
"declaration": {
"name": "LumaDialog",
"module": "dist/dialogs.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-dialog",
"declaration": {
"name": "LumaDialog",
"module": "dist/dialogs.js"
}
},
{
"kind": "js",
"name": "LumaConfirmDialog",
"declaration": {
"name": "LumaConfirmDialog",
"module": "dist/dialogs.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-confirm-dialog",
"declaration": {
"name": "LumaConfirmDialog",
"module": "dist/dialogs.js"
}
},
{
"kind": "js",
"name": "LumaStatePanel",
"declaration": {
"name": "LumaStatePanel",
"module": "dist/dialogs.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-state-panel",
"declaration": {
"name": "LumaStatePanel",
"module": "dist/dialogs.js"
}
},
{
"kind": "js",
"name": "LumaMoreInfo",
"declaration": {
"name": "LumaMoreInfo",
"module": "dist/dialogs.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-more-info",
"declaration": {
"name": "LumaMoreInfo",
"module": "dist/dialogs.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "dist/energy-dashboard.js",
"declarations": [
{
"kind": "class",
"name": "LumaDataTable",
"description": "Standalone escaped-data table with column definitions, swatch cells, and an optional totals footer.",
"tagName": "luma-data-table",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "columns",
"privacy": "public",
"description": "Column definitions as {key,label}.",
"type": {
"text": "TableColumn[]"
},
"default": "[]",
"attribute": "columns"
},
{
"kind": "field",
"name": "rows",
"privacy": "public",
"description": "Objects keyed by column name. Cells can be strings/numbers or {text,color?,swatch?}.",
"type": {
"text": "Record[]"
},
"default": "[]",
"attribute": "rows"
},
{
"kind": "field",
"name": "footer",
"privacy": "public",
"description": "Optional footer row keyed by column names.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "footer"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "columns",
"fieldName": "columns",
"description": "Column definitions as {key,label}.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "rows",
"fieldName": "rows",
"description": "Objects keyed by column name. Cells can be strings/numbers or {text,color?,swatch?}.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "footer",
"fieldName": "footer",
"description": "Optional footer row keyed by column names.",
"type": {
"text": "string"
},
"default": "{}"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "table",
"description": "table styling hook."
}
],
"cssProperties": [
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaEnergySummary",
"description": "Energy-source totals and costs table, composed from the standalone data-table component.",
"tagName": "luma-energy-summary",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "sources",
"privacy": "public",
"description": "Energy sources as {label,energy,unit,cost?,color?}.",
"type": {
"text": "EnergySource[]"
},
"default": "[]",
"attribute": "sources"
},
{
"kind": "field",
"name": "currency",
"privacy": "public",
"description": "ISO currency code for costs.",
"type": {
"text": "string"
},
"default": "\"USD\"",
"attribute": "currency"
},
{
"kind": "field",
"name": "locale",
"privacy": "public",
"description": "Number/currency formatting locale.",
"type": {
"text": "string"
},
"default": "\"en\"",
"attribute": "locale"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "sources",
"fieldName": "sources",
"description": "Energy sources as {label,energy,unit,cost?,color?}.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "currency",
"fieldName": "currency",
"description": "ISO currency code for costs.",
"type": {
"text": "string"
},
"default": "\"USD\""
},
{
"name": "locale",
"fieldName": "locale",
"description": "Number/currency formatting locale.",
"type": {
"text": "string"
},
"default": "\"en\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaDateRangePicker",
"description": "Standalone energy/history date toolbar with native calendar, Today, previous/next, and day/week/month/year navigation.",
"tagName": "luma-date-range-picker",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "value",
"privacy": "public",
"description": "Selected inclusive date range as {start,end}, both YYYY-MM-DD.",
"type": {
"text": "DateRange"
},
"default": "{\"start\":\"2026-11-10\",\"end\":\"2026-11-10\"}",
"attribute": "value"
},
{
"kind": "field",
"name": "period",
"privacy": "public",
"description": "Navigation period: day, week, month, or year.",
"type": {
"text": "string"
},
"default": "\"day\"",
"attribute": "period"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "value",
"fieldName": "value",
"description": "Selected inclusive date range as {start,end}, both YYYY-MM-DD.",
"type": {
"text": "string"
},
"default": "{\"start\":\"2026-11-10\",\"end\":\"2026-11-10\"}"
},
{
"name": "period",
"fieldName": "period",
"description": "Navigation period: day, week, month, or year.",
"type": {
"text": "string"
},
"default": "\"day\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "toolbar",
"description": "toolbar styling hook."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaEnergyDashboard",
"description": "Energy dashboard assembled from reusable flow, totals table, history plot, signed stacked-bar charts, grid, and date-range controls.",
"tagName": "luma-energy-dashboard",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "flow",
"privacy": "public",
"description": "Properties forwarded to luma-energy-flow.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "flow"
},
{
"kind": "field",
"name": "sources",
"privacy": "public",
"description": "Sources forwarded to luma-energy-summary.",
"type": {
"text": "EnergySource[]"
},
"default": "[]",
"attribute": "sources"
},
{
"kind": "field",
"name": "powerSeries",
"privacy": "public",
"description": "Power-source history chart series.",
"type": {
"text": "ChartSeries[]"
},
"default": "[]",
"attribute": "power-series"
},
{
"kind": "field",
"name": "electricitySeries",
"privacy": "public",
"description": "Signed electrical energy series for stacked bars.",
"type": {
"text": "ChartSeries[]"
},
"default": "[]",
"attribute": "electricity-series"
},
{
"kind": "field",
"name": "gasSeries",
"privacy": "public",
"description": "Gas consumption bar series.",
"type": {
"text": "ChartSeries[]"
},
"default": "[]",
"attribute": "gas-series"
},
{
"kind": "field",
"name": "waterSeries",
"privacy": "public",
"description": "Water consumption bar series.",
"type": {
"text": "ChartSeries[]"
},
"default": "[]",
"attribute": "water-series"
},
{
"kind": "field",
"name": "labels",
"privacy": "public",
"description": "Labels for hourly/daily bar positions.",
"type": {
"text": "string[]"
},
"default": "[]",
"attribute": "labels"
},
{
"kind": "field",
"name": "dateRange",
"privacy": "public",
"description": "Selected date interval. luma-change asks the application to supply data for the new interval.",
"type": {
"text": "DateRange"
},
"default": "{\"start\":\"2026-11-10\",\"end\":\"2026-11-10\"}",
"attribute": "date-range"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "flow",
"fieldName": "flow",
"description": "Properties forwarded to luma-energy-flow.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "sources",
"fieldName": "sources",
"description": "Sources forwarded to luma-energy-summary.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "power-series",
"fieldName": "powerSeries",
"description": "Power-source history chart series.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "electricity-series",
"fieldName": "electricitySeries",
"description": "Signed electrical energy series for stacked bars.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "gas-series",
"fieldName": "gasSeries",
"description": "Gas consumption bar series.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "water-series",
"fieldName": "waterSeries",
"description": "Water consumption bar series.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "labels",
"fieldName": "labels",
"description": "Labels for hourly/daily bar positions.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "date-range",
"fieldName": "dateRange",
"description": "Selected date interval. luma-change asks the application to supply data for the new interval.",
"type": {
"text": "string"
},
"default": "{\"start\":\"2026-11-10\",\"end\":\"2026-11-10\"}"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "dashboard",
"description": "dashboard styling hook."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
}
],
"exports": [
{
"kind": "js",
"name": "LumaDataTable",
"declaration": {
"name": "LumaDataTable",
"module": "dist/energy-dashboard.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-data-table",
"declaration": {
"name": "LumaDataTable",
"module": "dist/energy-dashboard.js"
}
},
{
"kind": "js",
"name": "LumaEnergySummary",
"declaration": {
"name": "LumaEnergySummary",
"module": "dist/energy-dashboard.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-energy-summary",
"declaration": {
"name": "LumaEnergySummary",
"module": "dist/energy-dashboard.js"
}
},
{
"kind": "js",
"name": "LumaDateRangePicker",
"declaration": {
"name": "LumaDateRangePicker",
"module": "dist/energy-dashboard.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-date-range-picker",
"declaration": {
"name": "LumaDateRangePicker",
"module": "dist/energy-dashboard.js"
}
},
{
"kind": "js",
"name": "LumaEnergyDashboard",
"declaration": {
"name": "LumaEnergyDashboard",
"module": "dist/energy-dashboard.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-energy-dashboard",
"declaration": {
"name": "LumaEnergyDashboard",
"module": "dist/energy-dashboard.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "dist/energy.js",
"declarations": [
{
"kind": "class",
"name": "LumaEnergyNode",
"description": "Standalone circular energy node with independent readings and optional source-mix ring segments.",
"tagName": "luma-energy-node",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Node icon.",
"type": {
"text": "string"
},
"default": "\"home\"",
"attribute": "icon"
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "Node ring color.",
"type": {
"text": "string"
},
"default": "\"blue\"",
"attribute": "color"
},
{
"kind": "field",
"name": "values",
"privacy": "public",
"description": "Displayed readings as {value,unit,color?,label?}.",
"type": {
"text": "EnergyValue[]"
},
"default": "[]",
"attribute": "values"
},
{
"kind": "field",
"name": "labelPosition",
"privacy": "public",
"description": "Place the node label above or below its circle.",
"type": {
"text": "string"
},
"default": "\"bottom\"",
"attribute": "label-position"
},
{
"kind": "field",
"name": "segments",
"privacy": "public",
"description": "Optional ring segments as {value,color} for the home energy-source mix.",
"type": {
"text": "Array<{value:number;color:string}>"
},
"default": "[]",
"attribute": "segments"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Node icon.",
"type": {
"text": "string"
},
"default": "\"home\""
},
{
"name": "color",
"fieldName": "color",
"description": "Node ring color.",
"type": {
"text": "string"
},
"default": "\"blue\""
},
{
"name": "values",
"fieldName": "values",
"description": "Displayed readings as {value,unit,color?,label?}.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "label-position",
"fieldName": "labelPosition",
"description": "Place the node label above or below its circle.",
"type": {
"text": "string"
},
"default": "\"bottom\""
},
{
"name": "segments",
"fieldName": "segments",
"description": "Optional ring segments as {value,color} for the home energy-source mix.",
"type": {
"text": "string"
},
"default": "[]"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "node",
"description": "node styling hook."
}
],
"cssProperties": [
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaFlowLine",
"description": "Standalone SVG connection with an animated flow dot and reduced-motion support.",
"tagName": "luma-flow-line",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "path",
"privacy": "public",
"description": "SVG path connecting nodes, using the supplied view-box coordinates.",
"type": {
"text": "string"
},
"default": "\"M0 50 H200\"",
"attribute": "path"
},
{
"kind": "field",
"name": "viewBox",
"privacy": "public",
"description": "SVG viewBox of the containing flow diagram.",
"type": {
"text": "string"
},
"default": "\"0 0 600 400\"",
"attribute": "view-box"
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "Flow line and moving-dot color.",
"type": {
"text": "string"
},
"default": "\"blue\"",
"attribute": "color"
},
{
"kind": "field",
"name": "active",
"privacy": "public",
"description": "Show a moving flow indicator.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "active"
},
{
"kind": "field",
"name": "reverse",
"privacy": "public",
"description": "Reverse the flow direction.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "reverse"
},
{
"kind": "field",
"name": "duration",
"privacy": "public",
"description": "Seconds per flow animation cycle.",
"type": {
"text": "number"
},
"default": "4",
"attribute": "duration"
}
],
"attributes": [
{
"name": "path",
"fieldName": "path",
"description": "SVG path connecting nodes, using the supplied view-box coordinates.",
"type": {
"text": "string"
},
"default": "\"M0 50 H200\""
},
{
"name": "view-box",
"fieldName": "viewBox",
"description": "SVG viewBox of the containing flow diagram.",
"type": {
"text": "string"
},
"default": "\"0 0 600 400\""
},
{
"name": "color",
"fieldName": "color",
"description": "Flow line and moving-dot color.",
"type": {
"text": "string"
},
"default": "\"blue\""
},
{
"name": "active",
"fieldName": "active",
"description": "Show a moving flow indicator.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "reverse",
"fieldName": "reverse",
"description": "Reverse the flow direction.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "duration",
"fieldName": "duration",
"description": "Seconds per flow animation cycle.",
"type": {
"text": "number"
},
"default": "4"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "line",
"description": "line styling hook."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaEnergyFlow",
"description": "Home Assistant-style connected energy distribution diagram composed from independently reusable nodes and animated flow lines.",
"tagName": "luma-energy-flow",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "solar",
"privacy": "public",
"description": "Solar generation.",
"type": {
"text": "number"
},
"default": "1.17",
"attribute": "solar"
},
{
"kind": "field",
"name": "grid",
"privacy": "public",
"description": "Signed net grid flow; positive imports, negative exports.",
"type": {
"text": "number"
},
"default": "4.03",
"attribute": "grid"
},
{
"kind": "field",
"name": "home",
"privacy": "public",
"description": "Home consumption.",
"type": {
"text": "number"
},
"default": "5.11",
"attribute": "home"
},
{
"kind": "field",
"name": "battery",
"privacy": "public",
"description": "Signed net battery discharge.",
"type": {
"text": "number"
},
"default": "1.18",
"attribute": "battery"
},
{
"kind": "field",
"name": "gridImport",
"privacy": "public",
"description": "Separate grid import reading; zero falls back to positive grid.",
"type": {
"text": "number"
},
"default": "0",
"attribute": "grid-import"
},
{
"kind": "field",
"name": "gridExport",
"privacy": "public",
"description": "Separate grid export reading; zero falls back to negative grid.",
"type": {
"text": "number"
},
"default": "0.12",
"attribute": "grid-export"
},
{
"kind": "field",
"name": "batteryCharge",
"privacy": "public",
"description": "Battery charging reading.",
"type": {
"text": "number"
},
"default": "1.16",
"attribute": "battery-charge"
},
{
"kind": "field",
"name": "batteryDischarge",
"privacy": "public",
"description": "Battery discharge reading.",
"type": {
"text": "number"
},
"default": "1.18",
"attribute": "battery-discharge"
},
{
"kind": "field",
"name": "gas",
"privacy": "public",
"description": "Gas consumption.",
"type": {
"text": "number"
},
"default": "1.09",
"attribute": "gas"
},
{
"kind": "field",
"name": "water",
"privacy": "public",
"description": "Water consumption.",
"type": {
"text": "number"
},
"default": "154",
"attribute": "water"
},
{
"kind": "field",
"name": "showGas",
"privacy": "public",
"description": "Display the gas node.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-gas"
},
{
"kind": "field",
"name": "showWater",
"privacy": "public",
"description": "Display the water node.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-water"
},
{
"kind": "field",
"name": "unit",
"privacy": "public",
"description": "Electrical value unit.",
"type": {
"text": "string"
},
"default": "\"kWh\"",
"attribute": "unit"
},
{
"kind": "field",
"name": "gasUnit",
"privacy": "public",
"description": "Gas unit.",
"type": {
"text": "string"
},
"default": "\"m³\"",
"attribute": "gas-unit"
},
{
"kind": "field",
"name": "waterUnit",
"privacy": "public",
"description": "Water unit.",
"type": {
"text": "string"
},
"default": "\"L\"",
"attribute": "water-unit"
}
],
"attributes": [
{
"name": "solar",
"fieldName": "solar",
"description": "Solar generation.",
"type": {
"text": "number"
},
"default": "1.17"
},
{
"name": "grid",
"fieldName": "grid",
"description": "Signed net grid flow; positive imports, negative exports.",
"type": {
"text": "number"
},
"default": "4.03"
},
{
"name": "home",
"fieldName": "home",
"description": "Home consumption.",
"type": {
"text": "number"
},
"default": "5.11"
},
{
"name": "battery",
"fieldName": "battery",
"description": "Signed net battery discharge.",
"type": {
"text": "number"
},
"default": "1.18"
},
{
"name": "grid-import",
"fieldName": "gridImport",
"description": "Separate grid import reading; zero falls back to positive grid.",
"type": {
"text": "number"
},
"default": "0"
},
{
"name": "grid-export",
"fieldName": "gridExport",
"description": "Separate grid export reading; zero falls back to negative grid.",
"type": {
"text": "number"
},
"default": "0.12"
},
{
"name": "battery-charge",
"fieldName": "batteryCharge",
"description": "Battery charging reading.",
"type": {
"text": "number"
},
"default": "1.16"
},
{
"name": "battery-discharge",
"fieldName": "batteryDischarge",
"description": "Battery discharge reading.",
"type": {
"text": "number"
},
"default": "1.18"
},
{
"name": "gas",
"fieldName": "gas",
"description": "Gas consumption.",
"type": {
"text": "number"
},
"default": "1.09"
},
{
"name": "water",
"fieldName": "water",
"description": "Water consumption.",
"type": {
"text": "number"
},
"default": "154"
},
{
"name": "show-gas",
"fieldName": "showGas",
"description": "Display the gas node.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "show-water",
"fieldName": "showWater",
"description": "Display the water node.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "unit",
"fieldName": "unit",
"description": "Electrical value unit.",
"type": {
"text": "string"
},
"default": "\"kWh\""
},
{
"name": "gas-unit",
"fieldName": "gasUnit",
"description": "Gas unit.",
"type": {
"text": "string"
},
"default": "\"m³\""
},
{
"name": "water-unit",
"fieldName": "waterUnit",
"description": "Water unit.",
"type": {
"text": "string"
},
"default": "\"L\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "flow",
"description": "flow styling hook."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaEnergy",
"description": "Energy distribution card composed from the standalone connected flow diagram.",
"tagName": "luma-energy",
"customElement": true,
"superclass": {
"name": "LumaEnergyFlow",
"module": "dist/energy.js"
},
"members": [
{
"kind": "field",
"name": "solar",
"privacy": "public",
"description": "Solar generation.",
"type": {
"text": "number"
},
"default": "1.17",
"attribute": "solar",
"inheritedFrom": {
"name": "LumaEnergyFlow",
"module": "dist/energy.js"
}
},
{
"kind": "field",
"name": "grid",
"privacy": "public",
"description": "Signed net grid flow; positive imports, negative exports.",
"type": {
"text": "number"
},
"default": "4.03",
"attribute": "grid",
"inheritedFrom": {
"name": "LumaEnergyFlow",
"module": "dist/energy.js"
}
},
{
"kind": "field",
"name": "home",
"privacy": "public",
"description": "Home consumption.",
"type": {
"text": "number"
},
"default": "5.11",
"attribute": "home",
"inheritedFrom": {
"name": "LumaEnergyFlow",
"module": "dist/energy.js"
}
},
{
"kind": "field",
"name": "battery",
"privacy": "public",
"description": "Signed net battery discharge.",
"type": {
"text": "number"
},
"default": "1.18",
"attribute": "battery",
"inheritedFrom": {
"name": "LumaEnergyFlow",
"module": "dist/energy.js"
}
},
{
"kind": "field",
"name": "gridImport",
"privacy": "public",
"description": "Separate grid import reading; zero falls back to positive grid.",
"type": {
"text": "number"
},
"default": "0",
"attribute": "grid-import",
"inheritedFrom": {
"name": "LumaEnergyFlow",
"module": "dist/energy.js"
}
},
{
"kind": "field",
"name": "gridExport",
"privacy": "public",
"description": "Separate grid export reading; zero falls back to negative grid.",
"type": {
"text": "number"
},
"default": "0.12",
"attribute": "grid-export",
"inheritedFrom": {
"name": "LumaEnergyFlow",
"module": "dist/energy.js"
}
},
{
"kind": "field",
"name": "batteryCharge",
"privacy": "public",
"description": "Battery charging reading.",
"type": {
"text": "number"
},
"default": "1.16",
"attribute": "battery-charge",
"inheritedFrom": {
"name": "LumaEnergyFlow",
"module": "dist/energy.js"
}
},
{
"kind": "field",
"name": "batteryDischarge",
"privacy": "public",
"description": "Battery discharge reading.",
"type": {
"text": "number"
},
"default": "1.18",
"attribute": "battery-discharge",
"inheritedFrom": {
"name": "LumaEnergyFlow",
"module": "dist/energy.js"
}
},
{
"kind": "field",
"name": "gas",
"privacy": "public",
"description": "Gas consumption.",
"type": {
"text": "number"
},
"default": "1.09",
"attribute": "gas",
"inheritedFrom": {
"name": "LumaEnergyFlow",
"module": "dist/energy.js"
}
},
{
"kind": "field",
"name": "water",
"privacy": "public",
"description": "Water consumption.",
"type": {
"text": "number"
},
"default": "154",
"attribute": "water",
"inheritedFrom": {
"name": "LumaEnergyFlow",
"module": "dist/energy.js"
}
},
{
"kind": "field",
"name": "showGas",
"privacy": "public",
"description": "Display the gas node.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-gas",
"inheritedFrom": {
"name": "LumaEnergyFlow",
"module": "dist/energy.js"
}
},
{
"kind": "field",
"name": "showWater",
"privacy": "public",
"description": "Display the water node.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-water",
"inheritedFrom": {
"name": "LumaEnergyFlow",
"module": "dist/energy.js"
}
},
{
"kind": "field",
"name": "unit",
"privacy": "public",
"description": "Electrical value unit.",
"type": {
"text": "string"
},
"default": "\"kWh\"",
"attribute": "unit",
"inheritedFrom": {
"name": "LumaEnergyFlow",
"module": "dist/energy.js"
}
},
{
"kind": "field",
"name": "gasUnit",
"privacy": "public",
"description": "Gas unit.",
"type": {
"text": "string"
},
"default": "\"m³\"",
"attribute": "gas-unit",
"inheritedFrom": {
"name": "LumaEnergyFlow",
"module": "dist/energy.js"
}
},
{
"kind": "field",
"name": "waterUnit",
"privacy": "public",
"description": "Water unit.",
"type": {
"text": "string"
},
"default": "\"L\"",
"attribute": "water-unit",
"inheritedFrom": {
"name": "LumaEnergyFlow",
"module": "dist/energy.js"
}
},
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Card title.",
"type": {
"text": "string"
},
"default": "\"Energy distribution\"",
"attribute": "label"
}
],
"attributes": [
{
"name": "solar",
"fieldName": "solar",
"description": "Solar generation.",
"type": {
"text": "number"
},
"default": "1.17"
},
{
"name": "grid",
"fieldName": "grid",
"description": "Signed net grid flow; positive imports, negative exports.",
"type": {
"text": "number"
},
"default": "4.03"
},
{
"name": "home",
"fieldName": "home",
"description": "Home consumption.",
"type": {
"text": "number"
},
"default": "5.11"
},
{
"name": "battery",
"fieldName": "battery",
"description": "Signed net battery discharge.",
"type": {
"text": "number"
},
"default": "1.18"
},
{
"name": "grid-import",
"fieldName": "gridImport",
"description": "Separate grid import reading; zero falls back to positive grid.",
"type": {
"text": "number"
},
"default": "0"
},
{
"name": "grid-export",
"fieldName": "gridExport",
"description": "Separate grid export reading; zero falls back to negative grid.",
"type": {
"text": "number"
},
"default": "0.12"
},
{
"name": "battery-charge",
"fieldName": "batteryCharge",
"description": "Battery charging reading.",
"type": {
"text": "number"
},
"default": "1.16"
},
{
"name": "battery-discharge",
"fieldName": "batteryDischarge",
"description": "Battery discharge reading.",
"type": {
"text": "number"
},
"default": "1.18"
},
{
"name": "gas",
"fieldName": "gas",
"description": "Gas consumption.",
"type": {
"text": "number"
},
"default": "1.09"
},
{
"name": "water",
"fieldName": "water",
"description": "Water consumption.",
"type": {
"text": "number"
},
"default": "154"
},
{
"name": "show-gas",
"fieldName": "showGas",
"description": "Display the gas node.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "show-water",
"fieldName": "showWater",
"description": "Display the water node.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "unit",
"fieldName": "unit",
"description": "Electrical value unit.",
"type": {
"text": "string"
},
"default": "\"kWh\""
},
{
"name": "gas-unit",
"fieldName": "gasUnit",
"description": "Gas unit.",
"type": {
"text": "string"
},
"default": "\"m³\""
},
{
"name": "water-unit",
"fieldName": "waterUnit",
"description": "Water unit.",
"type": {
"text": "string"
},
"default": "\"L\""
},
{
"name": "label",
"fieldName": "label",
"description": "Card title.",
"type": {
"text": "string"
},
"default": "\"Energy distribution\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
}
],
"exports": [
{
"kind": "js",
"name": "LumaEnergyNode",
"declaration": {
"name": "LumaEnergyNode",
"module": "dist/energy.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-energy-node",
"declaration": {
"name": "LumaEnergyNode",
"module": "dist/energy.js"
}
},
{
"kind": "js",
"name": "LumaFlowLine",
"declaration": {
"name": "LumaFlowLine",
"module": "dist/energy.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-flow-line",
"declaration": {
"name": "LumaFlowLine",
"module": "dist/energy.js"
}
},
{
"kind": "js",
"name": "LumaEnergyFlow",
"declaration": {
"name": "LumaEnergyFlow",
"module": "dist/energy.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-energy-flow",
"declaration": {
"name": "LumaEnergyFlow",
"module": "dist/energy.js"
}
},
{
"kind": "js",
"name": "LumaEnergy",
"declaration": {
"name": "LumaEnergy",
"module": "dist/energy.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-energy",
"declaration": {
"name": "LumaEnergy",
"module": "dist/energy.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "dist/features.js",
"declarations": [
{
"kind": "class",
"name": "LumaFeature",
"description": "Standalone adapter for every public Lovelace feature kind, composed from the same reusable controls used in cards and popups.",
"tagName": "luma-feature",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "type",
"privacy": "public",
"description": "Public Lovelace feature kind. See featureControls for the complete list.",
"type": {
"text": "string"
},
"default": "\"light-brightness\"",
"attribute": "type"
},
{
"kind": "field",
"name": "config",
"privacy": "public",
"description": "Properties forwarded to the standalone primitive: value/checked, options, commands, limits, favorites, or chart series.",
"type": {
"text": "Record"
},
"default": "{}",
"attribute": "config"
},
{
"kind": "field",
"name": "entityId",
"privacy": "public",
"description": "Entity identifier included in action/change/input details.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "entity-id"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "type",
"fieldName": "type",
"description": "Public Lovelace feature kind. See featureControls for the complete list.",
"type": {
"text": "string"
},
"default": "\"light-brightness\""
},
{
"name": "config",
"fieldName": "config",
"description": "Properties forwarded to the standalone primitive: value/checked, options, commands, limits, favorites, or chart series.",
"type": {
"text": "string"
},
"default": "{}"
},
{
"name": "entity-id",
"fieldName": "entityId",
"description": "Entity identifier included in action/change/input details.",
"type": {
"text": "string"
},
"default": "\"\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
}
],
"exports": [
{
"kind": "js",
"name": "LumaFeature",
"declaration": {
"name": "LumaFeature",
"module": "dist/features.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-feature",
"declaration": {
"name": "LumaFeature",
"module": "dist/features.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "dist/index.js",
"declarations": [],
"exports": [
{
"kind": "js",
"name": "LumaTank",
"declaration": {
"name": "LumaTank",
"module": "dist/automation-cards.js"
}
},
{
"kind": "js",
"name": "LumaOpening",
"declaration": {
"name": "LumaOpening",
"module": "dist/automation-cards.js"
}
},
{
"kind": "js",
"name": "LumaAppliance",
"declaration": {
"name": "LumaAppliance",
"module": "dist/automation-cards.js"
}
},
{
"kind": "js",
"name": "LumaThemeSelector",
"declaration": {
"name": "LumaThemeSelector",
"module": "dist/automation-cards.js"
}
},
{
"kind": "js",
"name": "LumaRadioGroup",
"declaration": {
"name": "LumaRadioGroup",
"module": "dist/automation-primitives.js"
}
},
{
"kind": "js",
"name": "LumaMomentaryButton",
"declaration": {
"name": "LumaMomentaryButton",
"module": "dist/automation-primitives.js"
}
},
{
"kind": "js",
"name": "LumaMarquee",
"declaration": {
"name": "LumaMarquee",
"module": "dist/automation-primitives.js"
}
},
{
"kind": "js",
"name": "LumaAnalogClock",
"declaration": {
"name": "LumaAnalogClock",
"module": "dist/automation-primitives.js"
}
},
{
"kind": "js",
"name": "LumaLevelIndicator",
"declaration": {
"name": "LumaLevelIndicator",
"module": "dist/automation-primitives.js"
}
},
{
"kind": "js",
"name": "LumaProgressRing",
"declaration": {
"name": "LumaProgressRing",
"module": "dist/automation-primitives.js"
}
},
{
"kind": "js",
"name": "LumaOpeningIndicator",
"declaration": {
"name": "LumaOpeningIndicator",
"module": "dist/automation-primitives.js"
}
},
{
"kind": "js",
"name": "LumaStateImage",
"declaration": {
"name": "LumaStateImage",
"module": "dist/automation-primitives.js"
}
},
{
"kind": "js",
"name": "LumaBarChart",
"declaration": {
"name": "LumaBarChart",
"module": "dist/bar-chart.js"
}
},
{
"kind": "js",
"name": "LumaElement",
"declaration": {
"name": "LumaElement",
"module": "dist/base.js"
}
},
{
"kind": "js",
"name": "LumaSingleEntity",
"declaration": {
"name": "LumaSingleEntity",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaHorizontalStack",
"declaration": {
"name": "LumaHorizontalStack",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaVerticalStack",
"declaration": {
"name": "LumaVerticalStack",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaConditional",
"declaration": {
"name": "LumaConditional",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaEntityFilter",
"declaration": {
"name": "LumaEntityFilter",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaArea",
"declaration": {
"name": "LumaArea",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaHomeSummary",
"declaration": {
"name": "LumaHomeSummary",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaStatisticsGraph",
"declaration": {
"name": "LumaStatisticsGraph",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaStatistic",
"declaration": {
"name": "LumaStatistic",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaDistribution",
"declaration": {
"name": "LumaDistribution",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaClock",
"declaration": {
"name": "LumaClock",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaDate",
"declaration": {
"name": "LumaDate",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaTodo",
"declaration": {
"name": "LumaTodo",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaCalendar",
"declaration": {
"name": "LumaCalendar",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaActivity",
"declaration": {
"name": "LumaActivity",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaAlert",
"declaration": {
"name": "LumaAlert",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaCamera",
"declaration": {
"name": "LumaCamera",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaWebpage",
"declaration": {
"name": "LumaWebpage",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaMarkdown",
"declaration": {
"name": "LumaMarkdown",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaPictureEntity",
"declaration": {
"name": "LumaPictureEntity",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaPictureGlance",
"declaration": {
"name": "LumaPictureGlance",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaPictureElements",
"declaration": {
"name": "LumaPictureElements",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaPlant",
"declaration": {
"name": "LumaPlant",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaForm",
"declaration": {
"name": "LumaForm",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaConversation",
"declaration": {
"name": "LumaConversation",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaShortcut",
"declaration": {
"name": "LumaShortcut",
"module": "dist/cards.js"
}
},
{
"kind": "js",
"name": "LumaChartNavigator",
"declaration": {
"name": "LumaChartNavigator",
"module": "dist/chart-navigator.js"
}
},
{
"kind": "js",
"name": "LumaLineChart",
"declaration": {
"name": "LumaLineChart",
"module": "dist/charts.js"
}
},
{
"kind": "js",
"name": "LumaHistory",
"declaration": {
"name": "LumaHistory",
"module": "dist/charts.js"
}
},
{
"kind": "js",
"name": "LumaSensor",
"declaration": {
"name": "LumaSensor",
"module": "dist/charts.js"
}
},
{
"kind": "js",
"name": "LumaGaugeArc",
"declaration": {
"name": "LumaGaugeArc",
"module": "dist/charts.js"
}
},
{
"kind": "js",
"name": "LumaGauge",
"declaration": {
"name": "LumaGauge",
"module": "dist/charts.js"
}
},
{
"kind": "js",
"name": "LumaEntity",
"declaration": {
"name": "LumaEntity",
"module": "dist/components.js"
}
},
{
"kind": "js",
"name": "LumaBadge",
"declaration": {
"name": "LumaBadge",
"module": "dist/components.js"
}
},
{
"kind": "js",
"name": "LumaCard",
"declaration": {
"name": "LumaCard",
"module": "dist/components.js"
}
},
{
"kind": "js",
"name": "LumaHeading",
"declaration": {
"name": "LumaHeading",
"module": "dist/components.js"
}
},
{
"kind": "js",
"name": "LumaTile",
"declaration": {
"name": "LumaTile",
"module": "dist/components.js"
}
},
{
"kind": "js",
"name": "LumaEntityRow",
"declaration": {
"name": "LumaEntityRow",
"module": "dist/components.js"
}
},
{
"kind": "js",
"name": "LumaEntities",
"declaration": {
"name": "LumaEntities",
"module": "dist/components.js"
}
},
{
"kind": "js",
"name": "LumaGlanceItem",
"declaration": {
"name": "LumaGlanceItem",
"module": "dist/components.js"
}
},
{
"kind": "js",
"name": "LumaGlance",
"declaration": {
"name": "LumaGlance",
"module": "dist/components.js"
}
},
{
"kind": "js",
"name": "LumaGrid",
"declaration": {
"name": "LumaGrid",
"module": "dist/components.js"
}
},
{
"kind": "js",
"name": "LumaStack",
"declaration": {
"name": "LumaStack",
"module": "dist/components.js"
}
},
{
"kind": "js",
"name": "LumaThermostat",
"declaration": {
"name": "LumaThermostat",
"module": "dist/components.js"
}
},
{
"kind": "js",
"name": "LumaLight",
"declaration": {
"name": "LumaLight",
"module": "dist/components.js"
}
},
{
"kind": "js",
"name": "LumaCover",
"declaration": {
"name": "LumaCover",
"module": "dist/components.js"
}
},
{
"kind": "js",
"name": "LumaMediaPlayer",
"declaration": {
"name": "LumaMediaPlayer",
"module": "dist/components.js"
}
},
{
"kind": "js",
"name": "LumaWeather",
"declaration": {
"name": "LumaWeather",
"module": "dist/components.js"
}
},
{
"kind": "js",
"name": "LumaAlarm",
"declaration": {
"name": "LumaAlarm",
"module": "dist/components.js"
}
},
{
"kind": "js",
"name": "LumaButtonCard",
"declaration": {
"name": "LumaButtonCard",
"module": "dist/content.js"
}
},
{
"kind": "js",
"name": "LumaPicture",
"declaration": {
"name": "LumaPicture",
"module": "dist/content.js"
}
},
{
"kind": "js",
"name": "LumaText",
"declaration": {
"name": "LumaText",
"module": "dist/content.js"
}
},
{
"kind": "js",
"name": "LumaArc",
"declaration": {
"name": "LumaArc",
"module": "dist/controls.js"
}
},
{
"kind": "js",
"name": "LumaDial",
"declaration": {
"name": "LumaDial",
"module": "dist/controls.js"
}
},
{
"kind": "js",
"name": "LumaVerticalSlider",
"declaration": {
"name": "LumaVerticalSlider",
"module": "dist/controls.js"
}
},
{
"kind": "js",
"name": "LumaControlSwitch",
"declaration": {
"name": "LumaControlSwitch",
"module": "dist/controls.js"
}
},
{
"kind": "js",
"name": "LumaIconButton",
"declaration": {
"name": "LumaIconButton",
"module": "dist/controls.js"
}
},
{
"kind": "js",
"name": "LumaCheckbox",
"declaration": {
"name": "LumaCheckbox",
"module": "dist/controls.js"
}
},
{
"kind": "js",
"name": "LumaTextField",
"declaration": {
"name": "LumaTextField",
"module": "dist/controls.js"
}
},
{
"kind": "js",
"name": "LumaDatePicker",
"declaration": {
"name": "LumaDatePicker",
"module": "dist/controls.js"
}
},
{
"kind": "js",
"name": "LumaTimePicker",
"declaration": {
"name": "LumaTimePicker",
"module": "dist/controls.js"
}
},
{
"kind": "js",
"name": "LumaDateTimePicker",
"declaration": {
"name": "LumaDateTimePicker",
"module": "dist/controls.js"
}
},
{
"kind": "js",
"name": "LumaSegmented",
"declaration": {
"name": "LumaSegmented",
"module": "dist/controls.js"
}
},
{
"kind": "js",
"name": "LumaTabs",
"declaration": {
"name": "LumaTabs",
"module": "dist/controls.js"
}
},
{
"kind": "js",
"name": "LumaColorWheel",
"declaration": {
"name": "LumaColorWheel",
"module": "dist/controls.js"
}
},
{
"kind": "js",
"name": "LumaColorTemperature",
"declaration": {
"name": "LumaColorTemperature",
"module": "dist/controls.js"
}
},
{
"kind": "js",
"name": "LumaColorPicker",
"declaration": {
"name": "LumaColorPicker",
"module": "dist/controls.js"
}
},
{
"kind": "js",
"name": "LumaCommandBar",
"declaration": {
"name": "LumaCommandBar",
"module": "dist/controls.js"
}
},
{
"kind": "js",
"name": "LumaCoverControls",
"declaration": {
"name": "LumaCoverControls",
"module": "dist/controls.js"
}
},
{
"kind": "js",
"name": "LumaMediaControls",
"declaration": {
"name": "LumaMediaControls",
"module": "dist/controls.js"
}
},
{
"kind": "js",
"name": "LumaKeypad",
"declaration": {
"name": "LumaKeypad",
"module": "dist/controls.js"
}
},
{
"kind": "js",
"name": "LumaProgress",
"declaration": {
"name": "LumaProgress",
"module": "dist/controls.js"
}
},
{
"kind": "js",
"name": "LumaAttributes",
"declaration": {
"name": "LumaAttributes",
"module": "dist/controls.js"
}
},
{
"kind": "js",
"name": "LumaDropdown",
"declaration": {
"name": "LumaDropdown",
"module": "dist/controls.js"
}
},
{
"kind": "js",
"name": "LumaDevice",
"declaration": {
"name": "LumaDevice",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaSwitchCard",
"declaration": {
"name": "LumaSwitchCard",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaFan",
"declaration": {
"name": "LumaFan",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaHumidifier",
"declaration": {
"name": "LumaHumidifier",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaVacuum",
"declaration": {
"name": "LumaVacuum",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaLock",
"declaration": {
"name": "LumaLock",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaValve",
"declaration": {
"name": "LumaValve",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaWaterHeater",
"declaration": {
"name": "LumaWaterHeater",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaSiren",
"declaration": {
"name": "LumaSiren",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaRemote",
"declaration": {
"name": "LumaRemote",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaLawnMower",
"declaration": {
"name": "LumaLawnMower",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaCounter",
"declaration": {
"name": "LumaCounter",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaTimer",
"declaration": {
"name": "LumaTimer",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaUpdate",
"declaration": {
"name": "LumaUpdate",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaAutomation",
"declaration": {
"name": "LumaAutomation",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaScript",
"declaration": {
"name": "LumaScript",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaInputText",
"declaration": {
"name": "LumaInputText",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaInputNumber",
"declaration": {
"name": "LumaInputNumber",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaInputSelect",
"declaration": {
"name": "LumaInputSelect",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaInputDate",
"declaration": {
"name": "LumaInputDate",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaInputTime",
"declaration": {
"name": "LumaInputTime",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaInputDateTime",
"declaration": {
"name": "LumaInputDateTime",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaScene",
"declaration": {
"name": "LumaScene",
"module": "dist/devices.js"
}
},
{
"kind": "js",
"name": "LumaDialog",
"declaration": {
"name": "LumaDialog",
"module": "dist/dialogs.js"
}
},
{
"kind": "js",
"name": "LumaConfirmDialog",
"declaration": {
"name": "LumaConfirmDialog",
"module": "dist/dialogs.js"
}
},
{
"kind": "js",
"name": "LumaStatePanel",
"declaration": {
"name": "LumaStatePanel",
"module": "dist/dialogs.js"
}
},
{
"kind": "js",
"name": "LumaMoreInfo",
"declaration": {
"name": "LumaMoreInfo",
"module": "dist/dialogs.js"
}
},
{
"kind": "js",
"name": "LumaDataTable",
"declaration": {
"name": "LumaDataTable",
"module": "dist/energy-dashboard.js"
}
},
{
"kind": "js",
"name": "LumaEnergySummary",
"declaration": {
"name": "LumaEnergySummary",
"module": "dist/energy-dashboard.js"
}
},
{
"kind": "js",
"name": "LumaDateRangePicker",
"declaration": {
"name": "LumaDateRangePicker",
"module": "dist/energy-dashboard.js"
}
},
{
"kind": "js",
"name": "LumaEnergyDashboard",
"declaration": {
"name": "LumaEnergyDashboard",
"module": "dist/energy-dashboard.js"
}
},
{
"kind": "js",
"name": "LumaEnergyNode",
"declaration": {
"name": "LumaEnergyNode",
"module": "dist/energy.js"
}
},
{
"kind": "js",
"name": "LumaFlowLine",
"declaration": {
"name": "LumaFlowLine",
"module": "dist/energy.js"
}
},
{
"kind": "js",
"name": "LumaEnergyFlow",
"declaration": {
"name": "LumaEnergyFlow",
"module": "dist/energy.js"
}
},
{
"kind": "js",
"name": "LumaEnergy",
"declaration": {
"name": "LumaEnergy",
"module": "dist/energy.js"
}
},
{
"kind": "js",
"name": "LumaFeature",
"declaration": {
"name": "LumaFeature",
"module": "dist/features.js"
}
},
{
"kind": "js",
"name": "LumaBrightness",
"declaration": {
"name": "LumaBrightness",
"module": "dist/light-controls.js"
}
},
{
"kind": "js",
"name": "LumaVolume",
"declaration": {
"name": "LumaVolume",
"module": "dist/light-controls.js"
}
},
{
"kind": "js",
"name": "LumaLightControls",
"declaration": {
"name": "LumaLightControls",
"module": "dist/light-controls.js"
}
},
{
"kind": "js",
"name": "LumaColorSwatches",
"declaration": {
"name": "LumaColorSwatches",
"module": "dist/light-controls.js"
}
},
{
"kind": "js",
"name": "LumaLightModeSelector",
"declaration": {
"name": "LumaLightModeSelector",
"module": "dist/light-controls.js"
}
},
{
"kind": "js",
"name": "LumaMap",
"declaration": {
"name": "LumaMap",
"module": "dist/map.js"
}
},
{
"kind": "js",
"name": "LumaIcon",
"declaration": {
"name": "LumaIcon",
"module": "dist/primitives.js"
}
},
{
"kind": "js",
"name": "LumaButton",
"declaration": {
"name": "LumaButton",
"module": "dist/primitives.js"
}
},
{
"kind": "js",
"name": "LumaSwitch",
"declaration": {
"name": "LumaSwitch",
"module": "dist/primitives.js"
}
},
{
"kind": "js",
"name": "LumaSlider",
"declaration": {
"name": "LumaSlider",
"module": "dist/primitives.js"
}
},
{
"kind": "js",
"name": "LumaNumber",
"declaration": {
"name": "LumaNumber",
"module": "dist/primitives.js"
}
},
{
"kind": "js",
"name": "LumaSelect",
"declaration": {
"name": "LumaSelect",
"module": "dist/primitives.js"
}
},
{
"kind": "js",
"name": "LumaSparkline",
"declaration": {
"name": "LumaSparkline",
"module": "dist/sparkline.js"
}
},
{
"kind": "js",
"name": "LumaTemperatureValue",
"declaration": {
"name": "LumaTemperatureValue",
"module": "dist/temperature-value.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "dist/light-controls.js",
"declarations": [
{
"kind": "class",
"name": "LumaBrightness",
"description": "Standalone tall light-brightness control, usable in any layout or dialog.",
"tagName": "luma-brightness",
"customElement": true,
"superclass": {
"name": "LumaVerticalSlider",
"module": "dist/controls.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible brightness slider name.",
"type": {
"text": "string"
},
"default": "\"Brightness\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaVerticalSlider",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "value",
"privacy": "public",
"description": "Current numeric value, clamped to the minimum and maximum for display and user interaction.",
"type": {
"text": "number"
},
"default": "0",
"attribute": "value",
"inheritedFrom": {
"name": "LumaVerticalSlider",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "min",
"privacy": "public",
"description": "Inclusive lower bound.",
"type": {
"text": "number"
},
"default": "0",
"attribute": "min",
"inheritedFrom": {
"name": "LumaVerticalSlider",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "max",
"privacy": "public",
"description": "Inclusive upper bound. Must be greater than min.",
"type": {
"text": "number"
},
"default": "100",
"attribute": "max",
"inheritedFrom": {
"name": "LumaVerticalSlider",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "step",
"privacy": "public",
"description": "Positive increment for pointer and keyboard adjustments.",
"type": {
"text": "number"
},
"default": "1",
"attribute": "step",
"inheritedFrom": {
"name": "LumaVerticalSlider",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "unit",
"privacy": "public",
"description": "Brightness unit.",
"type": {
"text": "string"
},
"default": "\"%\"",
"attribute": "unit"
},
{
"kind": "field",
"name": "mode",
"privacy": "public",
"description": "Fill direction: start for brightness/volume, end for cover position, cursor for a marker without an amount fill.",
"type": {
"text": "string"
},
"default": "\"start\"",
"attribute": "mode",
"inheritedFrom": {
"name": "LumaVerticalSlider",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "showValue",
"privacy": "public",
"description": "Show a secondary numeric percentage.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "show-value"
},
{
"kind": "field",
"name": "hideLabel",
"privacy": "public",
"description": "Hide the visual label; the range retains its accessible name.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "hide-label"
},
{
"kind": "field",
"name": "orientation",
"privacy": "public",
"description": "Range orientation: vertical or horizontal.",
"type": {
"text": "string"
},
"default": "\"vertical\"",
"attribute": "orientation",
"inheritedFrom": {
"name": "LumaVerticalSlider",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "inverted",
"privacy": "public",
"description": "Place the minimum at the top of a vertical slider, useful for warm-to-cool kelvin controls.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "inverted",
"inheritedFrom": {
"name": "LumaVerticalSlider",
"module": "dist/controls.js"
}
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible brightness slider name.",
"type": {
"text": "string"
},
"default": "\"Brightness\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "value",
"fieldName": "value",
"description": "Current numeric value, clamped to the minimum and maximum for display and user interaction.",
"type": {
"text": "number"
},
"default": "0"
},
{
"name": "min",
"fieldName": "min",
"description": "Inclusive lower bound.",
"type": {
"text": "number"
},
"default": "0"
},
{
"name": "max",
"fieldName": "max",
"description": "Inclusive upper bound. Must be greater than min.",
"type": {
"text": "number"
},
"default": "100"
},
{
"name": "step",
"fieldName": "step",
"description": "Positive increment for pointer and keyboard adjustments.",
"type": {
"text": "number"
},
"default": "1"
},
{
"name": "unit",
"fieldName": "unit",
"description": "Brightness unit.",
"type": {
"text": "string"
},
"default": "\"%\""
},
{
"name": "mode",
"fieldName": "mode",
"description": "Fill direction: start for brightness/volume, end for cover position, cursor for a marker without an amount fill.",
"type": {
"text": "string"
},
"default": "\"start\""
},
{
"name": "show-value",
"fieldName": "showValue",
"description": "Show a secondary numeric percentage.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "hide-label",
"fieldName": "hideLabel",
"description": "Hide the visual label; the range retains its accessible name.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "orientation",
"fieldName": "orientation",
"description": "Range orientation: vertical or horizontal.",
"type": {
"text": "string"
},
"default": "\"vertical\""
},
{
"name": "inverted",
"fieldName": "inverted",
"description": "Place the minimum at the top of a vertical slider, useful for warm-to-cool kelvin controls.",
"type": {
"text": "boolean"
},
"default": "false"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "slider",
"description": "slider styling hook."
},
{
"name": "tooltip",
"description": "tooltip styling hook."
}
],
"cssProperties": [
{
"name": "--luma-range-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-vertical-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-vertical-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-vertical-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-tooltip-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaVolume",
"description": "Standalone tall media-volume control.",
"tagName": "luma-volume",
"customElement": true,
"superclass": {
"name": "LumaVerticalSlider",
"module": "dist/controls.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible volume slider name.",
"type": {
"text": "string"
},
"default": "\"Volume\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled",
"inheritedFrom": {
"name": "LumaVerticalSlider",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "value",
"privacy": "public",
"description": "Current numeric value, clamped to the minimum and maximum for display and user interaction.",
"type": {
"text": "number"
},
"default": "0",
"attribute": "value",
"inheritedFrom": {
"name": "LumaVerticalSlider",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "min",
"privacy": "public",
"description": "Inclusive lower bound.",
"type": {
"text": "number"
},
"default": "0",
"attribute": "min",
"inheritedFrom": {
"name": "LumaVerticalSlider",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "max",
"privacy": "public",
"description": "Inclusive upper bound. Must be greater than min.",
"type": {
"text": "number"
},
"default": "100",
"attribute": "max",
"inheritedFrom": {
"name": "LumaVerticalSlider",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "step",
"privacy": "public",
"description": "Positive increment for pointer and keyboard adjustments.",
"type": {
"text": "number"
},
"default": "1",
"attribute": "step",
"inheritedFrom": {
"name": "LumaVerticalSlider",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "unit",
"privacy": "public",
"description": "Volume unit.",
"type": {
"text": "string"
},
"default": "\"%\"",
"attribute": "unit"
},
{
"kind": "field",
"name": "mode",
"privacy": "public",
"description": "Fill direction: start for brightness/volume, end for cover position, cursor for a marker without an amount fill.",
"type": {
"text": "string"
},
"default": "\"start\"",
"attribute": "mode",
"inheritedFrom": {
"name": "LumaVerticalSlider",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "showValue",
"privacy": "public",
"description": "Show the numeric percentage.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "show-value"
},
{
"kind": "field",
"name": "hideLabel",
"privacy": "public",
"description": "Visually hide the label while retaining the accessible name.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "hide-label",
"inheritedFrom": {
"name": "LumaVerticalSlider",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "orientation",
"privacy": "public",
"description": "Range orientation: vertical or horizontal.",
"type": {
"text": "string"
},
"default": "\"vertical\"",
"attribute": "orientation",
"inheritedFrom": {
"name": "LumaVerticalSlider",
"module": "dist/controls.js"
}
},
{
"kind": "field",
"name": "inverted",
"privacy": "public",
"description": "Place the minimum at the top of a vertical slider, useful for warm-to-cool kelvin controls.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "inverted",
"inheritedFrom": {
"name": "LumaVerticalSlider",
"module": "dist/controls.js"
}
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible volume slider name.",
"type": {
"text": "string"
},
"default": "\"Volume\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "value",
"fieldName": "value",
"description": "Current numeric value, clamped to the minimum and maximum for display and user interaction.",
"type": {
"text": "number"
},
"default": "0"
},
{
"name": "min",
"fieldName": "min",
"description": "Inclusive lower bound.",
"type": {
"text": "number"
},
"default": "0"
},
{
"name": "max",
"fieldName": "max",
"description": "Inclusive upper bound. Must be greater than min.",
"type": {
"text": "number"
},
"default": "100"
},
{
"name": "step",
"fieldName": "step",
"description": "Positive increment for pointer and keyboard adjustments.",
"type": {
"text": "number"
},
"default": "1"
},
{
"name": "unit",
"fieldName": "unit",
"description": "Volume unit.",
"type": {
"text": "string"
},
"default": "\"%\""
},
{
"name": "mode",
"fieldName": "mode",
"description": "Fill direction: start for brightness/volume, end for cover position, cursor for a marker without an amount fill.",
"type": {
"text": "string"
},
"default": "\"start\""
},
{
"name": "show-value",
"fieldName": "showValue",
"description": "Show the numeric percentage.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "hide-label",
"fieldName": "hideLabel",
"description": "Visually hide the label while retaining the accessible name.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "orientation",
"fieldName": "orientation",
"description": "Range orientation: vertical or horizontal.",
"type": {
"text": "string"
},
"default": "\"vertical\""
},
{
"name": "inverted",
"fieldName": "inverted",
"description": "Place the minimum at the top of a vertical slider, useful for warm-to-cool kelvin controls.",
"type": {
"text": "boolean"
},
"default": "false"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "slider",
"description": "slider styling hook."
},
{
"name": "tooltip",
"description": "tooltip styling hook."
}
],
"cssProperties": [
{
"name": "--luma-range-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-vertical-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-vertical-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-vertical-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-tooltip-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaLightControls",
"description": "Light detail panel composed from reusable brightness, RGB color picker, kelvin control, power button, and capability-aware panel selector.",
"tagName": "luma-light-controls",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Light on/off state.",
"type": {
"text": "string"
},
"default": "\"on\"",
"attribute": "state"
},
{
"kind": "field",
"name": "brightness",
"privacy": "public",
"description": "Brightness percentage.",
"type": {
"text": "number"
},
"default": "70",
"attribute": "brightness"
},
{
"kind": "field",
"name": "rgbColor",
"privacy": "public",
"description": "RGB color as a six-digit hex string.",
"type": {
"text": "string"
},
"default": "\"#ffa24d\"",
"attribute": "rgb-color"
},
{
"kind": "field",
"name": "colorTemperature",
"privacy": "public",
"description": "Color temperature in kelvin.",
"type": {
"text": "number"
},
"default": "3000",
"attribute": "color-temperature"
},
{
"kind": "field",
"name": "minKelvin",
"privacy": "public",
"description": "Warmest supported temperature.",
"type": {
"text": "number"
},
"default": "2000",
"attribute": "min-kelvin"
},
{
"kind": "field",
"name": "maxKelvin",
"privacy": "public",
"description": "Coolest supported temperature.",
"type": {
"text": "number"
},
"default": "6500",
"attribute": "max-kelvin"
},
{
"kind": "field",
"name": "panel",
"privacy": "public",
"description": "Selected light control: brightness, color, or temperature.",
"type": {
"text": "string"
},
"default": "\"brightness\"",
"attribute": "panel"
},
{
"kind": "field",
"name": "colorModes",
"privacy": "public",
"description": "Supported color capabilities. Only supported panels are shown.",
"type": {
"text": "string[]"
},
"default": "[\"brightness\",\"rgb\",\"color_temp\"]",
"attribute": "color-modes"
},
{
"kind": "field",
"name": "effect",
"privacy": "public",
"description": "Selected light effect.",
"type": {
"text": "string"
},
"default": "\"none\"",
"attribute": "effect"
},
{
"kind": "field",
"name": "effects",
"privacy": "public",
"description": "Supported effects; empty hides the selector.",
"type": {
"text": "string[]"
},
"default": "[]",
"attribute": "effects"
},
{
"kind": "field",
"name": "lastChangedLabel",
"privacy": "public",
"description": "Application-formatted last-changed text shown beneath the state.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "last-changed-label"
},
{
"kind": "field",
"name": "favorites",
"privacy": "public",
"description": "Favorite RGB colors.",
"type": {
"text": "string[]"
},
"default": "[\"#ff8800\",\"#ffc18a\",\"#ffe4ce\",\"#fffefa\",\"#7ba6ff\",\"#d58aff\",\"#f99dff\",\"#ff6855\"]",
"attribute": "favorites"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "state",
"fieldName": "state",
"description": "Light on/off state.",
"type": {
"text": "string"
},
"default": "\"on\""
},
{
"name": "brightness",
"fieldName": "brightness",
"description": "Brightness percentage.",
"type": {
"text": "number"
},
"default": "70"
},
{
"name": "rgb-color",
"fieldName": "rgbColor",
"description": "RGB color as a six-digit hex string.",
"type": {
"text": "string"
},
"default": "\"#ffa24d\""
},
{
"name": "color-temperature",
"fieldName": "colorTemperature",
"description": "Color temperature in kelvin.",
"type": {
"text": "number"
},
"default": "3000"
},
{
"name": "min-kelvin",
"fieldName": "minKelvin",
"description": "Warmest supported temperature.",
"type": {
"text": "number"
},
"default": "2000"
},
{
"name": "max-kelvin",
"fieldName": "maxKelvin",
"description": "Coolest supported temperature.",
"type": {
"text": "number"
},
"default": "6500"
},
{
"name": "panel",
"fieldName": "panel",
"description": "Selected light control: brightness, color, or temperature.",
"type": {
"text": "string"
},
"default": "\"brightness\""
},
{
"name": "color-modes",
"fieldName": "colorModes",
"description": "Supported color capabilities. Only supported panels are shown.",
"type": {
"text": "string"
},
"default": "[\"brightness\",\"rgb\",\"color_temp\"]"
},
{
"name": "effect",
"fieldName": "effect",
"description": "Selected light effect.",
"type": {
"text": "string"
},
"default": "\"none\""
},
{
"name": "effects",
"fieldName": "effects",
"description": "Supported effects; empty hides the selector.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "last-changed-label",
"fieldName": "lastChangedLabel",
"description": "Application-formatted last-changed text shown beneath the state.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "favorites",
"fieldName": "favorites",
"description": "Favorite RGB colors.",
"type": {
"text": "string"
},
"default": "[\"#ff8800\",\"#ffc18a\",\"#ffe4ce\",\"#fffefa\",\"#7ba6ff\",\"#d58aff\",\"#f99dff\",\"#ff6855\"]"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "controls",
"description": "controls styling hook."
}
],
"cssProperties": [
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-light-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaColorSwatches",
"description": "Standalone favorite-color palette, reusable independently from the wheel and light popup.",
"tagName": "luma-color-swatches",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "value",
"privacy": "public",
"description": "Selected six-digit RGB color.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "value"
},
{
"kind": "field",
"name": "colors",
"privacy": "public",
"description": "Favorite colors as six-digit hex strings.",
"type": {
"text": "string[]"
},
"default": "[\"#ff8800\",\"#ffc18a\",\"#ffe4ce\",\"#fffefa\",\"#7ba6ff\",\"#d58aff\",\"#f99dff\",\"#ff6855\"]",
"attribute": "colors"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "value",
"fieldName": "value",
"description": "Selected six-digit RGB color.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "colors",
"fieldName": "colors",
"description": "Favorite colors as six-digit hex strings.",
"type": {
"text": "string"
},
"default": "[\"#ff8800\",\"#ffc18a\",\"#ffe4ce\",\"#fffefa\",\"#7ba6ff\",\"#d58aff\",\"#f99dff\",\"#ff6855\"]"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "swatches",
"description": "swatches styling hook."
},
{
"name": "swatch",
"description": "swatch styling hook."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaLightModeSelector",
"description": "Compact light popup toolbar with power toggle and capability-dependent brightness/color/temperature swatches.",
"tagName": "luma-light-mode-selector",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "value",
"privacy": "public",
"description": "Selected brightness/color/temperature panel.",
"type": {
"text": "string"
},
"default": "\"brightness\"",
"attribute": "value"
},
{
"kind": "field",
"name": "modes",
"privacy": "public",
"description": "Supported control panels.",
"type": {
"text": "string[]"
},
"default": "[\"brightness\",\"color\",\"temperature\"]",
"attribute": "modes"
},
{
"kind": "field",
"name": "state",
"privacy": "public",
"description": "Light power state.",
"type": {
"text": "string"
},
"default": "\"on\"",
"attribute": "state"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "value",
"fieldName": "value",
"description": "Selected brightness/color/temperature panel.",
"type": {
"text": "string"
},
"default": "\"brightness\""
},
{
"name": "modes",
"fieldName": "modes",
"description": "Supported control panels.",
"type": {
"text": "string"
},
"default": "[\"brightness\",\"color\",\"temperature\"]"
},
{
"name": "state",
"fieldName": "state",
"description": "Light power state.",
"type": {
"text": "string"
},
"default": "\"on\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "toolbar",
"description": "toolbar styling hook."
}
],
"cssProperties": [
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
}
],
"exports": [
{
"kind": "js",
"name": "LumaBrightness",
"declaration": {
"name": "LumaBrightness",
"module": "dist/light-controls.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-brightness",
"declaration": {
"name": "LumaBrightness",
"module": "dist/light-controls.js"
}
},
{
"kind": "js",
"name": "LumaVolume",
"declaration": {
"name": "LumaVolume",
"module": "dist/light-controls.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-volume",
"declaration": {
"name": "LumaVolume",
"module": "dist/light-controls.js"
}
},
{
"kind": "js",
"name": "LumaLightControls",
"declaration": {
"name": "LumaLightControls",
"module": "dist/light-controls.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-light-controls",
"declaration": {
"name": "LumaLightControls",
"module": "dist/light-controls.js"
}
},
{
"kind": "js",
"name": "LumaColorSwatches",
"declaration": {
"name": "LumaColorSwatches",
"module": "dist/light-controls.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-color-swatches",
"declaration": {
"name": "LumaColorSwatches",
"module": "dist/light-controls.js"
}
},
{
"kind": "js",
"name": "LumaLightModeSelector",
"declaration": {
"name": "LumaLightModeSelector",
"module": "dist/light-controls.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-light-mode-selector",
"declaration": {
"name": "LumaLightModeSelector",
"module": "dist/light-controls.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "dist/map.js",
"declarations": [
{
"kind": "class",
"name": "LumaMap",
"description": "Library-free Mercator map with optional supplied slippy tiles, pointer panning, zoom buttons, and interactive entity markers.",
"tagName": "luma-map",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "center",
"privacy": "public",
"description": "Map center as {latitude,longitude}, in WGS84 degrees.",
"type": {
"text": "MapCenter"
},
"default": "{\"latitude\":52.52,\"longitude\":13.405}",
"attribute": "center"
},
{
"kind": "field",
"name": "zoom",
"privacy": "public",
"description": "Slippy-map zoom level, from 1 to 19.",
"type": {
"text": "number"
},
"default": "12",
"attribute": "zoom"
},
{
"kind": "field",
"name": "markers",
"privacy": "public",
"description": "Markers as {latitude,longitude,label,entityId?,state?,icon?}.",
"type": {
"text": "MapMarker[]"
},
"default": "[]",
"attribute": "markers"
},
{
"kind": "field",
"name": "tileUrl",
"privacy": "public",
"description": "Optional HTTP(S) tile template using {z}/{x}/{y}. No external tiles are requested unless you supply a URL.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "tile-url"
},
{
"kind": "field",
"name": "attribution",
"privacy": "public",
"description": "Required attribution text for your supplied tile provider.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "attribution"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "center",
"fieldName": "center",
"description": "Map center as {latitude,longitude}, in WGS84 degrees.",
"type": {
"text": "string"
},
"default": "{\"latitude\":52.52,\"longitude\":13.405}"
},
{
"name": "zoom",
"fieldName": "zoom",
"description": "Slippy-map zoom level, from 1 to 19.",
"type": {
"text": "number"
},
"default": "12"
},
{
"name": "markers",
"fieldName": "markers",
"description": "Markers as {latitude,longitude,label,entityId?,state?,icon?}.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "tile-url",
"fieldName": "tileUrl",
"description": "Optional HTTP(S) tile template using {z}/{x}/{y}. No external tiles are requested unless you supply a URL.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "attribution",
"fieldName": "attribution",
"description": "Required attribution text for your supplied tile provider.",
"type": {
"text": "string"
},
"default": "\"\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "card",
"description": "Outer card surface."
},
{
"name": "map",
"description": "map styling hook."
}
],
"cssProperties": [
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
}
],
"exports": [
{
"kind": "js",
"name": "LumaMap",
"declaration": {
"name": "LumaMap",
"module": "dist/map.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-map",
"declaration": {
"name": "LumaMap",
"module": "dist/map.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "dist/primitives.js",
"declarations": [
{
"kind": "class",
"name": "LumaIcon",
"description": "A dependency-free SVG icon with support for custom slotted artwork.",
"tagName": "luma-icon",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "name",
"privacy": "public",
"description": "Name of a built-in SVG icon. Unknown names fall back to light.",
"type": {
"text": "string"
},
"default": "\"light\"",
"attribute": "name"
},
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible icon description. Empty makes the SVG decorative.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
}
],
"attributes": [
{
"name": "name",
"fieldName": "name",
"description": "Name of a built-in SVG icon. Unknown names fall back to light.",
"type": {
"text": "string"
},
"default": "\"light\""
},
{
"name": "label",
"fieldName": "label",
"description": "Accessible icon description. Empty makes the SVG decorative.",
"type": {
"text": "string"
},
"default": "\"\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "icon",
"description": "icon styling hook."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "",
"description": "Default component content."
}
]
},
{
"kind": "class",
"name": "LumaButton",
"description": "A keyboard-accessible action button with filled and text variants.",
"tagName": "luma-button",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "icon",
"privacy": "public",
"description": "Optional leading built-in icon.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "icon"
},
{
"kind": "field",
"name": "variant",
"privacy": "public",
"description": "Visual variant: filled or text.",
"type": {
"text": "string"
},
"default": "\"filled\"",
"attribute": "variant"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "icon",
"fieldName": "icon",
"description": "Optional leading built-in icon.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "variant",
"fieldName": "variant",
"description": "Visual variant: filled or text.",
"type": {
"text": "string"
},
"default": "\"filled\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "button",
"description": "Interactive button surface."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": [
{
"name": "",
"description": "Default component content."
}
]
},
{
"kind": "class",
"name": "LumaSwitch",
"description": "A native button implementing the ARIA switch pattern.",
"tagName": "luma-switch",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "checked",
"privacy": "public",
"description": "Whether the switch is on. User changes emit luma-change with property checked.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "checked"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "checked",
"fieldName": "checked",
"description": "Whether the switch is on. User changes emit luma-change with property checked.",
"type": {
"text": "boolean"
},
"default": "false"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "switch",
"description": "switch styling hook."
},
{
"name": "thumb",
"description": "Interactive handle or thumb."
}
],
"cssProperties": [
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-switch-track",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaSlider",
"description": "A range input with keyboard controls, live luma-input events, and committed luma-change events.",
"tagName": "luma-slider",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "value",
"privacy": "public",
"description": "Current numeric value, clamped to the minimum and maximum for display and user interaction.",
"type": {
"text": "number"
},
"default": "0",
"attribute": "value"
},
{
"kind": "field",
"name": "min",
"privacy": "public",
"description": "Inclusive lower bound.",
"type": {
"text": "number"
},
"default": "0",
"attribute": "min"
},
{
"kind": "field",
"name": "max",
"privacy": "public",
"description": "Inclusive upper bound. Must be greater than min.",
"type": {
"text": "number"
},
"default": "100",
"attribute": "max"
},
{
"kind": "field",
"name": "step",
"privacy": "public",
"description": "Positive increment for pointer and keyboard adjustments.",
"type": {
"text": "number"
},
"default": "1",
"attribute": "step"
},
{
"kind": "field",
"name": "unit",
"privacy": "public",
"description": "Unit shown after the value, such as %, °C, or W.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "unit"
},
{
"kind": "field",
"name": "mode",
"privacy": "public",
"description": "Fill direction: start for brightness/volume, end for cover position, cursor for a marker without an amount fill.",
"type": {
"text": "string"
},
"default": "\"start\"",
"attribute": "mode"
},
{
"kind": "field",
"name": "showValue",
"privacy": "public",
"description": "Display the numeric value beside the slider.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "show-value"
},
{
"kind": "field",
"name": "hideLabel",
"privacy": "public",
"description": "Visually hide the label while retaining the accessible name.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "hide-label"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "value",
"fieldName": "value",
"description": "Current numeric value, clamped to the minimum and maximum for display and user interaction.",
"type": {
"text": "number"
},
"default": "0"
},
{
"name": "min",
"fieldName": "min",
"description": "Inclusive lower bound.",
"type": {
"text": "number"
},
"default": "0"
},
{
"name": "max",
"fieldName": "max",
"description": "Inclusive upper bound. Must be greater than min.",
"type": {
"text": "number"
},
"default": "100"
},
{
"name": "step",
"fieldName": "step",
"description": "Positive increment for pointer and keyboard adjustments.",
"type": {
"text": "number"
},
"default": "1"
},
{
"name": "unit",
"fieldName": "unit",
"description": "Unit shown after the value, such as %, °C, or W.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "mode",
"fieldName": "mode",
"description": "Fill direction: start for brightness/volume, end for cover position, cursor for a marker without an amount fill.",
"type": {
"text": "string"
},
"default": "\"start\""
},
{
"name": "show-value",
"fieldName": "showValue",
"description": "Display the numeric value beside the slider.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "hide-label",
"fieldName": "hideLabel",
"description": "Visually hide the label while retaining the accessible name.",
"type": {
"text": "boolean"
},
"default": "false"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "slider",
"description": "slider styling hook."
},
{
"name": "tooltip",
"description": "tooltip styling hook."
}
],
"cssProperties": [
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-tooltip-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-range-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaNumber",
"description": "A compact increment/decrement control, used by thermostat cards.",
"tagName": "luma-number",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "value",
"privacy": "public",
"description": "Current numeric value, clamped to the minimum and maximum for display and user interaction.",
"type": {
"text": "number"
},
"default": "0",
"attribute": "value"
},
{
"kind": "field",
"name": "min",
"privacy": "public",
"description": "Inclusive lower bound.",
"type": {
"text": "number"
},
"default": "0",
"attribute": "min"
},
{
"kind": "field",
"name": "max",
"privacy": "public",
"description": "Inclusive upper bound. Must be greater than min.",
"type": {
"text": "number"
},
"default": "100",
"attribute": "max"
},
{
"kind": "field",
"name": "step",
"privacy": "public",
"description": "Positive increment for pointer and keyboard adjustments.",
"type": {
"text": "number"
},
"default": "1",
"attribute": "step"
},
{
"kind": "field",
"name": "unit",
"privacy": "public",
"description": "Unit shown after the value, such as %, °C, or W.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "unit"
},
{
"kind": "field",
"name": "editable",
"privacy": "public",
"description": "Allow direct numeric entry in the bar variant, with native min/max/step validation.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "editable"
},
{
"kind": "field",
"name": "variant",
"privacy": "public",
"description": "Control appearance: bar shows a value between buttons; round uses standalone circular buttons for thermostat dials.",
"type": {
"text": "string"
},
"default": "\"bar\"",
"attribute": "variant"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "value",
"fieldName": "value",
"description": "Current numeric value, clamped to the minimum and maximum for display and user interaction.",
"type": {
"text": "number"
},
"default": "0"
},
{
"name": "min",
"fieldName": "min",
"description": "Inclusive lower bound.",
"type": {
"text": "number"
},
"default": "0"
},
{
"name": "max",
"fieldName": "max",
"description": "Inclusive upper bound. Must be greater than min.",
"type": {
"text": "number"
},
"default": "100"
},
{
"name": "step",
"fieldName": "step",
"description": "Positive increment for pointer and keyboard adjustments.",
"type": {
"text": "number"
},
"default": "1"
},
{
"name": "unit",
"fieldName": "unit",
"description": "Unit shown after the value, such as %, °C, or W.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "editable",
"fieldName": "editable",
"description": "Allow direct numeric entry in the bar variant, with native min/max/step validation.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "variant",
"fieldName": "variant",
"description": "Control appearance: bar shows a value between buttons; round uses standalone circular buttons for thermostat dials.",
"type": {
"text": "string"
},
"default": "\"bar\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "control",
"description": "Control container."
}
],
"cssProperties": [
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
},
{
"kind": "class",
"name": "LumaSelect",
"description": "A labeled native select for modes, presets, and input-select entities.",
"tagName": "luma-select",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "value",
"privacy": "public",
"description": "Selected option value.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "value"
},
{
"kind": "field",
"name": "options",
"privacy": "public",
"description": "Array of strings or {value, label} options. Supply a JavaScript array or JSON attribute.",
"type": {
"text": "Array"
},
"default": "[]",
"attribute": "options"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "value",
"fieldName": "value",
"description": "Selected option value.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "options",
"fieldName": "options",
"description": "Array of strings or {value, label} options. Supply a JavaScript array or JSON attribute.",
"type": {
"text": "string"
},
"default": "[]"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "control",
"description": "Control container."
}
],
"cssProperties": [
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
}
],
"exports": [
{
"kind": "js",
"name": "LumaIcon",
"declaration": {
"name": "LumaIcon",
"module": "dist/primitives.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-icon",
"declaration": {
"name": "LumaIcon",
"module": "dist/primitives.js"
}
},
{
"kind": "js",
"name": "LumaButton",
"declaration": {
"name": "LumaButton",
"module": "dist/primitives.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-button",
"declaration": {
"name": "LumaButton",
"module": "dist/primitives.js"
}
},
{
"kind": "js",
"name": "LumaSwitch",
"declaration": {
"name": "LumaSwitch",
"module": "dist/primitives.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-switch",
"declaration": {
"name": "LumaSwitch",
"module": "dist/primitives.js"
}
},
{
"kind": "js",
"name": "LumaSlider",
"declaration": {
"name": "LumaSlider",
"module": "dist/primitives.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-slider",
"declaration": {
"name": "LumaSlider",
"module": "dist/primitives.js"
}
},
{
"kind": "js",
"name": "LumaNumber",
"declaration": {
"name": "LumaNumber",
"module": "dist/primitives.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-number",
"declaration": {
"name": "LumaNumber",
"module": "dist/primitives.js"
}
},
{
"kind": "js",
"name": "LumaSelect",
"declaration": {
"name": "LumaSelect",
"module": "dist/primitives.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-select",
"declaration": {
"name": "LumaSelect",
"module": "dist/primitives.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "dist/sparkline.js",
"declarations": [
{
"kind": "class",
"name": "LumaSparkline",
"description": "Standalone smooth/linear compact sensor trace with optional area fill and mouse/keyboard value inspection.",
"tagName": "luma-sparkline",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "data",
"privacy": "public",
"description": "Numeric history samples ordered by time.",
"type": {
"text": "number[]"
},
"default": "[]",
"attribute": "data"
},
{
"kind": "field",
"name": "color",
"privacy": "public",
"description": "Trace and fill color.",
"type": {
"text": "string"
},
"default": "\"#ffad41\"",
"attribute": "color"
},
{
"kind": "field",
"name": "smooth",
"privacy": "public",
"description": "Use a smooth cubic trace instead of straight segments.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "smooth"
},
{
"kind": "field",
"name": "fill",
"privacy": "public",
"description": "Fill the area under the trace.",
"type": {
"text": "boolean"
},
"default": "true",
"attribute": "fill"
},
{
"kind": "field",
"name": "unit",
"privacy": "public",
"description": "Unit shown by pointer/keyboard value inspection.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "unit"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "data",
"fieldName": "data",
"description": "Numeric history samples ordered by time.",
"type": {
"text": "string"
},
"default": "[]"
},
{
"name": "color",
"fieldName": "color",
"description": "Trace and fill color.",
"type": {
"text": "string"
},
"default": "\"#ffad41\""
},
{
"name": "smooth",
"fieldName": "smooth",
"description": "Use a smooth cubic trace instead of straight segments.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "fill",
"fieldName": "fill",
"description": "Fill the area under the trace.",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"name": "unit",
"fieldName": "unit",
"description": "Unit shown by pointer/keyboard value inspection.",
"type": {
"text": "string"
},
"default": "\"\""
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
},
{
"name": "luma-chart-hover",
"type": {
"text": "CustomEvent"
},
"description": "Component-specific event; see the API and examples."
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "sparkline",
"description": "sparkline styling hook."
},
{
"name": "fill",
"description": "Active arc/graph fill."
},
{
"name": "line",
"description": "line styling hook."
}
],
"cssProperties": [
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
}
],
"exports": [
{
"kind": "js",
"name": "LumaSparkline",
"declaration": {
"name": "LumaSparkline",
"module": "dist/sparkline.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-sparkline",
"declaration": {
"name": "LumaSparkline",
"module": "dist/sparkline.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "dist/temperature-value.js",
"declarations": [
{
"kind": "class",
"name": "LumaTemperatureValue",
"description": "Standalone fixed-metric, locale-aware temperature readout with separate integer, decimal, and unit columns; fractional changes never auto-resize the font.",
"tagName": "luma-temperature-value",
"customElement": true,
"superclass": {
"name": "LumaElement",
"module": "dist/base.js"
},
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\"",
"attribute": "label"
},
{
"kind": "field",
"name": "disabled",
"privacy": "public",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "value",
"privacy": "public",
"description": "Displayed temperature.",
"type": {
"text": "number"
},
"default": "21",
"attribute": "value"
},
{
"kind": "field",
"name": "unit",
"privacy": "public",
"description": "Temperature unit, shown in a fixed upper suffix.",
"type": {
"text": "string"
},
"default": "\"°C\"",
"attribute": "unit"
},
{
"kind": "field",
"name": "precision",
"privacy": "public",
"description": "Fractional digits to reserve, from 0 to 3. The decimal field stays present for whole values.",
"type": {
"text": "number"
},
"default": "1",
"attribute": "precision"
},
{
"kind": "field",
"name": "locale",
"privacy": "public",
"description": "Number-format locale; for example de displays a comma.",
"type": {
"text": "string"
},
"default": "\"en\"",
"attribute": "locale"
},
{
"kind": "field",
"name": "digits",
"privacy": "public",
"description": "Minimum integer-digit column width. All digits use tabular metrics.",
"type": {
"text": "number"
},
"default": "2",
"attribute": "digits"
}
],
"attributes": [
{
"name": "label",
"fieldName": "label",
"description": "Accessible name and primary label of the element.",
"type": {
"text": "string"
},
"default": "\"\""
},
{
"name": "disabled",
"fieldName": "disabled",
"description": "Disables user interaction. Boolean attributes use presence; disabled=\"false\" also disables.",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"name": "value",
"fieldName": "value",
"description": "Displayed temperature.",
"type": {
"text": "number"
},
"default": "21"
},
{
"name": "unit",
"fieldName": "unit",
"description": "Temperature unit, shown in a fixed upper suffix.",
"type": {
"text": "string"
},
"default": "\"°C\""
},
{
"name": "precision",
"fieldName": "precision",
"description": "Fractional digits to reserve, from 0 to 3. The decimal field stays present for whole values.",
"type": {
"text": "number"
},
"default": "1"
},
{
"name": "locale",
"fieldName": "locale",
"description": "Number-format locale; for example de displays a comma.",
"type": {
"text": "string"
},
"default": "\"en\""
},
{
"name": "digits",
"fieldName": "digits",
"description": "Minimum integer-digit column width. All digits use tabular metrics.",
"type": {
"text": "number"
},
"default": "2"
}
],
"events": [
{
"name": "luma-change",
"description": "Committed user change. Bubbles across Shadow DOM.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId:string}>"
}
},
{
"name": "luma-input",
"description": "Live preview before commitment.",
"type": {
"text": "CustomEvent<{property:string,value:unknown,entityId?:string}>"
}
},
{
"name": "luma-action",
"description": "Cancelable action request. Prevent more-info to supply your own popup.",
"type": {
"text": "CustomEvent<{action:string,entityId?:string}>"
}
},
{
"name": "luma-error",
"description": "Invalid attribute value; the previous value is preserved.",
"type": {
"text": "CustomEvent<{attribute:string,value:string,message:string}>"
}
}
],
"cssParts": [
{
"name": "root",
"description": "Component root wrapper."
},
{
"name": "value",
"description": "value styling hook."
},
{
"name": "integer",
"description": "integer styling hook."
},
{
"name": "unit",
"description": "unit styling hook."
},
{
"name": "fraction",
"description": "fraction styling hook."
}
],
"cssProperties": [
{
"name": "--luma-readout-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-font",
"description": "Inherited theme variable."
},
{
"name": "--luma-color-scheme",
"description": "Inherited theme variable."
},
{
"name": "--luma-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-pressed-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-focus-color",
"description": "Inherited theme variable."
},
{
"name": "--luma-secondary-text",
"description": "Inherited theme variable."
},
{
"name": "--luma-hover-opacity",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-border-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-border",
"description": "Inherited theme variable."
},
{
"name": "--luma-radius",
"description": "Inherited theme variable."
},
{
"name": "--luma-shadow",
"description": "Inherited theme variable."
},
{
"name": "--luma-card-padding",
"description": "Inherited theme variable."
},
{
"name": "--luma-title-size",
"description": "Inherited theme variable."
},
{
"name": "--luma-control-background",
"description": "Inherited theme variable."
},
{
"name": "--luma-on-primary",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-width",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-height",
"description": "Inherited theme variable."
},
{
"name": "--luma-slider-thumb-radius",
"description": "Inherited theme variable."
}
],
"slots": []
}
],
"exports": [
{
"kind": "js",
"name": "LumaTemperatureValue",
"declaration": {
"name": "LumaTemperatureValue",
"module": "dist/temperature-value.js"
}
},
{
"kind": "custom-element-definition",
"name": "luma-temperature-value",
"declaration": {
"name": "LumaTemperatureValue",
"module": "dist/temperature-value.js"
}
}
]
}
]
}