npm - @oicl/openbridge-webcomponents - Versions diffs - 2.0.0-next.58 → 2.0.0-next.59 - Mend

@oicl/openbridge-webcomponents 2.0.0-next.58 → 2.0.0-next.59

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (115) hide show

package/custom-elements.json CHANGED Viewed

@@ -193,7 +193,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "`<obc-poi-header>` - Compact header chip for marker identifiers, labels, and optional indicator content.\n\n## Overview\nUse this component to display compact marker metadata above or near a marker button.\nKeywords/synonyms: chip, pill, badge, header chip, identifier badge.\n\n## Features/Variants\n- `type` (default `id`):\n  - `id`: shows identifier content only.\n  - `data`: shows identifier plus secondary label.\n- `state` (default `enabled`): `enabled`, `selected`, `caution`, `warning`, `alarm`.\n- `content` (default `\"1\"`): primary identifier text.\n- `label` (default `\"Data\"`): secondary text used by `type=\"data\"`.\n- `hasIndicator` (default `false`): appends indicator area.\n- `indicator` slot fallback: renders built-in bar indicator markup when slot content is empty.\n- `size` (default `regular`): currently only `regular`.\n\n## Usage Guidelines\n- Use `type=\"id\"` for compact identifier-only labels.\n- Use `type=\"data\"` when both an ID and short label are required.\n- Keep `content` and `label` brief to prevent overflow.\n\n## Slots/Content\n- `indicator`: Optional indicator icon/content; built-in indicator is used as fallback.\n\n## Events\nThis component does not emit custom events.\n\n## Best Practices\n- Keep indicator usage consistent across similar marker states.\n- Prefer enum values for `type`, `state`, and `size`.\n\n## Example\n```html\n<obc-poi-header type=\"data\" state=\"selected\" content=\"3\" label=\"SOG\" has-indicator>\n  <obi-placeholder slot=\"indicator\"></obi-placeholder>\n</obc-poi-header>\n```",
+          "description": "`<obc-poi-header>` - Compact header chip for marker identifiers, labels, and optional indicator content.\n\n## Overview\nUse this component to display compact marker metadata above or near a marker button.\nKeywords/synonyms: chip, pill, badge, header chip, identifier badge.\n\n## Features/Variants\n- `type` (default `id`):\n  - `id`: shows identifier content only.\n  - `data`: shows identifier plus secondary label.\n- `state` (default `enabled`): `enabled`, `selected`, `caution`, `warning`, `alarm`, `isa-critical`, `isa-high`, `isa-medium`, `isa-low`, `isa-diagnostic`.\n- `content` (default `\"1\"`): primary identifier text.\n- `label` (default `\"Data\"`): secondary text used by `type=\"data\"`.\n- `hasIndicator` (default `false`): appends indicator area.\n- `indicator` slot fallback: renders built-in bar indicator markup when slot content is empty.\n- `size` (default `regular`): currently only `regular`.\n\n## Usage Guidelines\n- Use `type=\"id\"` for compact identifier-only labels.\n- Use `type=\"data\"` when both an ID and short label are required.\n- Keep `content` and `label` brief to prevent overflow.\n\n## Slots/Content\n- `indicator`: Optional indicator icon/content; built-in indicator is used as fallback.\n\n## Events\nThis component does not emit custom events.\n\n## Best Practices\n- Keep indicator usage consistent across similar marker states.\n- Prefer enum values for `type`, `state`, and `size`.\n\n## Example\n```html\n<obc-poi-header type=\"data\" state=\"selected\" content=\"3\" label=\"SOG\" has-indicator>\n  <obi-placeholder slot=\"indicator\"></obi-placeholder>\n</obc-poi-header>\n```",
           "name": "ObcPoiHeader",
           "slots": [
             {
@@ -3249,7 +3249,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "`<obc-poi-button>` - Marker button component that renders an icon target with optional header and data rows.\n\n## Overview\nUse this component when you need a button-style marker that can show stateful framing and optional metric rows.\nKeywords/synonyms: marker button, target button, icon target, POI button.\n\n## Features/Variants\n- `type` (default `button`): `button` or `enhanced` size.\n- `layout` (default `anchored`): `anchored` or `inline`.\n- `value` (default `unchecked`): `unchecked`, `checked`, `activated`, `overlapped`.\n- `overlapOpaque` (default `false`): controls overlapped opacity mode (`false` = translucent, `true` = opaque).\n- `state` (default `enabled`): `enabled`, `caution`, `warning`, `alarm`.\n- `selected` (default `false`): shows selection frame in anchored layout.\n- `relativeDirection` (default `0`): rotates default-slot icon content in degrees.\n- `data` (default `[]`): when non-empty, renders value/label/unit rows.\n- `hasHeader` + `header` slot: renders a header area and syncs slotted `obc-poi-header` state.\n- `hasRelation` (default `false`): enables optional relation content in data mode.\n- `inExpandedGroup` (default `false`): applies `expanded` CSS class.\n- TODO(designer): Confirm intended UX semantics for `inExpandedGroup` beyond styling.\n\n## Usage Guidelines\n- Use `layout=\"anchored\"` for standalone marker buttons.\n- Use `layout=\"inline\"` when this component is embedded in a larger marker composition.\n- Provide `data` for metric display variants.\n- Enable `hasRelation` only when relation slot content is provided.\n\n## Slots/Content\n- Default slot: Icon/content rendered inside `obc-poi-object`.\n- `header`: Optional header content rendered above the marker body.\n- `relation`: Optional relation icon/content rendered when `hasRelation` is true in data mode.\n\n## Events\nThis component does not emit custom events.\nNative `click` is available from the internal `<button>`.\n\n## Best Practices\n- Keep `value`, `state`, and `selected` synchronized to avoid conflicting visual states.\n- Prefer enum values for `type`, `layout`, `state`, and `value`.\n\n## Example\n```html\n<obc-poi-button type=\"button\" layout=\"anchored\" value=\"checked\" selected>\n  <obi-placeholder></obi-placeholder>\n  <obc-poi-header slot=\"header\" content=\"1\"></obc-poi-header>\n</obc-poi-button>\n```",
+          "description": "`<obc-poi-button>` - Marker button component that renders an icon target with optional header and data rows.\n\n## Overview\nUse this component when you need a button-style marker that can show stateful framing and optional metric rows.\nKeywords/synonyms: marker button, target button, icon target, POI button.\n\n## Features/Variants\n- `type` (default `button`): `button` or `enhanced` size.\n- `layout` (default `anchored`): `anchored` or `inline`.\n- `value` (default `unchecked`): `unchecked`, `checked`, `activated`, `overlapped`.\n- `overlapOpaque` (default `false`): controls overlapped opacity mode (`false` = translucent, `true` = opaque).\n- `state` (default `enabled`): `enabled`, `caution`, `warning`, `alarm`, `isa-critical`, `isa-high`, `isa-medium`, `isa-low`, `isa-diagnostic`.\n- `selected` (default `false`): shows selection frame in anchored layout.\n- `relativeDirection` (default `0`): rotates default-slot icon content in degrees.\n- `data` (default `[]`): when non-empty, renders value/label/unit rows.\n- `hasHeader` + `header` slot: renders a header area and syncs slotted `obc-poi-header` state.\n- `hasRelation` (default `false`): enables optional relation content in data mode.\n- `inExpandedGroup` (default `false`): applies `expanded` CSS class.\n- TODO(designer): Confirm intended UX semantics for `inExpandedGroup` beyond styling.\n\n## Usage Guidelines\n- Use `layout=\"anchored\"` for standalone marker buttons.\n- Use `layout=\"inline\"` when this component is embedded in a larger marker composition.\n- Provide `data` for metric display variants.\n- Enable `hasRelation` only when relation slot content is provided.\n\n## Slots/Content\n- Default slot: Icon/content rendered inside `obc-poi-object`.\n- `header`: Optional header content rendered above the marker body.\n- `relation`: Optional relation icon/content rendered when `hasRelation` is true in data mode.\n\n## Events\nThis component does not emit custom events.\nNative `click` is available from the internal `<button>`.\n\n## Best Practices\n- Keep `value`, `state`, and `selected` synchronized to avoid conflicting visual states.\n- Prefer enum values for `type`, `layout`, `state`, and `value`.\n\n## Example\n```html\n<obc-poi-button type=\"button\" layout=\"anchored\" value=\"checked\" selected>\n  <obi-placeholder></obi-placeholder>\n  <obc-poi-header slot=\"header\" content=\"1\"></obc-poi-header>\n</obc-poi-button>\n```",
           "name": "ObcPoiButton",
           "slots": [
             {
@@ -12078,7 +12078,7 @@
               "kind": "field",
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "attribute": "alertFrameStatus",
               "inheritedFrom": {
@@ -12086,6 +12086,18 @@
                 "module": "src/automation/automation-button/abstract-automation-button.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "attribute": "alertFrameMode",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButton",
+                "module": "src/automation/automation-button/abstract-automation-button.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "showAlertCategoryIcon",
@@ -12467,7 +12479,7 @@
             {
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "fieldName": "alertFrameStatus",
               "inheritedFrom": {
@@ -12475,6 +12487,17 @@
                 "module": "src/automation/automation-button/abstract-automation-button.ts"
               }
             },
+            {
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "fieldName": "alertFrameMode",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButton",
+                "module": "src/automation/automation-button/abstract-automation-button.ts"
+              }
+            },
             {
               "name": "showAlertIcon",
               "type": {
@@ -12649,6 +12672,42 @@
               "privacy": "private",
               "readonly": true
             },
+            {
+              "kind": "method",
+              "name": "isAlertType",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "types",
+                  "type": {
+                    "text": "ObcAutomationBadgeType[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "renderIsaCriticalIcon",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "flat",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "renderIsaDiagnosticIcon",
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "getIcon",
@@ -12855,7 +12914,7 @@
               "kind": "field",
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "attribute": "alertFrameStatus",
               "inheritedFrom": {
@@ -12863,6 +12922,18 @@
                 "module": "src/automation/automation-button/abstract-automation-button.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "attribute": "alertFrameMode",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButton",
+                "module": "src/automation/automation-button/abstract-automation-button.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "showAlertCategoryIcon",
@@ -13248,7 +13319,7 @@
             {
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "fieldName": "alertFrameStatus",
               "inheritedFrom": {
@@ -13256,6 +13327,17 @@
                 "module": "src/automation/automation-button/abstract-automation-button.ts"
               }
             },
+            {
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "fieldName": "alertFrameMode",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButton",
+                "module": "src/automation/automation-button/abstract-automation-button.ts"
+              }
+            },
             {
               "name": "showAlertIcon",
               "type": {
@@ -13527,7 +13609,7 @@
               "kind": "field",
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "attribute": "alertFrameStatus",
               "inheritedFrom": {
@@ -13535,6 +13617,18 @@
                 "module": "src/automation/automation-button/abstract-automation-button.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "attribute": "alertFrameMode",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButton",
+                "module": "src/automation/automation-button/abstract-automation-button.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "showAlertCategoryIcon",
@@ -13905,7 +13999,7 @@
             {
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "fieldName": "alertFrameStatus",
               "inheritedFrom": {
@@ -13913,6 +14007,17 @@
                 "module": "src/automation/automation-button/abstract-automation-button.ts"
               }
             },
+            {
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "fieldName": "alertFrameMode",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButton",
+                "module": "src/automation/automation-button/abstract-automation-button.ts"
+              }
+            },
             {
               "name": "showAlertIcon",
               "type": {
@@ -14115,10 +14220,18 @@
               "kind": "field",
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "attribute": "alertFrameStatus"
             },
+            {
+              "kind": "field",
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "attribute": "alertFrameMode"
+            },
             {
               "kind": "field",
               "name": "showAlertCategoryIcon",
@@ -14374,10 +14487,17 @@
             {
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "fieldName": "alertFrameStatus"
             },
+            {
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "fieldName": "alertFrameMode"
+            },
             {
               "name": "showAlertIcon",
               "type": {
@@ -14575,10 +14695,18 @@
               "kind": "field",
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "attribute": "alertFrameStatus"
             },
+            {
+              "kind": "field",
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "attribute": "alertFrameMode"
+            },
             {
               "kind": "field",
               "name": "showAlertCategoryIcon",
@@ -14801,10 +14929,17 @@
             {
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "fieldName": "alertFrameStatus"
             },
+            {
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "fieldName": "alertFrameMode"
+            },
             {
               "name": "showAlertIcon",
               "type": {
@@ -15291,7 +15426,7 @@
               "kind": "field",
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "attribute": "alertFrameStatus"
             },
@@ -15706,7 +15841,7 @@
             {
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "fieldName": "alertFrameStatus"
             },
@@ -15951,7 +16086,7 @@
               "kind": "field",
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "attribute": "alertFrameStatus",
               "inheritedFrom": {
@@ -15959,6 +16094,18 @@
                 "module": "src/automation/automation-button/abstract-automation-button.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "attribute": "alertFrameMode",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButton",
+                "module": "src/automation/automation-button/abstract-automation-button.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "showAlertCategoryIcon",
@@ -16332,7 +16479,7 @@
             {
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "fieldName": "alertFrameStatus",
               "inheritedFrom": {
@@ -16340,6 +16487,17 @@
                 "module": "src/automation/automation-button/abstract-automation-button.ts"
               }
             },
+            {
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "fieldName": "alertFrameMode",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButton",
+                "module": "src/automation/automation-button/abstract-automation-button.ts"
+              }
+            },
             {
               "name": "showAlertIcon",
               "type": {
@@ -16649,7 +16807,7 @@
               "kind": "field",
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "attribute": "alertFrameStatus",
               "inheritedFrom": {
@@ -16657,6 +16815,18 @@
                 "module": "src/automation/automation-button/abstract-automation-button.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "attribute": "alertFrameMode",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButton",
+                "module": "src/automation/automation-button/abstract-automation-button.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "showAlertCategoryIcon",
@@ -17030,7 +17200,7 @@
             {
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "fieldName": "alertFrameStatus",
               "inheritedFrom": {
@@ -17038,6 +17208,17 @@
                 "module": "src/automation/automation-button/abstract-automation-button.ts"
               }
             },
+            {
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "fieldName": "alertFrameMode",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButton",
+                "module": "src/automation/automation-button/abstract-automation-button.ts"
+              }
+            },
             {
               "name": "showAlertIcon",
               "type": {
@@ -17347,7 +17528,7 @@
               "kind": "field",
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "attribute": "alertFrameStatus",
               "inheritedFrom": {
@@ -17355,6 +17536,18 @@
                 "module": "src/automation/automation-button/abstract-automation-button.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "attribute": "alertFrameMode",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButton",
+                "module": "src/automation/automation-button/abstract-automation-button.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "showAlertCategoryIcon",
@@ -17728,7 +17921,7 @@
             {
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "fieldName": "alertFrameStatus",
               "inheritedFrom": {
@@ -17736,6 +17929,17 @@
                 "module": "src/automation/automation-button/abstract-automation-button.ts"
               }
             },
+            {
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "fieldName": "alertFrameMode",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButton",
+                "module": "src/automation/automation-button/abstract-automation-button.ts"
+              }
+            },
             {
               "name": "showAlertIcon",
               "type": {
@@ -18121,7 +18325,7 @@
               "kind": "field",
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "attribute": "alertFrameStatus",
               "inheritedFrom": {
@@ -18129,6 +18333,18 @@
                 "module": "src/automation/automation-button/abstract-automation-button.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "attribute": "alertFrameMode",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButton",
+                "module": "src/automation/automation-button/abstract-automation-button.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "showAlertCategoryIcon",
@@ -18501,7 +18717,7 @@
             {
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "fieldName": "alertFrameStatus",
               "inheritedFrom": {
@@ -18509,6 +18725,17 @@
                 "module": "src/automation/automation-button/abstract-automation-button.ts"
               }
             },
+            {
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "fieldName": "alertFrameMode",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButton",
+                "module": "src/automation/automation-button/abstract-automation-button.ts"
+              }
+            },
             {
               "name": "showAlertIcon",
               "type": {
@@ -18805,7 +19032,7 @@
               "kind": "field",
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "attribute": "alertFrameStatus",
               "inheritedFrom": {
@@ -18813,6 +19040,18 @@
                 "module": "src/automation/automation-button/abstract-automation-button.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "attribute": "alertFrameMode",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButton",
+                "module": "src/automation/automation-button/abstract-automation-button.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "showAlertCategoryIcon",
@@ -19179,7 +19418,7 @@
             {
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "fieldName": "alertFrameStatus",
               "inheritedFrom": {
@@ -19187,6 +19426,17 @@
                 "module": "src/automation/automation-button/abstract-automation-button.ts"
               }
             },
+            {
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "fieldName": "alertFrameMode",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButton",
+                "module": "src/automation/automation-button/abstract-automation-button.ts"
+              }
+            },
             {
               "name": "showAlertIcon",
               "type": {
@@ -19496,7 +19746,7 @@
               "kind": "field",
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "attribute": "alertFrameStatus",
               "inheritedFrom": {
@@ -19504,6 +19754,18 @@
                 "module": "src/automation/automation-button/abstract-automation-button.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "attribute": "alertFrameMode",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButton",
+                "module": "src/automation/automation-button/abstract-automation-button.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "showAlertCategoryIcon",
@@ -19877,7 +20139,7 @@
             {
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "fieldName": "alertFrameStatus",
               "inheritedFrom": {
@@ -19885,6 +20147,17 @@
                 "module": "src/automation/automation-button/abstract-automation-button.ts"
               }
             },
+            {
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "fieldName": "alertFrameMode",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButton",
+                "module": "src/automation/automation-button/abstract-automation-button.ts"
+              }
+            },
             {
               "name": "showAlertIcon",
               "type": {
@@ -20364,7 +20637,7 @@
               "kind": "field",
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "attribute": "alertFrameStatus",
               "inheritedFrom": {
@@ -20372,6 +20645,18 @@
                 "module": "src/automation/automation-button/abstract-automation-button.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "attribute": "alertFrameMode",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButton",
+                "module": "src/automation/automation-button/abstract-automation-button.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "showAlertCategoryIcon",
@@ -20767,7 +21052,7 @@
             {
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "fieldName": "alertFrameStatus",
               "inheritedFrom": {
@@ -20775,6 +21060,17 @@
                 "module": "src/automation/automation-button/abstract-automation-button.ts"
               }
             },
+            {
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "fieldName": "alertFrameMode",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButton",
+                "module": "src/automation/automation-button/abstract-automation-button.ts"
+              }
+            },
             {
               "name": "showAlertIcon",
               "type": {
@@ -21078,7 +21374,7 @@
               "kind": "field",
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "attribute": "alertFrameStatus",
               "inheritedFrom": {
@@ -21086,6 +21382,18 @@
                 "module": "src/automation/automation-button/abstract-automation-button.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "attribute": "alertFrameMode",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButton",
+                "module": "src/automation/automation-button/abstract-automation-button.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "showAlertCategoryIcon",
@@ -21459,7 +21767,7 @@
             {
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "fieldName": "alertFrameStatus",
               "inheritedFrom": {
@@ -21467,6 +21775,17 @@
                 "module": "src/automation/automation-button/abstract-automation-button.ts"
               }
             },
+            {
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "fieldName": "alertFrameMode",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButton",
+                "module": "src/automation/automation-button/abstract-automation-button.ts"
+              }
+            },
             {
               "name": "showAlertIcon",
               "type": {
@@ -21776,7 +22095,7 @@
               "kind": "field",
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "attribute": "alertFrameStatus",
               "inheritedFrom": {
@@ -21784,6 +22103,18 @@
                 "module": "src/automation/automation-button/abstract-automation-button.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "attribute": "alertFrameMode",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButton",
+                "module": "src/automation/automation-button/abstract-automation-button.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "showAlertCategoryIcon",
@@ -22157,7 +22488,7 @@
             {
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "fieldName": "alertFrameStatus",
               "inheritedFrom": {
@@ -22165,6 +22496,17 @@
                 "module": "src/automation/automation-button/abstract-automation-button.ts"
               }
             },
+            {
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "fieldName": "alertFrameMode",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButton",
+                "module": "src/automation/automation-button/abstract-automation-button.ts"
+              }
+            },
             {
               "name": "showAlertIcon",
               "type": {
@@ -22698,7 +23040,7 @@
               "kind": "field",
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "attribute": "alertFrameStatus",
               "inheritedFrom": {
@@ -22706,6 +23048,18 @@
                 "module": "src/automation/automation-button/abstract-automation-button.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "attribute": "alertFrameMode",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButton",
+                "module": "src/automation/automation-button/abstract-automation-button.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "showAlertCategoryIcon",
@@ -23079,7 +23433,7 @@
             {
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "fieldName": "alertFrameStatus",
               "inheritedFrom": {
@@ -23087,6 +23441,17 @@
                 "module": "src/automation/automation-button/abstract-automation-button.ts"
               }
             },
+            {
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "fieldName": "alertFrameMode",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButton",
+                "module": "src/automation/automation-button/abstract-automation-button.ts"
+              }
+            },
             {
               "name": "showAlertIcon",
               "type": {
@@ -23396,7 +23761,7 @@
               "kind": "field",
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "attribute": "alertFrameStatus",
               "inheritedFrom": {
@@ -23404,6 +23769,18 @@
                 "module": "src/automation/automation-button/abstract-automation-button.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "attribute": "alertFrameMode",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButton",
+                "module": "src/automation/automation-button/abstract-automation-button.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "showAlertCategoryIcon",
@@ -23777,7 +24154,7 @@
             {
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "fieldName": "alertFrameStatus",
               "inheritedFrom": {
@@ -23785,6 +24162,17 @@
                 "module": "src/automation/automation-button/abstract-automation-button.ts"
               }
             },
+            {
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "fieldName": "alertFrameMode",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButton",
+                "module": "src/automation/automation-button/abstract-automation-button.ts"
+              }
+            },
             {
               "name": "showAlertIcon",
               "type": {
@@ -24120,7 +24508,7 @@
               "kind": "field",
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "attribute": "alertFrameStatus",
               "inheritedFrom": {
@@ -24128,6 +24516,18 @@
                 "module": "src/automation/automation-button/abstract-automation-button.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "attribute": "alertFrameMode",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButton",
+                "module": "src/automation/automation-button/abstract-automation-button.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "showAlertCategoryIcon",
@@ -24525,7 +24925,7 @@
             {
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "fieldName": "alertFrameStatus",
               "inheritedFrom": {
@@ -24533,6 +24933,17 @@
                 "module": "src/automation/automation-button/abstract-automation-button.ts"
               }
             },
+            {
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "fieldName": "alertFrameMode",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButton",
+                "module": "src/automation/automation-button/abstract-automation-button.ts"
+              }
+            },
             {
               "name": "showAlertIcon",
               "type": {
@@ -24868,7 +25279,7 @@
               "kind": "field",
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "attribute": "alertFrameStatus",
               "inheritedFrom": {
@@ -24876,6 +25287,18 @@
                 "module": "src/automation/automation-button/abstract-automation-button.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "attribute": "alertFrameMode",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButton",
+                "module": "src/automation/automation-button/abstract-automation-button.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "showAlertCategoryIcon",
@@ -25273,7 +25696,7 @@
             {
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "fieldName": "alertFrameStatus",
               "inheritedFrom": {
@@ -25281,6 +25704,17 @@
                 "module": "src/automation/automation-button/abstract-automation-button.ts"
               }
             },
+            {
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "fieldName": "alertFrameMode",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButton",
+                "module": "src/automation/automation-button/abstract-automation-button.ts"
+              }
+            },
             {
               "name": "showAlertIcon",
               "type": {
@@ -25590,7 +26024,7 @@
               "kind": "field",
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "attribute": "alertFrameStatus",
               "inheritedFrom": {
@@ -25598,6 +26032,18 @@
                 "module": "src/automation/automation-button/abstract-automation-button.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "attribute": "alertFrameMode",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButton",
+                "module": "src/automation/automation-button/abstract-automation-button.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "showAlertCategoryIcon",
@@ -25971,7 +26417,7 @@
             {
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "fieldName": "alertFrameStatus",
               "inheritedFrom": {
@@ -25979,6 +26425,17 @@
                 "module": "src/automation/automation-button/abstract-automation-button.ts"
               }
             },
+            {
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "fieldName": "alertFrameMode",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButton",
+                "module": "src/automation/automation-button/abstract-automation-button.ts"
+              }
+            },
             {
               "name": "showAlertIcon",
               "type": {
@@ -26288,7 +26745,7 @@
               "kind": "field",
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "attribute": "alertFrameStatus",
               "inheritedFrom": {
@@ -26296,6 +26753,18 @@
                 "module": "src/automation/automation-button/abstract-automation-button.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "attribute": "alertFrameMode",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButton",
+                "module": "src/automation/automation-button/abstract-automation-button.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "showAlertCategoryIcon",
@@ -26669,7 +27138,7 @@
             {
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "fieldName": "alertFrameStatus",
               "inheritedFrom": {
@@ -26677,6 +27146,17 @@
                 "module": "src/automation/automation-button/abstract-automation-button.ts"
               }
             },
+            {
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "fieldName": "alertFrameMode",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButton",
+                "module": "src/automation/automation-button/abstract-automation-button.ts"
+              }
+            },
             {
               "name": "showAlertIcon",
               "type": {
@@ -26986,7 +27466,7 @@
               "kind": "field",
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "attribute": "alertFrameStatus",
               "inheritedFrom": {
@@ -26994,6 +27474,18 @@
                 "module": "src/automation/automation-button/abstract-automation-button.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "attribute": "alertFrameMode",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButton",
+                "module": "src/automation/automation-button/abstract-automation-button.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "showAlertCategoryIcon",
@@ -27367,7 +27859,7 @@
             {
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "fieldName": "alertFrameStatus",
               "inheritedFrom": {
@@ -27375,6 +27867,17 @@
                 "module": "src/automation/automation-button/abstract-automation-button.ts"
               }
             },
+            {
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "fieldName": "alertFrameMode",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButton",
+                "module": "src/automation/automation-button/abstract-automation-button.ts"
+              }
+            },
             {
               "name": "showAlertIcon",
               "type": {
@@ -27684,7 +28187,7 @@
               "kind": "field",
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "attribute": "alertFrameStatus",
               "inheritedFrom": {
@@ -27692,6 +28195,18 @@
                 "module": "src/automation/automation-button/abstract-automation-button.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "attribute": "alertFrameMode",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButton",
+                "module": "src/automation/automation-button/abstract-automation-button.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "showAlertCategoryIcon",
@@ -28065,7 +28580,7 @@
             {
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "fieldName": "alertFrameStatus",
               "inheritedFrom": {
@@ -28073,6 +28588,17 @@
                 "module": "src/automation/automation-button/abstract-automation-button.ts"
               }
             },
+            {
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "fieldName": "alertFrameMode",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButton",
+                "module": "src/automation/automation-button/abstract-automation-button.ts"
+              }
+            },
             {
               "name": "showAlertIcon",
               "type": {
@@ -28466,7 +28992,7 @@
               "kind": "field",
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "attribute": "alertFrameStatus",
               "inheritedFrom": {
@@ -28474,6 +29000,18 @@
                 "module": "src/automation/automation-button/abstract-automation-button.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "attribute": "alertFrameMode",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButton",
+                "module": "src/automation/automation-button/abstract-automation-button.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "showAlertCategoryIcon",
@@ -28847,7 +29385,7 @@
             {
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "fieldName": "alertFrameStatus",
               "inheritedFrom": {
@@ -28855,6 +29393,17 @@
                 "module": "src/automation/automation-button/abstract-automation-button.ts"
               }
             },
+            {
+              "name": "alertFrameMode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "fieldName": "alertFrameMode",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButton",
+                "module": "src/automation/automation-button/abstract-automation-button.ts"
+              }
+            },
             {
               "name": "showAlertIcon",
               "type": {
@@ -37057,7 +37606,7 @@
               "kind": "field",
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "description": "Status of the alert frame overlay (used when `hasAlert` is true).\nSee `obc-alert-frame` for available statuses.",
               "attribute": "alertFrameStatus"
@@ -37220,7 +37769,7 @@
             {
               "name": "alertFrameStatus",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
               "description": "Status of the alert frame overlay (used when `hasAlert` is true).\nSee `obc-alert-frame` for available statuses.",
               "fieldName": "alertFrameStatus"
@@ -38433,6 +38982,11 @@
               "name": "resizeListener",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "renderAlertTwotoneIcon",
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "alertIcon",
@@ -38752,7 +39306,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "`<obc-alert-frame>` – A bordered frame component for visually emphasizing alert or status messages.\n\nThe alert frame provides a prominent outline and optional \"flap\" with status icon to draw attention to critical information or UI regions. It supports multiple visual variants and thicknesses, and can be configured to indicate different alert statuses (alarm, warning, caution). The component is designed to wrap content and visually distinguish it from the surrounding UI.\n\n### Features\n- **Variants (type):**\n  - `regular`: Standard outlined frame with no flap or icon.\n  - `small-side-flip`: Adds a small side flap with a status icon at the top right.\n  - `large-side-flip`: Adds a larger, vertical side flap with a status icon and optional custom icon.\n  - `bottom-flip`: Adds a bottom flap with a status icon, label, and timer slots.\n- **Thickness options:** Choose between `small` (thin border) and `large` (thick border) for visual emphasis.\n- **Status indication:** Displays different color schemes and icons for `alarm`, `warning`, or `caution` states.\n- **Customizable corners:** Each corner can be set to a sharp (non-rounded) edge for integration with other UI elements.\n- **Slot-based content:** Supports custom icons, labels, and timers in flap variants via named slots.\n\n### Usage Guidelines\nUse `obc-alert-frame` to highlight important content, such as alerts, warnings, or status panels. The flap variants are ideal for drawing extra attention to urgent or time-sensitive information, while the regular type provides a subtle but clear border. Choose the status to match the severity of the message (alarm, warning, caution). Adjust thickness for visual hierarchy—use large for high-priority alerts and small for less critical notices.\n\n**TODO(designer):** Provide guidance on when to use each flap type (small-side-flip, large-side-flip, bottom-flip) and recommended scenarios for sharp edge usage.\n\n### Features/Variants\n- **Type (Visual Variant):**\n  - `regular`: Simple outlined frame, no flap or icon.\n  - `small-side-flip`: Small right-side flap with status icon.\n  - `large-side-flip`: Large vertical right-side flap with status icon and optional custom icon.\n  - `bottom-flip`: Bottom flap with status icon, label, and timer.\n- **Thickness:** `small` (default) or `large` for border width.\n- **Status:** `alarm`, `warning`, or `caution`—affects color and icon.\n- **Corner Customization:** Each corner can be made sharp (not rounded) via boolean properties.\n\n### Slots and Content Structure\n\n| Slot Name | Renders When... | Purpose |\n|-----------|-----------------|---------|\n| (default) | Always | Main content inside the alert frame. |\n| icon | `large-side-flip` or `bottom-flip` | Custom icon displayed in the flap (in addition to status icon). |\n| label | `bottom-flip` only | Label text shown in the bottom flap. |\n| timer | `bottom-flip` only | Timer or time label in the bottom flap. |\n\n### Properties and Attributes\n- `type`: Selects the visual variant/flap style. Default is `small-side-flip`.\n- `thickness`: Controls border thickness (`small` or `large`). Default is `small`.\n- `status`: Sets the alert status and color/icon (`alarm`, `warning`, `caution`). Default is `alarm`.\n- `sharpEdgeTopLeft`, `sharpEdgeTopRight`, `sharpEdgeBottomLeft`, `sharpEdgeBottomRight`: Boolean flags to make each corner sharp instead of rounded.\n\n### Best Practices and Constraints\n- Use the status property to match the severity of the alert.\n- Only use the bottom-flip variant when both label and timer are relevant.\n- For visual consistency, align sharp edge settings with adjacent UI elements.\n- The default slot is for the main content; use named slots for icons, labels, and timers as needed.\n\n### Example:\n```\n<obc-alert-frame\n  type=\"bottom-flip\"\n  thickness=\"large\"\n  status=\"warning\"\n  sharpEdgeTopLeft\n>\n  <obi-placeholder slot=\"icon\"></obi-placeholder>\n  <div slot=\"label\">Low Battery</div>\n  <div slot=\"timer\">00:15</div>\n  <div>Critical system message goes here.</div>\n</obc-alert-frame>\n```",
+          "description": "`<obc-alert-frame>` – A bordered frame component for visually emphasizing alert or status messages.\n\nThe alert frame provides a prominent outline and optional \"flap\" with status icon to draw attention to critical information or UI regions. It supports multiple visual variants and thicknesses, and can be configured to indicate different alert statuses (alarm, warning, caution). The component is designed to wrap content and visually distinguish it from the surrounding UI.\n\n### Features\n- **Variants (type):**\n  - `regular`: Standard outlined frame with no flap or icon.\n  - `small-side-flip`: Adds a small side flap with a status icon at the top right.\n  - `large-side-flip`: Adds a larger, vertical side flap with a status icon and optional custom icon.\n  - `bottom-flip`: Adds a bottom flap with a status icon, label, and timer slots.\n- **Thickness options:** Choose between `small` (thin border) and `large` (thick border) for visual emphasis.\n- **Status indication:** Displays different color schemes and icons for the legacy statuses (`alarm`, `warning`, `caution`) and the ISA statuses (`isa-critical`, `isa-high`, `isa-medium`, `isa-low`, `isa-diagnostic`).\n- **Acknowledgement mode:** The `mode` property reflects the alert lifecycle state — `acked-active` (default), `unacked-active`, and `unacked-rectified` — driving the blinking/animation treatment of the frame.\n- **Content wrapping:** When `wrapContent` is true, the frame wraps and sizes itself to its slotted content rather than overlaying a fixed region.\n- **Customizable corners:** Each corner can be set to a sharp (non-rounded) edge for integration with other UI elements.\n- **Slot-based content:** Supports custom icons, labels, and timers in flap variants via named slots.\n\n### Usage Guidelines\nUse `obc-alert-frame` to highlight important content, such as alerts, warnings, or status panels. The flap variants are ideal for drawing extra attention to urgent or time-sensitive information, while the regular type provides a subtle but clear border. Choose the status to match the severity of the message (alarm, warning, caution). Adjust thickness for visual hierarchy—use large for high-priority alerts and small for less critical notices.\n\n**TODO(designer):** Provide guidance on when to use each flap type (small-side-flip, large-side-flip, bottom-flip) and recommended scenarios for sharp edge usage.\n\n### Features/Variants\n- **Type (Visual Variant):**\n  - `regular`: Simple outlined frame, no flap or icon.\n  - `small-side-flip`: Small right-side flap with status icon.\n  - `large-side-flip`: Large vertical right-side flap with status icon and optional custom icon.\n  - `bottom-flip`: Bottom flap with status icon, label, and timer.\n- **Thickness:** `small` (default) or `large` for border width.\n- **Status:** `alarm`, `warning`, `caution`, or the ISA severities (`isa-critical`, `isa-high`, `isa-medium`, `isa-low`, `isa-diagnostic`)—affects color and icon.\n- **Mode:** `acked-active` (default), `unacked-active`, or `unacked-rectified`—affects blinking/animation.\n- **Corner Customization:** Each corner can be made sharp (not rounded) via boolean properties.\n\n### Slots and Content Structure\n\n| Slot Name | Renders When... | Purpose |\n|-----------|-----------------|---------|\n| (default) | Always | Main content inside the alert frame. |\n| icon | `large-side-flip` or `bottom-flip` | Custom icon displayed in the flap (in addition to status icon). |\n| label | `bottom-flip` only | Label text shown in the bottom flap. |\n| timer | `bottom-flip` only | Timer or time label in the bottom flap. |\n\n### Properties and Attributes\n- `type`: Selects the visual variant/flap style. Default is `small-side-flip`.\n- `thickness`: Controls border thickness (`small` or `large`). Default is `small`.\n- `status`: Sets the alert status and color/icon (`alarm`, `warning`, `caution`, or the `isa-*` severities). Default is `alarm`.\n- `mode`: Acknowledgement lifecycle state (`acked-active`, `unacked-active`, `unacked-rectified`) controlling blinking/animation. Default is `acked-active`.\n- `wrapContent`: When true, the frame wraps and sizes to its slotted content instead of overlaying a fixed region. Default is `false`.\n- `sharpEdgeTopLeft`, `sharpEdgeTopRight`, `sharpEdgeBottomLeft`, `sharpEdgeBottomRight`: Boolean flags to make each corner sharp instead of rounded.\n\n### Best Practices and Constraints\n- Use the status property to match the severity of the alert.\n- Only use the bottom-flip variant when both label and timer are relevant.\n- For visual consistency, align sharp edge settings with adjacent UI elements.\n- The default slot is for the main content; use named slots for icons, labels, and timers as needed.\n\n### Example:\n```\n<obc-alert-frame\n  type=\"bottom-flip\"\n  thickness=\"large\"\n  status=\"warning\"\n  sharpEdgeTopLeft\n>\n  <obi-placeholder slot=\"icon\"></obi-placeholder>\n  <div slot=\"label\">Low Battery</div>\n  <div slot=\"timer\">00:15</div>\n  <div>Critical system message goes here.</div>\n</obc-alert-frame>\n```",
           "name": "ObcAlertFrame",
           "slots": [
             {
@@ -38795,11 +39349,31 @@
               "kind": "field",
               "name": "status",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
-              "description": "Status of the alert, controlling color scheme and icon.\n- `alarm`: Highest severity (default).\n- `warning`: Medium severity.\n- `caution`: Lower severity.",
+              "description": "Status of the alert, controlling color scheme and icon.\n- `alarm`: Highest severity (default).\n- `warning`: Medium severity.\n- `caution`: Lower severity.\n- `isa-critical`, `isa-high`, `isa-medium`, `isa-low`, `isa-diagnostic`: ISA severity levels, styled to match their legacy equivalents.",
               "attribute": "status"
             },
+            {
+              "kind": "field",
+              "name": "mode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "description": "Acknowledgement lifecycle state, controlling the frame's blinking/animation.\n- `acked-active`: Active and acknowledged (default); no blinking.\n- `unacked-active`: Active and not yet acknowledged; blinks.\n- `unacked-rectified`: Condition cleared but not yet acknowledged.",
+              "attribute": "mode"
+            },
+            {
+              "kind": "field",
+              "name": "wrapContent",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, the frame wraps and sizes itself to its slotted content instead\nof overlaying a fixed region. Reflected to an attribute for CSS styling.",
+              "attribute": "wrapContent",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "sharpEdgeTopLeft",
@@ -38869,6 +39443,16 @@
               "kind": "method",
               "name": "flap",
               "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "renderBadgeIcon",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              }
             }
           ],
           "attributes": [
@@ -38891,11 +39475,28 @@
             {
               "name": "status",
               "type": {
-                "text": "ObcAlertFrameStatus"
+                "text": "AlertType"
               },
-              "description": "Status of the alert, controlling color scheme and icon.\n- `alarm`: Highest severity (default).\n- `warning`: Medium severity.\n- `caution`: Lower severity.",
+              "description": "Status of the alert, controlling color scheme and icon.\n- `alarm`: Highest severity (default).\n- `warning`: Medium severity.\n- `caution`: Lower severity.\n- `isa-critical`, `isa-high`, `isa-medium`, `isa-low`, `isa-diagnostic`: ISA severity levels, styled to match their legacy equivalents.",
               "fieldName": "status"
             },
+            {
+              "name": "mode",
+              "type": {
+                "text": "ObcAlertFrameMode"
+              },
+              "description": "Acknowledgement lifecycle state, controlling the frame's blinking/animation.\n- `acked-active`: Active and acknowledged (default); no blinking.\n- `unacked-active`: Active and not yet acknowledged; blinks.\n- `unacked-rectified`: Condition cleared but not yet acknowledged.",
+              "fieldName": "mode"
+            },
+            {
+              "name": "wrapContent",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, the frame wraps and sizes itself to its slotted content instead\nof overlaying a fixed region. Reflected to an attribute for CSS styling.",
+              "fieldName": "wrapContent"
+            },
             {
               "name": "sharpEdgeTopLeft",
               "type": {
@@ -38957,6 +39558,14 @@
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "ObcAlertFrameStatus",
+          "declaration": {
+            "name": "AlertType",
+            "module": "../../types.js"
+          }
+        },
         {
           "kind": "js",
           "name": "ObcAlertFrame",
@@ -38972,6 +39581,14 @@
             "name": "ObcAlertFrame",
             "module": "src/components/alert-frame/alert-frame.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "wrapWithAlertFrame",
+          "declaration": {
+            "name": "wrapWithAlertFrame",
+            "module": "src/components/alert-frame/alert-frame.ts"
+          }
         }
       ]
     },
@@ -39016,10 +39633,39 @@
               },
               "attribute": "outline"
             },
+            {
+              "kind": "field",
+              "name": "bamType",
+              "type": {
+                "text": "AlertType"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "icon",
               "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "renderOutlineIcon",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderStaticIcon",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult | typeof nothing"
+                }
+              }
             }
           ],
           "attributes": [
@@ -40851,7 +41497,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "`<obc-badge>` – A compact visual indicator for status, alerts, or notifications, optionally displaying a number and/or icon.\n\nBadges are used to draw attention to status changes, counts, or important information in a concise format. They can represent alert states (such as alarm, warning, or running), notification counts, or other contextual statuses. The badge adapts its appearance based on type, size, and variant, and can display an icon, a number, or both.\n\n---\n\n### Features\n- **Type options:** Supports multiple visual types:\n  - `regular`: Default neutral badge.\n  - `alarm`: Highlights critical or urgent states.\n  - `warning`: Indicates caution or warning.\n  - `caution`: Used for less severe caution.\n  - `running`: Represents active or running states.\n  - `notification`: For general notifications.\n  - `enhance`: For secondary notifications or emphasis.\n  - `automation`: For automation-related status.\n  - `outline`: Outline-only style (flat variant only).\n  - `empty`: Minimal badge with no icon or number.\n- **Size options:** `regular` (default) and `large` for increased visibility.\n- **Variants:**\n  - `default`: Filled background and border.\n  - `flat`: Minimal background, outline, and lighter appearance.\n- **Icon support:** Can display a contextual icon (built-in for alarm, warning, caution, running; custom via slot for others).\n- **Number display:** Optionally shows a number (e.g., count of notifications).\n- **Hide number:** Can suppress the number for a purely symbolic badge.\n- **Custom icon slot:** For types without a built-in icon, developers can provide a custom icon using the `badge-icon` slot.\n- **Responsive layout:** Adjusts size and spacing based on the `size` property.\n\n---\n\n### Usage Guidelines\n- Use `obc-badge` to highlight status, counts, or alerts in a compact form, such as notification indicators, unread message counts, or system status.\n- Choose the `type` that matches the semantic meaning (e.g., `alarm` for critical, `warning` for caution, `running` for active).\n- Use the `number` property to show counts; set `showNumber` to false for symbolic-only badges.\n- Use the `flat` variant for less prominent or secondary contexts.\n- For custom icons, provide an icon element in the `badge-icon` slot.\n- Avoid using badges for persistent or detailed information; they are intended for brief, glanceable status.\n- **TODO(designer):** Confirm recommended use cases for `enhance`, `automation`, and `outline` types, and clarify when to use `empty` type versus hiding the badge entirely.\n\n---\n\n### Slots\n\n| Slot Name     | Renders When...                | Purpose                                             |\n|---------------|-------------------------------|-----------------------------------------------------|\n| `badge-icon`  | `showIcon` is true and `type` is not one of `alarm`, `warning`, `caution`, `running` | Custom icon for the badge (e.g., `<obi-placeholder>`). |\n\n---\n\n### Properties and Attributes\n- `number` (number): The numeric value to display in the badge. Defaults to 0.\n- `showNumber` (boolean): If true, the number is shown. Set to `false` for symbolic or icon-only badges.\n- `type` (string): Visual style of the badge. See **Type options** above for possible values. Defaults to `regular`.\n- `size` (string): Badge size, either `regular` (default) or `large`.\n- `variant` (string): Visual variant, either `default` (filled) or `flat` (minimal). Defaults to `default`.\n- `showIcon` (boolean): If true, displays an icon appropriate to the badge type. For custom types, supply an icon in the `badge-icon` slot.\n\n---\n\n### Best Practices and Constraints\n- Use badge types consistently to communicate status meaningfully.\n- For accessibility, ensure the badge's meaning is also conveyed via text or ARIA attributes if used as a status indicator.\n- Avoid overloading the badge with large numbers or excessive detail; keep content concise.\n- The `empty` type is intended for minimal presence—use when a placeholder badge is needed without icon or number.\n- For custom icons, use OpenBridge icon elements such as `<obi-placeholder>` in the `badge-icon` slot.\n- The badge does not emit any custom events.\n\n---\n\n### Example\n\n```html\n<obc-badge type=\"alarm\" number=\"3\" showIcon>\n  <!-- For custom types, provide an icon: -->\n  <obi-placeholder slot=\"badge-icon\"></obi-placeholder>\n</obc-badge>\n```\n\nIn this example, the badge displays an alarm icon and the number 3.",
+          "description": "`<obc-badge>` – A compact visual indicator for status, alerts, or notifications, optionally displaying a number and/or icon.\n\nBadges are used to draw attention to status changes, counts, or important information in a concise format. They can represent alert states (such as alarm, warning, or running), notification counts, or other contextual statuses. The badge adapts its appearance based on type, size, and variant, and can display an icon, a number, or both.\n\n---\n\n### Features\n- **Type options:** Supports multiple visual types:\n  - `regular`: Default neutral badge.\n  - `alarm`: Highlights critical or urgent states.\n  - `warning`: Indicates caution or warning.\n  - `caution`: Used for less severe caution.\n  - `isa-critical`, `isa-high`, `isa-medium`, `isa-low`, `isa-diagnostic`: ISA severity levels, styled to match their legacy equivalents (critical, alarm, warning, caution, notification).\n  - `running`: Represents active or running states.\n  - `notification`: For general notifications.\n  - `enhance`: For secondary notifications or emphasis.\n  - `automation`: For automation-related status.\n  - `outline`: Outline-only style (flat variant only).\n  - `empty`: Minimal badge with no icon or number.\n- **Size options:** `regular` (default) and `large` for increased visibility.\n- **Variants:**\n  - `default`: Filled background and border.\n  - `flat`: Minimal background, outline, and lighter appearance.\n- **Icon support:** Can display a contextual icon (built-in for alarm, warning, caution, running; custom via slot for others).\n- **Number display:** Optionally shows a number (e.g., count of notifications).\n- **Hide number:** Can suppress the number for a purely symbolic badge.\n- **Custom icon slot:** For types without a built-in icon, developers can provide a custom icon using the `badge-icon` slot.\n- **Responsive layout:** Adjusts size and spacing based on the `size` property.\n\n---\n\n### Usage Guidelines\n- Use `obc-badge` to highlight status, counts, or alerts in a compact form, such as notification indicators, unread message counts, or system status.\n- Choose the `type` that matches the semantic meaning (e.g., `alarm` for critical, `warning` for caution, `running` for active).\n- Use the `number` property to show counts; set `showNumber` to false for symbolic-only badges.\n- Use the `flat` variant for less prominent or secondary contexts.\n- For custom icons, provide an icon element in the `badge-icon` slot.\n- Avoid using badges for persistent or detailed information; they are intended for brief, glanceable status.\n- **TODO(designer):** Confirm recommended use cases for `enhance`, `automation`, and `outline` types, and clarify when to use `empty` type versus hiding the badge entirely.\n\n---\n\n### Slots\n\n| Slot Name     | Renders When...                | Purpose                                             |\n|---------------|-------------------------------|-----------------------------------------------------|\n| `badge-icon`  | `showIcon` is true and `type` is not one of `alarm`, `warning`, `caution`, `running` | Custom icon for the badge (e.g., `<obi-placeholder>`). |\n\n---\n\n### Properties and Attributes\n- `number` (number): The numeric value to display in the badge. Defaults to 0.\n- `showNumber` (boolean): If true, the number is shown. Set to `false` for symbolic or icon-only badges.\n- `type` (string): Visual style of the badge. See **Type options** above for possible values. Defaults to `regular`.\n- `size` (string): Badge size, either `regular` (default) or `large`.\n- `variant` (string): Visual variant, either `default` (filled) or `flat` (minimal). Defaults to `default`.\n- `showIcon` (boolean): If true, displays an icon appropriate to the badge type. For custom types, supply an icon in the `badge-icon` slot.\n\n---\n\n### Best Practices and Constraints\n- Use badge types consistently to communicate status meaningfully.\n- For accessibility, ensure the badge's meaning is also conveyed via text or ARIA attributes if used as a status indicator.\n- Avoid overloading the badge with large numbers or excessive detail; keep content concise.\n- The `empty` type is intended for minimal presence—use when a placeholder badge is needed without icon or number.\n- For custom icons, use OpenBridge icon elements such as `<obi-placeholder>` in the `badge-icon` slot.\n- The badge does not emit any custom events.\n\n---\n\n### Example\n\n```html\n<obc-badge type=\"alarm\" number=\"3\" showIcon>\n  <!-- For custom types, provide an icon: -->\n  <obi-placeholder slot=\"badge-icon\"></obi-placeholder>\n</obc-badge>\n```\n\nIn this example, the badge displays an alarm icon and the number 3.",
           "name": "ObcBadge",
           "slots": [
             {
@@ -40885,7 +41531,7 @@
               "type": {
                 "text": "string"
               },
-              "description": "Visual style/type of the badge.\n\nPossible values: `regular`, `alarm`, `warning`, `caution`, `running`, `notification`, `enhance`, `automation`, `outline`, `empty`.\n\nDefaults to `regular`.",
+              "description": "Visual style/type of the badge.\n\nPossible values: `regular`, `alarm`, `warning`, `caution`, `isa-critical`, `isa-high`, `isa-medium`, `isa-low`, `isa-diagnostic`, `running`, `notification`, `enhance`, `automation`, `outline`, `empty`.\n\nDefaults to `regular`.",
               "attribute": "type"
             },
             {
@@ -40913,7 +41559,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether to show an icon in the badge.\n\nFor built-in types (`alarm`, `warning`, `caution`, `running`), a contextual icon is shown automatically.\nFor other types, provide a custom icon in the `badge-icon` slot.",
+              "description": "Whether to show an icon in the badge.\n\nFor built-in types (`alarm`, `warning`, `caution`, the `isa-*` severities, and `running`), a contextual icon is shown automatically.\nFor other types, provide a custom icon in the `badge-icon` slot.",
               "attribute": "showIcon"
             },
             {
@@ -40946,7 +41592,7 @@
               "type": {
                 "text": "string"
               },
-              "description": "Visual style/type of the badge.\n\nPossible values: `regular`, `alarm`, `warning`, `caution`, `running`, `notification`, `enhance`, `automation`, `outline`, `empty`.\n\nDefaults to `regular`.",
+              "description": "Visual style/type of the badge.\n\nPossible values: `regular`, `alarm`, `warning`, `caution`, `isa-critical`, `isa-high`, `isa-medium`, `isa-low`, `isa-diagnostic`, `running`, `notification`, `enhance`, `automation`, `outline`, `empty`.\n\nDefaults to `regular`.",
               "fieldName": "type"
             },
             {
@@ -40971,7 +41617,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether to show an icon in the badge.\n\nFor built-in types (`alarm`, `warning`, `caution`, `running`), a contextual icon is shown automatically.\nFor other types, provide a custom icon in the `badge-icon` slot.",
+              "description": "Whether to show an icon in the badge.\n\nFor built-in types (`alarm`, `warning`, `caution`, the `isa-*` severities, and `running`), a contextual icon is shown automatically.\nFor other types, provide a custom icon in the `badge-icon` slot.",
               "fieldName": "showIcon"
             }
           ],
@@ -81601,7 +82247,7 @@
       "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- **Alert states:** Supports `alertState` styling for integrity/invalid and attention states (`caution`, `warning`, `alarm`).\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 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. |",
           "name": "ObcReadoutListItem",
           "slots": [
             {
@@ -81640,11 +82286,20 @@
             },
             {
               "kind": "field",
-              "name": "alertState",
+              "name": "dataState",
               "type": {
-                "text": "ReadoutListItemAlertState"
+                "text": "ReadoutListItemDataState"
               },
-              "attribute": "alertState"
+              "attribute": "dataState"
+            },
+            {
+              "kind": "field",
+              "name": "alert",
+              "type": {
+                "text": "AlertFrameConfig | boolean"
+              },
+              "default": "false",
+              "attribute": "alert"
             },
             {
               "kind": "field",
@@ -81957,11 +82612,19 @@
               "fieldName": "priority"
             },
             {
-              "name": "alertState",
+              "name": "dataState",
+              "type": {
+                "text": "ReadoutListItemDataState"
+              },
+              "fieldName": "dataState"
+            },
+            {
+              "name": "alert",
               "type": {
-                "text": "ReadoutListItemAlertState"
+                "text": "AlertFrameConfig | boolean"
               },
-              "fieldName": "alertState"
+              "default": "false",
+              "fieldName": "alert"
             },
             {
               "name": "label",
@@ -82808,11 +83471,11 @@
             },
             {
               "kind": "field",
-              "name": "alertState",
+              "name": "dataState",
               "type": {
-                "text": "ReadoutAlertState"
+                "text": "ReadoutDataState"
               },
-              "attribute": "alertState"
+              "attribute": "dataState"
             },
             {
               "kind": "field",
@@ -82954,6 +83617,15 @@
               "default": "false",
               "attribute": "hasLeadingIcon"
             },
+            {
+              "kind": "field",
+              "name": "alert",
+              "type": {
+                "text": "AlertFrameConfig | boolean"
+              },
+              "default": "false",
+              "attribute": "alert"
+            },
             {
               "kind": "field",
               "name": "sourceHug",
@@ -83684,11 +84356,11 @@
               "fieldName": "valuePriority"
             },
             {
-              "name": "alertState",
+              "name": "dataState",
               "type": {
-                "text": "ReadoutAlertState"
+                "text": "ReadoutDataState"
               },
-              "fieldName": "alertState"
+              "fieldName": "dataState"
             },
             {
               "name": "setpointInteraction",
@@ -83814,6 +84486,14 @@
               "default": "false",
               "fieldName": "hasLeadingIcon"
             },
+            {
+              "name": "alert",
+              "type": {
+                "text": "AlertFrameConfig | boolean"
+              },
+              "default": "false",
+              "fieldName": "alert"
+            },
             {
               "name": "hasSourceLeadingIcon",
               "type": {