@oicl/openbridge-webcomponents 2.1.0-next.1 → 2.1.0-next.2

package/custom-elements.json

@@ -49729,13 +49729,199 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/building-blocks/alert-list/alert-list-base.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "`ObcAlertListBase` – Scrolling list of slotted alert items that animates items\ninto place and shows an empty state when no item passes its filter.\n\nNot registered as an element: the subclasses decide which items pass.\n`obc-alert-list` runs a predicate the consumer sets.\n\n### Features\n- **Filter:** `matchesFilter()` decides which items count; the list re-reads\n  it when items are added or removed, when an item attribute named by\n  `observedItemAttributes` changes, and when `filterChanged()` reports a\n  change of the subclass's filter inputs.\n- **Motion:** items that move slide to their new place; new items play\n  their intro animation once the list has been seen.\n- **Empty state:** icon, title and description slots, with fallback content\n  from `emptyFallback`.\n- **Visible items:** `getVisibleElements()` returns the items that pass the\n  filter and sit inside the scroll viewport.",
+          "name": "ObcAlertListBase",
+          "members": [
+            {
+              "kind": "field",
+              "name": "oldElementTop",
+              "type": {
+                "text": "Map<HTMLElement, number>"
+              },
+              "privacy": "private",
+              "default": "new Map()"
+            },
+            {
+              "kind": "field",
+              "name": "mutationObserver",
+              "type": {
+                "text": "MutationObserver | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "intersectionObserver",
+              "type": {
+                "text": "IntersectionObserver | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "hasRenderedPanel",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "_empty",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "alertItems",
+              "type": {
+                "text": "HTMLElement[]"
+              },
+              "privacy": "protected"
+            },
+            {
+              "kind": "field",
+              "name": "scrollbar",
+              "type": {
+                "text": "ObcScrollbar"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "matchesFilter",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "_item",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ],
+              "description": "Whether the list counts an item as one it shows."
+            },
+            {
+              "kind": "method",
+              "name": "filterChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "_changed",
+                  "type": {
+                    "text": "PropertyValues"
+                  }
+                }
+              ],
+              "description": "Whether this update changed what `matchesFilter` decides."
+            },
+            {
+              "kind": "field",
+              "name": "observedItemAttributes",
+              "type": {
+                "text": "string[]"
+              },
+              "privacy": "protected",
+              "description": "Item attributes whose changes can change what `matchesFilter` decides.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "emptyFallback",
+              "type": {
+                "text": "AlertListEmptyFallback"
+              },
+              "privacy": "protected",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "applyFilter",
+              "privacy": "protected",
+              "description": "Runs whenever the items or the filter change; a subclass extends it to act on each item."
+            },
+            {
+              "kind": "method",
+              "name": "getAlertItems",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "updateOldElementTop",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "setupMutationObserver",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleSlotChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleElementsChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "getVisibleElements",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "{element: HTMLElement; index: number}[]"
+                }
+              }
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ObcAlertListBase",
+          "declaration": {
+            "name": "ObcAlertListBase",
+            "module": "src/building-blocks/alert-list/alert-list-base.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/building-blocks/alert-list/alert-list.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "",
+          "description": "`<obc-alert-list>` – Scrolling list of alert items with an empty state.\n\n`filter` decides which items count: the empty state shows when none does,\nand `getVisibleElements()` returns only those. Hiding the other items is\nleft to the consumer's CSS.",
           "name": "ObcAlertList",
           "slots": [
             {
@@ -49761,6 +49947,53 @@
               "name": "filter",
               "type": {
                 "text": "(item: HTMLElement) => boolean"
+              },
+              "description": "Predicate that picks the items the list counts as shown."
+            },
+            {
+              "kind": "method",
+              "name": "matchesFilter",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "item",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ],
+              "description": "Whether the list counts an item as one it shows.",
+              "inheritedFrom": {
+                "name": "ObcAlertListBase",
+                "module": "src/building-blocks/alert-list/alert-list-base.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "filterChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "changed",
+                  "type": {
+                    "text": "PropertyValues"
+                  }
+                }
+              ],
+              "description": "Whether this update changed what `matchesFilter` decides.",
+              "inheritedFrom": {
+                "name": "ObcAlertListBase",
+                "module": "src/building-blocks/alert-list/alert-list-base.ts"
               }
             },
             {
@@ -49770,7 +50003,11 @@
                 "text": "Map<HTMLElement, number>"
               },
               "privacy": "private",
-              "default": "new Map()"
+              "default": "new Map()",
+              "inheritedFrom": {
+                "name": "ObcAlertListBase",
+                "module": "src/building-blocks/alert-list/alert-list-base.ts"
+              }
             },
             {
               "kind": "field",
@@ -49779,7 +50016,11 @@
                 "text": "MutationObserver | null"
               },
               "privacy": "private",
-              "default": "null"
+              "default": "null",
+              "inheritedFrom": {
+                "name": "ObcAlertListBase",
+                "module": "src/building-blocks/alert-list/alert-list-base.ts"
+              }
             },
             {
               "kind": "field",
@@ -49788,7 +50029,11 @@
                 "text": "IntersectionObserver | null"
               },
               "privacy": "private",
-              "default": "null"
+              "default": "null",
+              "inheritedFrom": {
+                "name": "ObcAlertListBase",
+                "module": "src/building-blocks/alert-list/alert-list-base.ts"
+              }
             },
             {
               "kind": "field",
@@ -49797,7 +50042,11 @@
                 "text": "boolean"
               },
               "privacy": "private",
-              "default": "false"
+              "default": "false",
+              "inheritedFrom": {
+                "name": "ObcAlertListBase",
+                "module": "src/building-blocks/alert-list/alert-list-base.ts"
+              }
             },
             {
               "kind": "field",
@@ -49805,7 +50054,11 @@
               "type": {
                 "text": "boolean"
               },
-              "default": "false"
+              "default": "false",
+              "inheritedFrom": {
+                "name": "ObcAlertListBase",
+                "module": "src/building-blocks/alert-list/alert-list-base.ts"
+              }
             },
             {
               "kind": "field",
@@ -49813,7 +50066,11 @@
               "type": {
                 "text": "HTMLElement[]"
               },
-              "privacy": "private"
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "ObcAlertListBase",
+                "module": "src/building-blocks/alert-list/alert-list-base.ts"
+              }
             },
             {
               "kind": "field",
@@ -49821,37 +50078,93 @@
               "type": {
                 "text": "ObcScrollbar"
               },
-              "privacy": "private"
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "ObcAlertListBase",
+                "module": "src/building-blocks/alert-list/alert-list-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "observedItemAttributes",
+              "type": {
+                "text": "string[]"
+              },
+              "privacy": "protected",
+              "description": "Item attributes whose changes can change what `matchesFilter` decides.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "ObcAlertListBase",
+                "module": "src/building-blocks/alert-list/alert-list-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "emptyFallback",
+              "type": {
+                "text": "AlertListEmptyFallback"
+              },
+              "privacy": "protected",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "ObcAlertListBase",
+                "module": "src/building-blocks/alert-list/alert-list-base.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "updateEmpty",
-              "privacy": "private"
+              "name": "applyFilter",
+              "privacy": "protected",
+              "description": "Runs whenever the items or the filter change; a subclass extends it to act on each item.",
+              "inheritedFrom": {
+                "name": "ObcAlertListBase",
+                "module": "src/building-blocks/alert-list/alert-list-base.ts"
+              }
             },
             {
               "kind": "method",
               "name": "getAlertItems",
-              "privacy": "private"
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "ObcAlertListBase",
+                "module": "src/building-blocks/alert-list/alert-list-base.ts"
+              }
             },
             {
               "kind": "method",
               "name": "updateOldElementTop",
-              "privacy": "private"
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "ObcAlertListBase",
+                "module": "src/building-blocks/alert-list/alert-list-base.ts"
+              }
             },
             {
               "kind": "method",
               "name": "setupMutationObserver",
-              "privacy": "private"
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "ObcAlertListBase",
+                "module": "src/building-blocks/alert-list/alert-list-base.ts"
+              }
             },
             {
               "kind": "method",
               "name": "handleSlotChange",
-              "privacy": "private"
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "ObcAlertListBase",
+                "module": "src/building-blocks/alert-list/alert-list-base.ts"
+              }
             },
             {
               "kind": "method",
               "name": "handleElementsChange",
-              "privacy": "private"
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "ObcAlertListBase",
+                "module": "src/building-blocks/alert-list/alert-list-base.ts"
+              }
             },
             {
               "kind": "method",
@@ -49861,12 +50174,16 @@
                 "type": {
                   "text": "{element: HTMLElement; index: number}[]"
                 }
+              },
+              "inheritedFrom": {
+                "name": "ObcAlertListBase",
+                "module": "src/building-blocks/alert-list/alert-list-base.ts"
               }
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "ObcAlertListBase",
+            "module": "/src/building-blocks/alert-list/alert-list-base.js"
           },
           "tagName": "obc-alert-list",
           "customElement": true
@@ -59801,7 +60118,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "`<obc-alert-menu-item>` – A list item component for displaying alert or notification entries with status, icons, and action controls.\n\nPresents a concise summary of an alert or message, including status, title, description, and optional icons. Designed for use in alert menus, notification drawers, or similar lists where users need to review and acknowledge alerts efficiently.\n\n### Features\n- **Status Variants:** Supports multiple alert states via the `status` property:\n  - **Unacknowledged:** Shows an action button (ACK) for user acknowledgment.\n  - **Caution, Acknowledged, Rectified:** Display different visual cues for alert progression.\n  - **NoAckAlarm / NoAckWarning:** Show special icons indicating unacknowledged alarms or warnings.\n- **Icon Support:** Optional secondary icon (e.g., system or source) and a primary alert icon. Tertiary \"shelved\" icon appears if the alert is shelved.\n- **Time and Day Display:** Optionally shows day and/or time for the alert occurrence.\n- **Expandable:** Can be toggled open/closed for additional details (via click).\n- **Action Buttons:** Displays an \"ACK\" button for unacknowledged alerts and an optional secondary action (label set via `secondaryActionLabel`); each triggers an event when clicked.\n  - Each action's appearance is controlled independently via `primaryActionState` / `secondaryActionState` (`enabled`, `disabled`, or `none`).\n- **Animated Intro:** Optional animation when the item appears.\n- **Size Options:** Supports single-line or multi-line layouts (see `size` property).\n\n### Usage Guidelines\nUse `obc-alert-menu-item` to represent individual alerts or notifications in a menu, list, or notification center. Ideal for scenarios where users need to quickly scan, identify, and acknowledge alerts. The component is best suited for transient or actionable notifications rather than persistent banners.\n\n- Use the `status` property to reflect the current state of the alert.\n- Provide a relevant icon in the `alert-icon` slot to visually indicate the alert type.\n- Use the `icon` slot for a source/system icon if needed.\n- Only show the \"ACK\" action for alerts that require acknowledgment.\n- Provide `secondaryActionLabel` to add a second action alongside ACK.\n- Use `primaryActionState` / `secondaryActionState` to temporarily disable an action (`disabled`) or remove it without leaving a gap (`none`).\n- Use the `shelved` property to indicate alerts that are temporarily deferred.\n\n### Slots\n| Slot Name     | Renders When...                | Purpose                                              |\n|---------------|-------------------------------|------------------------------------------------------|\n| alert-icon    | Always                        | Main alert icon representing the alert type.         |\n| title         | Always                        | Title content; falls back to the `title` property.   |\n| description   | Always                        | Description content; falls back to the `description` property. |\n| icon          | If `hasIcon` is true          | Secondary icon (e.g., system/source of alert).       |\n\n### Events\n- **ack-click** – Fired when the ACK action button is clicked.\n- **ack-secondary-click** – Fired when the secondary action button is clicked.\n- **item-click** – Fired when the alert menu item is clicked (toggles open/closed).\n\n### Best Practices\n- Only display the ACK action for alerts that require acknowledgment.\n- Use concise titles and descriptions for quick scanning.\n- For grouped alerts, ensure each item has a unique status and icon as appropriate.\n- Avoid overloading with too many icons; use secondary and tertiary icons only when necessary.\n- Follow standard notification design guidelines: keep actionable items prominent, and use color/iconography to indicate severity or status.\n\n**Example:**\n```\n<obc-alert-menu-item\n  status=\"unacknowledged\"\n  title=\"Engine Temperature High\"\n  description=\"Port main engine temperature exceeds normal operating range\"\n  time=\"14:30\"\n  hasIcon\n>\n  <obc-alert-icon slot=\"alert-icon\" type=\"alarm\" active></obc-alert-icon>\n  <obi-engine slot=\"icon\"></obi-engine>\n</obc-alert-menu-item>\n```",
+          "description": "`<obc-alert-menu-item>` – A list item component for displaying alert or notification entries with status, icons, and action controls.\n\nPresents a concise summary of an alert or message, including status, title, description, and optional icons. Designed for use in alert menus, notification drawers, or similar lists where users need to review and acknowledge alerts efficiently.\n\n### Features\n- **Status Variants:** Supports multiple alert states via the `status` property:\n  - **Unacknowledged:** Shows an action button (ACK) for user acknowledgment.\n  - **RectifiedUnacknowledged:** The situation that raised the alert has cleared, but the alert still waits for acknowledgment, so the ACK action stays.\n  - **Caution, Acknowledged, Rectified:** Display different visual cues for alert progression.\n  - **NoAckAlarm / NoAckWarning:** Show special icons indicating unacknowledged alarms or warnings.\n- **Icon Support:** Optional secondary icon (e.g., system or source) and a primary alert icon. Tertiary \"shelved\" icon appears if the alert is shelved.\n- **Time and Day Display:** Optionally shows day and/or time for the alert occurrence.\n- **Expandable:** Can be toggled open/closed for additional details (via click).\n- **Action Buttons:** Displays an \"ACK\" button for the statuses that still wait for acknowledgment (`unacknowledged` and `rectified-unacknowledged`) and an optional secondary action (label set via `secondaryActionLabel`); each triggers an event when clicked.\n  - Each action's appearance is controlled independently via `primaryActionState` / `secondaryActionState` (`enabled`, `disabled`, or `none`).\n- **Animated Intro:** Optional animation when the item appears.\n- **Size Options:** Supports single-line or multi-line layouts (see `size` property).\n\n### Usage Guidelines\nUse `obc-alert-menu-item` to represent individual alerts or notifications in a menu, list, or notification center. Ideal for scenarios where users need to quickly scan, identify, and acknowledge alerts. The component is best suited for transient or actionable notifications rather than persistent banners.\n\n- Use the `status` property to reflect the current state of the alert.\n- Provide a relevant icon in the `alert-icon` slot to visually indicate the alert type.\n- Use the `icon` slot for a source/system icon if needed.\n- Only show the \"ACK\" action for alerts that require acknowledgment.\n- Provide `secondaryActionLabel` to add a second action alongside ACK.\n- Use `primaryActionState` / `secondaryActionState` to temporarily disable an action (`disabled`) or remove it without leaving a gap (`none`).\n- Use the `shelved` property to indicate alerts that are temporarily deferred, and `blocked` for alerts another system has set aside. The alert menus sort items into their tabs by `status` and `shelved`; `blocked` is there for menus that list blocked alerts apart.\n\n**TODO(designer):** Should a blocked alert show a marker, as a shelved one shows the shelf icon?\n\n### Slots\n| Slot Name     | Renders When...                | Purpose                                              |\n|---------------|-------------------------------|------------------------------------------------------|\n| alert-icon    | Always                        | Main alert icon representing the alert type.         |\n| title         | Always                        | Title content; falls back to the `title` property.   |\n| description   | Always                        | Description content; falls back to the `description` property. |\n| icon          | If `hasIcon` is true          | Secondary icon (e.g., system/source of alert).       |\n\n### Events\n- **ack-click** – Fired when the ACK action button is clicked.\n- **ack-secondary-click** – Fired when the secondary action button is clicked.\n- **item-click** – Fired when the alert menu item is clicked (toggles open/closed).\n\n### Best Practices\n- Only display the ACK action for alerts that require acknowledgment.\n- Use concise titles and descriptions for quick scanning.\n- For grouped alerts, ensure each item has a unique status and icon as appropriate.\n- Avoid overloading with too many icons; use secondary and tertiary icons only when necessary.\n- Follow standard notification design guidelines: keep actionable items prominent, and use color/iconography to indicate severity or status.\n\n**Example:**\n```\n<obc-alert-menu-item\n  status=\"unacknowledged\"\n  title=\"Engine Temperature High\"\n  description=\"Port main engine temperature exceeds normal operating range\"\n  time=\"14:30\"\n  hasIcon\n>\n  <obc-alert-icon slot=\"alert-icon\" type=\"alarm\" active></obc-alert-icon>\n  <obi-engine slot=\"icon\"></obi-engine>\n</obc-alert-menu-item>\n```",
           "name": "ObcAlertMenuItem",
           "slots": [
             {
@@ -59843,6 +60160,17 @@
               "attribute": "shelved",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "blocked",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates that another system has blocked the alert as not relevant here. For menus that list blocked alerts apart; the item itself shows no marker for it yet.",
+              "attribute": "blocked",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "title",
@@ -59886,7 +60214,7 @@
             {
               "kind": "field",
               "name": "status",
-              "description": "The current status of the alert item. Determines visual style, icon, and action button visibility. Possible values: 'unacknowledged', 'caution', 'acknowledged', 'no-ack-alarm', 'no-ack-warning', 'rectified'. Default is 'unacknowledged'.",
+              "description": "The current status of the alert item. Determines visual style, icon, and action button visibility. Possible values: 'unacknowledged', 'caution', 'acknowledged', 'no-ack-alarm', 'no-ack-warning', 'rectified', 'rectified-unacknowledged'. 'unacknowledged' and 'rectified-unacknowledged' show the ACK action; the other values show a trailing icon instead. Default is 'unacknowledged'.",
               "attribute": "status",
               "reflects": true
             },
@@ -59947,6 +60275,12 @@
               "description": "Appearance of the secondary action: `enabled`, `disabled` or `none`, which hides it.",
               "attribute": "secondaryActionState"
             },
+            {
+              "kind": "field",
+              "name": "canAck",
+              "privacy": "private",
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "primaryActionLabel",
@@ -60059,6 +60393,15 @@
               "description": "Indicates if the alert is shelved (temporarily deferred). When true, a tertiary icon is shown to represent the shelved state.",
               "fieldName": "shelved"
             },
+            {
+              "name": "blocked",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates that another system has blocked the alert as not relevant here. For menus that list blocked alerts apart; the item itself shows no marker for it yet.",
+              "fieldName": "blocked"
+            },
             {
               "name": "title",
               "type": {
@@ -60097,7 +60440,7 @@
             },
             {
               "name": "status",
-              "description": "The current status of the alert item. Determines visual style, icon, and action button visibility. Possible values: 'unacknowledged', 'caution', 'acknowledged', 'no-ack-alarm', 'no-ack-warning', 'rectified'. Default is 'unacknowledged'.",
+              "description": "The current status of the alert item. Determines visual style, icon, and action button visibility. Possible values: 'unacknowledged', 'caution', 'acknowledged', 'no-ack-alarm', 'no-ack-warning', 'rectified', 'rectified-unacknowledged'. 'unacknowledged' and 'rectified-unacknowledged' show the ACK action; the other values show a trailing icon instead. Default is 'unacknowledged'.",
               "fieldName": "status"
             },
             {
@@ -60185,7 +60528,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "`<obc-alert-menu>` – A tabbed alert summary panel for displaying, acknowledging, and managing active alerts.\n\nProvides a compact, interactive menu for reviewing current alerts, grouped by status (e.g., unacknowledged, active, shelved). Users can acknowledge visible alerts, silence notifications, or navigate to a full alert list. Designed for quick triage and management of alert items in a sidebar or overlay context.\n\n### Features\n- **Tabbed organization:** Switch between \"Unacked\", \"Active\", and (optionally) \"Shelved\" tabs for focused alert review.\n- **Alert filtering:** Each tab displays only relevant alerts (e.g., \"Unacked\" shows only unacknowledged, non-shelved items).\n- **Bulk actions:** \"ACK visible\" button allows acknowledging all currently visible (filtered) alerts at once.\n- **Silence and navigation:** Dedicated buttons to silence alerts or jump to the full alert list.\n- **Dynamic content:** Supports any number of `<obc-alert-menu-item>` children, with automatic empty-state messaging and icons per tab.\n- **Responsive layout:** Adapts to available space, with scrollable alert lists and sticky action bar.\n- **Customizable:** Optionally show/hide the \"Shelved\" tab via `hasShelved` property; enable/disable bulk ACK via `canAckAll`.\n\n### Usage Guidelines\nUse `<obc-alert-menu>` to provide users with a focused, actionable summary of current alerts, typically in a sidebar, overlay, or dashboard context. Ideal for scenarios where users need to quickly review, acknowledge, or silence multiple alerts without leaving their current workflow. Avoid using for persistent, always-visible alert banners; for that, use a dedicated alert banner or notification system.\n\n- Place one or more `<obc-alert-menu-item>` elements as children to populate the alert list.\n- Use the `hasShelved` property to enable the \"Shelved\" tab if your application supports alert shelving.\n- Use the `canAckAll` property to control whether the \"ACK visible\" button is enabled (e.g., only when there are unacknowledged alerts in view).\n- Listen for custom events (`ack-all-visible-click`, `silence-click`, `go-to-alert-list-click`) to handle user actions.\n\n**TODO(designer):** Confirm if there are recommended maximum numbers of alerts to display, or if there are best practices for when to use the \"Shelved\" tab.\n\n### Slots\n\n| Slot Name                        | Renders When...                  | Purpose                                                        |\n|----------------------------------|----------------------------------|----------------------------------------------------------------|\n| (default)                        | Always                           | Place one or more `<obc-alert-menu-item>` elements as alert rows. |\n| empty-<tab>-title                | Selected tab is empty            | Custom title for the empty state (`<tab>` is one of `unacked`, `all`, `shelved`). |\n| empty-<tab>-description          | Selected tab is empty            | Custom description for the empty state (`<tab>` is one of `unacked`, `all`, `shelved`). |\n| empty-<tab>-icon                 | Selected tab is empty            | Custom icon for the empty state (`<tab>` is one of `unacked`, `all`, `shelved`). |\n\n### Properties\n- `hasShelved` (boolean): If true, displays the \"Shelved\" tab and enables shelving support. Default: false.\n- `canAckAll` (boolean): If true, enables the \"ACK visible\" button for bulk acknowledgment. Default: false.\n- `showSilenceButton` (boolean): If true, shows the \"Silence\" button. Default: true.\n- `showAlertListButton` (boolean): If true, shows the \"Alerts\" navigation button. Default: true.\n\n### Events\n- **ack-all-visible-click** – Fired when the \"ACK visible\" button is clicked. The event detail includes the list of visible alert elements and the current tab name.\n- **silence-click** – Fired when the \"Silence\" button is clicked.\n- **go-to-alert-list-click** – Fired when the \"Alerts\" navigation button is clicked.\n\n### Best Practices and Constraints\n- Only enable \"ACK visible\" when there are actionable, unacknowledged alerts in the current view.\n- Use the \"Shelved\" tab only if your application supports shelving alerts; otherwise, omit it for simplicity.\n- For accessibility, keep all alert items and action buttons keyboard navigable.\n- Do not use this component for persistent, always-on-screen alerts; use banners or dialogs for critical, persistent notifications.\n\n### Example\n```\n<obc-alert-menu hasShelved canAckAll>\n  <obc-alert-menu-item active hasTime>\n    <obi-placeholder slot=\"alert-icon\"></obi-placeholder>\n    <span slot=\"title\">Engine Overheat</span>\n    <span slot=\"description\">Main engine temperature exceeds threshold</span>\n    <span slot=\"time\">09:12:34</span>\n  </obc-alert-menu-item>\n  <!-- More alert items... -->\n</obc-alert-menu>\n```",
+          "description": "`<obc-alert-menu>` – A tabbed alert summary panel for displaying, acknowledging, and managing active alerts.\n\nProvides a compact, interactive menu for reviewing current alerts, grouped by status (e.g., unacknowledged, active, shelved). Users can acknowledge visible alerts, silence notifications, or navigate to a full alert list. Designed for quick triage and management of alert items in a sidebar or overlay context.\n\n### Features\n- **Tabbed organization:** Switch between \"Unacked\", \"Active\", and (optionally) \"Shelved\" tabs for focused alert review.\n- **Alert filtering:** Each tab displays only relevant alerts: \"Unacked\" shows the non-shelved items still waiting for acknowledgment (`unacknowledged` or `rectified-unacknowledged`), \"Active\" every non-shelved item except the `rectified-unacknowledged` ones. A subclass changes the tabs and the list through the `tabs` and `renderList` hooks.\n- **Bulk actions:** \"ACK visible\" button allows acknowledging all currently visible (filtered) alerts at once.\n- **Silence and navigation:** Dedicated buttons to silence alerts or jump to the full alert list.\n- **Dynamic content:** Supports any number of `<obc-alert-menu-item>` children, with automatic empty-state messaging and icons per tab.\n- **Responsive layout:** Adapts to available space, with scrollable alert lists and sticky action bar.\n- **Customizable:** Optionally show/hide the \"Shelved\" tab via `hasShelved` property; enable/disable bulk ACK via `canAckAll`.\n\n### Usage Guidelines\nUse `<obc-alert-menu>` to provide users with a focused, actionable summary of current alerts, typically in a sidebar, overlay, or dashboard context. Ideal for scenarios where users need to quickly review, acknowledge, or silence multiple alerts without leaving their current workflow. Avoid using for persistent, always-visible alert banners; for that, use a dedicated alert banner or notification system.\n\n- Place one or more `<obc-alert-menu-item>` elements as children to populate the alert list.\n- Use the `hasShelved` property to enable the \"Shelved\" tab if your application supports alert shelving.\n- Use the `canAckAll` property to control whether the \"ACK visible\" button is enabled (e.g., only when there are unacknowledged alerts in view).\n- Listen for custom events (`ack-all-visible-click`, `silence-click`, `go-to-alert-list-click`) to handle user actions.\n\n**TODO(designer):** Confirm if there are recommended maximum numbers of alerts to display, or if there are best practices for when to use the \"Shelved\" tab.\n\n### Slots\n\n| Slot Name                        | Renders When...                  | Purpose                                                        |\n|----------------------------------|----------------------------------|----------------------------------------------------------------|\n| (default)                        | Always                           | Place one or more `<obc-alert-menu-item>` elements as alert rows. |\n| empty-<tab>-title                | Selected tab is empty            | Custom title for the empty state (`<tab>` is one of `unacked`, `all`, `shelved`). |\n| empty-<tab>-description          | Selected tab is empty            | Custom description for the empty state (`<tab>` is one of `unacked`, `all`, `shelved`). |\n| empty-<tab>-icon                 | Selected tab is empty            | Custom icon for the empty state (`<tab>` is one of `unacked`, `all`, `shelved`). |\n\n### Properties\n- `hasShelved` (boolean): If true, displays the \"Shelved\" tab and enables shelving support. Default: false.\n- `canAckAll` (boolean): If true, enables the \"ACK visible\" button for bulk acknowledgment. Default: false.\n- `showSilenceButton` (boolean): If true, shows the \"Silence\" button. Default: true.\n- `showAlertListButton` (boolean): If true, shows the \"Alerts\" navigation button. Default: true.\n\n### Events\n- **ack-all-visible-click** – Fired when the \"ACK visible\" button is clicked. The event detail includes the list of visible alert elements and the current tab name.\n- **silence-click** – Fired when the \"Silence\" button is clicked.\n- **go-to-alert-list-click** – Fired when the \"Alerts\" navigation button is clicked.\n\n### Best Practices and Constraints\n- Only enable \"ACK visible\" when there are actionable, unacknowledged alerts in the current view.\n- Use the \"Shelved\" tab only if your application supports shelving alerts; otherwise, omit it for simplicity.\n- For accessibility, keep all alert items and action buttons keyboard navigable.\n- Do not use this component for persistent, always-on-screen alerts; use banners or dialogs for critical, persistent notifications.\n\n### Example\n```\n<obc-alert-menu hasShelved canAckAll>\n  <obc-alert-menu-item active hasTime>\n    <obi-placeholder slot=\"alert-icon\"></obi-placeholder>\n    <span slot=\"title\">Engine Overheat</span>\n    <span slot=\"description\">Main engine temperature exceeds threshold</span>\n    <span slot=\"time\">09:12:34</span>\n  </obc-alert-menu-item>\n  <!-- More alert items... -->\n</obc-alert-menu>\n```",
           "name": "ObcAlertMenu",
           "slots": [
             {
@@ -60278,18 +60621,18 @@
             },
             {
               "kind": "field",
-              "name": "_selectedTabIndex",
+              "name": "_selectedTabName",
               "type": {
-                "text": "number"
+                "text": "string | undefined"
               },
               "privacy": "private",
-              "default": "1"
+              "description": "The `name` of the tab the user picked; the second tab shows until then."
             },
             {
               "kind": "field",
               "name": "alertList",
               "type": {
-                "text": "ObcAlertList"
+                "text": "ObcAlertListBase"
               },
               "privacy": "private"
             },
@@ -60311,10 +60654,102 @@
                 }
               ]
             },
+            {
+              "kind": "field",
+              "name": "offersAckAll",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "description": "Whether the menu offers \"ACK visible\" at all; `canAckAll` enables it.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "tabs",
+              "type": {
+                "text": "AlertMenuTab[]"
+              },
+              "privacy": "protected",
+              "description": "The tabs in display order; the menu opens on the second one.",
+              "readonly": true
+            },
             {
               "kind": "method",
-              "name": "getSelectedTab",
-              "privacy": "private"
+              "name": "selectedTabIndex",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "tabs",
+                  "type": {
+                    "text": "AlertMenuTab[]"
+                  }
+                }
+              ],
+              "description": "Where the selected tab sits in `tabs`: the one the user picked, else the second."
+            },
+            {
+              "kind": "field",
+              "name": "selectedTab",
+              "type": {
+                "text": "AlertMenuTab"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "renderList",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "tab",
+                  "type": {
+                    "text": "AlertMenuTab"
+                  }
+                },
+                {
+                  "name": "content",
+                  "type": {
+                    "text": "TemplateResult"
+                  }
+                }
+              ],
+              "description": "The list that shows the selected tab's items. The CSS hides the items the\ntab leaves out; the filter tells the list which ones those are."
+            },
+            {
+              "kind": "method",
+              "name": "tabFilter",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "item",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
             }
           ],
           "events": [
@@ -74348,6 +74783,15 @@
               "privacy": "private",
               "default": "NaN"
             },
+            {
+              "kind": "field",
+              "name": "focusFromValueClick",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
             {
               "kind": "field",
               "name": "inputElement",
@@ -74441,6 +74885,17 @@
               "name": "onFocus",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "ungroupKeepingSelection",
+              "privacy": "private",
+              "description": "Ungroups a value the user clicked into, once the browser has placed the\ncaret, and moves the caret with its digits. Ungrouping before that shifts\nthe text under the pointer and the caret lands beside the clicked digit."
+            },
+            {
+              "kind": "method",
+              "name": "ungroupDisplay",
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "onBlur",
@@ -74480,19 +74935,6 @@
                 }
               }
             },
-            {
-              "kind": "method",
-              "name": "updateCenterAlignedInputWidth",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            },
             {
               "kind": "field",
               "name": "isEmpty",
@@ -74537,7 +74979,8 @@
                     "text": "PointerEvent"
                   }
                 }
-              ]
+              ],
+              "description": "Keeps focus where it is while the chrome around the value is clicked.\nThe wrapper is a `<label>`, so the click itself focuses the input; without\nthis the pointerdown would blur it first and commit an unfinished edit.\nA click on the value itself is the browser's; it is only noted, so the\nfocus it causes ungroups the value without moving the caret."
             }
           ],
           "events": [
@@ -86440,7 +86883,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- **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. |",
+          "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- **Cap-to-baseline frame:** the box spans the cap top to the baseline plus\n  the padding; descenders and diacritics paint past its edges, so an\n  ancestor that clips must leave room for them.\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": [
             {
@@ -126889,12 +127332,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/pages/alert-list-page-small/alert-list-page-small.ts",
+      "path": "src/pages/alert-list-page-small/alert-list-page-small-base.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "",
-          "name": "ObcAlertListPageSmall",
+          "description": "`ObcAlertListPageSmallBase` – Compact alert list page: a list of alerts over a\nbar with a mode dropdown, a silence button and \"ACK visible\".\n\nNot registered as an element: the subclasses supply the list and the\nmodes. `obc-alert-list-page-small` renders `obc-alert-list-details`.\n\n### Features\n- **Modes:** the dropdown offers `modes` and shows `mode`; picking one calls\n  `selectMode()`.\n- **ACK visible:** enabled while `canAckAll` holds; a click reports the\n  alerts `visibleAlerts()` returns, and the mode, in `ack-all-visible-click`.\n- **Silence:** the icon button fires `silence-click`.\n\nThe base holds no alerts: each page declares `alerts` in the alert type it\nlists.",
+          "name": "ObcAlertListPageSmallBase",
           "members": [
             {
               "kind": "field",
@@ -126903,40 +127346,241 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the dropdown offers the shelved alerts.",
               "attribute": "hasShelved"
             },
             {
               "kind": "field",
-              "name": "selectedMode",
+              "name": "showTime",
               "type": {
-                "text": "AlertListMode"
+                "text": "boolean"
               },
-              "attribute": "selectedMode"
+              "default": "false",
+              "description": "Whether the list shows when each alert was raised.",
+              "attribute": "showTime"
             },
             {
               "kind": "field",
-              "name": "alerts",
+              "name": "timeFormatter",
               "type": {
-                "text": "Alert[]"
+                "text": "(time: Date) => string"
               },
-              "default": "[]",
-              "attribute": "alerts"
+              "description": "Formats the time the list shows.\n\nAvailable when `showTime==true`.",
+              "availableWhen": "showTime==true",
+              "availableWhenIf": {
+                "arg": "showTime",
+                "truthy": true
+              }
+            },
+            {
+              "kind": "field",
+              "name": "modes",
+              "type": {
+                "text": "AlertListPageMode[]"
+              },
+              "privacy": "protected",
+              "description": "The dropdown's options, in order.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "mode",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "protected",
+              "description": "The mode the list filters by and the dropdown shows.",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "selectMode",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "_mode",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "canAckAll",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "description": "Whether an alert the list shows in `mode` can still be acknowledged.",
+              "readonly": true
             },
             {
               "kind": "field",
+              "name": "offersAckAll",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "description": "Whether the page offers \"ACK visible\" at all; `canAckAll` enables it.",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "visibleAlerts",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "unknown[]"
+                }
+              },
+              "description": "The alerts in view, which \"ACK visible\" reports."
+            },
+            {
+              "kind": "method",
+              "name": "renderList",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult | typeof nothing"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "dispatchAckClick",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "alert",
+                  "type": {
+                    "text": "unknown"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "dispatchRowClick",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "alert",
+                  "type": {
+                    "text": "unknown"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleAckAllVisibleClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "onModeSelect",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "ObcDropdownButtonChangeEvent"
+                  }
+                }
+              ]
+            }
+          ],
+          "events": [
+            {
+              "name": "ack-click",
+              "type": {
+                "text": "CustomEvent"
+              }
+            },
+            {
+              "name": "row-click",
+              "type": {
+                "text": "CustomEvent"
+              }
+            },
+            {
+              "name": "ack-all-visible-click",
+              "type": {
+                "text": "CustomEvent"
+              }
+            },
+            {
+              "name": "silence-click",
+              "type": {
+                "text": "CustomEvent"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "hasShelved",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the dropdown offers the shelved alerts.",
+              "fieldName": "hasShelved"
+            },
+            {
               "name": "showTime",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "showTime"
+              "description": "Whether the list shows when each alert was raised.",
+              "fieldName": "showTime"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ObcAlertListPageSmallBase",
+          "declaration": {
+            "name": "ObcAlertListPageSmallBase",
+            "module": "src/pages/alert-list-page-small/alert-list-page-small-base.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/pages/alert-list-page-small/alert-list-page-small.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ObcAlertListPageSmall",
+          "members": [
+            {
+              "kind": "field",
+              "name": "alerts",
+              "type": {
+                "text": "Alert[]"
+              },
+              "default": "[]",
+              "description": "Alerts to list.",
+              "attribute": "alerts"
             },
             {
               "kind": "field",
-              "name": "timeFormatter",
+              "name": "selectedMode",
               "type": {
-                "text": "(time: Date) => string"
-              }
+                "text": "AlertListMode"
+              },
+              "attribute": "selectedMode"
             },
             {
               "kind": "field",
@@ -126955,28 +127599,78 @@
               "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "handleAckAllVisibleClick",
-              "privacy": "private"
+              "kind": "field",
+              "name": "modes",
+              "type": {
+                "text": "AlertListPageMode[]"
+              },
+              "privacy": "protected",
+              "description": "The dropdown's options, in order.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "ObcAlertListPageSmallBase",
+                "module": "src/pages/alert-list-page-small/alert-list-page-small-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "mode",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "protected",
+              "description": "The mode the list filters by and the dropdown shows.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "ObcAlertListPageSmallBase",
+                "module": "src/pages/alert-list-page-small/alert-list-page-small-base.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "onModeSelect",
-              "privacy": "private",
+              "name": "selectMode",
+              "privacy": "protected",
               "parameters": [
                 {
-                  "name": "e",
+                  "name": "mode",
                   "type": {
-                    "text": "ObcDropdownButtonChangeEvent"
+                    "text": "string"
                   }
                 }
-              ]
+              ],
+              "inheritedFrom": {
+                "name": "ObcAlertListPageSmallBase",
+                "module": "src/pages/alert-list-page-small/alert-list-page-small-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "metadata",
-              "privacy": "private",
-              "readonly": true
+              "name": "canAckAll",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "description": "Whether an alert the list shows in `mode` can still be acknowledged.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "ObcAlertListPageSmallBase",
+                "module": "src/pages/alert-list-page-small/alert-list-page-small-base.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "visibleAlerts",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "Alert[]"
+                }
+              },
+              "description": "The alerts in view, which \"ACK visible\" reports.",
+              "inheritedFrom": {
+                "name": "ObcAlertListPageSmallBase",
+                "module": "src/pages/alert-list-page-small/alert-list-page-small-base.ts"
+              }
             },
             {
               "kind": "method",
@@ -127003,46 +127697,196 @@
                   }
                 }
               ]
-            }
-          ],
-          "events": [
+            },
             {
-              "name": "silence-click",
+              "kind": "method",
+              "name": "renderList",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult | typeof nothing"
+                }
+              },
+              "inheritedFrom": {
+                "name": "ObcAlertListPageSmallBase",
+                "module": "src/pages/alert-list-page-small/alert-list-page-small-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hasShelved",
               "type": {
-                "text": "CustomEvent<void>"
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the dropdown offers the shelved alerts.",
+              "attribute": "hasShelved",
+              "inheritedFrom": {
+                "name": "ObcAlertListPageSmallBase",
+                "module": "src/pages/alert-list-page-small/alert-list-page-small-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "showTime",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the list shows when each alert was raised.",
+              "attribute": "showTime",
+              "inheritedFrom": {
+                "name": "ObcAlertListPageSmallBase",
+                "module": "src/pages/alert-list-page-small/alert-list-page-small-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "timeFormatter",
+              "type": {
+                "text": "(time: Date) => string"
+              },
+              "description": "Formats the time the list shows.\n\nAvailable when `showTime==true`.",
+              "availableWhen": "showTime==true",
+              "availableWhenIf": {
+                "arg": "showTime",
+                "truthy": true
+              },
+              "inheritedFrom": {
+                "name": "ObcAlertListPageSmallBase",
+                "module": "src/pages/alert-list-page-small/alert-list-page-small-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "offersAckAll",
+              "type": {
+                "text": "boolean"
               },
-              "description": "Fired when the user clicks the \"Silence\" button."
+              "privacy": "protected",
+              "description": "Whether the page offers \"ACK visible\" at all; `canAckAll` enables it.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "ObcAlertListPageSmallBase",
+                "module": "src/pages/alert-list-page-small/alert-list-page-small-base.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "dispatchAckClick",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "alert",
+                  "type": {
+                    "text": "unknown"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "ObcAlertListPageSmallBase",
+                "module": "src/pages/alert-list-page-small/alert-list-page-small-base.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "dispatchRowClick",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "alert",
+                  "type": {
+                    "text": "unknown"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "ObcAlertListPageSmallBase",
+                "module": "src/pages/alert-list-page-small/alert-list-page-small-base.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "handleAckAllVisibleClick",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "ObcAlertListPageSmallBase",
+                "module": "src/pages/alert-list-page-small/alert-list-page-small-base.ts"
+              }
             },
             {
+              "kind": "method",
+              "name": "onModeSelect",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "ObcDropdownButtonChangeEvent"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "ObcAlertListPageSmallBase",
+                "module": "src/pages/alert-list-page-small/alert-list-page-small-base.ts"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "ack-all-visible-click",
               "type": {
-                "text": "ObcAlertListPageAckAllClickEvent"
+                "text": "CustomEvent"
               },
               "description": "Fired when the user clicks the \"ACK visible\" button.",
-              "name": "ack-all-visible-click"
+              "inheritedFrom": {
+                "name": "ObcAlertListPageSmallBase",
+                "module": "src/pages/alert-list-page-small/alert-list-page-small-base.ts"
+              }
             },
             {
+              "name": "ack-click",
               "type": {
-                "text": "ObcAckClickEvent"
+                "text": "CustomEvent"
               },
               "description": "Fired when the user clicks the \"ACK\" button.",
-              "name": "ack-click"
+              "inheritedFrom": {
+                "name": "ObcAlertListPageSmallBase",
+                "module": "src/pages/alert-list-page-small/alert-list-page-small-base.ts"
+              }
             },
             {
+              "name": "row-click",
               "type": {
-                "text": "ObcRowClickEvent"
+                "text": "CustomEvent"
               },
               "description": "Fired when the user clicks a row.",
-              "name": "row-click"
+              "inheritedFrom": {
+                "name": "ObcAlertListPageSmallBase",
+                "module": "src/pages/alert-list-page-small/alert-list-page-small-base.ts"
+              }
+            },
+            {
+              "name": "silence-click",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the user clicks the \"Silence\" button.",
+              "inheritedFrom": {
+                "name": "ObcAlertListPageSmallBase",
+                "module": "src/pages/alert-list-page-small/alert-list-page-small-base.ts"
+              }
             }
           ],
           "attributes": [
             {
-              "name": "hasShelved",
+              "name": "alerts",
               "type": {
-                "text": "boolean"
+                "text": "Alert[]"
               },
-              "default": "false",
-              "fieldName": "hasShelved"
+              "default": "[]",
+              "description": "Alerts to list.",
+              "fieldName": "alerts"
             },
             {
               "name": "selectedMode",
@@ -127052,12 +127896,17 @@
               "fieldName": "selectedMode"
             },
             {
-              "name": "alerts",
+              "name": "hasShelved",
               "type": {
-                "text": "Alert[]"
+                "text": "boolean"
               },
-              "default": "[]",
-              "fieldName": "alerts"
+              "default": "false",
+              "description": "Whether the dropdown offers the shelved alerts.",
+              "fieldName": "hasShelved",
+              "inheritedFrom": {
+                "name": "ObcAlertListPageSmallBase",
+                "module": "src/pages/alert-list-page-small/alert-list-page-small-base.ts"
+              }
             },
             {
               "name": "showTime",
@@ -127065,12 +127914,17 @@
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "showTime"
+              "description": "Whether the list shows when each alert was raised.",
+              "fieldName": "showTime",
+              "inheritedFrom": {
+                "name": "ObcAlertListPageSmallBase",
+                "module": "src/pages/alert-list-page-small/alert-list-page-small-base.ts"
+              }
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "ObcAlertListPageSmallBase",
+            "module": "/src/pages/alert-list-page-small/alert-list-page-small-base.js"
           },
           "tagName": "obc-alert-list-page-small",
           "customElement": true