@twentyfirstmedia/elements 0.7.0 → 0.8.0

package/dist/custom-elements.json

@@ -5319,6 +5319,1868 @@
           ],
           "slots": []
         },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfServiceMarkElement",
+          "tagName": "tf-service-mark",
+          "description": "A connected service's mark: its brand logo from the icon library (brandGmail, brandTesla …), your own logo, or a monogram for a service without a logo (\"KS\" for a local nursery).",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "name",
+              "fieldName": "name",
+              "type": {
+                "text": "string"
+              },
+              "description": "The service's name: the accessible name, and the monogram when there is no icon or logo."
+            },
+            {
+              "name": "icon",
+              "fieldName": "icon",
+              "type": {
+                "text": "IconName"
+              },
+              "description": "A brand logo (`brandGmail` …) or a line icon."
+            },
+            {
+              "name": "logo",
+              "fieldName": "logo",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "Your own logo (an `<img>` or `<svg>`) instead of the icon."
+            },
+            {
+              "name": "monogram",
+              "fieldName": "monogram",
+              "type": {
+                "text": "string"
+              },
+              "description": "Letters for the monogram (default: the initials of `name`)."
+            },
+            {
+              "name": "size",
+              "fieldName": "size",
+              "type": {
+                "text": "\"sm\" | \"md\" | \"lg\""
+              },
+              "description": "24, 36 (default) or 48 px."
+            },
+            {
+              "name": "tint",
+              "fieldName": "tint",
+              "type": {
+                "text": "Tint | \"plain\""
+              }
+            },
+            {
+              "name": "status",
+              "fieldName": "status",
+              "type": {
+                "text": "ServiceState"
+              },
+              "description": "A dot in the corner with the state in words for screen readers."
+            },
+            {
+              "name": "decorative",
+              "fieldName": "decorative",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Hidden from screen readers when the name is written next to it."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "description": "The service's name: the accessible name, and the monogram when there is no icon or logo.",
+              "attribute": "name"
+            },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "IconName"
+              },
+              "description": "A brand logo (`brandGmail` …) or a line icon.",
+              "attribute": "icon"
+            },
+            {
+              "kind": "field",
+              "name": "logo",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "Your own logo (an `<img>` or `<svg>`) instead of the icon.",
+              "attribute": "logo"
+            },
+            {
+              "kind": "field",
+              "name": "monogram",
+              "type": {
+                "text": "string"
+              },
+              "description": "Letters for the monogram (default: the initials of `name`).",
+              "attribute": "monogram"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "\"sm\" | \"md\" | \"lg\""
+              },
+              "description": "24, 36 (default) or 48 px.",
+              "attribute": "size"
+            },
+            {
+              "kind": "field",
+              "name": "tint",
+              "type": {
+                "text": "Tint | \"plain\""
+              },
+              "attribute": "tint"
+            },
+            {
+              "kind": "field",
+              "name": "status",
+              "type": {
+                "text": "ServiceState"
+              },
+              "description": "A dot in the corner with the state in words for screen readers.",
+              "attribute": "status"
+            },
+            {
+              "kind": "field",
+              "name": "decorative",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Hidden from screen readers when the name is written next to it.",
+              "attribute": "decorative"
+            }
+          ],
+          "events": [],
+          "slots": [
+            {
+              "name": "logo",
+              "description": "Your own logo (an `<img>` or `<svg>`) instead of the icon."
+            }
+          ]
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfConnectorGalleryElement",
+          "tagName": "tf-connector-gallery",
+          "description": "Every service an assistant can connect to, grouped by category, with a search field and category chips.",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "connectors",
+              "fieldName": "connectors",
+              "type": {
+                "text": "Connector[]"
+              }
+            },
+            {
+              "name": "categories",
+              "fieldName": "categories",
+              "type": {
+                "text": "string[]"
+              },
+              "description": "Order of the groups; categories not listed follow in the order they appear."
+            },
+            {
+              "name": "filters",
+              "fieldName": "filters",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "A search field and category chips above the grid (default true)."
+            },
+            {
+              "name": "label",
+              "fieldName": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name (default \"Connectors\")."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "connectors",
+              "type": {
+                "text": "Connector[]"
+              },
+              "attribute": "connectors"
+            },
+            {
+              "kind": "field",
+              "name": "categories",
+              "type": {
+                "text": "string[]"
+              },
+              "description": "Order of the groups; categories not listed follow in the order they appear.",
+              "attribute": "categories"
+            },
+            {
+              "kind": "field",
+              "name": "filters",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "A search field and category chips above the grid (default true).",
+              "attribute": "filters"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name (default \"Connectors\").",
+              "attribute": "label"
+            }
+          ],
+          "events": [
+            {
+              "name": "connect",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onConnect: (id: string) => void`; `event.detail` holds the argument."
+            },
+            {
+              "name": "open",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Opens a connected (or failing) connector. From `onOpen: (id: string) => void`; `event.detail` holds the argument."
+            }
+          ],
+          "slots": []
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfConnectionListElement",
+          "tagName": "tf-connection-list",
+          "description": "The services you are connected to: mark with state dot, the connected account, how fresh the data is (a compact SyncStatus) and Manage, or Reconnect for a connection that needs attention.",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "items",
+              "fieldName": "items",
+              "type": {
+                "text": "ConnectionItem[]"
+              }
+            },
+            {
+              "name": "now",
+              "fieldName": "now",
+              "type": {
+                "text": "Date | string | number"
+              },
+              "description": "\"Now\" for the relative times; pass it so server and client render the same."
+            },
+            {
+              "name": "label",
+              "fieldName": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name (default \"Connections\")."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "items",
+              "type": {
+                "text": "ConnectionItem[]"
+              },
+              "attribute": "items"
+            },
+            {
+              "kind": "field",
+              "name": "now",
+              "type": {
+                "text": "Date | string | number"
+              },
+              "description": "\"Now\" for the relative times; pass it so server and client render the same.",
+              "attribute": "now"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name (default \"Connections\").",
+              "attribute": "label"
+            }
+          ],
+          "events": [
+            {
+              "name": "manage",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onManage: (id: string) => void`; `event.detail` holds the argument."
+            },
+            {
+              "name": "reconnect",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Shown instead of \"Manage\" on connections in the `error` state. From `onReconnect: (id: string) => void`; `event.detail` holds the argument."
+            }
+          ],
+          "slots": []
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfSyncStatusElement",
+          "tagName": "tf-sync-status",
+          "description": "When a connected service last synced, in words (\"Synced 6 minutes ago\"), when it syncs next, what the last sync brought (\"1,204 emails\") and why a sync failed, with \"Sync now\".",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "state",
+              "fieldName": "state",
+              "type": {
+                "text": "\"synced\" | \"syncing\" | \"error\" | \"paused\" | \"never\""
+              }
+            },
+            {
+              "name": "last",
+              "fieldName": "last",
+              "type": {
+                "text": "Date | string | number"
+              },
+              "description": "The last successful sync."
+            },
+            {
+              "name": "next",
+              "fieldName": "next",
+              "type": {
+                "text": "Date | string | number"
+              },
+              "description": "The next planned sync."
+            },
+            {
+              "name": "now",
+              "fieldName": "now",
+              "type": {
+                "text": "Date | string | number"
+              },
+              "description": "\"Now\" for the relative times; pass it so server and client render the same."
+            },
+            {
+              "name": "counts",
+              "fieldName": "counts",
+              "type": {
+                "text": "{ label: string; value: number }[]"
+              },
+              "description": "What the last sync brought: `{ label: \"emails\", value: 1204 }`."
+            },
+            {
+              "name": "error",
+              "fieldName": "error",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "Why the sync failed."
+            },
+            {
+              "name": "compact",
+              "fieldName": "compact",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "One line: state and time only."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "state",
+              "type": {
+                "text": "\"synced\" | \"syncing\" | \"error\" | \"paused\" | \"never\""
+              },
+              "attribute": "state"
+            },
+            {
+              "kind": "field",
+              "name": "last",
+              "type": {
+                "text": "Date | string | number"
+              },
+              "description": "The last successful sync.",
+              "attribute": "last"
+            },
+            {
+              "kind": "field",
+              "name": "next",
+              "type": {
+                "text": "Date | string | number"
+              },
+              "description": "The next planned sync.",
+              "attribute": "next"
+            },
+            {
+              "kind": "field",
+              "name": "now",
+              "type": {
+                "text": "Date | string | number"
+              },
+              "description": "\"Now\" for the relative times; pass it so server and client render the same.",
+              "attribute": "now"
+            },
+            {
+              "kind": "field",
+              "name": "counts",
+              "type": {
+                "text": "{ label: string; value: number }[]"
+              },
+              "description": "What the last sync brought: `{ label: \"emails\", value: 1204 }`.",
+              "attribute": "counts"
+            },
+            {
+              "kind": "field",
+              "name": "error",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "Why the sync failed.",
+              "attribute": "error"
+            },
+            {
+              "kind": "field",
+              "name": "compact",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "One line: state and time only.",
+              "attribute": "compact"
+            }
+          ],
+          "events": [
+            {
+              "name": "sync",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onSync: () => void`; `event.detail` holds null."
+            }
+          ],
+          "slots": [
+            {
+              "name": "error",
+              "description": "Why the sync failed."
+            }
+          ]
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfAgentActivityElement",
+          "tagName": "tf-agent-activity",
+          "description": "What agents did with your connected services, newest first and grouped by day: each action with its service, agent and time, whether it read something, changed something or touched money, and its state (waiting for you, declined, undone, fa",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "items",
+              "fieldName": "items",
+              "type": {
+                "text": "AgentAction[]"
+              }
+            },
+            {
+              "name": "now",
+              "fieldName": "now",
+              "type": {
+                "text": "Date | string | number"
+              },
+              "description": "\"Now\" for the day headings; pass it so server and client render the same."
+            },
+            {
+              "name": "label",
+              "fieldName": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name (default \"Agent activity\")."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "items",
+              "type": {
+                "text": "AgentAction[]"
+              },
+              "attribute": "items"
+            },
+            {
+              "kind": "field",
+              "name": "now",
+              "type": {
+                "text": "Date | string | number"
+              },
+              "description": "\"Now\" for the day headings; pass it so server and client render the same.",
+              "attribute": "now"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name (default \"Agent activity\").",
+              "attribute": "label"
+            }
+          ],
+          "events": [
+            {
+              "name": "undo",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Offers \"Undo\" on finished actions that changed something. From `onUndo: (id: string) => void`; `event.detail` holds the argument."
+            },
+            {
+              "name": "review",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Opens an action that waits for your approval. From `onReview: (id: string) => void`; `event.detail` holds the argument."
+            }
+          ],
+          "slots": []
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfDeviceTileElement",
+          "tagName": "tf-device-tile",
+          "description": "A smart-home device (from Google Home, Apple Home, SmartThings, tado°, Dyson, eufy, Dreame …): its reading, its state and the controls its kind needs.",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "name",
+              "fieldName": "name",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "room",
+              "fieldName": "room",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "icon",
+              "fieldName": "icon",
+              "type": {
+                "text": "IconName"
+              }
+            },
+            {
+              "name": "kind",
+              "fieldName": "kind",
+              "type": {
+                "text": "\"switch\" | \"light\" | \"thermostat\" | \"vacuum\" | \"purifier\" | \"camera\" | \"lock\" | \"sensor\""
+              },
+              "description": "The kind sets the default icon and which controls appear."
+            },
+            {
+              "name": "on",
+              "fieldName": "on",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "On or off; with `onToggle` a switch."
+            },
+            {
+              "name": "value",
+              "fieldName": "value",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "The main reading: \"21.5 °C\", \"Cleaning\", \"AQI 12\"."
+            },
+            {
+              "name": "status",
+              "fieldName": "status",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "A line under the value: \"Heating to 22 °C\", \"Kitchen · 18 m² left\"."
+            },
+            {
+              "name": "target",
+              "fieldName": "target",
+              "type": {
+                "text": "number"
+              },
+              "description": "Thermostat target in °C; with `onTarget` a − / + stepper (steps of `step`, default 0.5)."
+            },
+            {
+              "name": "step",
+              "fieldName": "step",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "battery",
+              "fieldName": "battery",
+              "type": {
+                "text": "number"
+              },
+              "description": "Battery in percent (vacuums, sensors, locks)."
+            },
+            {
+              "name": "actions",
+              "fieldName": "actions",
+              "type": {
+                "text": "{ label: string; icon?: IconName; onClick?: () => void }[]"
+              },
+              "description": "Quick actions: \"Start\", \"Dock\", \"Boost\"."
+            },
+            {
+              "name": "offline",
+              "fieldName": "offline",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "The device does not answer."
+            },
+            {
+              "name": "service",
+              "fieldName": "service",
+              "type": {
+                "text": "ServiceRef"
+              }
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "name"
+            },
+            {
+              "kind": "field",
+              "name": "room",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "room"
+            },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "IconName"
+              },
+              "attribute": "icon"
+            },
+            {
+              "kind": "field",
+              "name": "kind",
+              "type": {
+                "text": "\"switch\" | \"light\" | \"thermostat\" | \"vacuum\" | \"purifier\" | \"camera\" | \"lock\" | \"sensor\""
+              },
+              "description": "The kind sets the default icon and which controls appear.",
+              "attribute": "kind"
+            },
+            {
+              "kind": "field",
+              "name": "on",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "On or off; with `onToggle` a switch.",
+              "attribute": "on"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "The main reading: \"21.5 °C\", \"Cleaning\", \"AQI 12\".",
+              "attribute": "value"
+            },
+            {
+              "kind": "field",
+              "name": "status",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "A line under the value: \"Heating to 22 °C\", \"Kitchen · 18 m² left\".",
+              "attribute": "status"
+            },
+            {
+              "kind": "field",
+              "name": "target",
+              "type": {
+                "text": "number"
+              },
+              "description": "Thermostat target in °C; with `onTarget` a − / + stepper (steps of `step`, default 0.5).",
+              "attribute": "target"
+            },
+            {
+              "kind": "field",
+              "name": "step",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "step"
+            },
+            {
+              "kind": "field",
+              "name": "battery",
+              "type": {
+                "text": "number"
+              },
+              "description": "Battery in percent (vacuums, sensors, locks).",
+              "attribute": "battery"
+            },
+            {
+              "kind": "field",
+              "name": "actions",
+              "type": {
+                "text": "{ label: string; icon?: IconName; onClick?: () => void }[]"
+              },
+              "description": "Quick actions: \"Start\", \"Dock\", \"Boost\".",
+              "attribute": "actions"
+            },
+            {
+              "kind": "field",
+              "name": "offline",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "The device does not answer.",
+              "attribute": "offline"
+            },
+            {
+              "kind": "field",
+              "name": "service",
+              "type": {
+                "text": "ServiceRef"
+              },
+              "attribute": "service"
+            }
+          ],
+          "events": [
+            {
+              "name": "toggle",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onToggle: (on: boolean) => void`; `event.detail` holds the argument."
+            },
+            {
+              "name": "target",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onTarget: (value: number) => void`; `event.detail` holds the argument."
+            }
+          ],
+          "slots": [
+            {
+              "name": "value",
+              "description": "The main reading: \"21.5 °C\", \"Cleaning\", \"AQI 12\"."
+            },
+            {
+              "name": "status",
+              "description": "A line under the value: \"Heating to 22 °C\", \"Kitchen · 18 m² left\"."
+            }
+          ]
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfVehicleCardElement",
+          "tagName": "tf-vehicle-card",
+          "description": "An electric car: charge in percent with the limit marked on the bar, range, charging state with power and when it is done, lock and climate as buttons, the inside temperature and where it is.",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "name",
+              "fieldName": "name",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "model",
+              "fieldName": "model",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "battery",
+              "fieldName": "battery",
+              "type": {
+                "text": "number"
+              },
+              "description": "Battery (or tank) in percent."
+            },
+            {
+              "name": "range",
+              "fieldName": "range",
+              "type": {
+                "text": "number"
+              },
+              "description": "Range in km."
+            },
+            {
+              "name": "limit",
+              "fieldName": "limit",
+              "type": {
+                "text": "number"
+              },
+              "description": "The charge limit in percent, marked on the bar."
+            },
+            {
+              "name": "charging",
+              "fieldName": "charging",
+              "type": {
+                "text": "\"charging\" | \"complete\" | \"plugged\" | \"unplugged\""
+              }
+            },
+            {
+              "name": "power",
+              "fieldName": "power",
+              "type": {
+                "text": "number"
+              },
+              "description": "Charging power in kW while charging."
+            },
+            {
+              "name": "until",
+              "fieldName": "until",
+              "type": {
+                "text": "Date | string | number"
+              },
+              "description": "When charging reaches the limit."
+            },
+            {
+              "name": "locked",
+              "fieldName": "locked",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "inside",
+              "fieldName": "inside",
+              "type": {
+                "text": "number"
+              },
+              "description": "Inside temperature in °C."
+            },
+            {
+              "name": "climate-on",
+              "fieldName": "climateOn",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "location",
+              "fieldName": "location",
+              "type": {
+                "text": "ReactNode"
+              }
+            },
+            {
+              "name": "service",
+              "fieldName": "service",
+              "type": {
+                "text": "ServiceRef"
+              }
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "name"
+            },
+            {
+              "kind": "field",
+              "name": "model",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "model"
+            },
+            {
+              "kind": "field",
+              "name": "battery",
+              "type": {
+                "text": "number"
+              },
+              "description": "Battery (or tank) in percent.",
+              "attribute": "battery"
+            },
+            {
+              "kind": "field",
+              "name": "range",
+              "type": {
+                "text": "number"
+              },
+              "description": "Range in km.",
+              "attribute": "range"
+            },
+            {
+              "kind": "field",
+              "name": "limit",
+              "type": {
+                "text": "number"
+              },
+              "description": "The charge limit in percent, marked on the bar.",
+              "attribute": "limit"
+            },
+            {
+              "kind": "field",
+              "name": "charging",
+              "type": {
+                "text": "\"charging\" | \"complete\" | \"plugged\" | \"unplugged\""
+              },
+              "attribute": "charging"
+            },
+            {
+              "kind": "field",
+              "name": "power",
+              "type": {
+                "text": "number"
+              },
+              "description": "Charging power in kW while charging.",
+              "attribute": "power"
+            },
+            {
+              "kind": "field",
+              "name": "until",
+              "type": {
+                "text": "Date | string | number"
+              },
+              "description": "When charging reaches the limit.",
+              "attribute": "until"
+            },
+            {
+              "kind": "field",
+              "name": "locked",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "locked"
+            },
+            {
+              "kind": "field",
+              "name": "inside",
+              "type": {
+                "text": "number"
+              },
+              "description": "Inside temperature in °C.",
+              "attribute": "inside"
+            },
+            {
+              "kind": "field",
+              "name": "climateOn",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "climate-on"
+            },
+            {
+              "kind": "field",
+              "name": "location",
+              "type": {
+                "text": "ReactNode"
+              },
+              "attribute": "location"
+            },
+            {
+              "kind": "field",
+              "name": "service",
+              "type": {
+                "text": "ServiceRef"
+              },
+              "attribute": "service"
+            }
+          ],
+          "events": [
+            {
+              "name": "lock",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onLock: (locked: boolean) => void`; `event.detail` holds the argument."
+            },
+            {
+              "name": "climate",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onClimate: (on: boolean) => void`; `event.detail` holds the argument."
+            }
+          ],
+          "slots": [
+            {
+              "name": "location",
+              "description": "Content of the `location` prop."
+            }
+          ]
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfNowPlayingElement",
+          "tagName": "tf-now-playing",
+          "description": "What is playing (Spotify, a speaker, a podcast app): cover, title and artist, the device, progress with times and previous / play-pause / next.",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "title",
+              "fieldName": "title",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "artist",
+              "fieldName": "artist",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "album",
+              "fieldName": "album",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "art",
+              "fieldName": "art",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "Cover art: an `<img>`."
+            },
+            {
+              "name": "position",
+              "fieldName": "position",
+              "type": {
+                "text": "number"
+              },
+              "description": "Position and length in seconds."
+            },
+            {
+              "name": "duration",
+              "fieldName": "duration",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "playing",
+              "fieldName": "playing",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "device",
+              "fieldName": "device",
+              "type": {
+                "text": "string"
+              },
+              "description": "Where it plays: \"Living room speaker\"."
+            },
+            {
+              "name": "service",
+              "fieldName": "service",
+              "type": {
+                "text": "ServiceRef"
+              }
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "title"
+            },
+            {
+              "kind": "field",
+              "name": "artist",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "artist"
+            },
+            {
+              "kind": "field",
+              "name": "album",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "album"
+            },
+            {
+              "kind": "field",
+              "name": "art",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "Cover art: an `<img>`.",
+              "attribute": "art"
+            },
+            {
+              "kind": "field",
+              "name": "position",
+              "type": {
+                "text": "number"
+              },
+              "description": "Position and length in seconds.",
+              "attribute": "position"
+            },
+            {
+              "kind": "field",
+              "name": "duration",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "duration"
+            },
+            {
+              "kind": "field",
+              "name": "playing",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "playing"
+            },
+            {
+              "kind": "field",
+              "name": "device",
+              "type": {
+                "text": "string"
+              },
+              "description": "Where it plays: \"Living room speaker\".",
+              "attribute": "device"
+            },
+            {
+              "kind": "field",
+              "name": "service",
+              "type": {
+                "text": "ServiceRef"
+              },
+              "attribute": "service"
+            }
+          ],
+          "events": [
+            {
+              "name": "playpause",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onPlayPause: () => void`; `event.detail` holds null."
+            },
+            {
+              "name": "next",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onNext: () => void`; `event.detail` holds null."
+            },
+            {
+              "name": "previous",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onPrevious: () => void`; `event.detail` holds null."
+            }
+          ],
+          "slots": [
+            {
+              "name": "art",
+              "description": "Cover art: an `<img>`."
+            }
+          ]
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfWorkoutCardElement",
+          "tagName": "tf-workout-card",
+          "description": "One workout from Apple Fitness, Strava, Garmin or a golf app: type, time, duration, distance, calories, average heart rate and minutes in each heart-rate zone as a bar with a legend in words.",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "type",
+              "fieldName": "type",
+              "type": {
+                "text": "string"
+              },
+              "description": "\"Run\", \"Ride\", \"Strength\", \"Golf\" …"
+            },
+            {
+              "name": "icon",
+              "fieldName": "icon",
+              "type": {
+                "text": "IconName"
+              }
+            },
+            {
+              "name": "date",
+              "fieldName": "date",
+              "type": {
+                "text": "Date | string | number"
+              }
+            },
+            {
+              "name": "duration",
+              "fieldName": "duration",
+              "type": {
+                "text": "number"
+              },
+              "description": "Minutes."
+            },
+            {
+              "name": "distance",
+              "fieldName": "distance",
+              "type": {
+                "text": "number"
+              },
+              "description": "Kilometres."
+            },
+            {
+              "name": "calories",
+              "fieldName": "calories",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "heart-rate",
+              "fieldName": "heartRate",
+              "type": {
+                "text": "number"
+              },
+              "description": "Average heart rate in bpm."
+            },
+            {
+              "name": "zones",
+              "fieldName": "zones",
+              "type": {
+                "text": "number[]"
+              },
+              "description": "Minutes in heart-rate zones 1–5."
+            },
+            {
+              "name": "service",
+              "fieldName": "service",
+              "type": {
+                "text": "ServiceRef"
+              }
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "string"
+              },
+              "description": "\"Run\", \"Ride\", \"Strength\", \"Golf\" …",
+              "attribute": "type"
+            },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "IconName"
+              },
+              "attribute": "icon"
+            },
+            {
+              "kind": "field",
+              "name": "date",
+              "type": {
+                "text": "Date | string | number"
+              },
+              "attribute": "date"
+            },
+            {
+              "kind": "field",
+              "name": "duration",
+              "type": {
+                "text": "number"
+              },
+              "description": "Minutes.",
+              "attribute": "duration"
+            },
+            {
+              "kind": "field",
+              "name": "distance",
+              "type": {
+                "text": "number"
+              },
+              "description": "Kilometres.",
+              "attribute": "distance"
+            },
+            {
+              "kind": "field",
+              "name": "calories",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "calories"
+            },
+            {
+              "kind": "field",
+              "name": "heartRate",
+              "type": {
+                "text": "number"
+              },
+              "description": "Average heart rate in bpm.",
+              "attribute": "heart-rate"
+            },
+            {
+              "kind": "field",
+              "name": "zones",
+              "type": {
+                "text": "number[]"
+              },
+              "description": "Minutes in heart-rate zones 1–5.",
+              "attribute": "zones"
+            },
+            {
+              "kind": "field",
+              "name": "service",
+              "type": {
+                "text": "ServiceRef"
+              },
+              "attribute": "service"
+            }
+          ],
+          "events": [],
+          "slots": []
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfCallLogElement",
+          "tagName": "tf-call-log",
+          "description": "Your calls grouped by day: incoming, outgoing and missed with time and length, and what the call was about when an assistant summarised it.",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "calls",
+              "fieldName": "calls",
+              "type": {
+                "text": "CallItem[]"
+              }
+            },
+            {
+              "name": "now",
+              "fieldName": "now",
+              "type": {
+                "text": "Date | string | number"
+              },
+              "description": "\"Now\" for the day headings."
+            },
+            {
+              "name": "label",
+              "fieldName": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name (default \"Calls\")."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "calls",
+              "type": {
+                "text": "CallItem[]"
+              },
+              "attribute": "calls"
+            },
+            {
+              "kind": "field",
+              "name": "now",
+              "type": {
+                "text": "Date | string | number"
+              },
+              "description": "\"Now\" for the day headings.",
+              "attribute": "now"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name (default \"Calls\").",
+              "attribute": "label"
+            }
+          ],
+          "events": [
+            {
+              "name": "call",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onCall: (id: string) => void`; `event.detail` holds the argument."
+            },
+            {
+              "name": "open",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onOpen: (id: string) => void`; `event.detail` holds the argument."
+            }
+          ],
+          "slots": []
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfReservationCardElement",
+          "tagName": "tf-reservation-card",
+          "description": "A booking or order: a stay, flight, train, ride, delivery or ticket with its dates, place, booking number and status (confirmed, pending, delayed, on the way, delivered, cancelled) plus a note like \"+25 min\".",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "kind",
+              "fieldName": "kind",
+              "type": {
+                "text": "\"stay\" | \"flight\" | \"train\" | \"ride\" | \"order\" | \"event\""
+              }
+            },
+            {
+              "name": "title",
+              "fieldName": "title",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "subtitle",
+              "fieldName": "subtitle",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "\"Hotel Atlantic · 2 nights\", \"LH 2024 · Seat 14A\"."
+            },
+            {
+              "name": "start",
+              "fieldName": "start",
+              "type": {
+                "text": "Date | string | number"
+              }
+            },
+            {
+              "name": "end",
+              "fieldName": "end",
+              "type": {
+                "text": "Date | string | number"
+              }
+            },
+            {
+              "name": "place",
+              "fieldName": "place",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "Where: an address, airport codes, a restaurant."
+            },
+            {
+              "name": "code",
+              "fieldName": "code",
+              "type": {
+                "text": "string"
+              },
+              "description": "Booking or order number."
+            },
+            {
+              "name": "status",
+              "fieldName": "status",
+              "type": {
+                "text": "\"confirmed\" | \"pending\" | \"cancelled\" | \"delayed\" | \"onTheWay\" | \"delivered\""
+              }
+            },
+            {
+              "name": "status-text",
+              "fieldName": "statusText",
+              "type": {
+                "text": "string"
+              },
+              "description": "Extra words for the status: \"+25 min\", \"Arrives 19:40\"."
+            },
+            {
+              "name": "service",
+              "fieldName": "service",
+              "type": {
+                "text": "ServiceRef"
+              }
+            },
+            {
+              "name": "actions",
+              "fieldName": "actions",
+              "type": {
+                "text": "ReactNode"
+              }
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "kind",
+              "type": {
+                "text": "\"stay\" | \"flight\" | \"train\" | \"ride\" | \"order\" | \"event\""
+              },
+              "attribute": "kind"
+            },
+            {
+              "kind": "field",
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "title"
+            },
+            {
+              "kind": "field",
+              "name": "subtitle",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "\"Hotel Atlantic · 2 nights\", \"LH 2024 · Seat 14A\".",
+              "attribute": "subtitle"
+            },
+            {
+              "kind": "field",
+              "name": "start",
+              "type": {
+                "text": "Date | string | number"
+              },
+              "attribute": "start"
+            },
+            {
+              "kind": "field",
+              "name": "end",
+              "type": {
+                "text": "Date | string | number"
+              },
+              "attribute": "end"
+            },
+            {
+              "kind": "field",
+              "name": "place",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "Where: an address, airport codes, a restaurant.",
+              "attribute": "place"
+            },
+            {
+              "kind": "field",
+              "name": "code",
+              "type": {
+                "text": "string"
+              },
+              "description": "Booking or order number.",
+              "attribute": "code"
+            },
+            {
+              "kind": "field",
+              "name": "status",
+              "type": {
+                "text": "\"confirmed\" | \"pending\" | \"cancelled\" | \"delayed\" | \"onTheWay\" | \"delivered\""
+              },
+              "attribute": "status"
+            },
+            {
+              "kind": "field",
+              "name": "statusText",
+              "type": {
+                "text": "string"
+              },
+              "description": "Extra words for the status: \"+25 min\", \"Arrives 19:40\".",
+              "attribute": "status-text"
+            },
+            {
+              "kind": "field",
+              "name": "service",
+              "type": {
+                "text": "ServiceRef"
+              },
+              "attribute": "service"
+            },
+            {
+              "kind": "field",
+              "name": "actions",
+              "type": {
+                "text": "ReactNode"
+              },
+              "attribute": "actions"
+            }
+          ],
+          "events": [],
+          "slots": [
+            {
+              "name": "subtitle",
+              "description": "\"Hotel Atlantic · 2 nights\", \"LH 2024 · Seat 14A\"."
+            },
+            {
+              "name": "place",
+              "description": "Where: an address, airport codes, a restaurant."
+            },
+            {
+              "name": "actions",
+              "description": "Content of the `actions` prop."
+            }
+          ]
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfScorecardElement",
+          "tagName": "tf-scorecard",
+          "description": "A round of golf: par and strokes for each hole in the usual marks (circle for a birdie, double circle for an eagle, square for a bogey, double square for worse), putts, Out, In and the total against par.",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "course",
+              "fieldName": "course",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "date",
+              "fieldName": "date",
+              "type": {
+                "text": "Date | string | number"
+              }
+            },
+            {
+              "name": "holes",
+              "fieldName": "holes",
+              "type": {
+                "text": "GolfHole[]"
+              },
+              "description": "9 or 18 holes."
+            },
+            {
+              "name": "tee",
+              "fieldName": "tee",
+              "type": {
+                "text": "string"
+              },
+              "description": "Tee and course rating: \"Yellow · CR 71.2 / SR 128\"."
+            },
+            {
+              "name": "service",
+              "fieldName": "service",
+              "type": {
+                "text": "ServiceRef"
+              }
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "course",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "course"
+            },
+            {
+              "kind": "field",
+              "name": "date",
+              "type": {
+                "text": "Date | string | number"
+              },
+              "attribute": "date"
+            },
+            {
+              "kind": "field",
+              "name": "holes",
+              "type": {
+                "text": "GolfHole[]"
+              },
+              "description": "9 or 18 holes.",
+              "attribute": "holes"
+            },
+            {
+              "kind": "field",
+              "name": "tee",
+              "type": {
+                "text": "string"
+              },
+              "description": "Tee and course rating: \"Yellow · CR 71.2 / SR 128\".",
+              "attribute": "tee"
+            },
+            {
+              "kind": "field",
+              "name": "service",
+              "type": {
+                "text": "ServiceRef"
+              },
+              "attribute": "service"
+            }
+          ],
+          "events": [],
+          "slots": []
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfHoldingsListElement",
+          "tagName": "tf-holdings-list",
+          "description": "Positions in a portfolio: name and ISIN or ticker, value, change over a period (arrow, sign and colour) and the share of the portfolio as a bar.",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "holdings",
+              "fieldName": "holdings",
+              "type": {
+                "text": "Holding[]"
+              }
+            },
+            {
+              "name": "currency",
+              "fieldName": "currency",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "period",
+              "fieldName": "period",
+              "type": {
+                "text": "string"
+              },
+              "description": "The period of `change` (\"today\", \"1 year\")."
+            },
+            {
+              "name": "label",
+              "fieldName": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name (default \"Holdings\")."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "holdings",
+              "type": {
+                "text": "Holding[]"
+              },
+              "attribute": "holdings"
+            },
+            {
+              "kind": "field",
+              "name": "currency",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "currency"
+            },
+            {
+              "kind": "field",
+              "name": "period",
+              "type": {
+                "text": "string"
+              },
+              "description": "The period of `change` (\"today\", \"1 year\").",
+              "attribute": "period"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name (default \"Holdings\").",
+              "attribute": "label"
+            }
+          ],
+          "events": [
+            {
+              "name": "select",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onSelect: (id: string) => void`; `event.detail` holds the argument."
+            }
+          ],
+          "slots": []
+        },
         {
           "kind": "class",
           "customElement": true,
@@ -27842,6 +29704,110 @@
             "module": "dist/elements.js"
           }
         },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-service-mark",
+          "declaration": {
+            "name": "TfServiceMarkElement",
+            "module": "dist/elements.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-connector-gallery",
+          "declaration": {
+            "name": "TfConnectorGalleryElement",
+            "module": "dist/elements.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-connection-list",
+          "declaration": {
+            "name": "TfConnectionListElement",
+            "module": "dist/elements.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-sync-status",
+          "declaration": {
+            "name": "TfSyncStatusElement",
+            "module": "dist/elements.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-agent-activity",
+          "declaration": {
+            "name": "TfAgentActivityElement",
+            "module": "dist/elements.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-device-tile",
+          "declaration": {
+            "name": "TfDeviceTileElement",
+            "module": "dist/elements.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-vehicle-card",
+          "declaration": {
+            "name": "TfVehicleCardElement",
+            "module": "dist/elements.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-now-playing",
+          "declaration": {
+            "name": "TfNowPlayingElement",
+            "module": "dist/elements.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-workout-card",
+          "declaration": {
+            "name": "TfWorkoutCardElement",
+            "module": "dist/elements.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-call-log",
+          "declaration": {
+            "name": "TfCallLogElement",
+            "module": "dist/elements.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-reservation-card",
+          "declaration": {
+            "name": "TfReservationCardElement",
+            "module": "dist/elements.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-scorecard",
+          "declaration": {
+            "name": "TfScorecardElement",
+            "module": "dist/elements.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-holdings-list",
+          "declaration": {
+            "name": "TfHoldingsListElement",
+            "module": "dist/elements.js"
+          }
+        },
         {
           "kind": "custom-element-definition",
           "name": "tf-agent-card",