@oicl/openbridge-webcomponents 2.0.0-next.83 → 2.0.0-next.85

package/custom-elements.json

@@ -61743,6 +61743,15 @@
               "description": "Shows a vertical divider on the left edge of the tab (except when checked).\nUseful for visually separating tabs.\n\nDefault: false",
               "attribute": "has-divider"
             },
+            {
+              "kind": "field",
+              "name": "badges",
+              "type": {
+                "text": "TabItemBadge[]"
+              },
+              "default": "[]",
+              "description": "One or more badges (count/status) to display on the tab.\n\nWhen this array is non-empty it takes precedence over the deprecated\nsingle-badge props (`hasBadge`, `badgeType`, `badgeSize`, `badgeCount`,\n`badgeShowNumber`, `showLeadingBadgeIcon`). When empty, the deprecated\nprops are used instead (gated by `hasBadge`).\n\nDefault: []"
+            },
             {
               "kind": "field",
               "name": "hasBadge",
@@ -61750,7 +61759,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Displays a badge (count/status) on the tab.\nConfigure badge appearance via `badgeCount`, `badgeType`, `badgeSize`, etc.\n\nDefault: false",
+              "deprecated": "Use the `badges` array instead.\n\nDisplays a badge (count/status) on the tab.\nConfigure badge appearance via `badgeCount`, `badgeType`, `badgeSize`, etc.\n\nDefault: false",
               "attribute": "has-badge"
             },
             {
@@ -61809,7 +61818,7 @@
               "type": {
                 "text": "string"
               },
-              "description": "Type of badge to display (e.g., 'regular', 'alarm', 'warning', etc.).\nSee `BadgeType` enum for available options.\n\nDefault: 'regular'",
+              "deprecated": "Use the `badges` array instead.\n\nType of badge to display (e.g., 'regular', 'alarm', 'warning', etc.).\nSee `BadgeType` enum for available options.\n\nDefault: 'regular'",
               "attribute": "badgeType"
             },
             {
@@ -61818,7 +61827,7 @@
               "type": {
                 "text": "string"
               },
-              "description": "Size of the badge ('regular' or 'large').\nSee `BadgeSize` enum for available options.\n\nDefault: 'regular'",
+              "deprecated": "Use the `badges` array instead.\n\nSize of the badge ('regular' or 'large').\nSee `BadgeSize` enum for available options.\n\nDefault: 'regular'",
               "attribute": "badgeSize"
             },
             {
@@ -61828,7 +61837,7 @@
                 "text": "boolean"
               },
               "default": "true",
-              "description": "Shows the badge's numeric value. When false, only the badge background is rendered (for status-only badges).\n\nDefault: true"
+              "deprecated": "Use the `badges` array instead.\n\nShows the badge's numeric value. When false, only the badge background is rendered (for status-only badges).\n\nDefault: true"
             },
             {
               "kind": "field",
@@ -61837,7 +61846,7 @@
                 "text": "number"
               },
               "default": "0",
-              "description": "The numeric value to display in the badge (e.g., count of notifications).\n\nDefault: 0",
+              "deprecated": "Use the `badges` array instead.\n\nThe numeric value to display in the badge (e.g., count of notifications).\n\nDefault: 0",
               "attribute": "badgeCount"
             },
             {
@@ -61847,7 +61856,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Shows an icon inside the badge.\nSupply icon content via the `badge-icon` slot.\n\nDefault: false",
+              "deprecated": "Use the `badges` array instead.\n\nShows an icon inside the badge.\nSupply icon content via the `badge-icon` slot.\n\nDefault: false",
               "attribute": "showLeadingBadgeIcon"
             },
             {
@@ -61888,6 +61897,28 @@
                   }
                 }
               ]
+            },
+            {
+              "kind": "field",
+              "name": "effectiveBadges",
+              "type": {
+                "text": "TabItemBadge[]"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "renderBadge",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "badge",
+                  "type": {
+                    "text": "TabItemBadge"
+                  }
+                }
+              ]
             }
           ],
           "events": [
@@ -61970,7 +62001,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Displays a badge (count/status) on the tab.\nConfigure badge appearance via `badgeCount`, `badgeType`, `badgeSize`, etc.\n\nDefault: false",
+              "deprecated": "Use the `badges` array instead.\n\nDisplays a badge (count/status) on the tab.\nConfigure badge appearance via `badgeCount`, `badgeType`, `badgeSize`, etc.\n\nDefault: false",
               "fieldName": "hasBadge"
             },
             {
@@ -62023,7 +62054,7 @@
               "type": {
                 "text": "string"
               },
-              "description": "Type of badge to display (e.g., 'regular', 'alarm', 'warning', etc.).\nSee `BadgeType` enum for available options.\n\nDefault: 'regular'",
+              "deprecated": "Use the `badges` array instead.\n\nType of badge to display (e.g., 'regular', 'alarm', 'warning', etc.).\nSee `BadgeType` enum for available options.\n\nDefault: 'regular'",
               "fieldName": "badgeType"
             },
             {
@@ -62031,7 +62062,7 @@
               "type": {
                 "text": "string"
               },
-              "description": "Size of the badge ('regular' or 'large').\nSee `BadgeSize` enum for available options.\n\nDefault: 'regular'",
+              "deprecated": "Use the `badges` array instead.\n\nSize of the badge ('regular' or 'large').\nSee `BadgeSize` enum for available options.\n\nDefault: 'regular'",
               "fieldName": "badgeSize"
             },
             {
@@ -62040,7 +62071,7 @@
                 "text": "number"
               },
               "default": "0",
-              "description": "The numeric value to display in the badge (e.g., count of notifications).\n\nDefault: 0",
+              "deprecated": "Use the `badges` array instead.\n\nThe numeric value to display in the badge (e.g., count of notifications).\n\nDefault: 0",
               "fieldName": "badgeCount"
             },
             {
@@ -62049,7 +62080,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Shows an icon inside the badge.\nSupply icon content via the `badge-icon` slot.\n\nDefault: false",
+              "deprecated": "Use the `badges` array instead.\n\nShows an icon inside the badge.\nSupply icon content via the `badge-icon` slot.\n\nDefault: false",
               "fieldName": "showLeadingBadgeIcon"
             }
           ],
@@ -62086,7 +62117,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "`<obc-tab-row>` – A horizontal tab navigation bar for switching between multiple content sections.\n\nDisplays a row of interactive tabs, each representing a distinct view or section. Supports subtitles, badges, icons, close buttons, and an optional \"add new tab\" action. Designed for use cases where users need to quickly switch between related content areas, such as dashboards, settings, or document editors.\n\n---\n\n### Features\n- **Tab Selection:** Only one tab can be selected at a time; selection is managed via the `selectedTabId` property.\n- **Closeable Tabs:** Optionally display a close button on each tab (`hasClose`), allowing users to remove tabs dynamically.\n- **Add New Tab:** Optionally show an \"add new tab\" button at the end of the row (`hasAddNewTab`), emitting an event when clicked.\n- **Subtitles:** Optionally show secondary contextual text below each tab title (`showSubtitle` and `subtitle`).\n- **Badges:** Tabs can display badges with counts and types (e.g., notification, alarm, enhance), supporting different badge sizes and optional hiding of the number.\n- **Icons:** Each tab can show a leading icon (customizable via slot), and optionally a badge icon.\n- **Disabled Tabs:** Individual tabs can be disabled to prevent user interaction.\n- **Hug Mode:** When `hug` is enabled, tabs use a compact layout with reduced padding.\n- **Responsive Layout:** Tabs are arranged horizontally and adapt to the available width.\n\n---\n\n### Usage Guidelines\nUse `<obc-tab-row>` to organize content into logical sections that users can switch between without leaving the current page. Ideal for navigation in multi-view interfaces, such as settings panels, dashboards, or editors. Each tab should represent a distinct, high-level section. Avoid using tabs for navigation between unrelated pages or for single-action toggles.\n\n- Use badges to highlight new activity or counts (e.g., unread messages).\n- Use the close button for tabs that represent removable or temporary content (e.g., documents, chat sessions).\n- The \"add new tab\" action is suitable for interfaces where users can create new sections dynamically.\n- For best accessibility, ensure each tab has a unique `id` and descriptive `title`.\n\n**TODO(designer):** Confirm if there are recommended limits on the number of tabs, or guidance for handling overflow (e.g., scrolling, collapsing).\n\n---\n\n### Example\n```html\n<obc-tab-row\n  .tabs=${[\n    {id: 'tab1', title: 'Inbox', subtitle: 'Monitoring', hasBadge: true, badgeCount: 5, badgeType: 'notification'},\n    {id: 'tab2', title: 'Updates'},\n    {id: 'tab3', title: 'Settings', hasLeadingIcon: true}\n  ]}\n  selectedTabId=\"tab1\"\n  show-subtitle\n  hasClose\n  hasAddNewTab\n>\n  <obi-placeholder slot=\"tab-tab1-icon\"></obi-placeholder>\n  <obi-placeholder slot=\"tab-tab3-icon\"></obi-placeholder>\n</obc-tab-row>\n```\n\n---\n\n### Slots\n\n| Slot Name                | Renders When...                   | Purpose                                              |\n|--------------------------|------------------------------------|------------------------------------------------------|\n| `tab-<id>-icon`          | If `hasLeadingIcon` is true        | Leading icon for a specific tab (replaceable)        |\n| `tab-<id>-badge-icon`    | If `showLeadingBadgeIcon` is true  | Badge icon for a specific tab (replaceable)          |\n\n---\n\n### Events\n- `tab-selected` – Fired when a tab is selected. Detail: `{tab, id, index}`.\n- `tab-closed` – Fired when a tab's close button is clicked. Detail: `{tab, id, index}`.\n- `add-new-tab` – Fired when the \"add new tab\" button is clicked. No detail.\n\n---\n\n### Best Practices\n- Only one tab should be selected at a time.\n- Use badges sparingly to avoid overwhelming the user.\n- Avoid using the close button for tabs that should always be present.\n- For accessibility, ensure tab titles are clear and concise.\n- If using custom icons, provide them via the appropriate named slot for each tab.",
+          "description": "`<obc-tab-row>` – A horizontal tab navigation bar for switching between multiple content sections.\n\nDisplays a row of interactive tabs, each representing a distinct view or section. Supports subtitles, badges, icons, close buttons, and an optional \"add new tab\" action. Designed for use cases where users need to quickly switch between related content areas, such as dashboards, settings, or document editors.\n\n---\n\n### Features\n- **Tab Selection:** Only one tab can be selected at a time; selection is managed via the `selectedTabId` property.\n- **Closeable Tabs:** Optionally display a close button on each tab (`hasClose`), allowing users to remove tabs dynamically.\n- **Add New Tab:** Optionally show an \"add new tab\" button at the end of the row (`hasAddNewTab`), emitting an event when clicked.\n- **Subtitles:** Optionally show secondary contextual text below each tab title (`showSubtitle` and `subtitle`).\n- **Badges:** Tabs can display badges with counts and types (e.g., notification, alarm, enhance), supporting different badge sizes and optional hiding of the number.\n- **Icons:** Each tab can show a leading icon (customizable via slot), and optionally a badge icon.\n- **Disabled Tabs:** Individual tabs can be disabled to prevent user interaction.\n- **Hug Mode:** When `hug` is enabled, tabs use a compact layout with reduced padding.\n- **Responsive Layout:** Tabs are arranged horizontally and adapt to the available width.\n\n---\n\n### Usage Guidelines\nUse `<obc-tab-row>` to organize content into logical sections that users can switch between without leaving the current page. Ideal for navigation in multi-view interfaces, such as settings panels, dashboards, or editors. Each tab should represent a distinct, high-level section. Avoid using tabs for navigation between unrelated pages or for single-action toggles.\n\n- Use badges to highlight new activity or counts (e.g., unread messages).\n- Use the close button for tabs that represent removable or temporary content (e.g., documents, chat sessions).\n- The \"add new tab\" action is suitable for interfaces where users can create new sections dynamically.\n- For best accessibility, ensure each tab has a unique `id` and descriptive `title`.\n\n**TODO(designer):** Confirm if there are recommended limits on the number of tabs, or guidance for handling overflow (e.g., scrolling, collapsing).\n\n---\n\n### Example\n```html\n<obc-tab-row\n  .tabs=${[\n    {id: 'tab1', title: 'Inbox', subtitle: 'Monitoring', hasBadge: true, badgeCount: 5, badgeType: 'notification'},\n    {id: 'tab2', title: 'Updates'},\n    {id: 'tab3', title: 'Settings', hasLeadingIcon: true}\n  ]}\n  selectedTabId=\"tab1\"\n  show-subtitle\n  hasClose\n  hasAddNewTab\n>\n  <obi-placeholder slot=\"tab-tab1-icon\"></obi-placeholder>\n  <obi-placeholder slot=\"tab-tab3-icon\"></obi-placeholder>\n</obc-tab-row>\n```\n\n---\n\n### Slots\n\n| Slot Name                | Renders When...                   | Purpose                                              |\n|--------------------------|------------------------------------|------------------------------------------------------|\n| `tab-<id>-icon`              | If `hasLeadingIcon` is true                          | Leading icon for a specific tab (replaceable)        |\n| `tab-<id>-<iconSlotName>`    | For each badge that declares an `iconSlotName`       | Custom icon for a specific tab's badge (replaceable). The deprecated single-badge path uses `tab-<id>-badge-icon`. |\n\n---\n\n### Events\n- `tab-selected` – Fired when a tab is selected. Detail: `{tab, id, index}`.\n- `tab-closed` – Fired when a tab's close button is clicked. Detail: `{tab, id, index}`.\n- `add-new-tab` – Fired when the \"add new tab\" button is clicked. No detail.\n\n---\n\n### Best Practices\n- Only one tab should be selected at a time.\n- Use badges sparingly to avoid overwhelming the user.\n- Avoid using the close button for tabs that should always be present.\n- For accessibility, ensure tab titles are clear and concise.\n- If using custom icons, provide them via the appropriate named slot for each tab.",
           "name": "ObcTabRow",
           "slots": [
             {
@@ -62094,8 +62125,8 @@
               "name": "tab-<id>-icon"
             },
             {
-              "description": "Badge icon slot for each tab (shown when `showLeadingBadgeIcon` is true for that tab)",
-              "name": "tab-<id>-badge-icon"
+              "description": "Custom badge icon slot for each tab, one per badge that declares an `iconSlotName`. The deprecated single-badge path uses `tab-<id>-badge-icon`.",
+              "name": "tab-<id>-<iconSlotName>"
             }
           ],
           "members": [
@@ -62106,7 +62137,7 @@
                 "text": "TabData[]"
               },
               "default": "[]",
-              "description": "The list of tabs to display. Each tab is defined by an object with properties such as `id`, `title`, `subtitle`, `showSubtitle`, `hasLeadingIcon`, `hasBadge`, `badgeCount`, `badgeType`, `badgeSize`, `badgeShowNumber`, `showLeadingBadgeIcon`, and `disabled`.\n\n- `id` (string): Unique identifier for the tab.\n- `title` (string): Display label for the tab.\n- `subtitle` (string): Contextual text shown below the title when subtitle display is enabled.\n- `showSubtitle` (boolean): Optional per-tab override for displaying the subtitle.\n- `hasLeadingIcon` (boolean): Whether to show a leading icon (default: true).\n- `hasBadge` (boolean): Whether to show a badge on the tab.\n- `badgeCount` (number): Number to display in the badge.\n- `badgeType` (BadgeType): Visual style of the badge (e.g., notification, alarm, enhance).\n- `badgeSize` (BadgeSize): Size of the badge (e.g., regular, large).\n- `badgeShowNumber` (boolean): If true, shows the badge number.\n- `showLeadingBadgeIcon` (boolean): If true, shows a badge icon.\n- `disabled` (boolean): If true, disables the tab.",
+              "description": "The list of tabs to display. Each tab is defined by an object with properties such as `id`, `title`, `subtitle`, `showSubtitle`, `hasLeadingIcon`, `hasBadge`, `badgeCount`, `badgeType`, `badgeSize`, `badgeShowNumber`, `showLeadingBadgeIcon`, and `disabled`.\n\n- `id` (string): Unique identifier for the tab.\n- `title` (string): Display label for the tab.\n- `subtitle` (string): Contextual text shown below the title when subtitle display is enabled.\n- `showSubtitle` (boolean): Optional per-tab override for displaying the subtitle.\n- `hasLeadingIcon` (boolean): Whether to show a leading icon (default: true).\n- `badges` (TabItemBadge[]): One or more badges to display on the tab. Takes precedence over the deprecated single-badge fields below.\n- `hasBadge` (boolean, deprecated): Whether to show a badge on the tab.\n- `badgeCount` (number, deprecated): Number to display in the badge.\n- `badgeType` (BadgeType, deprecated): Visual style of the badge (e.g., notification, alarm, enhance).\n- `badgeSize` (BadgeSize, deprecated): Size of the badge (e.g., regular, large).\n- `badgeShowNumber` (boolean, deprecated): If true, shows the badge number.\n- `showLeadingBadgeIcon` (boolean, deprecated): If true, shows a badge icon.\n- `disabled` (boolean): If true, disables the tab.",
               "attribute": "tabs"
             },
             {
@@ -62129,6 +62160,15 @@
               "description": "Whether to display a close button on each tab. When enabled, users can remove tabs individually.\n\nDefault: `false`.",
               "attribute": "has-close"
             },
+            {
+              "kind": "field",
+              "name": "centerContent",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "centerContent"
+            },
             {
               "kind": "field",
               "name": "hug",
@@ -62252,7 +62292,7 @@
                 "text": "TabData[]"
               },
               "default": "[]",
-              "description": "The list of tabs to display. Each tab is defined by an object with properties such as `id`, `title`, `subtitle`, `showSubtitle`, `hasLeadingIcon`, `hasBadge`, `badgeCount`, `badgeType`, `badgeSize`, `badgeShowNumber`, `showLeadingBadgeIcon`, and `disabled`.\n\n- `id` (string): Unique identifier for the tab.\n- `title` (string): Display label for the tab.\n- `subtitle` (string): Contextual text shown below the title when subtitle display is enabled.\n- `showSubtitle` (boolean): Optional per-tab override for displaying the subtitle.\n- `hasLeadingIcon` (boolean): Whether to show a leading icon (default: true).\n- `hasBadge` (boolean): Whether to show a badge on the tab.\n- `badgeCount` (number): Number to display in the badge.\n- `badgeType` (BadgeType): Visual style of the badge (e.g., notification, alarm, enhance).\n- `badgeSize` (BadgeSize): Size of the badge (e.g., regular, large).\n- `badgeShowNumber` (boolean): If true, shows the badge number.\n- `showLeadingBadgeIcon` (boolean): If true, shows a badge icon.\n- `disabled` (boolean): If true, disables the tab.",
+              "description": "The list of tabs to display. Each tab is defined by an object with properties such as `id`, `title`, `subtitle`, `showSubtitle`, `hasLeadingIcon`, `hasBadge`, `badgeCount`, `badgeType`, `badgeSize`, `badgeShowNumber`, `showLeadingBadgeIcon`, and `disabled`.\n\n- `id` (string): Unique identifier for the tab.\n- `title` (string): Display label for the tab.\n- `subtitle` (string): Contextual text shown below the title when subtitle display is enabled.\n- `showSubtitle` (boolean): Optional per-tab override for displaying the subtitle.\n- `hasLeadingIcon` (boolean): Whether to show a leading icon (default: true).\n- `badges` (TabItemBadge[]): One or more badges to display on the tab. Takes precedence over the deprecated single-badge fields below.\n- `hasBadge` (boolean, deprecated): Whether to show a badge on the tab.\n- `badgeCount` (number, deprecated): Number to display in the badge.\n- `badgeType` (BadgeType, deprecated): Visual style of the badge (e.g., notification, alarm, enhance).\n- `badgeSize` (BadgeSize, deprecated): Size of the badge (e.g., regular, large).\n- `badgeShowNumber` (boolean, deprecated): If true, shows the badge number.\n- `showLeadingBadgeIcon` (boolean, deprecated): If true, shows a badge icon.\n- `disabled` (boolean): If true, disables the tab.",
               "fieldName": "tabs"
             },
             {
@@ -62273,6 +62313,14 @@
               "description": "Whether to display a close button on each tab. When enabled, users can remove tabs individually.\n\nDefault: `false`.",
               "fieldName": "hasClose"
             },
+            {
+              "name": "centerContent",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "centerContent"
+            },
             {
               "name": "hug",
               "type": {
@@ -64954,7 +65002,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "`<obc-textbox>` – A text container that renders inline text at a\nprecise, cap-height-trimmed size with configurable alignment and reservable\nwidth.\n\nUse it to present short, read-only strings – such as values, labels, or\nunits – where vertical metrics must line up exactly across rows and the\nhorizontal footprint should stay stable while the text changes (for example\na numeric value that updates frequently). Synonyms: text container, value\nbox, label box.\n\n## Features / Variants\n- **Size:** `xs`, `s`, `m` (default), `l`, `xl` – each maps to a fixed box\n  height (16 / 20 / 24 / 32 / 40 px) with 4px padding above and below, giving\n  cap heights of 8 / 12 / 16 / 24 / 32 px so text aligns to a predictable\n  grid.\n- **Font weight:** `regular` (default), `semibold`, `bold`.\n- **Alignment:** `left`, `center`, `right` (default) – positions the text\n  within the box's width when the box is wider than the content.\n- **Reserved width:** content placed in the `length` slot reserves a minimum\n  width invisibly, so the box does not resize as the visible text changes.\n  The box always shows all content – it never crops.\n\n## Usage Guidelines\n- Pass the longest expected string to the `length` slot (e.g. `\"888.8\"` or\n  `\"Wind speed\"`) so the box reserves space and does not jump in width as the\n  visible value updates.\n- This is a display primitive for static text – use an input component for\n  editable values.\n\n## Slots\n| Slot      | Renders when…      | Purpose                                              |\n|-----------|--------------------|------------------------------------------------------|\n| (default) | Always             | The visible text content.                            |\n| `length`  | Always (invisible) | Reserves a minimum width based on its content width. |",
+          "description": "`<obc-textbox>` – A text container that renders inline text at a\nprecise, cap-height-trimmed size with configurable alignment and reservable\nwidth.\n\nUse it to present short, read-only strings – such as values, labels, or\nunits – where vertical metrics must line up exactly across rows and the\nhorizontal footprint should stay stable while the text changes (for example\na numeric value that updates frequently). Synonyms: text container, value\nbox, label box.\n\n## Features / Variants\n- **Size:** `xs`, `s`, `m` (default), `l`, `xl` – each maps to a fixed box\n  height (16 / 20 / 24 / 32 / 40 px) with 4px padding above and below, giving\n  cap heights of 8 / 12 / 16 / 24 / 32 px so text aligns to a predictable\n  grid.\n- **Font weight:** `regular` (default), `semibold`, `bold`.\n- **Tabular numbers:** `tabularNums` (default off) renders digits as\n  fixed-width, lining numerals (`tabular-nums lining-nums` + the `ss04`/`tnum`/\n  `lnum` features) so numeric values stay column-aligned and stable in width\n  as they update – use it for readouts and other live numeric displays.\n- **Alignment:** `left`, `center`, `right` (default) – positions the text\n  within the box's width when the box is wider than the content.\n- **Reserved width:** content placed in the `length` slot reserves a minimum\n  width invisibly, so the box does not resize as the visible text changes.\n  The box always shows all content – it never crops.\n\n## Usage Guidelines\n- Pass the longest expected string to the `length` slot (e.g. `\"888.8\"` or\n  `\"Wind speed\"`) so the box reserves space and does not jump in width as the\n  visible value updates.\n- This is a display primitive for static text – use an input component for\n  editable values.\n\n## Slots\n| Slot      | Renders when…      | Purpose                                              |\n|-----------|--------------------|------------------------------------------------------|\n| (default) | Always             | The visible text content.                            |\n| `length`  | Always (invisible) | Reserves a minimum width based on its content width. |",
           "name": "ObcTextbox",
           "slots": [
             {
@@ -64990,6 +65038,15 @@
                 "text": "ObcTextboxFontWeight"
               },
               "attribute": "fontWeight"
+            },
+            {
+              "kind": "field",
+              "name": "tabularNums",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "tabularNums"
             }
           ],
           "attributes": [
@@ -65013,6 +65070,14 @@
                 "text": "ObcTextboxFontWeight"
               },
               "fieldName": "fontWeight"
+            },
+            {
+              "name": "tabularNums",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "tabularNums"
             }
           ],
           "superclass": {
@@ -85157,167 +85222,171 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "`<obc-readout-list-item>` – A compact inline readout row for lists.\n\nRenders a compact label/value/unit composition with a dedicated size scale and stacking modes for unit and source placement. Use it when you need dense, consistent readout rows in tables or lists without bringing in the full `<obc-readout>` segment layout.\n\n### Features\n- **Sizes:** `base`, `priority`, and `enhanced` typography/padding scales.\n- **Stacking modes:** `trailing-unit`, `leading-unit`, and `leading-src` control where unit/source appear relative to the label/value.\n- **Priority styling:** `priority` controls emphasis and setpoint presentation (`regular`, `enhanced`, `setpoint`, `setpoint-flip-flop`).\n- **Data states:** Supports `dataState` styling for `low-integrity` and `invalid` data quality.\n- **Alert frame:** Optional `alert` wrapper for caution, warning, alarm, and other alert-frame statuses.\n- **Formatting:** Supports numeric formatting, fixed-length width templates, hinted zeros, and optional degree suffix (`°`).\n\n### Usage Guidelines\nUse this component for dense readouts in list contexts. Prefer `<obc-readout>` when you need multi-segment advice/setpoint/source composition, rich layouts, or source picker/flyout behavior.\n\n### Slots\n| Slot Name     | Renders When             | Purpose |\n|---------------|--------------------------|---------|\n| leading-icon  | `hasLeadingIcon` is true | Optional leading icon before the label. |\n| value-icon    | `hasValueIcon` is true   | Optional icon next to the value. |",
+          "description": "`<obc-readout-list-item>` – A compact, dense readout row for lists and tables.\n\nRenders a label, an optional source, an optional unit, and up to three\ncap-height \"readout building blocks\" – advice, setpoint, and value – each a\nfixed-width-reservable numeric segment. Dynamic data is passed as top-level\nprimitives (`value`, `setpoint`, `advice`, `label`, `unit`, `src`). Global\nlayout/format is configured via top-level props (`size`, `priority`,\n`stacking`, `hasDegree`, `dataQuality`, `alert`, …) and per-block tweaks via one\nobject per block (`valueOptions`, `setpointOptions`, `adviceOptions`,\n`unitOptions`, `srcOptions`).\n\n### Features\n- **Building blocks:** value, optional setpoint, and optional advice segments,\n  each cap-height-aligned and able to reserve a stable width.\n- **Sizes:** `small`, `medium`, `large` density scales.\n- **Stacking:** `trailing-unit`, `leading-unit`, `leading-src` placement.\n- **Priority:** `regular`/`enhanced` colour emphasis; per-value `weight`\n  (`regular`/`semibold`/`bold`) is independent of colour.\n- **Setpoint flip-flop:** swaps emphasis between value and setpoint as the\n  value reaches the setpoint.\n- **Data quality:** `low-integrity`/`invalid` styling, combinable with `alert`.\n- **Alert frame:** optional `alert` wrapper (caution/warning/alarm/level).\n- **Clickable:** optionally rendered as a focusable button with `squared`,\n  `round-corners`, or `round` corners.\n- **Formatting:** shared `fractionDigits`, width reservation via `maxDigits`\n  and per-segment `hintedZeros`; a `null` value renders a dash (`-`).\n\n### Usage Guidelines\nUse for dense readout rows in lists/tables. Prefer `<obc-readout>` for rich\nmulti-segment instrument layouts, source pickers, or flyout behaviour.",
           "name": "ObcReadoutListItem",
           "slots": [
             {
-              "description": "Optional leading icon before the label.",
+              "description": "Icon before the label.",
               "name": "leading-icon"
             },
             {
-              "description": "Optional icon next to the value.",
+              "description": "Icon before the value.",
               "name": "value-icon"
+            },
+            {
+              "description": "Overrides the default setpoint icon.",
+              "name": "setpoint-icon"
+            },
+            {
+              "description": "Overrides the default advice icon.",
+              "name": "advice-icon"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "size",
+              "name": "label",
               "type": {
-                "text": "ReadoutListItemSize"
+                "text": "string | undefined"
               },
-              "attribute": "size"
+              "attribute": "label"
             },
             {
               "kind": "field",
-              "name": "stacking",
+              "name": "unit",
               "type": {
-                "text": "ReadoutListItemStacking"
+                "text": "string | undefined"
               },
-              "attribute": "stacking"
+              "attribute": "unit"
             },
             {
               "kind": "field",
-              "name": "priority",
+              "name": "src",
               "type": {
-                "text": "ReadoutListItemPriority"
+                "text": "string | undefined"
               },
-              "attribute": "priority"
+              "attribute": "src"
             },
             {
               "kind": "field",
-              "name": "dataState",
+              "name": "hasValue",
               "type": {
-                "text": "ReadoutListItemDataState"
+                "text": "boolean"
               },
-              "attribute": "dataState"
+              "default": "true"
             },
             {
               "kind": "field",
-              "name": "alert",
+              "name": "value",
               "type": {
-                "text": "AlertFrameConfig | boolean"
+                "text": "number | null"
               },
-              "default": "false",
-              "attribute": "alert"
+              "default": "null",
+              "attribute": "value"
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "off",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "attribute": "label"
+              "default": "false",
+              "description": "Render the value as the literal \"OFF\" (e.g. equipment powered down). Affects the value only.",
+              "attribute": "off"
             },
             {
               "kind": "field",
-              "name": "unit",
+              "name": "hasSetpoint",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "attribute": "unit"
+              "default": "false",
+              "attribute": "hasSetpoint"
             },
             {
               "kind": "field",
-              "name": "src",
+              "name": "setpoint",
               "type": {
-                "text": "string"
+                "text": "number | undefined"
               },
-              "default": "''",
-              "attribute": "src"
+              "attribute": "setpoint"
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "hasAdvice",
               "type": {
-                "text": "number | undefined"
+                "text": "boolean"
               },
-              "default": "undefined",
-              "attribute": "value"
+              "default": "false",
+              "attribute": "hasAdvice"
             },
             {
               "kind": "field",
-              "name": "setpointValue",
+              "name": "advice",
               "type": {
                 "text": "number | undefined"
               },
-              "default": "undefined",
-              "attribute": "setpointValue"
+              "attribute": "advice"
             },
             {
               "kind": "field",
-              "name": "hasSetpoint",
+              "name": "size",
               "type": {
-                "text": "boolean"
+                "text": "ReadoutListItemSize | undefined"
               },
-              "default": "false",
-              "attribute": "hasSetpoint"
+              "attribute": "size"
             },
             {
               "kind": "field",
-              "name": "hasDegree",
+              "name": "priority",
               "type": {
-                "text": "boolean"
+                "text": "ReadoutListItemPriority | undefined"
               },
-              "default": "false",
-              "attribute": "hasDegree"
+              "attribute": "priority"
             },
             {
               "kind": "field",
-              "name": "hasUnit",
+              "name": "stacking",
               "type": {
-                "text": "boolean"
+                "text": "ReadoutListItemStacking | undefined"
               },
-              "default": "false",
-              "attribute": "hasUnit"
+              "attribute": "stacking"
             },
             {
               "kind": "field",
-              "name": "hasLabel",
+              "name": "clickable",
               "type": {
-                "text": "boolean"
+                "text": "boolean | ReadoutListItemClickable"
               },
               "default": "false",
-              "attribute": "hasLabel"
+              "attribute": "clickable"
             },
             {
               "kind": "field",
-              "name": "hasSource",
+              "name": "hasLeadingIcon",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "hasSource"
+              "attribute": "hasLeadingIcon"
             },
             {
               "kind": "field",
-              "name": "hasLeadingIcon",
+              "name": "hasDegree",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "hasLeadingIcon"
+              "attribute": "hasDegree"
             },
             {
               "kind": "field",
-              "name": "hasValueIcon",
+              "name": "hasDegreeSpacer",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "hasValueIcon"
+              "attribute": "hasDegreeSpacer"
             },
             {
               "kind": "field",
@@ -85330,115 +85399,172 @@
             },
             {
               "kind": "field",
-              "name": "showZeroPadding",
+              "name": "maxDigits",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "attribute": "showZeroPadding"
+              "default": "0",
+              "attribute": "maxDigits"
             },
             {
               "kind": "field",
-              "name": "minValueLength",
+              "name": "dataQuality",
               "type": {
-                "text": "number"
+                "text": "ReadoutListItemDataQuality | undefined"
               },
-              "default": "0",
-              "attribute": "minValueLength"
+              "attribute": "dataQuality"
             },
             {
               "kind": "field",
-              "name": "hasHintedZeros",
+              "name": "alert",
               "type": {
-                "text": "boolean"
+                "text": "boolean | AlertFrameConfig"
               },
               "default": "false",
-              "attribute": "hasHintedZeros"
+              "attribute": "alert"
             },
             {
               "kind": "field",
-              "name": "labelOnly",
+              "name": "valueOptions",
+              "type": {
+                "text": "ReadoutValueOptions | undefined"
+              },
+              "attribute": "valueOptions"
+            },
+            {
+              "kind": "field",
+              "name": "setpointOptions",
+              "type": {
+                "text": "ReadoutSetpointOptions | undefined"
+              },
+              "attribute": "setpointOptions"
+            },
+            {
+              "kind": "field",
+              "name": "adviceOptions",
+              "type": {
+                "text": "ReadoutAdviceOptions | undefined"
+              },
+              "attribute": "adviceOptions"
+            },
+            {
+              "kind": "field",
+              "name": "unitOptions",
+              "type": {
+                "text": "ReadoutReserverOptions | undefined"
+              },
+              "attribute": "unitOptions"
+            },
+            {
+              "kind": "field",
+              "name": "srcOptions",
+              "type": {
+                "text": "ReadoutSrcOptions | undefined"
+              },
+              "attribute": "srcOptions"
+            },
+            {
+              "kind": "field",
+              "name": "deferredSetpointHidePhase",
+              "type": {
+                "text": "'none' | 'hiding' | 'hidden'"
+              },
+              "privacy": "private",
+              "default": "'none'",
+              "description": "Pop-up deferred-hide phase for the setpoint (see updated)."
+            },
+            {
+              "kind": "field",
+              "name": "deferredSetpointHideTimer",
+              "type": {
+                "text": "number | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "hasCompletedFirstUpdate",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "attribute": "labelOnly"
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "resolvedMainValueSize",
+              "name": "resolvedSize",
               "type": {
-                "text": "ReadoutSetpointSize"
+                "text": "ReadoutListItemSize"
               },
               "privacy": "private",
               "readonly": true
             },
             {
               "kind": "field",
-              "name": "resolvedValueSize",
+              "name": "resolvedStacking",
               "type": {
-                "text": "ReadoutSetpointSize"
+                "text": "ReadoutListItemStacking"
               },
               "privacy": "private",
               "readonly": true
             },
             {
               "kind": "field",
-              "name": "resolvedValueTypography",
+              "name": "resolvedPriority",
               "type": {
-                "text": "| ReadoutSetpointValueTypography\n    | undefined"
+                "text": "ReadoutListItemPriority"
               },
               "privacy": "private",
               "readonly": true
             },
             {
               "kind": "field",
-              "name": "resolvedSetpointSize",
+              "name": "resolvedFractionDigits",
               "type": {
-                "text": "ReadoutSetpointSize"
+                "text": "number"
               },
               "privacy": "private",
               "readonly": true
             },
             {
               "kind": "field",
-              "name": "resolvedActualPriority",
+              "name": "resolvedMaxDigits",
               "type": {
-                "text": "Priority"
+                "text": "number"
               },
               "privacy": "private",
               "readonly": true
             },
             {
               "kind": "field",
-              "name": "resolvedActualMode",
+              "name": "resolvedClickable",
               "type": {
-                "text": "ReadoutSetpointMode"
+                "text": "false | Required<ReadoutListItemClickable>"
               },
               "privacy": "private",
               "readonly": true
             },
             {
               "kind": "field",
-              "name": "resolvedSetpointPriority",
+              "name": "isAtSetpoint",
               "type": {
-                "text": "Priority"
+                "text": "boolean"
               },
               "privacy": "private",
               "readonly": true
             },
             {
               "kind": "field",
-              "name": "resolvedSetpointMode",
+              "name": "resolvedSetpointInteraction",
               "type": {
-                "text": "ReadoutSetpointMode"
+                "text": "ReadoutListItemSetpointInteraction"
               },
               "privacy": "private",
               "readonly": true
             },
             {
               "kind": "field",
-              "name": "showsTrailingSource",
+              "name": "isFlipFlop",
               "type": {
                 "text": "boolean"
               },
@@ -85447,7 +85573,7 @@
             },
             {
               "kind": "field",
-              "name": "stacksLeadingUnitVertically",
+              "name": "isPopUp",
               "type": {
                 "text": "boolean"
               },
@@ -85456,7 +85582,7 @@
             },
             {
               "kind": "field",
-              "name": "stacksLeadingSrcVertically",
+              "name": "setpointTouching",
               "type": {
                 "text": "boolean"
               },
@@ -85464,117 +85590,376 @@
               "readonly": true
             },
             {
-              "kind": "method",
-              "name": "renderLabelContainer",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "renderValueIconSlot",
-              "privacy": "private"
+              "kind": "field",
+              "name": "isSetpointEmphasized",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "description": "The setpoint is rendered \"emphasised\" (primary size + SemiBold weight) when\nit is the focus of attention: while actively adjusting (`touching`), or while\na flip-flop has the value away from the setpoint. Otherwise it is a secondary\n(smaller, regular-weight) reference next to the value.",
+              "readonly": true
             },
             {
-              "kind": "method",
-              "name": "renderSetpoint",
-              "privacy": "private"
+              "kind": "field",
+              "name": "rowEnhanced",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "description": "The row's enhanced (in-command) colour state, applied uniformly to BOTH the\nvalue and the setpoint — they are always either both neutral or both enhanced\n(never a blue setpoint next to a grey value). Driven by `priority` only;\n`valueOptions.weight` changes weight, not colour.",
+              "readonly": true
             },
             {
-              "kind": "method",
-              "name": "renderActualValue",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "renderValue",
-              "privacy": "private"
+              "kind": "field",
+              "name": "primarySize",
+              "type": {
+                "text": "ObcTextboxSize"
+              },
+              "privacy": "private",
+              "description": "Primary value-typography size for the current density tier.",
+              "readonly": true
             },
             {
-              "kind": "method",
-              "name": "renderTrailingUnit",
-              "privacy": "private"
+              "kind": "field",
+              "name": "secondarySize",
+              "type": {
+                "text": "ObcTextboxSize"
+              },
+              "privacy": "private",
+              "description": "Secondary (de-emphasised) value-typography size for the current density tier.",
+              "readonly": true
             },
             {
-              "kind": "method",
-              "name": "renderTrailingSource",
-              "privacy": "private"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "size",
+              "kind": "field",
+              "name": "valueSize",
               "type": {
-                "text": "ReadoutListItemSize"
+                "text": "ObcTextboxSize"
               },
-              "fieldName": "size"
+              "privacy": "private",
+              "readonly": true
             },
             {
-              "name": "stacking",
+              "kind": "field",
+              "name": "setpointSize",
               "type": {
-                "text": "ReadoutListItemStacking"
+                "text": "ObcTextboxSize"
               },
-              "fieldName": "stacking"
+              "privacy": "private",
+              "readonly": true
             },
             {
-              "name": "priority",
+              "kind": "field",
+              "name": "valueWeight",
               "type": {
-                "text": "ReadoutListItemPriority"
+                "text": "ObcTextboxFontWeight"
               },
-              "fieldName": "priority"
+              "privacy": "private",
+              "description": "Value font weight passes straight to obc-textbox; regular when unset. Colour is separate.",
+              "readonly": true
             },
             {
-              "name": "dataState",
+              "kind": "field",
+              "name": "setpointWeight",
               "type": {
-                "text": "ReadoutListItemDataState"
+                "text": "ObcTextboxFontWeight"
               },
-              "fieldName": "dataState"
+              "privacy": "private",
+              "description": "Setpoint is SemiBold only while emphasised, otherwise regular weight.",
+              "readonly": true
             },
             {
-              "name": "alert",
+              "kind": "method",
+              "name": "numericFormatOptions",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "ReadoutNumericFormatOptions"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "maxDigits",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "reserverText",
               "type": {
-                "text": "AlertFrameConfig | boolean"
+                "text": "string"
               },
-              "default": "false",
-              "fieldName": "alert"
+              "privacy": "private",
+              "description": "Widest possible value string for width reservation (e.g. `\"000.0\"`).",
+              "readonly": true
             },
+            {
+              "kind": "method",
+              "name": "widerReserver",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "explicit",
+                  "type": {
+                    "text": "string | undefined"
+                  }
+                },
+                {
+                  "name": "derived",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Effective width reserver for a numeric block: the wider of the explicit\n`spaceReserver` and the `maxDigits`/`fractionDigits`-derived reserve, so an\nexplicit reserver can never reserve *less* than the formatted value needs.\nUnder tabular-nums the rendered width is proportional to character count, so\n\"wider\" compares string length."
+            },
+            {
+              "kind": "method",
+              "name": "dataQualityClasses",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Record<string, boolean>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "dataQuality",
+                  "type": {
+                    "text": "ReadoutListItemDataQuality | undefined"
+                  }
+                }
+              ],
+              "description": "classMap fragment for a block / source carrying per-block data quality."
+            },
+            {
+              "kind": "method",
+              "name": "renderIcon",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult | typeof nothing"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "role",
+                  "type": {
+                    "text": "BlockRole"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "renderBlock",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "config",
+                  "type": {
+                    "text": "{\n    role: BlockRole;\n    value: number | null | undefined;\n    size: ObcTextboxSize;\n    enhanced: boolean;\n    weight: ObcTextboxFontWeight;\n    hintedZeros: boolean;\n    spaceReserver?: string;\n    off?: boolean;\n    hasDegree?: boolean;\n    extraClasses?: Record<string, boolean>;\n    dataQuality?: ReadoutListItemDataQuality;\n    alert?: false | AlertFrameConfig;\n  }"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "renderDegreeGlyph",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "size",
+                  "type": {
+                    "text": "ObcTextboxSize"
+                  }
+                },
+                {
+                  "name": "opts",
+                  "default": "{}",
+                  "type": {
+                    "text": "{enhanced?: boolean; inherit?: boolean}"
+                  }
+                }
+              ],
+              "description": "A cap-height `°` column whose width scales with the value size. Used after\nthe value (as the value↔unit boundary, via renderValueUnitGap) and\ninside the setpoint / advice blocks. `inherit` makes the glyph take the\nsurrounding block's colour (setpoint/advice); otherwise it uses the value\ncolour, optionally `enhanced`."
+            },
+            {
+              "kind": "method",
+              "name": "renderValueUnitGap",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult | typeof nothing"
+                }
+              },
+              "description": "The gap rendered between the value digits and the unit.\n\n- `hasDegree`: a cap-height `°` column whose width scales with the value\n  size (the `°` replaces the default gap).\n- otherwise: the default 2px gap (only when a trailing unit follows).\n\n`hasDegreeSpacer` deliberately does NOT add anything here — it keeps the 2px\ngap and instead widens the unit column via renderDegreeSpacer (a\nspacer AFTER the unit). That way a non-degree row's value digits stay\naligned with degree rows (degree column width = spacer width + 2px gap)\nwhile its unit shifts left. Mirrors Figma `1:2920` (spacer) / `1:2970`\n(degree).\n\nTODO(designer): cross-size alignment is deferred. Degree rows of different\nvalue sizes have different `°` column widths (6/8/12px), so their value digit\nedges stagger by `degree-width`. For degree rows of mixed sizes you cannot\nalign the value digit edges AND keep the unit column aligned — resolving it\nneeds a design decision (a constant degree reserve, which widens the smaller\nrows' `°`, OR pinning the value edge and letting the unit column stagger)."
+            },
+            {
+              "kind": "method",
+              "name": "renderDegreeSpacer",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult | typeof nothing"
+                }
+              },
+              "description": "A spacer rendered AFTER the unit when `hasDegreeSpacer` is set on a\nnon-degree row. Its width (`degree-compensation-padding`) = the degree\ncolumn width minus the 2px gap, so the row's value digits align with degree\nrows in the same column while its unit shifts left. See\nrenderValueUnitGap."
+            },
+            {
+              "kind": "method",
+              "name": "renderTextbox",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "role",
+                  "type": {
+                    "text": "'label' | 'unit' | 'source'"
+                  }
+                },
+                {
+                  "name": "text",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "reserver",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "state",
+                  "optional": true,
+                  "type": {
+                    "text": "ReadoutBlockState"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "renderValueCluster",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderLabelContainer",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderTrailingUnit",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult | typeof nothing"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderTrailingSource",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult | typeof nothing"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderContent",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "clearDeferredSetpointHide",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            }
+          ],
+          "attributes": [
             {
               "name": "label",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
               "fieldName": "label"
             },
             {
               "name": "unit",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
               "fieldName": "unit"
             },
             {
               "name": "src",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
               "fieldName": "src"
             },
             {
               "name": "value",
               "type": {
-                "text": "number | undefined"
+                "text": "number | null"
               },
-              "default": "undefined",
+              "default": "null",
               "fieldName": "value"
             },
             {
-              "name": "setpointValue",
+              "name": "off",
               "type": {
-                "text": "number | undefined"
+                "text": "boolean"
               },
-              "default": "undefined",
-              "fieldName": "setpointValue"
+              "default": "false",
+              "description": "Render the value as the literal \"OFF\" (e.g. equipment powered down). Affects the value only.",
+              "fieldName": "off"
             },
             {
               "name": "hasSetpoint",
@@ -85585,36 +85970,55 @@
               "fieldName": "hasSetpoint"
             },
             {
-              "name": "hasDegree",
+              "name": "setpoint",
               "type": {
-                "text": "boolean"
+                "text": "number | undefined"
               },
-              "default": "false",
-              "fieldName": "hasDegree"
+              "fieldName": "setpoint"
             },
             {
-              "name": "hasUnit",
+              "name": "hasAdvice",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "hasUnit"
+              "fieldName": "hasAdvice"
             },
             {
-              "name": "hasLabel",
+              "name": "advice",
               "type": {
-                "text": "boolean"
+                "text": "number | undefined"
               },
-              "default": "false",
-              "fieldName": "hasLabel"
+              "fieldName": "advice"
             },
             {
-              "name": "hasSource",
+              "name": "size",
               "type": {
-                "text": "boolean"
+                "text": "ReadoutListItemSize | undefined"
+              },
+              "fieldName": "size"
+            },
+            {
+              "name": "priority",
+              "type": {
+                "text": "ReadoutListItemPriority | undefined"
+              },
+              "fieldName": "priority"
+            },
+            {
+              "name": "stacking",
+              "type": {
+                "text": "ReadoutListItemStacking | undefined"
+              },
+              "fieldName": "stacking"
+            },
+            {
+              "name": "clickable",
+              "type": {
+                "text": "boolean | ReadoutListItemClickable"
               },
               "default": "false",
-              "fieldName": "hasSource"
+              "fieldName": "clickable"
             },
             {
               "name": "hasLeadingIcon",
@@ -85625,12 +86029,20 @@
               "fieldName": "hasLeadingIcon"
             },
             {
-              "name": "hasValueIcon",
+              "name": "hasDegree",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "hasValueIcon"
+              "fieldName": "hasDegree"
+            },
+            {
+              "name": "hasDegreeSpacer",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "hasDegreeSpacer"
             },
             {
               "name": "fractionDigits",
@@ -85641,36 +86053,62 @@
               "fieldName": "fractionDigits"
             },
             {
-              "name": "showZeroPadding",
+              "name": "maxDigits",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "fieldName": "showZeroPadding"
+              "default": "0",
+              "fieldName": "maxDigits"
             },
             {
-              "name": "minValueLength",
+              "name": "dataQuality",
               "type": {
-                "text": "number"
+                "text": "ReadoutListItemDataQuality | undefined"
               },
-              "default": "0",
-              "fieldName": "minValueLength"
+              "fieldName": "dataQuality"
             },
             {
-              "name": "hasHintedZeros",
+              "name": "alert",
               "type": {
-                "text": "boolean"
+                "text": "boolean | AlertFrameConfig"
               },
               "default": "false",
-              "fieldName": "hasHintedZeros"
+              "fieldName": "alert"
             },
             {
-              "name": "labelOnly",
+              "name": "valueOptions",
               "type": {
-                "text": "boolean"
+                "text": "ReadoutValueOptions | undefined"
               },
-              "default": "false",
-              "fieldName": "labelOnly"
+              "fieldName": "valueOptions"
+            },
+            {
+              "name": "setpointOptions",
+              "type": {
+                "text": "ReadoutSetpointOptions | undefined"
+              },
+              "fieldName": "setpointOptions"
+            },
+            {
+              "name": "adviceOptions",
+              "type": {
+                "text": "ReadoutAdviceOptions | undefined"
+              },
+              "fieldName": "adviceOptions"
+            },
+            {
+              "name": "unitOptions",
+              "type": {
+                "text": "ReadoutReserverOptions | undefined"
+              },
+              "fieldName": "unitOptions"
+            },
+            {
+              "name": "srcOptions",
+              "type": {
+                "text": "ReadoutSrcOptions | undefined"
+              },
+              "fieldName": "srcOptions"
             }
           ],
           "superclass": {
@@ -85682,6 +86120,14 @@
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "ObcTextboxFontWeight",
+          "declaration": {
+            "name": "ObcTextboxFontWeight",
+            "module": "../../components/textbox/textbox.js"
+          }
+        },
         {
           "kind": "js",
           "name": "ObcReadoutListItem",