@oicl/openbridge-webcomponents-full-bundle 2.0.0-next.49 → 2.0.0-next.52

package/custom-elements.json

@@ -15289,6 +15289,15 @@
               "description": "Number of fraction digits used to format the percent readout in the\nnon-compact (regular) layout. Defaults to `0` (integer percent). The\ncompact layout always renders integer percent to keep its fixed-width\nfootprint stable. The static layout renders capacity (`max` + `unit`)\nrather than percent, so this property has no effect there — pass a\npre-formatted value through the `max-value` slot if fractional\nprecision is needed (see the `WithFractionDigits` story).",
               "attribute": "percentFractionDigits"
             },
+            {
+              "kind": "field",
+              "name": "readout",
+              "type": {
+                "text": "TankReadoutItem[]"
+              },
+              "default": "[]",
+              "description": "Rich detail rows shown below the main percent/value block in the regular\n(non-compact, non-static) layout, separated by a divider. When empty (the\ndefault), nothing is rendered — neither the divider nor the list. In\nvertical orientation the chart cell shrinks to make room; in horizontal\norientation the readout column already has reserved whitespace so the\nchart is unaffected.\n\nValues are formatted using `percentFractionDigits`. Consumers that need\nfull control over the markup can replace the entire fallback by slotting\narbitrary content into `slot=\"rich\"` (note: this is a different name from\nthe existing `slot=\"readout\"` which replaces the whole readout block)."
+            },
             {
               "kind": "field",
               "name": "badgeControl",
@@ -47352,7 +47361,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "`<obc-icon-button>` – An icon-only or icon-with-label button for quick actions.\n\nProvides a compact, visually prominent button that displays an icon (and optionally a label) for triggering actions. Commonly used for toolbars, navigation, or contextual actions where space is limited and a recognizable icon can represent the function.\n\nAppears as a circular or rounded button with configurable visual styles, supporting progress indication and various layout adaptations.\n\n## Features\n- **Variants:**\n  - `normal` (default): Standard appearance for most use cases.\n  - `raised`: Adds elevation/shadow for prominence.\n  - `flat`: Minimal, backgroundless style for subtle actions.\n- **Progress Indicator:**\n  - Shows a circular progress spinner overlay when the `progress` property is set (0–100). Useful for indicating loading or ongoing actions.\n- **Label Support:**\n  - Optionally displays a text label below the icon when `hasLabel` is true and content is provided in the `label` slot.\n- **Corner Alignment:**\n  - `cornerLeft` and `cornerRight` adjust the button's border radius and alignment for seamless placement at the start or end of a container.\n- **Active State:**\n  - `activated` visually highlights the button as selected or toggled.\n  - `activeColor` applies an accent color for emphasis.\n- **Wide Mode:**\n  - `wide` increases the button's width for easier touch targets or visual balance.\n- **Disabled State:**\n  - `disabled` prevents interaction and visually dims the button.\n\n## Usage Guidelines\n- Use `obc-icon-button` for actions represented by icons, such as toolbars, navigation, or quick-access commands.\n- Add a label (with `hasLabel` and the `label` slot) when clarity is needed or when icons alone may not be universally understood.\n- Use the progress indicator for actions that take time, such as uploads or background processes.\n- Prefer the `normal` variant for most cases; use `raised` to draw attention, and `flat` for less prominent or inline actions.\n- For grouped or edge-aligned layouts, use `cornerLeft` or `cornerRight` to visually merge with container edges.\n- Avoid using icon buttons for destructive or critical actions unless paired with clear feedback.\n- **TODO(designer):** Clarify recommended icon sizes and when to use label vs. icon-only.\n\n## Slots\n| Slot Name | Renders When...      | Purpose                                      |\n|-----------|---------------------|----------------------------------------------|\n| (default) | Always              | The icon to display (e.g., `<obi-search>`)   |\n| label     | If `hasLabel` is set | Optional label text below the icon           |\n\n## Events\n- Emits a standard `click` event (`onClick` handler in framework wrappers) when activated.\n\n## Best Practices\n- Ensure icons are clear and universally recognizable.\n- For accessibility, provide an `aria-label` or descriptive label for the button's action.\n- When using the progress indicator, avoid showing it for very short actions to prevent visual flicker.\n\n## Example:\n```\n<obc-icon-button variant=\"normal\">\n  <obi-search></obi-search>\n</obc-icon-button>\n\n<obc-icon-button variant=\"normal\" hasLabel>\n  <obi-arrow></obi-arrow>\n  <span slot=\"label\">Next</span>\n</obc-icon-button>\n```",
+          "description": "`<obc-icon-button>` – An icon-only or icon-with-label button for quick actions.\n\nProvides a compact, visually prominent button that displays an icon (and optionally a label) for triggering actions. Commonly used for toolbars, navigation, or contextual actions where space is limited and a recognizable icon can represent the function.\n\nAppears as a circular or rounded button with configurable visual styles, supporting progress indication and various layout adaptations.\n\n## Features\n- **Variants:**\n  - `normal` (default): Standard appearance for most use cases.\n  - `raised`: Adds elevation/shadow for prominence.\n  - `flat`: Minimal, backgroundless style for subtle actions.\n  - `integration`: For use in Integration Bar components\n- **Progress Indicator:**\n  - Shows a circular progress spinner overlay when the `progress` property is set (0–100). Useful for indicating loading or ongoing actions.\n- **Label Support:**\n  - Optionally displays a text label below the icon when `hasLabel` is true and content is provided in the `label` slot.\n- **Corner Alignment:**\n  - `cornerLeft` and `cornerRight` adjust the button's border radius and alignment for seamless placement at the start or end of a container.\n- **Active State:**\n  - `activated` visually highlights the button as selected or toggled.\n  - `activeColor` applies an accent color for emphasis.\n- **Wide Mode:**\n  - `wide` increases the button's width for easier touch targets or visual balance.\n- **Disabled State:**\n  - `disabled` prevents interaction and visually dims the button.\n\n## Usage Guidelines\n- Use `obc-icon-button` for actions represented by icons, such as toolbars, navigation, or quick-access commands.\n- Add a label (with `hasLabel` and the `label` slot) when clarity is needed or when icons alone may not be universally understood.\n- Use the progress indicator for actions that take time, such as uploads or background processes.\n- Prefer the `normal` variant for most cases; use `raised` to draw attention, and `flat` for less prominent or inline actions.\n- For grouped or edge-aligned layouts, use `cornerLeft` or `cornerRight` to visually merge with container edges.\n- Avoid using icon buttons for destructive or critical actions unless paired with clear feedback.\n- **TODO(designer):** Clarify recommended icon sizes and when to use label vs. icon-only.\n\n## Slots\n| Slot Name | Renders When...      | Purpose                                      |\n|-----------|---------------------|----------------------------------------------|\n| (default) | Always              | The icon to display (e.g., `<obi-search>`)   |\n| label     | If `hasLabel` is set | Optional label text below the icon           |\n\n## Events\n- Emits a standard `click` event (`onClick` handler in framework wrappers) when activated.\n\n## Best Practices\n- Ensure icons are clear and universally recognizable.\n- For accessibility, provide an `aria-label` or descriptive label for the button's action.\n- When using the progress indicator, avoid showing it for very short actions to prevent visual flicker.\n\n## Example:\n```\n<obc-icon-button variant=\"normal\">\n  <obi-search></obi-search>\n</obc-icon-button>\n\n<obc-icon-button variant=\"normal\" hasLabel>\n  <obi-arrow></obi-arrow>\n  <span slot=\"label\">Next</span>\n</obc-icon-button>\n```",
           "name": "ObcIconButton",
           "slots": [
             {
@@ -66702,37 +66711,596 @@
               "fieldName": "systemButtonActivated"
             },
             {
-              "name": "nStatusFields",
+              "name": "nStatusFields",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "fieldName": "nStatusFields"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "obc-integration-bar-dropdown",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ObcIntegrationBarDropdown",
+          "declaration": {
+            "name": "ObcIntegrationBarDropdown",
+            "module": "src/integration-systems/integration-bar-dropdown/integration-bar-dropdown.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "obc-integration-bar-dropdown",
+          "declaration": {
+            "name": "ObcIntegrationBarDropdown",
+            "module": "src/integration-systems/integration-bar-dropdown/integration-bar-dropdown.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/integration-systems/integration-bar/integration-bar.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "`<obc-integration-bar>` – A compact top-level integration header for vessel and system navigation controls.\n\nProvides a configurable integration bar with home/navigation controls, optional fleet and vessel selection,\nand optional utility actions such as alerts, notifications, screen, system, dimming, user, and clock.",
+          "name": "ObcIntegrationBar",
+          "slots": [
+            {
+              "description": "Custom clock content, rendered when `showClock` is true",
+              "name": "clock"
+            },
+            {
+              "description": "Regular vessel integration buttons",
+              "name": "integration-buttons"
+            },
+            {
+              "description": "Compact vessel integration buttons; slotted integration buttons are forced to hug type",
+              "name": "hug-buttons"
+            },
+            {
+              "description": "Modal that will appear achored below the fleet/vessel button. Typically an obc-integration-vessel-menu",
+              "name": "vessel-integration-menu"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "hideHomeButton",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hides the home button when true",
+              "attribute": "hideHomeButton"
+            },
+            {
+              "kind": "field",
+              "name": "showClock",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Toggles rendering of the clock slot",
+              "attribute": "showClock"
+            },
+            {
+              "kind": "field",
+              "name": "showLinkButton",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Toggles visibility of link button",
+              "attribute": "showLinkButton"
+            },
+            {
+              "kind": "field",
+              "name": "linkButtonActivated",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Activated state of link button",
+              "attribute": "linkButtonActivated"
+            },
+            {
+              "kind": "field",
+              "name": "showUserButton",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Toggles visibility of user button",
+              "attribute": "showUserButton"
+            },
+            {
+              "kind": "field",
+              "name": "userButtonActivated",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Activated state of user button",
+              "attribute": "userButtonActivated"
+            },
+            {
+              "kind": "field",
+              "name": "showDimmingButton",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Toggles visibility of dimming button",
+              "attribute": "showDimmingButton"
+            },
+            {
+              "kind": "field",
+              "name": "dimmingButtonActivated",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Activated state of dimming button",
+              "attribute": "dimmingButtonActivated"
+            },
+            {
+              "kind": "field",
+              "name": "showSystemButton",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Toggles visibility of system button",
+              "attribute": "showSystemButton"
+            },
+            {
+              "kind": "field",
+              "name": "systemButtonActivated",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Activated state of system button",
+              "attribute": "systemButtonActivated"
+            },
+            {
+              "kind": "field",
+              "name": "showScreenButton",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Toggles visibility of screen button",
+              "attribute": "showScreenButton"
+            },
+            {
+              "kind": "field",
+              "name": "screenButtonActivated",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Activated state of screen button",
+              "attribute": "screenButtonActivated"
+            },
+            {
+              "kind": "field",
+              "name": "showNotificationButton",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Toggles visibility of notification button",
+              "attribute": "showNotificationButton"
+            },
+            {
+              "kind": "field",
+              "name": "notificationButtonActivated",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Activated state of notification button",
+              "attribute": "notificationButtonActivated"
+            },
+            {
+              "kind": "field",
+              "name": "showAlertButton",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Toggles visibility of alert button",
+              "attribute": "showAlertButton"
+            },
+            {
+              "kind": "field",
+              "name": "alertButtonActivated",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Activated state of alert button",
+              "attribute": "alertButtonActivated"
+            },
+            {
+              "kind": "field",
+              "name": "showFleetButton",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Toggles visibility of fleet button",
+              "attribute": "showFleetButton"
+            },
+            {
+              "kind": "field",
+              "name": "fleetButtonSelected",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Selected state of fleet button",
+              "attribute": "fleetButtonSelected"
+            },
+            {
+              "kind": "field",
+              "name": "fleetButtonActivated",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Active state of fleet button while selection is pending",
+              "attribute": "fleetButtonActivated"
+            },
+            {
+              "kind": "field",
+              "name": "fleetButtonLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Fleet'",
+              "description": "Label for the fleet button",
+              "attribute": "fleetButtonLabel"
+            },
+            {
+              "kind": "field",
+              "name": "buttonsOnBar",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "method",
+              "name": "onFleetButtonClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "onHugButtonsSlotChange",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "onButtonsSlotChange",
+              "privacy": "private"
+            },
+            {
+              "type": {
+                "text": "IntegrationBarType"
+              },
+              "description": "Integration bar mode for fleet/vessel presentation",
+              "name": "type",
+              "kind": "field"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "Selected vessel value",
+              "name": "selectedVesselValue",
+              "kind": "field"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "Active vessel value while selection is pending",
+              "name": "activeVesselValue",
+              "kind": "field"
+            },
+            {
+              "type": {
+                "text": "{value: string; label: string}[]"
+              },
+              "description": "Available vessel options",
+              "name": "vesselSelectorOptions",
+              "kind": "field"
+            }
+          ],
+          "events": [
+            {
+              "name": "fleet-button-click",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the fleet button is clicked"
+            },
+            {
+              "name": "link-button-clicked",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the link button is clicked"
+            },
+            {
+              "name": "alert-button-clicked",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the alert button is clicked"
+            },
+            {
+              "name": "notification-button-clicked",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the notification button is clicked"
+            },
+            {
+              "name": "screen-button-clicked",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the screen button is clicked"
+            },
+            {
+              "name": "system-button-clicked",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the system button is clicked"
+            },
+            {
+              "name": "dimming-button-clicked",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the dimming button is clicked"
+            },
+            {
+              "name": "user-button-clicked",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the user button is clicked"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "hideHomeButton",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hides the home button when true",
+              "fieldName": "hideHomeButton"
+            },
+            {
+              "name": "showClock",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Toggles rendering of the clock slot",
+              "fieldName": "showClock"
+            },
+            {
+              "name": "showLinkButton",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Toggles visibility of link button",
+              "fieldName": "showLinkButton"
+            },
+            {
+              "name": "linkButtonActivated",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Activated state of link button",
+              "fieldName": "linkButtonActivated"
+            },
+            {
+              "name": "showUserButton",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Toggles visibility of user button",
+              "fieldName": "showUserButton"
+            },
+            {
+              "name": "userButtonActivated",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Activated state of user button",
+              "fieldName": "userButtonActivated"
+            },
+            {
+              "name": "showDimmingButton",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Toggles visibility of dimming button",
+              "fieldName": "showDimmingButton"
+            },
+            {
+              "name": "dimmingButtonActivated",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Activated state of dimming button",
+              "fieldName": "dimmingButtonActivated"
+            },
+            {
+              "name": "showSystemButton",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Toggles visibility of system button",
+              "fieldName": "showSystemButton"
+            },
+            {
+              "name": "systemButtonActivated",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Activated state of system button",
+              "fieldName": "systemButtonActivated"
+            },
+            {
+              "name": "showScreenButton",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "0",
-              "fieldName": "nStatusFields"
+              "default": "false",
+              "description": "Toggles visibility of screen button",
+              "fieldName": "showScreenButton"
+            },
+            {
+              "name": "screenButtonActivated",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Activated state of screen button",
+              "fieldName": "screenButtonActivated"
+            },
+            {
+              "name": "showNotificationButton",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Toggles visibility of notification button",
+              "fieldName": "showNotificationButton"
+            },
+            {
+              "name": "notificationButtonActivated",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Activated state of notification button",
+              "fieldName": "notificationButtonActivated"
+            },
+            {
+              "name": "showAlertButton",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Toggles visibility of alert button",
+              "fieldName": "showAlertButton"
+            },
+            {
+              "name": "alertButtonActivated",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Activated state of alert button",
+              "fieldName": "alertButtonActivated"
+            },
+            {
+              "name": "showFleetButton",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Toggles visibility of fleet button",
+              "fieldName": "showFleetButton"
+            },
+            {
+              "name": "fleetButtonSelected",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Selected state of fleet button",
+              "fieldName": "fleetButtonSelected"
+            },
+            {
+              "name": "fleetButtonActivated",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Active state of fleet button while selection is pending",
+              "fieldName": "fleetButtonActivated"
+            },
+            {
+              "name": "fleetButtonLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Fleet'",
+              "description": "Label for the fleet button",
+              "fieldName": "fleetButtonLabel"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "obc-integration-bar-dropdown",
+          "tagName": "obc-integration-bar",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "ObcIntegrationBarDropdown",
+          "name": "ObcIntegrationBar",
           "declaration": {
-            "name": "ObcIntegrationBarDropdown",
-            "module": "src/integration-systems/integration-bar-dropdown/integration-bar-dropdown.ts"
+            "name": "ObcIntegrationBar",
+            "module": "src/integration-systems/integration-bar/integration-bar.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "obc-integration-bar-dropdown",
+          "name": "obc-integration-bar",
           "declaration": {
-            "name": "ObcIntegrationBarDropdown",
-            "module": "src/integration-systems/integration-bar-dropdown/integration-bar-dropdown.ts"
+            "name": "ObcIntegrationBar",
+            "module": "src/integration-systems/integration-bar/integration-bar.ts"
           }
         }
       ]
@@ -66763,7 +67331,7 @@
               "name": "label"
             },
             {
-              "description": "Status text",
+              "description": "Status/description text (shown when `hasStatus` is true)",
               "name": "status"
             },
             {
@@ -66773,6 +67341,10 @@
             {
               "description": "Info status text",
               "name": "info-status"
+            },
+            {
+              "description": "Integration vessel menu to be shown when button is in activated state",
+              "name": "integration-vessel-menu"
             }
           ],
           "members": [
@@ -66783,6 +67355,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Shows the `trailing-icon` slot.",
               "attribute": "hasTrailingIcon"
             },
             {
@@ -66792,6 +67365,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Shows the `trailing-icon2` slot.",
               "attribute": "hasTrailingIcon2"
             },
             {
@@ -66801,15 +67375,26 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Shows the `leading-icon` slot.",
               "attribute": "hasLeadingIcon"
             },
+            {
+              "kind": "field",
+              "name": "hasStatus",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "hasStatus"
+            },
             {
               "kind": "field",
               "name": "readouts",
               "type": {
                 "text": "IntegrationButtonReadout[]"
               },
-              "default": "[]"
+              "default": "[]",
+              "description": "List of readout items shown in the rich type."
             },
             {
               "kind": "field",
@@ -66818,8 +67403,19 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Disables the internal button.",
               "attribute": "disabled"
             },
+            {
+              "kind": "field",
+              "name": "activated",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Applies active state styling while a selection is pending.",
+              "attribute": "activated"
+            },
             {
               "kind": "field",
               "name": "selected",
@@ -66827,6 +67423,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Applies selected state styling.",
               "attribute": "selected"
             },
             {
@@ -66836,7 +67433,80 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Shows a bottom divider under the button.",
               "attribute": "dividerBottom"
+            },
+            {
+              "kind": "field",
+              "name": "dividerRight",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Shows a right divider to separate from adjacent buttons.",
+              "attribute": "dividerRight"
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "IntegrationButtonVariant"
+              },
+              "description": "Visual variant (`normal` or `flat`).",
+              "attribute": "variant"
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "IntegrationButtonType"
+              },
+              "description": "Layout type (`hug`, `regular`, or `rich`).",
+              "attribute": "type"
+            },
+            {
+              "kind": "method",
+              "name": "getButtonClasses",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "onIntegrationVesselMenuClick",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "renderRich"
+            },
+            {
+              "kind": "method",
+              "name": "renderRegular"
+            },
+            {
+              "kind": "method",
+              "name": "renderHug"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Shows the `status` slot.",
+              "name": "hasstatus",
+              "kind": "field"
+            }
+          ],
+          "events": [
+            {
+              "description": "Fired when the internal button is activated.",
+              "name": "click"
             }
           ],
           "attributes": [
@@ -66846,6 +67516,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Shows the `trailing-icon` slot.",
               "fieldName": "hasTrailingIcon"
             },
             {
@@ -66854,6 +67525,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Shows the `trailing-icon2` slot.",
               "fieldName": "hasTrailingIcon2"
             },
             {
@@ -66862,22 +67534,42 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Shows the `leading-icon` slot.",
               "fieldName": "hasLeadingIcon"
             },
+            {
+              "name": "hasStatus",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "hasStatus"
+            },
             {
               "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Disables the internal button.",
               "fieldName": "disabled"
             },
+            {
+              "name": "activated",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Applies active state styling while a selection is pending.",
+              "fieldName": "activated"
+            },
             {
               "name": "selected",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Applies selected state styling.",
               "fieldName": "selected"
             },
             {
@@ -66886,7 +67578,33 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Shows a bottom divider under the button.",
               "fieldName": "dividerBottom"
+            },
+            {
+              "name": "dividerRight",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Shows a right divider to separate from adjacent buttons.",
+              "fieldName": "dividerRight"
+            },
+            {
+              "name": "variant",
+              "type": {
+                "text": "IntegrationButtonVariant"
+              },
+              "description": "Visual variant (`normal` or `flat`).",
+              "fieldName": "variant"
+            },
+            {
+              "name": "type",
+              "type": {
+                "text": "IntegrationButtonType"
+              },
+              "description": "Layout type (`hug`, `regular`, or `rich`).",
+              "fieldName": "type"
             }
           ],
           "superclass": {
@@ -67353,6 +68071,130 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/integration-systems/integration-vessel-menu/integration-vessel-menu.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "`<obc-integration-vessel-menu>` – A menu to be shown when selecting a obc-integration-button from a obc-integration-bar.",
+          "name": "ObcIntegrationVesselMenu",
+          "slots": [
+            {
+              "description": "Icon shown in the header.",
+              "name": "leading-icon"
+            },
+            {
+              "description": "Header title text.",
+              "name": "title"
+            },
+            {
+              "description": "Leading icon for the first button.",
+              "name": "button-1-leading-icon"
+            },
+            {
+              "description": "Label for the first button.",
+              "name": "button-1-label"
+            },
+            {
+              "description": "Leading icon for the second button.",
+              "name": "button-2-leading-icon"
+            },
+            {
+              "description": "Label for the second button.",
+              "name": "button-2-label"
+            },
+            {
+              "description": "Leading icon for the third button.",
+              "name": "button-3-leading-icon"
+            },
+            {
+              "description": "Label for the third button.",
+              "name": "button-3-label"
+            },
+            {
+              "description": "Main content shown in the content area.",
+              "name": "content"
+            },
+            {
+              "description": "Alarm items rendered inside the alert list.",
+              "name": "alarms"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "numberOfButtons",
+              "type": {
+                "text": "number"
+              },
+              "default": "3",
+              "description": "Number of buttons to render (up to 3).",
+              "attribute": "numberOfButtons"
+            },
+            {
+              "kind": "method",
+              "name": "renderButtons",
+              "privacy": "private"
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent"
+              }
+            },
+            {
+              "description": "Fired when the first button is clicked.",
+              "name": "button1-click"
+            },
+            {
+              "description": "Fired when the second button is clicked.",
+              "name": "button2-click"
+            },
+            {
+              "description": "Fired when the third button is clicked.",
+              "name": "button3-click"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "numberOfButtons",
+              "type": {
+                "text": "number"
+              },
+              "default": "3",
+              "description": "Number of buttons to render (up to 3).",
+              "fieldName": "numberOfButtons"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "obc-integration-vessel-menu",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ObcIntegrationVesselMenu",
+          "declaration": {
+            "name": "ObcIntegrationVesselMenu",
+            "module": "src/integration-systems/integration-vessel-menu/integration-vessel-menu.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "obc-integration-vessel-menu",
+          "declaration": {
+            "name": "ObcIntegrationVesselMenu",
+            "module": "src/integration-systems/integration-vessel-menu/integration-vessel-menu.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/integration-systems/integration-vessel-selector/integration-vessel-selector.ts",
@@ -67369,9 +68211,22 @@
             {
               "description": "The fleet of vessels.",
               "name": "fleet"
+            },
+            {
+              "description": "The top bar, displayed when `hasTopbar` is true.",
+              "name": "topbar"
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "hasTopbar",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "hasTopbar"
+            },
             {
               "kind": "field",
               "name": "hasFleet",
@@ -67383,6 +68238,14 @@
             }
           ],
           "attributes": [
+            {
+              "name": "hasTopbar",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "hasTopbar"
+            },
             {
               "name": "hasFleet",
               "type": {