@oicl/openbridge-webcomponents 2.0.0-next.63 → 2.0.0-next.64

package/custom-elements.json

@@ -193,7 +193,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "`<obc-poi-header>` - Compact header chip for marker identifiers, labels, and optional indicator content.\n\n## Overview\nUse this component to display compact marker metadata above or near a marker button.\nKeywords/synonyms: chip, pill, badge, header chip, identifier badge.\n\n## Features/Variants\n- `type` (default `id`):\n  - `id`: shows identifier content only.\n  - `data`: shows identifier plus secondary label.\n- `state` (default `enabled`): `enabled`, `selected`, `caution`, `warning`, `alarm`, `isa-critical`, `isa-high`, `isa-medium`, `isa-low`, `isa-diagnostic`.\n- `content` (default `\"1\"`): primary identifier text.\n- `label` (default `\"Data\"`): secondary text used by `type=\"data\"`.\n- `hasIndicator` (default `false`): appends indicator area.\n- `indicator` slot fallback: renders built-in bar indicator markup when slot content is empty.\n- `size` (default `regular`): currently only `regular`.\n\n## Usage Guidelines\n- Use `type=\"id\"` for compact identifier-only labels.\n- Use `type=\"data\"` when both an ID and short label are required.\n- Keep `content` and `label` brief to prevent overflow.\n\n## Slots/Content\n- `indicator`: Optional indicator icon/content; built-in indicator is used as fallback.\n\n## Events\nThis component does not emit custom events.\n\n## Best Practices\n- Keep indicator usage consistent across similar marker states.\n- Prefer enum values for `type`, `state`, and `size`.\n\n## Example\n```html\n<obc-poi-header type=\"data\" state=\"selected\" content=\"3\" label=\"SOG\" has-indicator>\n  <obi-placeholder slot=\"indicator\"></obi-placeholder>\n</obc-poi-header>\n```",
+          "description": "`<obc-poi-header>` - Compact header chip for marker identifiers, labels, and optional indicator content.\n\n## Overview\nUse this component to display compact marker metadata above or near a marker button.\nKeywords/synonyms: chip, pill, badge, header chip, identifier badge.\n\n## Features/Variants\n- `type` (default `id`):\n  - `id`: shows identifier content only.\n  - `data`: shows identifier plus secondary label.\n- `state` (default `enabled`): `enabled`, `selected`, `caution`, `warning`, `alarm`, `level-critical`, `level-high`, `level-medium`, `level-low`, `level-diagnostic`.\n- `content` (default `\"1\"`): primary identifier text.\n- `label` (default `\"Data\"`): secondary text used by `type=\"data\"`.\n- `hasIndicator` (default `false`): appends indicator area.\n- `indicator` slot fallback: renders built-in bar indicator markup when slot content is empty.\n- `size` (default `regular`): currently only `regular`.\n\n## Usage Guidelines\n- Use `type=\"id\"` for compact identifier-only labels.\n- Use `type=\"data\"` when both an ID and short label are required.\n- Keep `content` and `label` brief to prevent overflow.\n\n## Slots/Content\n- `indicator`: Optional indicator icon/content; built-in indicator is used as fallback.\n\n## Events\nThis component does not emit custom events.\n\n## Best Practices\n- Keep indicator usage consistent across similar marker states.\n- Prefer enum values for `type`, `state`, and `size`.\n\n## Example\n```html\n<obc-poi-header type=\"data\" state=\"selected\" content=\"3\" label=\"SOG\" has-indicator>\n  <obi-placeholder slot=\"indicator\"></obi-placeholder>\n</obc-poi-header>\n```",
           "name": "ObcPoiHeader",
           "slots": [
             {
@@ -3249,7 +3249,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "`<obc-poi-button>` - Marker button component that renders an icon target with optional header and data rows.\n\n## Overview\nUse this component when you need a button-style marker that can show stateful framing and optional metric rows.\nKeywords/synonyms: marker button, target button, icon target, POI button.\n\n## Features/Variants\n- `type` (default `button`): `button` or `enhanced` size.\n- `layout` (default `anchored`): `anchored` or `inline`.\n- `value` (default `unchecked`): `unchecked`, `checked`, `activated`, `overlapped`.\n- `overlapOpaque` (default `false`): controls overlapped opacity mode (`false` = translucent, `true` = opaque).\n- `state` (default `enabled`): `enabled`, `caution`, `warning`, `alarm`, `isa-critical`, `isa-high`, `isa-medium`, `isa-low`, `isa-diagnostic`.\n- `selected` (default `false`): shows selection frame in anchored layout.\n- `relativeDirection` (default `0`): rotates default-slot icon content in degrees.\n- `data` (default `[]`): when non-empty, renders value/label/unit rows.\n- `hasHeader` + `header` slot: renders a header area and syncs slotted `obc-poi-header` state.\n- `hasRelation` (default `false`): enables optional relation content in data mode.\n- `inExpandedGroup` (default `false`): applies `expanded` CSS class.\n- TODO(designer): Confirm intended UX semantics for `inExpandedGroup` beyond styling.\n\n## Usage Guidelines\n- Use `layout=\"anchored\"` for standalone marker buttons.\n- Use `layout=\"inline\"` when this component is embedded in a larger marker composition.\n- Provide `data` for metric display variants.\n- Enable `hasRelation` only when relation slot content is provided.\n\n## Slots/Content\n- Default slot: Icon/content rendered inside `obc-poi-object`.\n- `header`: Optional header content rendered above the marker body.\n- `relation`: Optional relation icon/content rendered when `hasRelation` is true in data mode.\n\n## Events\nThis component does not emit custom events.\nNative `click` is available from the internal `<button>`.\n\n## Best Practices\n- Keep `value`, `state`, and `selected` synchronized to avoid conflicting visual states.\n- Prefer enum values for `type`, `layout`, `state`, and `value`.\n\n## Example\n```html\n<obc-poi-button type=\"button\" layout=\"anchored\" value=\"checked\" selected>\n  <obi-placeholder></obi-placeholder>\n  <obc-poi-header slot=\"header\" content=\"1\"></obc-poi-header>\n</obc-poi-button>\n```",
+          "description": "`<obc-poi-button>` - Marker button component that renders an icon target with optional header and data rows.\n\n## Overview\nUse this component when you need a button-style marker that can show stateful framing and optional metric rows.\nKeywords/synonyms: marker button, target button, icon target, POI button.\n\n## Features/Variants\n- `type` (default `button`): `button` or `enhanced` size.\n- `layout` (default `anchored`): `anchored` or `inline`.\n- `value` (default `unchecked`): `unchecked`, `checked`, `activated`, `overlapped`.\n- `overlapOpaque` (default `false`): controls overlapped opacity mode (`false` = translucent, `true` = opaque).\n- `state` (default `enabled`): `enabled`, `caution`, `warning`, `alarm`, `level-critical`, `level-high`, `level-medium`, `level-low`, `level-diagnostic`.\n- `selected` (default `false`): shows selection frame in anchored layout.\n- `relativeDirection` (default `0`): rotates default-slot icon content in degrees.\n- `data` (default `[]`): when non-empty, renders value/label/unit rows.\n- `hasHeader` + `header` slot: renders a header area and syncs slotted `obc-poi-header` state.\n- `hasRelation` (default `false`): enables optional relation content in data mode.\n- `inExpandedGroup` (default `false`): applies `expanded` CSS class.\n- TODO(designer): Confirm intended UX semantics for `inExpandedGroup` beyond styling.\n\n## Usage Guidelines\n- Use `layout=\"anchored\"` for standalone marker buttons.\n- Use `layout=\"inline\"` when this component is embedded in a larger marker composition.\n- Provide `data` for metric display variants.\n- Enable `hasRelation` only when relation slot content is provided.\n\n## Slots/Content\n- Default slot: Icon/content rendered inside `obc-poi-object`.\n- `header`: Optional header content rendered above the marker body.\n- `relation`: Optional relation icon/content rendered when `hasRelation` is true in data mode.\n\n## Events\nThis component does not emit custom events.\nNative `click` is available from the internal `<button>`.\n\n## Best Practices\n- Keep `value`, `state`, and `selected` synchronized to avoid conflicting visual states.\n- Prefer enum values for `type`, `layout`, `state`, and `value`.\n\n## Example\n```html\n<obc-poi-button type=\"button\" layout=\"anchored\" value=\"checked\" selected>\n  <obi-placeholder></obi-placeholder>\n  <obc-poi-header slot=\"header\" content=\"1\"></obc-poi-header>\n</obc-poi-button>\n```",
           "name": "ObcPoiButton",
           "slots": [
             {
@@ -12692,7 +12692,7 @@
             },
             {
               "kind": "method",
-              "name": "renderIsaCriticalIcon",
+              "name": "renderLevelCriticalIcon",
               "privacy": "private",
               "parameters": [
                 {
@@ -12705,7 +12705,7 @@
             },
             {
               "kind": "method",
-              "name": "renderIsaDiagnosticIcon",
+              "name": "renderLevelDiagnosticIcon",
               "privacy": "private"
             },
             {
@@ -39306,7 +39306,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "`<obc-alert-frame>` – A bordered frame component for visually emphasizing alert or status messages.\n\nThe alert frame provides a prominent outline and optional \"flap\" with status icon to draw attention to critical information or UI regions. It supports multiple visual variants and thicknesses, and can be configured to indicate different alert statuses (alarm, warning, caution). The component is designed to wrap content and visually distinguish it from the surrounding UI.\n\n### Features\n- **Variants (type):**\n  - `regular`: Standard outlined frame with no flap or icon.\n  - `small-side-flip`: Adds a small side flap with a status icon at the top right.\n  - `large-side-flip`: Adds a larger, vertical side flap with a status icon and optional custom icon.\n  - `bottom-flip`: Adds a bottom flap with a status icon, label, and timer slots.\n- **Thickness options:** Choose between `small` (thin border) and `large` (thick border) for visual emphasis.\n- **Status indication:** Displays different color schemes and icons for the legacy statuses (`alarm`, `warning`, `caution`) and the ISA statuses (`isa-critical`, `isa-high`, `isa-medium`, `isa-low`, `isa-diagnostic`).\n- **Acknowledgement mode:** The `mode` property reflects the alert lifecycle state — `acked-active` (default), `unacked-active`, and `unacked-rectified` — driving the blinking/animation treatment of the frame.\n- **Content wrapping:** When `wrapContent` is true, the frame wraps and sizes itself to its slotted content rather than overlaying a fixed region.\n- **Customizable corners:** Each corner can be set to a sharp (non-rounded) edge for integration with other UI elements.\n- **Slot-based content:** Supports custom icons, labels, and timers in flap variants via named slots.\n\n### Usage Guidelines\nUse `obc-alert-frame` to highlight important content, such as alerts, warnings, or status panels. The flap variants are ideal for drawing extra attention to urgent or time-sensitive information, while the regular type provides a subtle but clear border. Choose the status to match the severity of the message (alarm, warning, caution). Adjust thickness for visual hierarchy—use large for high-priority alerts and small for less critical notices.\n\n**TODO(designer):** Provide guidance on when to use each flap type (small-side-flip, large-side-flip, bottom-flip) and recommended scenarios for sharp edge usage.\n\n### Features/Variants\n- **Type (Visual Variant):**\n  - `regular`: Simple outlined frame, no flap or icon.\n  - `small-side-flip`: Small right-side flap with status icon.\n  - `large-side-flip`: Large vertical right-side flap with status icon and optional custom icon.\n  - `bottom-flip`: Bottom flap with status icon, label, and timer.\n- **Thickness:** `small` (default) or `large` for border width.\n- **Status:** `alarm`, `warning`, `caution`, or the ISA severities (`isa-critical`, `isa-high`, `isa-medium`, `isa-low`, `isa-diagnostic`)—affects color and icon.\n- **Mode:** `acked-active` (default), `unacked-active`, or `unacked-rectified`—affects blinking/animation.\n- **Corner Customization:** Each corner can be made sharp (not rounded) via boolean properties.\n\n### Slots and Content Structure\n\n| Slot Name | Renders When... | Purpose |\n|-----------|-----------------|---------|\n| (default) | Always | Main content inside the alert frame. |\n| icon | `large-side-flip` or `bottom-flip` | Custom icon displayed in the flap (in addition to status icon). |\n| label | `bottom-flip` only | Label text shown in the bottom flap. |\n| timer | `bottom-flip` only | Timer or time label in the bottom flap. |\n\n### Properties and Attributes\n- `type`: Selects the visual variant/flap style. Default is `small-side-flip`.\n- `thickness`: Controls border thickness (`small` or `large`). Default is `small`.\n- `status`: Sets the alert status and color/icon (`alarm`, `warning`, `caution`, or the `isa-*` severities). Default is `alarm`.\n- `mode`: Acknowledgement lifecycle state (`acked-active`, `unacked-active`, `unacked-rectified`) controlling blinking/animation. Default is `acked-active`.\n- `wrapContent`: When true, the frame wraps and sizes to its slotted content instead of overlaying a fixed region. Default is `false`.\n- `sharpEdgeTopLeft`, `sharpEdgeTopRight`, `sharpEdgeBottomLeft`, `sharpEdgeBottomRight`: Boolean flags to make each corner sharp instead of rounded.\n\n### Best Practices and Constraints\n- Use the status property to match the severity of the alert.\n- Only use the bottom-flip variant when both label and timer are relevant.\n- For visual consistency, align sharp edge settings with adjacent UI elements.\n- The default slot is for the main content; use named slots for icons, labels, and timers as needed.\n\n### Example:\n```\n<obc-alert-frame\n  type=\"bottom-flip\"\n  thickness=\"large\"\n  status=\"warning\"\n  sharpEdgeTopLeft\n>\n  <obi-placeholder slot=\"icon\"></obi-placeholder>\n  <div slot=\"label\">Low Battery</div>\n  <div slot=\"timer\">00:15</div>\n  <div>Critical system message goes here.</div>\n</obc-alert-frame>\n```",
+          "description": "`<obc-alert-frame>` – A bordered frame component for visually emphasizing alert or status messages.\n\nThe alert frame provides a prominent outline and optional \"flap\" with status icon to draw attention to critical information or UI regions. It supports multiple visual variants and thicknesses, and can be configured to indicate different alert statuses (alarm, warning, caution). The component is designed to wrap content and visually distinguish it from the surrounding UI.\n\n### Features\n- **Variants (type):**\n  - `regular`: Standard outlined frame with no flap or icon.\n  - `small-side-flip`: Adds a small side flap with a status icon at the top right.\n  - `large-side-flip`: Adds a larger, vertical side flap with a status icon and optional custom icon.\n  - `bottom-flip`: Adds a bottom flap with a status icon, label, and timer slots.\n- **Thickness options:** Choose between `small` (thin border) and `large` (thick border) for visual emphasis.\n- **Status indication:** Displays different color schemes and icons for the legacy statuses (`alarm`, `warning`, `caution`) and the level statuses (`level-critical`, `level-high`, `level-medium`, `level-low`, `level-diagnostic`).\n- **Acknowledgement mode:** The `mode` property reflects the alert lifecycle state — `acked-active` (default), `unacked-active`, and `unacked-rectified` — driving the blinking/animation treatment of the frame.\n- **Content wrapping:** When `wrapContent` is true, the frame wraps and sizes itself to its slotted content rather than overlaying a fixed region.\n- **Customizable corners:** Each corner can be set to a sharp (non-rounded) edge for integration with other UI elements.\n- **Slot-based content:** Supports custom icons, labels, and timers in flap variants via named slots.\n\n### Usage Guidelines\nUse `obc-alert-frame` to highlight important content, such as alerts, warnings, or status panels. The flap variants are ideal for drawing extra attention to urgent or time-sensitive information, while the regular type provides a subtle but clear border. Choose the status to match the severity of the message (alarm, warning, caution). Adjust thickness for visual hierarchy—use large for high-priority alerts and small for less critical notices.\n\n**TODO(designer):** Provide guidance on when to use each flap type (small-side-flip, large-side-flip, bottom-flip) and recommended scenarios for sharp edge usage.\n\n### Features/Variants\n- **Type (Visual Variant):**\n  - `regular`: Simple outlined frame, no flap or icon.\n  - `small-side-flip`: Small right-side flap with status icon.\n  - `large-side-flip`: Large vertical right-side flap with status icon and optional custom icon.\n  - `bottom-flip`: Bottom flap with status icon, label, and timer.\n- **Thickness:** `small` (default) or `large` for border width.\n- **Status:** `alarm`, `warning`, `caution`, or the level severities (`level-critical`, `level-high`, `level-medium`, `level-low`, `level-diagnostic`)—affects color and icon.\n- **Mode:** `acked-active` (default), `unacked-active`, or `unacked-rectified`—affects blinking/animation.\n- **Corner Customization:** Each corner can be made sharp (not rounded) via boolean properties.\n\n### Slots and Content Structure\n\n| Slot Name | Renders When... | Purpose |\n|-----------|-----------------|---------|\n| (default) | Always | Main content inside the alert frame. |\n| icon | `large-side-flip` or `bottom-flip` | Custom icon displayed in the flap (in addition to status icon). |\n| label | `bottom-flip` only | Label text shown in the bottom flap. |\n| timer | `bottom-flip` only | Timer or time label in the bottom flap. |\n\n### Properties and Attributes\n- `type`: Selects the visual variant/flap style. Default is `small-side-flip`.\n- `thickness`: Controls border thickness (`small` or `large`). Default is `small`.\n- `status`: Sets the alert status and color/icon (`alarm`, `warning`, `caution`, or the `level-*` severities). Default is `alarm`.\n- `mode`: Acknowledgement lifecycle state (`acked-active`, `unacked-active`, `unacked-rectified`) controlling blinking/animation. Default is `acked-active`.\n- `wrapContent`: When true, the frame wraps and sizes to its slotted content instead of overlaying a fixed region. Default is `false`.\n- `sharpEdgeTopLeft`, `sharpEdgeTopRight`, `sharpEdgeBottomLeft`, `sharpEdgeBottomRight`: Boolean flags to make each corner sharp instead of rounded.\n\n### Best Practices and Constraints\n- Use the status property to match the severity of the alert.\n- Only use the bottom-flip variant when both label and timer are relevant.\n- For visual consistency, align sharp edge settings with adjacent UI elements.\n- The default slot is for the main content; use named slots for icons, labels, and timers as needed.\n\n### Example:\n```\n<obc-alert-frame\n  type=\"bottom-flip\"\n  thickness=\"large\"\n  status=\"warning\"\n  sharpEdgeTopLeft\n>\n  <obi-placeholder slot=\"icon\"></obi-placeholder>\n  <div slot=\"label\">Low Battery</div>\n  <div slot=\"timer\">00:15</div>\n  <div>Critical system message goes here.</div>\n</obc-alert-frame>\n```",
           "name": "ObcAlertFrame",
           "slots": [
             {
@@ -39351,7 +39351,7 @@
               "type": {
                 "text": "AlertType"
               },
-              "description": "Status of the alert, controlling color scheme and icon.\n- `alarm`: Highest severity (default).\n- `warning`: Medium severity.\n- `caution`: Lower severity.\n- `isa-critical`, `isa-high`, `isa-medium`, `isa-low`, `isa-diagnostic`: ISA severity levels, styled to match their legacy equivalents.",
+              "description": "Status of the alert, controlling color scheme and icon.\n- `alarm`: Highest severity (default).\n- `warning`: Medium severity.\n- `caution`: Lower severity.\n- `level-critical`, `level-high`, `level-medium`, `level-low`, `level-diagnostic`: level severity levels, styled to match their legacy equivalents.",
               "attribute": "status"
             },
             {
@@ -39477,7 +39477,7 @@
               "type": {
                 "text": "AlertType"
               },
-              "description": "Status of the alert, controlling color scheme and icon.\n- `alarm`: Highest severity (default).\n- `warning`: Medium severity.\n- `caution`: Lower severity.\n- `isa-critical`, `isa-high`, `isa-medium`, `isa-low`, `isa-diagnostic`: ISA severity levels, styled to match their legacy equivalents.",
+              "description": "Status of the alert, controlling color scheme and icon.\n- `alarm`: Highest severity (default).\n- `warning`: Medium severity.\n- `caution`: Lower severity.\n- `level-critical`, `level-high`, `level-medium`, `level-low`, `level-diagnostic`: level severity levels, styled to match their legacy equivalents.",
               "fieldName": "status"
             },
             {
@@ -41497,7 +41497,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "`<obc-badge>` – A compact visual indicator for status, alerts, or notifications, optionally displaying a number and/or icon.\n\nBadges are used to draw attention to status changes, counts, or important information in a concise format. They can represent alert states (such as alarm, warning, or running), notification counts, or other contextual statuses. The badge adapts its appearance based on type, size, and variant, and can display an icon, a number, or both.\n\n---\n\n### Features\n- **Type options:** Supports multiple visual types:\n  - `regular`: Default neutral badge.\n  - `alarm`: Highlights critical or urgent states.\n  - `warning`: Indicates caution or warning.\n  - `caution`: Used for less severe caution.\n  - `isa-critical`, `isa-high`, `isa-medium`, `isa-low`, `isa-diagnostic`: ISA severity levels, styled to match their legacy equivalents (critical, alarm, warning, caution, notification).\n  - `running`: Represents active or running states.\n  - `notification`: For general notifications.\n  - `enhance`: For secondary notifications or emphasis.\n  - `automation`: For automation-related status.\n  - `outline`: Outline-only style (flat variant only).\n  - `empty`: Minimal badge with no icon or number.\n- **Size options:** `regular` (default) and `large` for increased visibility.\n- **Variants:**\n  - `default`: Filled background and border.\n  - `flat`: Minimal background, outline, and lighter appearance.\n- **Icon support:** Can display a contextual icon (built-in for alarm, warning, caution, running; custom via slot for others).\n- **Number display:** Optionally shows a number (e.g., count of notifications).\n- **Hide number:** Can suppress the number for a purely symbolic badge.\n- **Custom icon slot:** For types without a built-in icon, developers can provide a custom icon using the `badge-icon` slot.\n- **Responsive layout:** Adjusts size and spacing based on the `size` property.\n\n---\n\n### Usage Guidelines\n- Use `obc-badge` to highlight status, counts, or alerts in a compact form, such as notification indicators, unread message counts, or system status.\n- Choose the `type` that matches the semantic meaning (e.g., `alarm` for critical, `warning` for caution, `running` for active).\n- Use the `number` property to show counts; set `showNumber` to false for symbolic-only badges.\n- Use the `flat` variant for less prominent or secondary contexts.\n- For custom icons, provide an icon element in the `badge-icon` slot.\n- Avoid using badges for persistent or detailed information; they are intended for brief, glanceable status.\n- **TODO(designer):** Confirm recommended use cases for `enhance`, `automation`, and `outline` types, and clarify when to use `empty` type versus hiding the badge entirely.\n\n---\n\n### Slots\n\n| Slot Name     | Renders When...                | Purpose                                             |\n|---------------|-------------------------------|-----------------------------------------------------|\n| `badge-icon`  | `showIcon` is true and `type` is not one of `alarm`, `warning`, `caution`, `running` | Custom icon for the badge (e.g., `<obi-placeholder>`). |\n\n---\n\n### Properties and Attributes\n- `number` (number): The numeric value to display in the badge. Defaults to 0.\n- `showNumber` (boolean): If true, the number is shown. Set to `false` for symbolic or icon-only badges.\n- `type` (string): Visual style of the badge. See **Type options** above for possible values. Defaults to `regular`.\n- `size` (string): Badge size, either `regular` (default) or `large`.\n- `variant` (string): Visual variant, either `default` (filled) or `flat` (minimal). Defaults to `default`.\n- `showIcon` (boolean): If true, displays an icon appropriate to the badge type. For custom types, supply an icon in the `badge-icon` slot.\n\n---\n\n### Best Practices and Constraints\n- Use badge types consistently to communicate status meaningfully.\n- For accessibility, ensure the badge's meaning is also conveyed via text or ARIA attributes if used as a status indicator.\n- Avoid overloading the badge with large numbers or excessive detail; keep content concise.\n- The `empty` type is intended for minimal presence—use when a placeholder badge is needed without icon or number.\n- For custom icons, use OpenBridge icon elements such as `<obi-placeholder>` in the `badge-icon` slot.\n- The badge does not emit any custom events.\n\n---\n\n### Example\n\n```html\n<obc-badge type=\"alarm\" number=\"3\" showIcon>\n  <!-- For custom types, provide an icon: -->\n  <obi-placeholder slot=\"badge-icon\"></obi-placeholder>\n</obc-badge>\n```\n\nIn this example, the badge displays an alarm icon and the number 3.",
+          "description": "`<obc-badge>` – A compact visual indicator for status, alerts, or notifications, optionally displaying a number and/or icon.\n\nBadges are used to draw attention to status changes, counts, or important information in a concise format. They can represent alert states (such as alarm, warning, or running), notification counts, or other contextual statuses. The badge adapts its appearance based on type, size, and variant, and can display an icon, a number, or both.\n\n---\n\n### Features\n- **Type options:** Supports multiple visual types:\n  - `regular`: Default neutral badge.\n  - `alarm`: Highlights critical or urgent states.\n  - `warning`: Indicates caution or warning.\n  - `caution`: Used for less severe caution.\n  - `level-critical`, `level-high`, `level-medium`, `level-low`, `level-diagnostic`: level severity levels, styled to match their legacy equivalents (critical, alarm, warning, caution, notification).\n  - `running`: Represents active or running states.\n  - `notification`: For general notifications.\n  - `enhance`: For secondary notifications or emphasis.\n  - `automation`: For automation-related status.\n  - `outline`: Outline-only style (flat variant only).\n  - `empty`: Minimal badge with no icon or number.\n- **Size options:** `regular` (default) and `large` for increased visibility.\n- **Variants:**\n  - `default`: Filled background and border.\n  - `flat`: Minimal background, outline, and lighter appearance.\n- **Icon support:** Can display a contextual icon (built-in for alarm, warning, caution, running; custom via slot for others).\n- **Number display:** Optionally shows a number (e.g., count of notifications).\n- **Hide number:** Can suppress the number for a purely symbolic badge.\n- **Custom icon slot:** For types without a built-in icon, developers can provide a custom icon using the `badge-icon` slot.\n- **Responsive layout:** Adjusts size and spacing based on the `size` property.\n\n---\n\n### Usage Guidelines\n- Use `obc-badge` to highlight status, counts, or alerts in a compact form, such as notification indicators, unread message counts, or system status.\n- Choose the `type` that matches the semantic meaning (e.g., `alarm` for critical, `warning` for caution, `running` for active).\n- Use the `number` property to show counts; set `showNumber` to false for symbolic-only badges.\n- Use the `flat` variant for less prominent or secondary contexts.\n- For custom icons, provide an icon element in the `badge-icon` slot.\n- Avoid using badges for persistent or detailed information; they are intended for brief, glanceable status.\n- **TODO(designer):** Confirm recommended use cases for `enhance`, `automation`, and `outline` types, and clarify when to use `empty` type versus hiding the badge entirely.\n\n---\n\n### Slots\n\n| Slot Name     | Renders When...                | Purpose                                             |\n|---------------|-------------------------------|-----------------------------------------------------|\n| `badge-icon`  | `showIcon` is true and `type` is not one of `alarm`, `warning`, `caution`, `running` | Custom icon for the badge (e.g., `<obi-placeholder>`). |\n\n---\n\n### Properties and Attributes\n- `number` (number): The numeric value to display in the badge. Defaults to 0.\n- `showNumber` (boolean): If true, the number is shown. Set to `false` for symbolic or icon-only badges.\n- `type` (string): Visual style of the badge. See **Type options** above for possible values. Defaults to `regular`.\n- `size` (string): Badge size, either `regular` (default) or `large`.\n- `variant` (string): Visual variant, either `default` (filled) or `flat` (minimal). Defaults to `default`.\n- `showIcon` (boolean): If true, displays an icon appropriate to the badge type. For custom types, supply an icon in the `badge-icon` slot.\n\n---\n\n### Best Practices and Constraints\n- Use badge types consistently to communicate status meaningfully.\n- For accessibility, ensure the badge's meaning is also conveyed via text or ARIA attributes if used as a status indicator.\n- Avoid overloading the badge with large numbers or excessive detail; keep content concise.\n- The `empty` type is intended for minimal presence—use when a placeholder badge is needed without icon or number.\n- For custom icons, use OpenBridge icon elements such as `<obi-placeholder>` in the `badge-icon` slot.\n- The badge does not emit any custom events.\n\n---\n\n### Example\n\n```html\n<obc-badge type=\"alarm\" number=\"3\" showIcon>\n  <!-- For custom types, provide an icon: -->\n  <obi-placeholder slot=\"badge-icon\"></obi-placeholder>\n</obc-badge>\n```\n\nIn this example, the badge displays an alarm icon and the number 3.",
           "name": "ObcBadge",
           "slots": [
             {
@@ -41531,7 +41531,7 @@
               "type": {
                 "text": "string"
               },
-              "description": "Visual style/type of the badge.\n\nPossible values: `regular`, `alarm`, `warning`, `caution`, `isa-critical`, `isa-high`, `isa-medium`, `isa-low`, `isa-diagnostic`, `running`, `notification`, `enhance`, `automation`, `outline`, `empty`.\n\nDefaults to `regular`.",
+              "description": "Visual style/type of the badge.\n\nPossible values: `regular`, `alarm`, `warning`, `caution`, `level-critical`, `level-high`, `level-medium`, `level-low`, `level-diagnostic`, `running`, `notification`, `enhance`, `automation`, `outline`, `empty`.\n\nDefaults to `regular`.",
               "attribute": "type"
             },
             {
@@ -41559,7 +41559,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether to show an icon in the badge.\n\nFor built-in types (`alarm`, `warning`, `caution`, the `isa-*` severities, and `running`), a contextual icon is shown automatically.\nFor other types, provide a custom icon in the `badge-icon` slot.",
+              "description": "Whether to show an icon in the badge.\n\nFor built-in types (`alarm`, `warning`, `caution`, the `level-*` severities, and `running`), a contextual icon is shown automatically.\nFor other types, provide a custom icon in the `badge-icon` slot.",
               "attribute": "showIcon"
             },
             {
@@ -41592,7 +41592,7 @@
               "type": {
                 "text": "string"
               },
-              "description": "Visual style/type of the badge.\n\nPossible values: `regular`, `alarm`, `warning`, `caution`, `isa-critical`, `isa-high`, `isa-medium`, `isa-low`, `isa-diagnostic`, `running`, `notification`, `enhance`, `automation`, `outline`, `empty`.\n\nDefaults to `regular`.",
+              "description": "Visual style/type of the badge.\n\nPossible values: `regular`, `alarm`, `warning`, `caution`, `level-critical`, `level-high`, `level-medium`, `level-low`, `level-diagnostic`, `running`, `notification`, `enhance`, `automation`, `outline`, `empty`.\n\nDefaults to `regular`.",
               "fieldName": "type"
             },
             {
@@ -41617,7 +41617,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether to show an icon in the badge.\n\nFor built-in types (`alarm`, `warning`, `caution`, the `isa-*` severities, and `running`), a contextual icon is shown automatically.\nFor other types, provide a custom icon in the `badge-icon` slot.",
+              "description": "Whether to show an icon in the badge.\n\nFor built-in types (`alarm`, `warning`, `caution`, the `level-*` severities, and `running`), a contextual icon is shown automatically.\nFor other types, provide a custom icon in the `badge-icon` slot.",
               "fieldName": "showIcon"
             }
           ],

package/dist/alert-severity.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert-severity.d.ts","sourceRoot":"","sources":["../src/alert-severity.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAC,MAAM,YAAY,CAAC;AAE9D,OAAO,EAAC,uBAAuB,EAAC,CAAC;AAEjC,oBAAY,mBAAmB;IAC7B,KAAK,oBAAoB;IACzB,OAAO,sBAAsB;IAC7B,OAAO,sBAAsB;IAC7B,QAAQ,uBAAuB;IAC/B,UAAU,yBAAyB;CACpC;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,SAAS,GAAG,OAAO,CAShE;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,SAAS,GAAG,OAAO,CASzD;AAED,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,CAEhE;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,SAAS,GAAG,gBAAgB,CAqCrE;AAED,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,SAAS,GAAG,mBAAmB,CAiB3E;AAED,oBAAY,qBAAqB;IAC/B,KAAK,6BAA6B;IAClC,OAAO,+BAA+B;IACtC,OAAO,+BAA+B;IACtC,QAAQ,gCAAgC;IACxC,UAAU,kCAAkC;CAC7C;AAED,wBAAgB,wBAAwB,CACtC,IAAI,EAAE,SAAS,GACd,qBAAqB,CAiBvB;AAED,oBAAY,cAAc;IACxB,QAAQ,aAAa;IACrB,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,GAAG,QAAQ;CACZ;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,SAAS,GAAG,cAAc,CAejE;AAED,wBAAgB,0BAA0B,CAAC,IAAI,EAAE,SAAS,GAAG,SAAS,CAYrE;AAED,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,SAAS,GAAG,OAAO,CAElE;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,SAAS,GAAG,OAAO,CAI3D"}
+{"version":3,"file":"alert-severity.d.ts","sourceRoot":"","sources":["../src/alert-severity.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAC,MAAM,YAAY,CAAC;AAE9D,OAAO,EAAC,uBAAuB,EAAC,CAAC;AAEjC,oBAAY,mBAAmB;IAC7B,KAAK,oBAAoB;IACzB,OAAO,sBAAsB;IAC7B,OAAO,sBAAsB;IAC7B,QAAQ,uBAAuB;IAC/B,UAAU,yBAAyB;CACpC;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,SAAS,GAAG,OAAO,CAShE;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,SAAS,GAAG,OAAO,CASzD;AAED,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,CAEhE;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,SAAS,GAAG,gBAAgB,CAqCrE;AAED,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,SAAS,GAAG,mBAAmB,CAiB3E;AAED,oBAAY,qBAAqB;IAC/B,KAAK,6BAA6B;IAClC,OAAO,+BAA+B;IACtC,OAAO,+BAA+B;IACtC,QAAQ,gCAAgC;IACxC,UAAU,kCAAkC;CAC7C;AAED,wBAAgB,wBAAwB,CACtC,IAAI,EAAE,SAAS,GACd,qBAAqB,CAiBvB;AAED,oBAAY,cAAc;IACxB,QAAQ,aAAa;IACrB,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,GAAG,QAAQ;CACZ;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,SAAS,GAAG,cAAc,CAejE;AAED,wBAAgB,0BAA0B,CAAC,IAAI,EAAE,SAAS,GAAG,SAAS,CAYrE;AAED,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,SAAS,GAAG,OAAO,CAElE;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,SAAS,GAAG,OAAO,CAM3D"}

package/dist/alert-severity.js

@@ -12,20 +12,20 @@ function requiresAcknowledgement(type) {
   return [
     AlertType.Alarm,
     AlertType.Warning,
-    AlertType.IsaCritical,
-    AlertType.IsaHigh,
-    AlertType.IsaMedium,
-    AlertType.IsaLow
+    AlertType.LevelCritical,
+    AlertType.LevelHigh,
+    AlertType.LevelMedium,
+    AlertType.LevelLow
   ].includes(type);
 }
 function supportsBlinking(type) {
   return [
     AlertType.Alarm,
     AlertType.Warning,
-    AlertType.IsaCritical,
-    AlertType.IsaHigh,
-    AlertType.IsaMedium,
-    AlertType.IsaLow
+    AlertType.LevelCritical,
+    AlertType.LevelHigh,
+    AlertType.LevelMedium,
+    AlertType.LevelLow
   ].includes(type);
 }
 function getAlertSeverityCssClass(type) {
@@ -33,34 +33,34 @@ function getAlertSeverityCssClass(type) {
 }
 function getAlertColorTokens(type) {
   switch (type) {
-    case AlertType.IsaCritical:
+    case AlertType.LevelCritical:
       return {
         bg: "var(--critical-enabled-background-color)",
         border: "var(--critical-enabled-border-color)",
         onActive: "var(--on-critical-active-color)"
       };
     case AlertType.Warning:
-    case AlertType.IsaMedium:
+    case AlertType.LevelMedium:
       return {
         bg: "var(--alert-warning-color)",
         border: "var(--alert-warning-outline-color)",
         onActive: "var(--on-warning-active-color)"
       };
     case AlertType.Caution:
-    case AlertType.IsaLow:
+    case AlertType.LevelLow:
       return {
         bg: "var(--alert-caution-color)",
         border: "var(--alert-caution-outline-color)",
         onActive: "var(--on-caution-active-color)"
       };
-    case AlertType.IsaDiagnostic:
+    case AlertType.LevelDiagnostic:
       return {
         bg: "var(--notification-enabled-background-color)",
         border: "var(--notification-enabled-border-color)",
         onActive: "var(--on-notification-active-color)"
       };
     case AlertType.Alarm:
-    case AlertType.IsaHigh:
+    case AlertType.LevelHigh:
     default:
       return {
         bg: "var(--alert-alarm-color)",
@@ -71,18 +71,18 @@ function getAlertColorTokens(type) {
 }
 function getAlertBadgeComponent(type) {
   switch (type) {
-    case AlertType.IsaCritical:
+    case AlertType.LevelCritical:
       return "obi-critical-badge";
     case AlertType.Warning:
-    case AlertType.IsaMedium:
+    case AlertType.LevelMedium:
       return "obi-warning-badge";
     case AlertType.Caution:
-    case AlertType.IsaLow:
+    case AlertType.LevelLow:
       return "obi-caution-badge";
-    case AlertType.IsaDiagnostic:
+    case AlertType.LevelDiagnostic:
       return "obi-diagnostic-badge";
     case AlertType.Alarm:
-    case AlertType.IsaHigh:
+    case AlertType.LevelHigh:
     default:
       return "obi-alarm-badge";
   }
@@ -97,18 +97,18 @@ var AlertTwotoneComponent = /* @__PURE__ */ ((AlertTwotoneComponent2) => {
 })(AlertTwotoneComponent || {});
 function getAlertTwotoneComponent(type) {
   switch (type) {
-    case AlertType.IsaCritical:
+    case AlertType.LevelCritical:
       return "obi-alerts-critical-twotone";
-    case AlertType.IsaDiagnostic:
+    case AlertType.LevelDiagnostic:
       return "obi-alerts-diagnostic-twotone";
     case AlertType.Warning:
-    case AlertType.IsaMedium:
+    case AlertType.LevelMedium:
       return "obi-alerts-warning-twotone";
     case AlertType.Caution:
-    case AlertType.IsaLow:
+    case AlertType.LevelLow:
       return "obi-alerts-caution-twotone";
     case AlertType.Alarm:
-    case AlertType.IsaHigh:
+    case AlertType.LevelHigh:
     default:
       return "obi-alerts-alarm-twotone";
   }
@@ -122,40 +122,42 @@ var AlertBlinkMode = /* @__PURE__ */ ((AlertBlinkMode2) => {
 })(AlertBlinkMode || {});
 function getAlertBlinkMode(type) {
   switch (type) {
-    case AlertType.IsaCritical:
+    case AlertType.LevelCritical:
       return "critical";
     case AlertType.Warning:
-    case AlertType.IsaMedium:
+    case AlertType.LevelMedium:
       return "warning";
     case AlertType.Caution:
-    case AlertType.IsaLow:
+    case AlertType.LevelLow:
       return "low";
     case AlertType.Alarm:
-    case AlertType.IsaHigh:
+    case AlertType.LevelHigh:
     default:
       return "alarm";
   }
 }
 function getBamAlertTypeForBlinking(type) {
   switch (type) {
-    case AlertType.IsaCritical:
-    case AlertType.IsaHigh:
+    case AlertType.LevelCritical:
+    case AlertType.LevelHigh:
       return AlertType.Alarm;
-    case AlertType.IsaMedium:
+    case AlertType.LevelMedium:
       return AlertType.Warning;
-    case AlertType.IsaLow:
+    case AlertType.LevelLow:
       return AlertType.Caution;
     default:
       return type;
   }
 }
 function excludedFromUnackedFilter(type) {
-  return [AlertType.Caution, AlertType.IsaDiagnostic].includes(type);
+  return [AlertType.Caution, AlertType.LevelDiagnostic].includes(type);
 }
 function usesAlarmNoAckIcon(type) {
-  return [AlertType.Alarm, AlertType.IsaCritical, AlertType.IsaHigh].includes(
-    type
-  );
+  return [
+    AlertType.Alarm,
+    AlertType.LevelCritical,
+    AlertType.LevelHigh
+  ].includes(type);
 }
 export {
   ALERT_SEVERITY_PRIORITY,

package/dist/alert-severity.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert-severity.js","sources":["../src/alert-severity.ts"],"sourcesContent":["/**\n * `alert-severity` – Pure helper module mapping alert severities to their\n * visual, behavioral, and acknowledgement semantics.\n *\n * Centralizes the per-`AlertType` decisions shared across alert-rendering\n * components (badges, twotone icons, frames, lists) so that severity behavior\n * stays consistent everywhere. Supports both the legacy severities\n * (`alarm`, `warning`, `caution`) and the ISA severities\n * (`isa-critical`, `isa-high`, `isa-medium`, `isa-low`, `isa-diagnostic`),\n * collapsing the ISA set onto the legacy visual/blink treatments where they\n * share styling.\n *\n * Features:\n * - Color tokens: `getAlertColorTokens` returns background/border/on-active\n *   CSS custom properties per severity.\n * - Component selectors: `getAlertBadgeComponent` and\n *   `getAlertTwotoneComponent` resolve the badge/icon element tag for a\n *   severity.\n * - Blinking: `supportsBlinking` reports whether a severity blinks,\n *   `getAlertBlinkMode` resolves its blink mode, and\n *   `getBamAlertTypeForBlinking` maps ISA severities onto the legacy type used\n *   by the bridge alert management (BAM) blink machinery.\n * - Acknowledgement & filtering: `requiresAcknowledgement` reports whether a\n *   severity needs an ACK action, `excludedFromUnackedFilter` reports whether\n *   it is hidden from the \"unacked\" view, and `usesAlarmNoAckIcon` selects the\n *   alarm-style no-ack icon.\n * - Priority: re-exports `ALERT_SEVERITY_PRIORITY`, the ordered severity list\n *   (most → least severe) used to sort alerts.\n *\n * Usage:\n * ```ts\n * import {\n *   getAlertColorTokens,\n *   requiresAcknowledgement,\n *   ALERT_SEVERITY_PRIORITY,\n * } from './alert-severity.js';\n * import {AlertType} from './types.js';\n *\n * const tokens = getAlertColorTokens(AlertType.IsaHigh);\n * const needsAck = requiresAcknowledgement(AlertType.IsaLow); // true\n * alerts.sort(\n *   (a, b) =>\n *     ALERT_SEVERITY_PRIORITY.indexOf(a.type) -\n *     ALERT_SEVERITY_PRIORITY.indexOf(b.type)\n * );\n * ```\n */\nimport {AlertType, ALERT_SEVERITY_PRIORITY} from './types.js';\n\nexport {ALERT_SEVERITY_PRIORITY};\n\nexport enum AlertBadgeComponent {\n  Alarm = 'obi-alarm-badge',\n  Warning = 'obi-warning-badge',\n  Caution = 'obi-caution-badge',\n  Critical = 'obi-critical-badge',\n  Diagnostic = 'obi-diagnostic-badge',\n}\n\nexport type AlertColorTokens = {\n  bg: string;\n  border: string;\n  onActive: string;\n};\n\nexport function requiresAcknowledgement(type: AlertType): boolean {\n  return [\n    AlertType.Alarm,\n    AlertType.Warning,\n    AlertType.IsaCritical,\n    AlertType.IsaHigh,\n    AlertType.IsaMedium,\n    AlertType.IsaLow,\n  ].includes(type);\n}\n\nexport function supportsBlinking(type: AlertType): boolean {\n  return [\n    AlertType.Alarm,\n    AlertType.Warning,\n    AlertType.IsaCritical,\n    AlertType.IsaHigh,\n    AlertType.IsaMedium,\n    AlertType.IsaLow,\n  ].includes(type);\n}\n\nexport function getAlertSeverityCssClass(type: AlertType): string {\n  return type;\n}\n\nexport function getAlertColorTokens(type: AlertType): AlertColorTokens {\n  switch (type) {\n    case AlertType.IsaCritical:\n      return {\n        bg: 'var(--critical-enabled-background-color)',\n        border: 'var(--critical-enabled-border-color)',\n        onActive: 'var(--on-critical-active-color)',\n      };\n    case AlertType.Warning:\n    case AlertType.IsaMedium:\n      return {\n        bg: 'var(--alert-warning-color)',\n        border: 'var(--alert-warning-outline-color)',\n        onActive: 'var(--on-warning-active-color)',\n      };\n    case AlertType.Caution:\n    case AlertType.IsaLow:\n      return {\n        bg: 'var(--alert-caution-color)',\n        border: 'var(--alert-caution-outline-color)',\n        onActive: 'var(--on-caution-active-color)',\n      };\n    case AlertType.IsaDiagnostic:\n      return {\n        bg: 'var(--notification-enabled-background-color)',\n        border: 'var(--notification-enabled-border-color)',\n        onActive: 'var(--on-notification-active-color)',\n      };\n    case AlertType.Alarm:\n    case AlertType.IsaHigh:\n    default:\n      return {\n        bg: 'var(--alert-alarm-color)',\n        border: 'var(--alert-alarm-outline-color)',\n        onActive: 'var(--on-alarm-active-color)',\n      };\n  }\n}\n\nexport function getAlertBadgeComponent(type: AlertType): AlertBadgeComponent {\n  switch (type) {\n    case AlertType.IsaCritical:\n      return AlertBadgeComponent.Critical;\n    case AlertType.Warning:\n    case AlertType.IsaMedium:\n      return AlertBadgeComponent.Warning;\n    case AlertType.Caution:\n    case AlertType.IsaLow:\n      return AlertBadgeComponent.Caution;\n    case AlertType.IsaDiagnostic:\n      return AlertBadgeComponent.Diagnostic;\n    case AlertType.Alarm:\n    case AlertType.IsaHigh:\n    default:\n      return AlertBadgeComponent.Alarm;\n  }\n}\n\nexport enum AlertTwotoneComponent {\n  Alarm = 'obi-alerts-alarm-twotone',\n  Warning = 'obi-alerts-warning-twotone',\n  Caution = 'obi-alerts-caution-twotone',\n  Critical = 'obi-alerts-critical-twotone',\n  Diagnostic = 'obi-alerts-diagnostic-twotone',\n}\n\nexport function getAlertTwotoneComponent(\n  type: AlertType\n): AlertTwotoneComponent {\n  switch (type) {\n    case AlertType.IsaCritical:\n      return AlertTwotoneComponent.Critical;\n    case AlertType.IsaDiagnostic:\n      return AlertTwotoneComponent.Diagnostic;\n    case AlertType.Warning:\n    case AlertType.IsaMedium:\n      return AlertTwotoneComponent.Warning;\n    case AlertType.Caution:\n    case AlertType.IsaLow:\n      return AlertTwotoneComponent.Caution;\n    case AlertType.Alarm:\n    case AlertType.IsaHigh:\n    default:\n      return AlertTwotoneComponent.Alarm;\n  }\n}\n\nexport enum AlertBlinkMode {\n  Critical = 'critical',\n  Alarm = 'alarm',\n  Warning = 'warning',\n  Low = 'low',\n}\n\nexport function getAlertBlinkMode(type: AlertType): AlertBlinkMode {\n  switch (type) {\n    case AlertType.IsaCritical:\n      return AlertBlinkMode.Critical;\n    case AlertType.Warning:\n    case AlertType.IsaMedium:\n      return AlertBlinkMode.Warning;\n    case AlertType.Caution:\n    case AlertType.IsaLow:\n      return AlertBlinkMode.Low;\n    case AlertType.Alarm:\n    case AlertType.IsaHigh:\n    default:\n      return AlertBlinkMode.Alarm;\n  }\n}\n\nexport function getBamAlertTypeForBlinking(type: AlertType): AlertType {\n  switch (type) {\n    case AlertType.IsaCritical:\n    case AlertType.IsaHigh:\n      return AlertType.Alarm;\n    case AlertType.IsaMedium:\n      return AlertType.Warning;\n    case AlertType.IsaLow:\n      return AlertType.Caution;\n    default:\n      return type;\n  }\n}\n\nexport function excludedFromUnackedFilter(type: AlertType): boolean {\n  return [AlertType.Caution, AlertType.IsaDiagnostic].includes(type);\n}\n\nexport function usesAlarmNoAckIcon(type: AlertType): boolean {\n  return [AlertType.Alarm, AlertType.IsaCritical, AlertType.IsaHigh].includes(\n    type\n  );\n}\n"],"names":["AlertBadgeComponent","AlertTwotoneComponent","AlertBlinkMode"],"mappings":"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"}
+{"version":3,"file":"alert-severity.js","sources":["../src/alert-severity.ts"],"sourcesContent":["/**\n * `alert-severity` – Pure helper module mapping alert severities to their\n * visual, behavioral, and acknowledgement semantics.\n *\n * Centralizes the per-`AlertType` decisions shared across alert-rendering\n * components (badges, twotone icons, frames, lists) so that severity behavior\n * stays consistent everywhere. Supports both the legacy severities\n * (`alarm`, `warning`, `caution`) and the level severities\n * (`level-critical`, `level-high`, `level-medium`, `level-low`, `level-diagnostic`),\n * collapsing the level set onto the legacy visual/blink treatments where they\n * share styling.\n *\n * Features:\n * - Color tokens: `getAlertColorTokens` returns background/border/on-active\n *   CSS custom properties per severity.\n * - Component selectors: `getAlertBadgeComponent` and\n *   `getAlertTwotoneComponent` resolve the badge/icon element tag for a\n *   severity.\n * - Blinking: `supportsBlinking` reports whether a severity blinks,\n *   `getAlertBlinkMode` resolves its blink mode, and\n *   `getBamAlertTypeForBlinking` maps level severities onto the legacy type used\n *   by the bridge alert management (BAM) blink machinery.\n * - Acknowledgement & filtering: `requiresAcknowledgement` reports whether a\n *   severity needs an ACK action, `excludedFromUnackedFilter` reports whether\n *   it is hidden from the \"unacked\" view, and `usesAlarmNoAckIcon` selects the\n *   alarm-style no-ack icon.\n * - Priority: re-exports `ALERT_SEVERITY_PRIORITY`, the ordered severity list\n *   (most → least severe) used to sort alerts.\n *\n * Usage:\n * ```ts\n * import {\n *   getAlertColorTokens,\n *   requiresAcknowledgement,\n *   ALERT_SEVERITY_PRIORITY,\n * } from './alert-severity.js';\n * import {AlertType} from './types.js';\n *\n * const tokens = getAlertColorTokens(AlertType.LevelHigh);\n * const needsAck = requiresAcknowledgement(AlertType.LevelLow); // true\n * alerts.sort(\n *   (a, b) =>\n *     ALERT_SEVERITY_PRIORITY.indexOf(a.type) -\n *     ALERT_SEVERITY_PRIORITY.indexOf(b.type)\n * );\n * ```\n */\nimport {AlertType, ALERT_SEVERITY_PRIORITY} from './types.js';\n\nexport {ALERT_SEVERITY_PRIORITY};\n\nexport enum AlertBadgeComponent {\n  Alarm = 'obi-alarm-badge',\n  Warning = 'obi-warning-badge',\n  Caution = 'obi-caution-badge',\n  Critical = 'obi-critical-badge',\n  Diagnostic = 'obi-diagnostic-badge',\n}\n\nexport type AlertColorTokens = {\n  bg: string;\n  border: string;\n  onActive: string;\n};\n\nexport function requiresAcknowledgement(type: AlertType): boolean {\n  return [\n    AlertType.Alarm,\n    AlertType.Warning,\n    AlertType.LevelCritical,\n    AlertType.LevelHigh,\n    AlertType.LevelMedium,\n    AlertType.LevelLow,\n  ].includes(type);\n}\n\nexport function supportsBlinking(type: AlertType): boolean {\n  return [\n    AlertType.Alarm,\n    AlertType.Warning,\n    AlertType.LevelCritical,\n    AlertType.LevelHigh,\n    AlertType.LevelMedium,\n    AlertType.LevelLow,\n  ].includes(type);\n}\n\nexport function getAlertSeverityCssClass(type: AlertType): string {\n  return type;\n}\n\nexport function getAlertColorTokens(type: AlertType): AlertColorTokens {\n  switch (type) {\n    case AlertType.LevelCritical:\n      return {\n        bg: 'var(--critical-enabled-background-color)',\n        border: 'var(--critical-enabled-border-color)',\n        onActive: 'var(--on-critical-active-color)',\n      };\n    case AlertType.Warning:\n    case AlertType.LevelMedium:\n      return {\n        bg: 'var(--alert-warning-color)',\n        border: 'var(--alert-warning-outline-color)',\n        onActive: 'var(--on-warning-active-color)',\n      };\n    case AlertType.Caution:\n    case AlertType.LevelLow:\n      return {\n        bg: 'var(--alert-caution-color)',\n        border: 'var(--alert-caution-outline-color)',\n        onActive: 'var(--on-caution-active-color)',\n      };\n    case AlertType.LevelDiagnostic:\n      return {\n        bg: 'var(--notification-enabled-background-color)',\n        border: 'var(--notification-enabled-border-color)',\n        onActive: 'var(--on-notification-active-color)',\n      };\n    case AlertType.Alarm:\n    case AlertType.LevelHigh:\n    default:\n      return {\n        bg: 'var(--alert-alarm-color)',\n        border: 'var(--alert-alarm-outline-color)',\n        onActive: 'var(--on-alarm-active-color)',\n      };\n  }\n}\n\nexport function getAlertBadgeComponent(type: AlertType): AlertBadgeComponent {\n  switch (type) {\n    case AlertType.LevelCritical:\n      return AlertBadgeComponent.Critical;\n    case AlertType.Warning:\n    case AlertType.LevelMedium:\n      return AlertBadgeComponent.Warning;\n    case AlertType.Caution:\n    case AlertType.LevelLow:\n      return AlertBadgeComponent.Caution;\n    case AlertType.LevelDiagnostic:\n      return AlertBadgeComponent.Diagnostic;\n    case AlertType.Alarm:\n    case AlertType.LevelHigh:\n    default:\n      return AlertBadgeComponent.Alarm;\n  }\n}\n\nexport enum AlertTwotoneComponent {\n  Alarm = 'obi-alerts-alarm-twotone',\n  Warning = 'obi-alerts-warning-twotone',\n  Caution = 'obi-alerts-caution-twotone',\n  Critical = 'obi-alerts-critical-twotone',\n  Diagnostic = 'obi-alerts-diagnostic-twotone',\n}\n\nexport function getAlertTwotoneComponent(\n  type: AlertType\n): AlertTwotoneComponent {\n  switch (type) {\n    case AlertType.LevelCritical:\n      return AlertTwotoneComponent.Critical;\n    case AlertType.LevelDiagnostic:\n      return AlertTwotoneComponent.Diagnostic;\n    case AlertType.Warning:\n    case AlertType.LevelMedium:\n      return AlertTwotoneComponent.Warning;\n    case AlertType.Caution:\n    case AlertType.LevelLow:\n      return AlertTwotoneComponent.Caution;\n    case AlertType.Alarm:\n    case AlertType.LevelHigh:\n    default:\n      return AlertTwotoneComponent.Alarm;\n  }\n}\n\nexport enum AlertBlinkMode {\n  Critical = 'critical',\n  Alarm = 'alarm',\n  Warning = 'warning',\n  Low = 'low',\n}\n\nexport function getAlertBlinkMode(type: AlertType): AlertBlinkMode {\n  switch (type) {\n    case AlertType.LevelCritical:\n      return AlertBlinkMode.Critical;\n    case AlertType.Warning:\n    case AlertType.LevelMedium:\n      return AlertBlinkMode.Warning;\n    case AlertType.Caution:\n    case AlertType.LevelLow:\n      return AlertBlinkMode.Low;\n    case AlertType.Alarm:\n    case AlertType.LevelHigh:\n    default:\n      return AlertBlinkMode.Alarm;\n  }\n}\n\nexport function getBamAlertTypeForBlinking(type: AlertType): AlertType {\n  switch (type) {\n    case AlertType.LevelCritical:\n    case AlertType.LevelHigh:\n      return AlertType.Alarm;\n    case AlertType.LevelMedium:\n      return AlertType.Warning;\n    case AlertType.LevelLow:\n      return AlertType.Caution;\n    default:\n      return type;\n  }\n}\n\nexport function excludedFromUnackedFilter(type: AlertType): boolean {\n  return [AlertType.Caution, AlertType.LevelDiagnostic].includes(type);\n}\n\nexport function usesAlarmNoAckIcon(type: AlertType): boolean {\n  return [\n    AlertType.Alarm,\n    AlertType.LevelCritical,\n    AlertType.LevelHigh,\n  ].includes(type);\n}\n"],"names":["AlertBadgeComponent","AlertTwotoneComponent","AlertBlinkMode"],"mappings":"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"}

package/dist/ar/building-blocks/poi-header/poi-header.css.js

@@ -38,29 +38,29 @@ const componentStyle = css`
 }
 
 .wrapper.type-id.state-caution,
-.wrapper.type-id.state-isa-low {
+.wrapper.type-id.state-level-low {
   background: var(--alert-caution-color);
   border: 1px solid var(--alert-caution-outline-color);
 }
 
 .wrapper.type-id.state-warning,
-.wrapper.type-id.state-isa-medium {
+.wrapper.type-id.state-level-medium {
   background: var(--alert-warning-color);
   border: 1px solid var(--alert-warning-outline-color);
 }
 
 .wrapper.type-id.state-alarm,
-.wrapper.type-id.state-isa-high {
+.wrapper.type-id.state-level-high {
   background: var(--alert-alarm-color);
   border: 1px solid var(--alert-alarm-outline-color);
 }
 
-.wrapper.type-id.state-isa-critical {
+.wrapper.type-id.state-level-critical {
   background: var(--critical-enabled-background-color);
   border: 1px solid var(--critical-enabled-border-color);
 }
 
-.wrapper.type-id.state-isa-diagnostic {
+.wrapper.type-id.state-level-diagnostic {
   background: var(--notification-enabled-background-color);
   border: 1px solid var(--notification-enabled-border-color);
 }
@@ -70,11 +70,11 @@ const componentStyle = css`
     .state-caution,
     .state-warning,
     .state-alarm,
-    .state-isa-critical,
-    .state-isa-high,
-    .state-isa-medium,
-    .state-isa-low,
-    .state-isa-diagnostic
+    .state-level-critical,
+    .state-level-high,
+    .state-level-medium,
+    .state-level-low,
+    .state-level-diagnostic
   ) {
   background: var(--overlay-container-background-color);
   border: 1px solid var(--overlay-border-outline-color);
@@ -136,29 +136,29 @@ const componentStyle = css`
 }
 
 .wrapper.type-data.state-caution .id-pill,
-.wrapper.type-data.state-isa-low .id-pill {
+.wrapper.type-data.state-level-low .id-pill {
   background: var(--alert-caution-color);
   border: 1px solid var(--alert-caution-outline-color);
 }
 
 .wrapper.type-data.state-warning .id-pill,
-.wrapper.type-data.state-isa-medium .id-pill {
+.wrapper.type-data.state-level-medium .id-pill {
   background: var(--alert-warning-color);
   border: 1px solid var(--alert-warning-outline-color);
 }
 
 .wrapper.type-data.state-alarm .id-pill,
-.wrapper.type-data.state-isa-high .id-pill {
+.wrapper.type-data.state-level-high .id-pill {
   background: var(--alert-alarm-color);
   border: 1px solid var(--alert-alarm-outline-color);
 }
 
-.wrapper.type-data.state-isa-critical .id-pill {
+.wrapper.type-data.state-level-critical .id-pill {
   background: var(--critical-enabled-background-color);
   border: 1px solid var(--critical-enabled-border-color);
 }
 
-.wrapper.type-data.state-isa-diagnostic .id-pill {
+.wrapper.type-data.state-level-diagnostic .id-pill {
   background: var(--notification-enabled-background-color);
   border: 1px solid var(--notification-enabled-border-color);
 }

package/dist/ar/building-blocks/poi-header/poi-header.d.ts

@@ -8,11 +8,11 @@ export declare enum ObcPoiHeaderState {
     Caution = "caution",
     Warning = "warning",
     Alarm = "alarm",
-    IsaCritical = "isa-critical",
-    IsaHigh = "isa-high",
-    IsaMedium = "isa-medium",
-    IsaLow = "isa-low",
-    IsaDiagnostic = "isa-diagnostic"
+    LevelCritical = "level-critical",
+    LevelHigh = "level-high",
+    LevelMedium = "level-medium",
+    LevelLow = "level-low",
+    LevelDiagnostic = "level-diagnostic"
 }
 export declare enum ObcPoiHeaderType {
     Data = "data",
@@ -29,7 +29,7 @@ export declare enum ObcPoiHeaderType {
  * - `type` (default `id`):
  *   - `id`: shows identifier content only.
  *   - `data`: shows identifier plus secondary label.
- * - `state` (default `enabled`): `enabled`, `selected`, `caution`, `warning`, `alarm`, `isa-critical`, `isa-high`, `isa-medium`, `isa-low`, `isa-diagnostic`.
+ * - `state` (default `enabled`): `enabled`, `selected`, `caution`, `warning`, `alarm`, `level-critical`, `level-high`, `level-medium`, `level-low`, `level-diagnostic`.
  * - `content` (default `"1"`): primary identifier text.
  * - `label` (default `"Data"`): secondary text used by `type="data"`.
  * - `hasIndicator` (default `false`): appends indicator area.

package/dist/ar/building-blocks/poi-header/poi-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"poi-header.d.ts","sourceRoot":"","sources":["../../../../src/ar/building-blocks/poi-header/poi-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAA2B,MAAM,KAAK,CAAC;AAMzD,oBAAY,gBAAgB;IAC1B,OAAO,YAAY;CACpB;AAED,oBAAY,iBAAiB;IAC3B,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,WAAW,iBAAiB;IAC5B,OAAO,aAAa;IACpB,SAAS,eAAe;IACxB,MAAM,YAAY;IAClB,aAAa,mBAAmB;CACjC;AAED,oBAAY,gBAAgB;IAC1B,IAAI,SAAS;IACb,EAAE,OAAO;CACV;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,qBACa,YAAa,SAAQ,UAAU;IAChB,OAAO,SAAO;IACd,KAAK,SAAU;IAGzC,IAAI,EAAE,gBAAgB,CAA4B;IAGlD,KAAK,EAAE,iBAAiB,CAA6B;IAGrD,IAAI,EAAE,gBAAgB,CAAuB;IAG7C,YAAY,UAAS;IAErB,OAAO,KAAK,UAAU,GAErB;IAED,OAAO,KAAK,SAAS,GAEpB;IAED,OAAO,KAAK,yBAAyB,GAEpC;IAED,OAAO,CAAC,eAAe;IAkBvB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,UAAU;IAWT,MAAM;IAmBf,OAAgB,MAAM,0BAA6B;CACpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}
+{"version":3,"file":"poi-header.d.ts","sourceRoot":"","sources":["../../../../src/ar/building-blocks/poi-header/poi-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAA2B,MAAM,KAAK,CAAC;AAMzD,oBAAY,gBAAgB;IAC1B,OAAO,YAAY;CACpB;AAED,oBAAY,iBAAiB;IAC3B,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,aAAa,mBAAmB;IAChC,SAAS,eAAe;IACxB,WAAW,iBAAiB;IAC5B,QAAQ,cAAc;IACtB,eAAe,qBAAqB;CACrC;AAED,oBAAY,gBAAgB;IAC1B,IAAI,SAAS;IACb,EAAE,OAAO;CACV;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,qBACa,YAAa,SAAQ,UAAU;IAChB,OAAO,SAAO;IACd,KAAK,SAAU;IAGzC,IAAI,EAAE,gBAAgB,CAA4B;IAGlD,KAAK,EAAE,iBAAiB,CAA6B;IAGrD,IAAI,EAAE,gBAAgB,CAAuB;IAG7C,YAAY,UAAS;IAErB,OAAO,KAAK,UAAU,GAErB;IAED,OAAO,KAAK,SAAS,GAEpB;IAED,OAAO,KAAK,yBAAyB,GAEpC;IAED,OAAO,CAAC,eAAe;IAkBvB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,UAAU;IAWT,MAAM;IAmBf,OAAgB,MAAM,0BAA6B;CACpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}

package/dist/ar/building-blocks/poi-header/poi-header.js

@@ -23,11 +23,11 @@ var ObcPoiHeaderState = /* @__PURE__ */ ((ObcPoiHeaderState2) => {
   ObcPoiHeaderState2["Caution"] = "caution";
   ObcPoiHeaderState2["Warning"] = "warning";
   ObcPoiHeaderState2["Alarm"] = "alarm";
-  ObcPoiHeaderState2["IsaCritical"] = "isa-critical";
-  ObcPoiHeaderState2["IsaHigh"] = "isa-high";
-  ObcPoiHeaderState2["IsaMedium"] = "isa-medium";
-  ObcPoiHeaderState2["IsaLow"] = "isa-low";
-  ObcPoiHeaderState2["IsaDiagnostic"] = "isa-diagnostic";
+  ObcPoiHeaderState2["LevelCritical"] = "level-critical";
+  ObcPoiHeaderState2["LevelHigh"] = "level-high";
+  ObcPoiHeaderState2["LevelMedium"] = "level-medium";
+  ObcPoiHeaderState2["LevelLow"] = "level-low";
+  ObcPoiHeaderState2["LevelDiagnostic"] = "level-diagnostic";
   return ObcPoiHeaderState2;
 })(ObcPoiHeaderState || {});
 var ObcPoiHeaderType = /* @__PURE__ */ ((ObcPoiHeaderType2) => {

package/dist/ar/building-blocks/poi-header/poi-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"poi-header.js","sources":["../../../../src/ar/building-blocks/poi-header/poi-header.ts"],"sourcesContent":["import {LitElement, html, nothing, unsafeCSS} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {customElement} from '../../../decorator.js';\nimport componentStyle from './poi-header.css?inline';\n\nexport enum ObcPoiHeaderSize {\n  Regular = 'regular',\n}\n\nexport enum ObcPoiHeaderState {\n  Enabled = 'enabled',\n  Selected = 'selected',\n  Caution = 'caution',\n  Warning = 'warning',\n  Alarm = 'alarm',\n  IsaCritical = 'isa-critical',\n  IsaHigh = 'isa-high',\n  IsaMedium = 'isa-medium',\n  IsaLow = 'isa-low',\n  IsaDiagnostic = 'isa-diagnostic',\n}\n\nexport enum ObcPoiHeaderType {\n  Data = 'data',\n  Id = 'id',\n}\n\n/**\n * `<obc-poi-header>` - Compact header chip for marker identifiers, labels, and optional indicator content.\n *\n * ## Overview\n * Use this component to display compact marker metadata above or near a marker button.\n * Keywords/synonyms: chip, pill, badge, header chip, identifier badge.\n *\n * ## Features/Variants\n * - `type` (default `id`):\n *   - `id`: shows identifier content only.\n *   - `data`: shows identifier plus secondary label.\n * - `state` (default `enabled`): `enabled`, `selected`, `caution`, `warning`, `alarm`, `isa-critical`, `isa-high`, `isa-medium`, `isa-low`, `isa-diagnostic`.\n * - `content` (default `\"1\"`): primary identifier text.\n * - `label` (default `\"Data\"`): secondary text used by `type=\"data\"`.\n * - `hasIndicator` (default `false`): appends indicator area.\n * - `indicator` slot fallback: renders built-in bar indicator markup when slot content is empty.\n * - `size` (default `regular`): currently only `regular`.\n *\n * ## Usage Guidelines\n * - Use `type=\"id\"` for compact identifier-only labels.\n * - Use `type=\"data\"` when both an ID and short label are required.\n * - Keep `content` and `label` brief to prevent overflow.\n *\n * ## Slots/Content\n * - `indicator`: Optional indicator icon/content; built-in indicator is used as fallback.\n *\n * ## Events\n * This component does not emit custom events.\n *\n * ## Best Practices\n * - Keep indicator usage consistent across similar marker states.\n * - Prefer enum values for `type`, `state`, and `size`.\n *\n * ## Example\n * ```html\n * <obc-poi-header type=\"data\" state=\"selected\" content=\"3\" label=\"SOG\" has-indicator>\n *   <obi-placeholder slot=\"indicator\"></obi-placeholder>\n * </obc-poi-header>\n * ```\n *\n * @slot indicator - Optional indicator icon/content.\n */\n@customElement('obc-poi-header')\nexport class ObcPoiHeader extends LitElement {\n  @property({type: String}) content = '1';\n  @property({type: String}) label = 'Data';\n\n  @property({type: String})\n  size: ObcPoiHeaderSize = ObcPoiHeaderSize.Regular;\n\n  @property({type: String})\n  state: ObcPoiHeaderState = ObcPoiHeaderState.Enabled;\n\n  @property({type: String})\n  type: ObcPoiHeaderType = ObcPoiHeaderType.Id;\n\n  @property({type: Boolean, attribute: 'has-indicator'})\n  hasIndicator = false;\n\n  private get isDataType(): boolean {\n    return this.type === ObcPoiHeaderType.Data;\n  }\n\n  private get isEnabled(): boolean {\n    return this.state === ObcPoiHeaderState.Enabled;\n  }\n\n  private get hasSingleCharacterContent(): boolean {\n    return this.content?.trim().length === 1;\n  }\n\n  private renderIndicator() {\n    const withFrame = this.isDataType && this.isEnabled;\n    const defaultIndicator = html`\n      <span class=\"indicator\" aria-hidden=\"true\" data-node-id=\"10534:68353\">\n        <span class=\"bar left\" data-node-id=\"10534:68366\"></span>\n        <span class=\"bar middle\" data-node-id=\"10534:68365\"></span>\n        <span class=\"bar right\" data-node-id=\"10534:68367\"></span>\n      </span>\n    `;\n    const indicator = html`<slot name=\"indicator\">${defaultIndicator}</slot>`;\n\n    if (!withFrame) {\n      return indicator;\n    }\n\n    return html`<span class=\"indicator-frame\">${indicator}</span>`;\n  }\n\n  private renderIdOnly() {\n    return html`<span class=\"id-only-text\">${this.content}</span>`;\n  }\n\n  private renderData() {\n    return html`\n      <div class=\"id-pill\">\n        <span class=\"id-text\">${this.content}</span>\n      </div>\n      <div class=\"label-pill\">\n        <span class=\"label-text\">${this.label}</span>\n      </div>\n    `;\n  }\n\n  override render() {\n    return html`\n      <div\n        class=${classMap({\n          wrapper: true,\n          [`size-${this.size}`]: true,\n          [`state-${this.state}`]: true,\n          [`type-${this.type}`]: true,\n          'single-char-content': this.hasSingleCharacterContent,\n          'has-indicator': this.hasIndicator,\n        })}\n        data-node-id=\"10389:51689\"\n      >\n        ${this.isDataType ? this.renderData() : this.renderIdOnly()}\n        ${this.hasIndicator ? this.renderIndicator() : nothing}\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(componentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-poi-header': ObcPoiHeader;\n  }\n}\n"],"names":["ObcPoiHeaderSize","ObcPoiHeaderState","ObcPoiHeaderType"],"mappings":"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"}
+{"version":3,"file":"poi-header.js","sources":["../../../../src/ar/building-blocks/poi-header/poi-header.ts"],"sourcesContent":["import {LitElement, html, nothing, unsafeCSS} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {customElement} from '../../../decorator.js';\nimport componentStyle from './poi-header.css?inline';\n\nexport enum ObcPoiHeaderSize {\n  Regular = 'regular',\n}\n\nexport enum ObcPoiHeaderState {\n  Enabled = 'enabled',\n  Selected = 'selected',\n  Caution = 'caution',\n  Warning = 'warning',\n  Alarm = 'alarm',\n  LevelCritical = 'level-critical',\n  LevelHigh = 'level-high',\n  LevelMedium = 'level-medium',\n  LevelLow = 'level-low',\n  LevelDiagnostic = 'level-diagnostic',\n}\n\nexport enum ObcPoiHeaderType {\n  Data = 'data',\n  Id = 'id',\n}\n\n/**\n * `<obc-poi-header>` - Compact header chip for marker identifiers, labels, and optional indicator content.\n *\n * ## Overview\n * Use this component to display compact marker metadata above or near a marker button.\n * Keywords/synonyms: chip, pill, badge, header chip, identifier badge.\n *\n * ## Features/Variants\n * - `type` (default `id`):\n *   - `id`: shows identifier content only.\n *   - `data`: shows identifier plus secondary label.\n * - `state` (default `enabled`): `enabled`, `selected`, `caution`, `warning`, `alarm`, `level-critical`, `level-high`, `level-medium`, `level-low`, `level-diagnostic`.\n * - `content` (default `\"1\"`): primary identifier text.\n * - `label` (default `\"Data\"`): secondary text used by `type=\"data\"`.\n * - `hasIndicator` (default `false`): appends indicator area.\n * - `indicator` slot fallback: renders built-in bar indicator markup when slot content is empty.\n * - `size` (default `regular`): currently only `regular`.\n *\n * ## Usage Guidelines\n * - Use `type=\"id\"` for compact identifier-only labels.\n * - Use `type=\"data\"` when both an ID and short label are required.\n * - Keep `content` and `label` brief to prevent overflow.\n *\n * ## Slots/Content\n * - `indicator`: Optional indicator icon/content; built-in indicator is used as fallback.\n *\n * ## Events\n * This component does not emit custom events.\n *\n * ## Best Practices\n * - Keep indicator usage consistent across similar marker states.\n * - Prefer enum values for `type`, `state`, and `size`.\n *\n * ## Example\n * ```html\n * <obc-poi-header type=\"data\" state=\"selected\" content=\"3\" label=\"SOG\" has-indicator>\n *   <obi-placeholder slot=\"indicator\"></obi-placeholder>\n * </obc-poi-header>\n * ```\n *\n * @slot indicator - Optional indicator icon/content.\n */\n@customElement('obc-poi-header')\nexport class ObcPoiHeader extends LitElement {\n  @property({type: String}) content = '1';\n  @property({type: String}) label = 'Data';\n\n  @property({type: String})\n  size: ObcPoiHeaderSize = ObcPoiHeaderSize.Regular;\n\n  @property({type: String})\n  state: ObcPoiHeaderState = ObcPoiHeaderState.Enabled;\n\n  @property({type: String})\n  type: ObcPoiHeaderType = ObcPoiHeaderType.Id;\n\n  @property({type: Boolean, attribute: 'has-indicator'})\n  hasIndicator = false;\n\n  private get isDataType(): boolean {\n    return this.type === ObcPoiHeaderType.Data;\n  }\n\n  private get isEnabled(): boolean {\n    return this.state === ObcPoiHeaderState.Enabled;\n  }\n\n  private get hasSingleCharacterContent(): boolean {\n    return this.content?.trim().length === 1;\n  }\n\n  private renderIndicator() {\n    const withFrame = this.isDataType && this.isEnabled;\n    const defaultIndicator = html`\n      <span class=\"indicator\" aria-hidden=\"true\" data-node-id=\"10534:68353\">\n        <span class=\"bar left\" data-node-id=\"10534:68366\"></span>\n        <span class=\"bar middle\" data-node-id=\"10534:68365\"></span>\n        <span class=\"bar right\" data-node-id=\"10534:68367\"></span>\n      </span>\n    `;\n    const indicator = html`<slot name=\"indicator\">${defaultIndicator}</slot>`;\n\n    if (!withFrame) {\n      return indicator;\n    }\n\n    return html`<span class=\"indicator-frame\">${indicator}</span>`;\n  }\n\n  private renderIdOnly() {\n    return html`<span class=\"id-only-text\">${this.content}</span>`;\n  }\n\n  private renderData() {\n    return html`\n      <div class=\"id-pill\">\n        <span class=\"id-text\">${this.content}</span>\n      </div>\n      <div class=\"label-pill\">\n        <span class=\"label-text\">${this.label}</span>\n      </div>\n    `;\n  }\n\n  override render() {\n    return html`\n      <div\n        class=${classMap({\n          wrapper: true,\n          [`size-${this.size}`]: true,\n          [`state-${this.state}`]: true,\n          [`type-${this.type}`]: true,\n          'single-char-content': this.hasSingleCharacterContent,\n          'has-indicator': this.hasIndicator,\n        })}\n        data-node-id=\"10389:51689\"\n      >\n        ${this.isDataType ? this.renderData() : this.renderIdOnly()}\n        ${this.hasIndicator ? this.renderIndicator() : nothing}\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(componentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-poi-header': ObcPoiHeader;\n  }\n}\n"],"names":["ObcPoiHeaderSize","ObcPoiHeaderState","ObcPoiHeaderType"],"mappings":"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"}