@oicl/openbridge-webcomponents-svelte 2.0.0-next.57 → 2.0.0-next.59

package/dist/automation/automation-button/ObcAbstractAutomationButton.svelte

@@ -2,14 +2,16 @@
   <script lang="ts">
     export type {AutomationButtonReadoutPosition, AutomationButtonPositioning, AutomationButtonDirection} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
 export type {AutomationButtonReadoutStackSize} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
-export type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameStatus} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+export type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+export type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
 export type {CircularProgressMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/circular-progress/circular-progress.js';
 export type {AutomationButtonBadgeControl, AutomationButtonBadgeCommandLocked, AutomationButtonBadgeInterlock, AutomationButtonBadgeAlert} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
       import '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
       import { setProperties } from "../../util.js";
       import type {AutomationButtonReadoutPosition, AutomationButtonPositioning, AutomationButtonDirection} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
 import type {AutomationButtonReadoutStackSize} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
-import type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameStatus} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
 import type {CircularProgressMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/circular-progress/circular-progress.js';
 import type {AutomationButtonBadgeControl, AutomationButtonBadgeCommandLocked, AutomationButtonBadgeInterlock, AutomationButtonBadgeAlert} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
       import type { Snippet } from 'svelte';
@@ -24,7 +26,8 @@ import type {AutomationButtonBadgeControl, AutomationButtonBadgeCommandLocked, A
      alert?: boolean;
      alertFrameType?: ObcAlertFrameType;
      alertFrameThickness?: ObcAlertFrameThickness;
-     alertFrameStatus?: ObcAlertFrameStatus;
+     alertFrameStatus?: AlertType;
+     alertFrameMode?: ObcAlertFrameMode;
      showAlertCategoryIcon?: boolean;
      showAlertIcon?: boolean;
      progress?: boolean;

package/dist/automation/automation-button/ObcAbstractAutomationButton.svelte.d.ts

@@ -1,7 +1,8 @@
 import '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
 import type { AutomationButtonReadoutPosition, AutomationButtonPositioning, AutomationButtonDirection } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
 import type { AutomationButtonReadoutStackSize } from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
-import type { ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameStatus } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type { ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type { AlertType } from '@oicl/openbridge-webcomponents/dist/types.js';
 import type { CircularProgressMode } from '@oicl/openbridge-webcomponents/dist/building-blocks/circular-progress/circular-progress.js';
 import type { AutomationButtonBadgeControl, AutomationButtonBadgeCommandLocked, AutomationButtonBadgeInterlock, AutomationButtonBadgeAlert } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
 import type { Snippet } from 'svelte';
@@ -15,7 +16,8 @@ export interface Props {
     alert?: boolean;
     alertFrameType?: ObcAlertFrameType;
     alertFrameThickness?: ObcAlertFrameThickness;
-    alertFrameStatus?: ObcAlertFrameStatus;
+    alertFrameStatus?: AlertType;
+    alertFrameMode?: ObcAlertFrameMode;
     showAlertCategoryIcon?: boolean;
     showAlertIcon?: boolean;
     progress?: boolean;
@@ -41,7 +43,8 @@ declare const ObcAbstractAutomationButton: import("svelte").Component<$$Componen
     AutomationButtonReadoutStackSize: typeof AutomationButtonReadoutStackSize;
     ObcAlertFrameType: typeof ObcAlertFrameType;
     ObcAlertFrameThickness: typeof ObcAlertFrameThickness;
-    ObcAlertFrameStatus: typeof ObcAlertFrameStatus;
+    ObcAlertFrameMode: typeof ObcAlertFrameMode;
+    AlertType: typeof AlertType;
     CircularProgressMode: typeof CircularProgressMode;
     AutomationButtonBadgeControl: typeof AutomationButtonBadgeControl;
     AutomationButtonBadgeCommandLocked: typeof AutomationButtonBadgeCommandLocked;

package/dist/automation/automation-button/ObcAutomationButton.svelte

@@ -2,13 +2,15 @@
   <script lang="ts">
     export type {AutomationButtonVariant, AutomationButtonState, AutomationButtonReadoutPosition, AutomationButtonDirection, AutomationButtonPositioning} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
 export type {AutomationButtonReadoutStack, AutomationButtonReadoutStackSize} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
-export type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameStatus} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+export type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+export type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
 export type {CircularProgressMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/circular-progress/circular-progress.js';
       import '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
       import { setProperties } from "../../util.js";
       import type {AutomationButtonVariant, AutomationButtonState, AutomationButtonReadoutPosition, AutomationButtonDirection, AutomationButtonPositioning} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
 import type {AutomationButtonReadoutStack, AutomationButtonReadoutStackSize} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
-import type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameStatus} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
 import type {CircularProgressMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/circular-progress/circular-progress.js';
       import type { Snippet } from 'svelte';
 
@@ -26,7 +28,8 @@ import type {CircularProgressMode} from '@oicl/openbridge-webcomponents/dist/bui
      alert?: boolean;
      alertFrameType?: ObcAlertFrameType;
      alertFrameThickness?: ObcAlertFrameThickness;
-     alertFrameStatus?: ObcAlertFrameStatus;
+     alertFrameStatus?: AlertType;
+     alertFrameMode?: ObcAlertFrameMode;
      showAlertCategoryIcon?: boolean;
      showAlertIcon?: boolean;
      progress?: boolean;

package/dist/automation/automation-button/ObcAutomationButton.svelte.d.ts

@@ -1,7 +1,8 @@
 import '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
 import type { AutomationButtonVariant, AutomationButtonState, AutomationButtonReadoutPosition, AutomationButtonDirection, AutomationButtonPositioning } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
 import type { AutomationButtonReadoutStack, AutomationButtonReadoutStackSize } from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
-import type { ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameStatus } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type { ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type { AlertType } from '@oicl/openbridge-webcomponents/dist/types.js';
 import type { CircularProgressMode } from '@oicl/openbridge-webcomponents/dist/building-blocks/circular-progress/circular-progress.js';
 import type { Snippet } from 'svelte';
 export interface Props {
@@ -18,7 +19,8 @@ export interface Props {
     alert?: boolean;
     alertFrameType?: ObcAlertFrameType;
     alertFrameThickness?: ObcAlertFrameThickness;
-    alertFrameStatus?: ObcAlertFrameStatus;
+    alertFrameStatus?: AlertType;
+    alertFrameMode?: ObcAlertFrameMode;
     showAlertCategoryIcon?: boolean;
     showAlertIcon?: boolean;
     progress?: boolean;
@@ -45,7 +47,8 @@ declare const ObcAutomationButton: import("svelte").Component<$$ComponentProps,
     AutomationButtonReadoutStackSize: typeof AutomationButtonReadoutStackSize;
     ObcAlertFrameType: typeof ObcAlertFrameType;
     ObcAlertFrameThickness: typeof ObcAlertFrameThickness;
-    ObcAlertFrameStatus: typeof ObcAlertFrameStatus;
+    ObcAlertFrameMode: typeof ObcAlertFrameMode;
+    AlertType: typeof AlertType;
     CircularProgressMode: typeof CircularProgressMode;
 }, "">;
 type ObcAutomationButton = ReturnType<typeof ObcAutomationButton>;

package/dist/automation/automation-tank/ObcAutomationTank.svelte

@@ -5,7 +5,8 @@ export type {TankTrend, TankType, TankOrientation, TankPositioning, TankChartMod
 export type {ChartLineDataItem} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
 export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 export type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
-export type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameStatus} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+export type {ObcAlertFrameType, ObcAlertFrameThickness} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+export type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
 export type {AutomationButtonBadgeControl, AutomationButtonBadgeAlert, AutomationButtonBadgeInterlock, AutomationButtonBadgeCommandLocked} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
       import '@oicl/openbridge-webcomponents/dist/automation/automation-tank/automation-tank.js';
       import { setProperties } from "../../util.js";
@@ -14,7 +15,8 @@ import type {TankTrend, TankType, TankOrientation, TankPositioning, TankChartMod
 import type {ChartLineDataItem} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
 import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 import type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
-import type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameStatus} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type {ObcAlertFrameType, ObcAlertFrameThickness} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
 import type {AutomationButtonBadgeControl, AutomationButtonBadgeAlert, AutomationButtonBadgeInterlock, AutomationButtonBadgeCommandLocked} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
       import type { Snippet } from 'svelte';
 
@@ -83,7 +85,7 @@ the halo in compact / static layouts remain unaffected. */
 alert?: boolean;
      alertFrameType?: ObcAlertFrameType;
      alertFrameThickness?: ObcAlertFrameThickness;
-     alertFrameStatus?: ObcAlertFrameStatus;
+     alertFrameStatus?: AlertType;
      showAlertCategoryIcon?: boolean;
      showAlertIcon?: boolean;
       /** Show the trend chevron / off icon next to the percent readout. Default

package/dist/automation/automation-tank/ObcAutomationTank.svelte.d.ts

@@ -4,7 +4,8 @@ import type { TankTrend, TankType, TankOrientation, TankPositioning, TankChartMo
 import type { ChartLineDataItem } from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
 import type { Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 import type { LinearAdvice } from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
-import type { ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameStatus } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type { ObcAlertFrameType, ObcAlertFrameThickness } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type { AlertType } from '@oicl/openbridge-webcomponents/dist/types.js';
 import type { AutomationButtonBadgeControl, AutomationButtonBadgeAlert, AutomationButtonBadgeInterlock, AutomationButtonBadgeCommandLocked } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
 import type { Snippet } from 'svelte';
 export interface Props {
@@ -72,7 +73,7 @@ the halo in compact / static layouts remain unaffected. */
     alert?: boolean;
     alertFrameType?: ObcAlertFrameType;
     alertFrameThickness?: ObcAlertFrameThickness;
-    alertFrameStatus?: ObcAlertFrameStatus;
+    alertFrameStatus?: AlertType;
     showAlertCategoryIcon?: boolean;
     showAlertIcon?: boolean;
     /** Show the trend chevron / off icon next to the percent readout. Default
@@ -148,7 +149,7 @@ declare const ObcAutomationTank: import("svelte").Component<$$ComponentProps, {
     LinearAdvice: typeof LinearAdvice;
     ObcAlertFrameType: typeof ObcAlertFrameType;
     ObcAlertFrameThickness: typeof ObcAlertFrameThickness;
-    ObcAlertFrameStatus: typeof ObcAlertFrameStatus;
+    AlertType: typeof AlertType;
     AutomationButtonBadgeControl: typeof AutomationButtonBadgeControl;
     AutomationButtonBadgeAlert: typeof AutomationButtonBadgeAlert;
     AutomationButtonBadgeInterlock: typeof AutomationButtonBadgeInterlock;

package/dist/building-blocks/instrument-radial/ObcInstrumentRadial.svelte

@@ -38,6 +38,12 @@ tertiaryTickmarkInterval?: number | undefined;
      advices?: GaugeRadialAdvice[];
      clipTop?: number;
      clipBottom?: number;
+     clipLeft?: number;
+     clipRight?: number;
+      /** Place the horizontal end labels (±90°, e.g. min/max) below the tick instead
+of beside it — the "Max-min" placement from the radial label model
+(External / Internal / Max-min). See PR #903 / design discussion. */
+endLabelsMaxMin?: boolean;
      zoomToFitArc?: boolean
    }
       export interface Events {

package/dist/building-blocks/instrument-radial/ObcInstrumentRadial.svelte.d.ts

@@ -31,6 +31,12 @@ When undefined or <= 0, no tertiary tickmarks are shown. */
     advices?: GaugeRadialAdvice[];
     clipTop?: number;
     clipBottom?: number;
+    clipLeft?: number;
+    clipRight?: number;
+    /** Place the horizontal end labels (±90°, e.g. min/max) below the tick instead
+of beside it — the "Max-min" placement from the radial label model
+(External / Internal / Max-min). See PR #903 / design discussion. */
+    endLabelsMaxMin?: boolean;
     zoomToFitArc?: boolean;
 }
 export interface Events {

package/dist/components/accordion-card/ObcAccordionCard.svelte

@@ -1,11 +1,13 @@
 
   <script lang="ts">
     export type {Position, AccordionSize} from '@oicl/openbridge-webcomponents/dist/components/accordion-card/accordion-card.js';
-export type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameStatus} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+export type {ObcAlertFrameType, ObcAlertFrameThickness} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+export type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
       import '@oicl/openbridge-webcomponents/dist/components/accordion-card/accordion-card.js';
       import { setProperties } from "../../util.js";
       import type {Position, AccordionSize} from '@oicl/openbridge-webcomponents/dist/components/accordion-card/accordion-card.js';
-import type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameStatus} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type {ObcAlertFrameType, ObcAlertFrameThickness} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
@@ -47,7 +49,7 @@ See `obc-alert-frame` for available thickness values. */
 alertFrameThickness?: ObcAlertFrameThickness;
       /** Status of the alert frame overlay (used when `hasAlert` is true).
 See `obc-alert-frame` for available statuses. */
-alertFrameStatus?: ObcAlertFrameStatus
+alertFrameStatus?: AlertType
    }
       export interface Events {
     onAccordionToggle?: (event: CustomEvent<{expanded: boolean, cardTitle: string}>) => void

package/dist/components/accordion-card/ObcAccordionCard.svelte.d.ts

@@ -1,6 +1,7 @@
 import '@oicl/openbridge-webcomponents/dist/components/accordion-card/accordion-card.js';
 import type { Position, AccordionSize } from '@oicl/openbridge-webcomponents/dist/components/accordion-card/accordion-card.js';
-import type { ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameStatus } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type { ObcAlertFrameType, ObcAlertFrameThickness } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type { AlertType } from '@oicl/openbridge-webcomponents/dist/types.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
@@ -41,7 +42,7 @@ See `obc-alert-frame` for available thickness values. */
     alertFrameThickness?: ObcAlertFrameThickness;
     /** Status of the alert frame overlay (used when `hasAlert` is true).
 See `obc-alert-frame` for available statuses. */
-    alertFrameStatus?: ObcAlertFrameStatus;
+    alertFrameStatus?: AlertType;
 }
 export interface Events {
     onAccordionToggle?: (event: CustomEvent<{
@@ -62,7 +63,7 @@ declare const ObcAccordionCard: import("svelte").Component<$$ComponentProps, {
     AccordionSize: typeof AccordionSize;
     ObcAlertFrameType: typeof ObcAlertFrameType;
     ObcAlertFrameThickness: typeof ObcAlertFrameThickness;
-    ObcAlertFrameStatus: typeof ObcAlertFrameStatus;
+    AlertType: typeof AlertType;
 }, "">;
 type ObcAccordionCard = ReturnType<typeof ObcAccordionCard>;
 export default ObcAccordionCard;

package/dist/components/alert-frame/ObcAlertFrame.svelte

@@ -1,9 +1,11 @@
 
   <script lang="ts">
-    export type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameStatus, AlertFrameTextSize} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+    export type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode, AlertFrameTextSize} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+export type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
       import '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
       import { setProperties } from "../../util.js";
-      import type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameStatus, AlertFrameTextSize} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+      import type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode, AlertFrameTextSize} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
@@ -24,8 +26,17 @@ thickness?: ObcAlertFrameThickness;
       /** Status of the alert, controlling color scheme and icon.
 - `alarm`: Highest severity (default).
 - `warning`: Medium severity.
-- `caution`: Lower severity. */
-status?: ObcAlertFrameStatus;
+- `caution`: Lower severity.
+- `isa-critical`, `isa-high`, `isa-medium`, `isa-low`, `isa-diagnostic`: ISA severity levels, styled to match their legacy equivalents. */
+status?: AlertType;
+      /** Acknowledgement lifecycle state, controlling the frame's blinking/animation.
+- `acked-active`: Active and acknowledged (default); no blinking.
+- `unacked-active`: Active and not yet acknowledged; blinks.
+- `unacked-rectified`: Condition cleared but not yet acknowledged. */
+mode?: ObcAlertFrameMode;
+      /** When true, the frame wraps and sizes itself to its slotted content instead
+of overlaying a fixed region. Reflected to an attribute for CSS styling. */
+wrapContent?: boolean;
       /** If true, the top-left corner will be sharp (not rounded). */
 sharpEdgeTopLeft?: boolean;
       /** If true, the top-right corner will be sharp (not rounded). */

package/dist/components/alert-frame/ObcAlertFrame.svelte.d.ts

@@ -1,5 +1,6 @@
 import '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
-import type { ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameStatus, AlertFrameTextSize } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type { ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode, AlertFrameTextSize } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type { AlertType } from '@oicl/openbridge-webcomponents/dist/types.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
@@ -19,8 +20,17 @@ Default: `small-side-flip` */
     /** Status of the alert, controlling color scheme and icon.
 - `alarm`: Highest severity (default).
 - `warning`: Medium severity.
-- `caution`: Lower severity. */
-    status?: ObcAlertFrameStatus;
+- `caution`: Lower severity.
+- `isa-critical`, `isa-high`, `isa-medium`, `isa-low`, `isa-diagnostic`: ISA severity levels, styled to match their legacy equivalents. */
+    status?: AlertType;
+    /** Acknowledgement lifecycle state, controlling the frame's blinking/animation.
+- `acked-active`: Active and acknowledged (default); no blinking.
+- `unacked-active`: Active and not yet acknowledged; blinks.
+- `unacked-rectified`: Condition cleared but not yet acknowledged. */
+    mode?: ObcAlertFrameMode;
+    /** When true, the frame wraps and sizes itself to its slotted content instead
+of overlaying a fixed region. Reflected to an attribute for CSS styling. */
+    wrapContent?: boolean;
     /** If true, the top-left corner will be sharp (not rounded). */
     sharpEdgeTopLeft?: boolean;
     /** If true, the top-right corner will be sharp (not rounded). */
@@ -45,8 +55,9 @@ type $$ComponentProps = Props & Events & Slots;
 declare const ObcAlertFrame: import("svelte").Component<$$ComponentProps, {
     ObcAlertFrameType: typeof ObcAlertFrameType;
     ObcAlertFrameThickness: typeof ObcAlertFrameThickness;
-    ObcAlertFrameStatus: typeof ObcAlertFrameStatus;
+    ObcAlertFrameMode: typeof ObcAlertFrameMode;
     AlertFrameTextSize: typeof AlertFrameTextSize;
+    AlertType: typeof AlertType;
 }, "">;
 type ObcAlertFrame = ReturnType<typeof ObcAlertFrame>;
 export default ObcAlertFrame;

package/dist/components/alert-frame/ObiCriticalBadge.svelte

@@ -0,0 +1,32 @@
+
+  <script lang="ts">
+    
+      import '@oicl/openbridge-webcomponents/dist/components/alert-frame/critical-badge.js';
+      import { setProperties } from "../../util.js";
+      
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  children?: Snippet
+}
+      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obi-critical-badge
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+    {#if children}
+      {@render children()}
+    {/if}
+    </obi-critical-badge>

package/dist/components/alert-frame/ObiCriticalBadge.svelte.d.ts

@@ -0,0 +1,15 @@
+import '@oicl/openbridge-webcomponents/dist/components/alert-frame/critical-badge.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+}
+export interface Events {
+}
+export interface Slots {
+    children?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObiCriticalBadge: import("svelte").Component<$$ComponentProps, {}, "">;
+type ObiCriticalBadge = ReturnType<typeof ObiCriticalBadge>;
+export default ObiCriticalBadge;

package/dist/components/alert-frame/ObiDiagnosticBadge.svelte

@@ -0,0 +1,32 @@
+
+  <script lang="ts">
+    
+      import '@oicl/openbridge-webcomponents/dist/components/alert-frame/diagnostic-badge.js';
+      import { setProperties } from "../../util.js";
+      
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  children?: Snippet
+}
+      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obi-diagnostic-badge
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+    {#if children}
+      {@render children()}
+    {/if}
+    </obi-diagnostic-badge>

package/dist/components/alert-frame/ObiDiagnosticBadge.svelte.d.ts

@@ -0,0 +1,15 @@
+import '@oicl/openbridge-webcomponents/dist/components/alert-frame/diagnostic-badge.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+}
+export interface Events {
+}
+export interface Slots {
+    children?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObiDiagnosticBadge: import("svelte").Component<$$ComponentProps, {}, "">;
+type ObiDiagnosticBadge = ReturnType<typeof ObiDiagnosticBadge>;
+export default ObiDiagnosticBadge;

package/dist/components/badge/ObcBadge.svelte

@@ -19,7 +19,7 @@ Set to `false` for symbolic or icon-only badges. */
 showNumber?: boolean;
       /** Visual style/type of the badge.
 
-Possible values: `regular`, `alarm`, `warning`, `caution`, `running`, `notification`, `enhance`, `automation`, `outline`, `empty`.
+Possible values: `regular`, `alarm`, `warning`, `caution`, `isa-critical`, `isa-high`, `isa-medium`, `isa-low`, `isa-diagnostic`, `running`, `notification`, `enhance`, `automation`, `outline`, `empty`.
 
 Defaults to `regular`. */
 type?: string;
@@ -34,7 +34,7 @@ size?: string;
 variant?: BadgeVariant;
       /** Whether to show an icon in the badge.
 
-For built-in types (`alarm`, `warning`, `caution`, `running`), a contextual icon is shown automatically.
+For built-in types (`alarm`, `warning`, `caution`, the `isa-*` severities, and `running`), a contextual icon is shown automatically.
 For other types, provide a custom icon in the `badge-icon` slot. */
 showIcon?: boolean
    }

package/dist/components/badge/ObcBadge.svelte.d.ts

@@ -14,7 +14,7 @@ Set to `false` for symbolic or icon-only badges. */
     showNumber?: boolean;
     /** Visual style/type of the badge.
 
-Possible values: `regular`, `alarm`, `warning`, `caution`, `running`, `notification`, `enhance`, `automation`, `outline`, `empty`.
+Possible values: `regular`, `alarm`, `warning`, `caution`, `isa-critical`, `isa-high`, `isa-medium`, `isa-low`, `isa-diagnostic`, `running`, `notification`, `enhance`, `automation`, `outline`, `empty`.
 
 Defaults to `regular`. */
     type?: string;
@@ -29,7 +29,7 @@ Possible values: `regular` (default), `large`. */
     variant?: BadgeVariant;
     /** Whether to show an icon in the badge.
 
-For built-in types (`alarm`, `warning`, `caution`, `running`), a contextual icon is shown automatically.
+For built-in types (`alarm`, `warning`, `caution`, the `isa-*` severities, and `running`), a contextual icon is shown automatically.
 For other types, provide a custom icon in the `badge-icon` slot. */
     showIcon?: boolean;
 }

package/dist/index.d.ts

@@ -83,6 +83,8 @@ export { default as ObcAdviceMessageItem } from './components/advice-message-ite
 export { default as ObcAlertButton } from './components/alert-button/ObcAlertButton.svelte';
 export { default as ObcAlertFloatingItem } from './components/alert-floating-item/ObcAlertFloatingItem.svelte';
 export { default as ObcAlertFrame } from './components/alert-frame/ObcAlertFrame.svelte';
+export { default as ObiCriticalBadge } from './components/alert-frame/ObiCriticalBadge.svelte';
+export { default as ObiDiagnosticBadge } from './components/alert-frame/ObiDiagnosticBadge.svelte';
 export { default as ObcAlertIcon } from './components/alert-icon/ObcAlertIcon.svelte';
 export { default as ObcAlertListDetails } from './components/alert-list-details/ObcAlertListDetails.svelte';
 export { default as ObcAlertMenu } from './components/alert-menu/ObcAlertMenu.svelte';
@@ -2250,6 +2252,8 @@ export { default as ObcIntegrationFleetButton } from './integration-systems/inte
 export { default as ObcIntegrationTabs } from './integration-systems/integration-tabs/ObcIntegrationTabs.svelte';
 export { default as ObcIntegrationVesselMenu } from './integration-systems/integration-vessel-menu/ObcIntegrationVesselMenu.svelte';
 export { default as ObcIntegrationVesselSelector } from './integration-systems/integration-vessel-selector/ObcIntegrationVesselSelector.svelte';
+export { default as ObiAlertsCriticalTwotone } from './manual-icon/ObiAlertsCriticalTwotone.svelte';
+export { default as ObiAlertsDiagnosticTwotone } from './manual-icon/ObiAlertsDiagnosticTwotone.svelte';
 export { default as ObcAzimuthThruster } from './navigation-instruments/azimuth-thruster/ObcAzimuthThruster.svelte';
 export { default as ObcAzimuthThrusterLabeled } from './navigation-instruments/azimuth-thruster-labeled/ObcAzimuthThrusterLabeled.svelte';
 export { default as ObcBadgeCommand } from './navigation-instruments/badge-command/ObcBadgeCommand.svelte';

package/dist/index.js

@@ -83,6 +83,8 @@ export { default as ObcAdviceMessageItem } from './components/advice-message-ite
 export { default as ObcAlertButton } from './components/alert-button/ObcAlertButton.svelte';
 export { default as ObcAlertFloatingItem } from './components/alert-floating-item/ObcAlertFloatingItem.svelte';
 export { default as ObcAlertFrame } from './components/alert-frame/ObcAlertFrame.svelte';
+export { default as ObiCriticalBadge } from './components/alert-frame/ObiCriticalBadge.svelte';
+export { default as ObiDiagnosticBadge } from './components/alert-frame/ObiDiagnosticBadge.svelte';
 export { default as ObcAlertIcon } from './components/alert-icon/ObcAlertIcon.svelte';
 export { default as ObcAlertListDetails } from './components/alert-list-details/ObcAlertListDetails.svelte';
 export { default as ObcAlertMenu } from './components/alert-menu/ObcAlertMenu.svelte';
@@ -2250,6 +2252,8 @@ export { default as ObcIntegrationFleetButton } from './integration-systems/inte
 export { default as ObcIntegrationTabs } from './integration-systems/integration-tabs/ObcIntegrationTabs.svelte';
 export { default as ObcIntegrationVesselMenu } from './integration-systems/integration-vessel-menu/ObcIntegrationVesselMenu.svelte';
 export { default as ObcIntegrationVesselSelector } from './integration-systems/integration-vessel-selector/ObcIntegrationVesselSelector.svelte';
+export { default as ObiAlertsCriticalTwotone } from './manual-icon/ObiAlertsCriticalTwotone.svelte';
+export { default as ObiAlertsDiagnosticTwotone } from './manual-icon/ObiAlertsDiagnosticTwotone.svelte';
 export { default as ObcAzimuthThruster } from './navigation-instruments/azimuth-thruster/ObcAzimuthThruster.svelte';
 export { default as ObcAzimuthThrusterLabeled } from './navigation-instruments/azimuth-thruster-labeled/ObcAzimuthThrusterLabeled.svelte';
 export { default as ObcBadgeCommand } from './navigation-instruments/badge-command/ObcBadgeCommand.svelte';

package/dist/manual-icon/ObiAlertsCriticalTwotone.svelte

@@ -0,0 +1,32 @@
+
+  <script lang="ts">
+    
+      import '@oicl/openbridge-webcomponents/dist/manual-icon/icon-alerts-critical-twotone.js';
+      import { setProperties } from "../util.js";
+      
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     useCssColor?: boolean
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  children?: Snippet
+}
+      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obi-alerts-critical-twotone
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+    {#if children}
+      {@render children()}
+    {/if}
+    </obi-alerts-critical-twotone>

package/dist/manual-icon/ObiAlertsCriticalTwotone.svelte.d.ts

@@ -0,0 +1,16 @@
+import '@oicl/openbridge-webcomponents/dist/manual-icon/icon-alerts-critical-twotone.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    useCssColor?: boolean;
+}
+export interface Events {
+}
+export interface Slots {
+    children?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObiAlertsCriticalTwotone: import("svelte").Component<$$ComponentProps, {}, "">;
+type ObiAlertsCriticalTwotone = ReturnType<typeof ObiAlertsCriticalTwotone>;
+export default ObiAlertsCriticalTwotone;

package/dist/manual-icon/ObiAlertsDiagnosticTwotone.svelte

@@ -0,0 +1,32 @@
+
+  <script lang="ts">
+    
+      import '@oicl/openbridge-webcomponents/dist/manual-icon/icon-alerts-diagnostic-twotone.js';
+      import { setProperties } from "../util.js";
+      
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     useCssColor?: boolean
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  children?: Snippet
+}
+      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obi-alerts-diagnostic-twotone
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+    {#if children}
+      {@render children()}
+    {/if}
+    </obi-alerts-diagnostic-twotone>

package/dist/manual-icon/ObiAlertsDiagnosticTwotone.svelte.d.ts

@@ -0,0 +1,16 @@
+import '@oicl/openbridge-webcomponents/dist/manual-icon/icon-alerts-diagnostic-twotone.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    useCssColor?: boolean;
+}
+export interface Events {
+}
+export interface Slots {
+    children?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObiAlertsDiagnosticTwotone: import("svelte").Component<$$ComponentProps, {}, "">;
+type ObiAlertsDiagnosticTwotone = ReturnType<typeof ObiAlertsDiagnosticTwotone>;
+export default ObiAlertsDiagnosticTwotone;

package/dist/navigation-instruments/gauge-radial/ObcGaugeRadial.svelte

@@ -1,12 +1,12 @@
 
   <script lang="ts">
     export type {InstrumentState, Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
-export type {ObcGaugeRadialType, GaugeRadialAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial/gauge-radial.js';
+export type {ObcGaugeRadialType, GaugeRadialAdvice, GaugeRadialSector} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial/gauge-radial.js';
 export type {TickmarkStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
       import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial/gauge-radial.js';
       import { setProperties } from "../../util.js";
       import type {InstrumentState, Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
-import type {ObcGaugeRadialType, GaugeRadialAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial/gauge-radial.js';
+import type {ObcGaugeRadialType, GaugeRadialAdvice, GaugeRadialSector} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial/gauge-radial.js';
 import type {TickmarkStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
       import type { Snippet } from 'svelte';
 
@@ -27,7 +27,13 @@ tertiaryTickmarkInterval?: number | undefined;
      type?: ObcGaugeRadialType;
      tickmarksInside?: boolean;
      tickmarkStyle?: TickmarkStyle;
-     advices?: GaugeRadialAdvice[]
+      /** Caution/alert arcs. Ignored on `sector: 90-left` / `90-right`. */
+advices?: GaugeRadialAdvice[];
+     sector?: GaugeRadialSector;
+     showReadout?: boolean;
+     label?: string;
+     unit?: string;
+     fractionDigits?: number
    }
       export interface Events {
     

package/dist/navigation-instruments/gauge-radial/ObcGaugeRadial.svelte.d.ts

@@ -1,6 +1,6 @@
 import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial/gauge-radial.js';
 import type { InstrumentState, Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
-import type { ObcGaugeRadialType, GaugeRadialAdvice } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial/gauge-radial.js';
+import type { ObcGaugeRadialType, GaugeRadialAdvice, GaugeRadialSector } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial/gauge-radial.js';
 import type { TickmarkStyle } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
 import type { Snippet } from 'svelte';
 export interface Props {
@@ -20,7 +20,13 @@ When undefined or <= 0, no tertiary tickmarks are shown. */
     type?: ObcGaugeRadialType;
     tickmarksInside?: boolean;
     tickmarkStyle?: TickmarkStyle;
+    /** Caution/alert arcs. Ignored on `sector: 90-left` / `90-right`. */
     advices?: GaugeRadialAdvice[];
+    sector?: GaugeRadialSector;
+    showReadout?: boolean;
+    label?: string;
+    unit?: string;
+    fractionDigits?: number;
 }
 export interface Events {
 }
@@ -33,6 +39,7 @@ declare const ObcGaugeRadial: import("svelte").Component<$$ComponentProps, {
     Priority: typeof Priority;
     ObcGaugeRadialType: typeof ObcGaugeRadialType;
     GaugeRadialAdvice: typeof GaugeRadialAdvice;
+    GaugeRadialSector: typeof GaugeRadialSector;
     TickmarkStyle: typeof TickmarkStyle;
 }, "">;
 type ObcGaugeRadial = ReturnType<typeof ObcGaugeRadial>;

package/dist/navigation-instruments/readout/ObcReadout.svelte

@@ -1,16 +1,18 @@
 
   <script lang="ts">
     export type {ReadoutSourceType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout-source.js';
-export type {ReadoutVariant, ReadoutAlertState, ReadoutSetpointInteraction, ReadoutDirection, ReadoutStackVerticalAlignment} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
+export type {ReadoutVariant, ReadoutDataState, ReadoutSetpointInteraction, ReadoutDirection, ReadoutStackVerticalAlignment} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
 export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 export type {ReadoutSetpointSize, ReadoutSetpointFormat} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-setpoint/readout-setpoint.js';
+export type {AlertFrameConfig} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
 export type {ReadoutAdviceFormat, ReadoutAdviceState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-advice/readout-advice.js';
       import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
       import { setProperties } from "../../util.js";
       import type {ReadoutSourceType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout-source.js';
-import type {ReadoutVariant, ReadoutAlertState, ReadoutSetpointInteraction, ReadoutDirection, ReadoutStackVerticalAlignment} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
+import type {ReadoutVariant, ReadoutDataState, ReadoutSetpointInteraction, ReadoutDirection, ReadoutStackVerticalAlignment} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
 import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 import type {ReadoutSetpointSize, ReadoutSetpointFormat} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-setpoint/readout-setpoint.js';
+import type {AlertFrameConfig} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
 import type {ReadoutAdviceFormat, ReadoutAdviceState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-advice/readout-advice.js';
       import type { Snippet } from 'svelte';
 
@@ -27,7 +29,7 @@ import type {ReadoutAdviceFormat, ReadoutAdviceState} from '@oicl/openbridge-web
      src?: string | undefined;
      off?: boolean;
      valuePriority?: Priority | undefined;
-     alertState?: ReadoutAlertState;
+     dataState?: ReadoutDataState;
      setpointInteraction?: ReadoutSetpointInteraction;
      direction?: ReadoutDirection;
       /** Override the size of the setpoint segment (when `hasSetpoint` is true).
@@ -55,6 +57,7 @@ setpointSize?: ReadoutSetpointSize | undefined;
      sourceDeltaValue?: number;
      sourceType?: ReadoutSourceType | undefined;
      hasLeadingIcon?: boolean;
+     alert?: boolean | AlertFrameConfig;
      sourceHug?: boolean;
      hasSourceLeadingIcon?: boolean;
      hasSourceTrailingIcon?: boolean;

package/dist/navigation-instruments/readout/ObcReadout.svelte.d.ts

@@ -1,8 +1,9 @@
 import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
 import type { ReadoutSourceType } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout-source.js';
-import type { ReadoutVariant, ReadoutAlertState, ReadoutSetpointInteraction, ReadoutDirection, ReadoutStackVerticalAlignment } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
+import type { ReadoutVariant, ReadoutDataState, ReadoutSetpointInteraction, ReadoutDirection, ReadoutStackVerticalAlignment } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
 import type { Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 import type { ReadoutSetpointSize, ReadoutSetpointFormat } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-setpoint/readout-setpoint.js';
+import type { AlertFrameConfig } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
 import type { ReadoutAdviceFormat, ReadoutAdviceState } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-advice/readout-advice.js';
 import type { Snippet } from 'svelte';
 export interface Props {
@@ -18,7 +19,7 @@ export interface Props {
     src?: string | undefined;
     off?: boolean;
     valuePriority?: Priority | undefined;
-    alertState?: ReadoutAlertState;
+    dataState?: ReadoutDataState;
     setpointInteraction?: ReadoutSetpointInteraction;
     direction?: ReadoutDirection;
     /** Override the size of the setpoint segment (when `hasSetpoint` is true).
@@ -46,6 +47,7 @@ multi-line formats). */
     sourceDeltaValue?: number;
     sourceType?: ReadoutSourceType | undefined;
     hasLeadingIcon?: boolean;
+    alert?: boolean | AlertFrameConfig;
     sourceHug?: boolean;
     hasSourceLeadingIcon?: boolean;
     hasSourceTrailingIcon?: boolean;
@@ -87,13 +89,14 @@ type $$ComponentProps = Props & Events & Slots;
 declare const ObcReadout: import("svelte").Component<$$ComponentProps, {
     ReadoutSourceType: typeof ReadoutSourceType;
     ReadoutVariant: typeof ReadoutVariant;
-    ReadoutAlertState: typeof ReadoutAlertState;
+    ReadoutDataState: typeof ReadoutDataState;
     ReadoutSetpointInteraction: typeof ReadoutSetpointInteraction;
     ReadoutDirection: typeof ReadoutDirection;
     ReadoutStackVerticalAlignment: typeof ReadoutStackVerticalAlignment;
     Priority: typeof Priority;
     ReadoutSetpointSize: typeof ReadoutSetpointSize;
     ReadoutSetpointFormat: typeof ReadoutSetpointFormat;
+    AlertFrameConfig: typeof AlertFrameConfig;
     ReadoutAdviceFormat: typeof ReadoutAdviceFormat;
     ReadoutAdviceState: typeof ReadoutAdviceState;
 }, "">;

package/dist/navigation-instruments/readout-list-item/ObcReadoutListItem.svelte

@@ -1,9 +1,11 @@
 
   <script lang="ts">
-    export type {ReadoutListItemSize, ReadoutListItemStacking, ReadoutListItemPriority, ReadoutListItemAlertState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list-item/readout-list-item.js';
+    export type {ReadoutListItemSize, ReadoutListItemStacking, ReadoutListItemPriority, ReadoutListItemDataState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list-item/readout-list-item.js';
+export type {AlertFrameConfig} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
       import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list-item/readout-list-item.js';
       import { setProperties } from "../../util.js";
-      import type {ReadoutListItemSize, ReadoutListItemStacking, ReadoutListItemPriority, ReadoutListItemAlertState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list-item/readout-list-item.js';
+      import type {ReadoutListItemSize, ReadoutListItemStacking, ReadoutListItemPriority, ReadoutListItemDataState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list-item/readout-list-item.js';
+import type {AlertFrameConfig} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
@@ -12,7 +14,8 @@
      size?: ReadoutListItemSize;
      stacking?: ReadoutListItemStacking;
      priority?: ReadoutListItemPriority;
-     alertState?: ReadoutListItemAlertState;
+     dataState?: ReadoutListItemDataState;
+     alert?: boolean | AlertFrameConfig;
      label?: string;
      unit?: string;
      src?: string;

package/dist/navigation-instruments/readout-list-item/ObcReadoutListItem.svelte.d.ts

@@ -1,5 +1,6 @@
 import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list-item/readout-list-item.js';
-import type { ReadoutListItemSize, ReadoutListItemStacking, ReadoutListItemPriority, ReadoutListItemAlertState } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list-item/readout-list-item.js';
+import type { ReadoutListItemSize, ReadoutListItemStacking, ReadoutListItemPriority, ReadoutListItemDataState } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list-item/readout-list-item.js';
+import type { AlertFrameConfig } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
@@ -7,7 +8,8 @@ export interface Props {
     size?: ReadoutListItemSize;
     stacking?: ReadoutListItemStacking;
     priority?: ReadoutListItemPriority;
-    alertState?: ReadoutListItemAlertState;
+    dataState?: ReadoutListItemDataState;
+    alert?: boolean | AlertFrameConfig;
     label?: string;
     unit?: string;
     src?: string;
@@ -37,7 +39,8 @@ declare const ObcReadoutListItem: import("svelte").Component<$$ComponentProps, {
     ReadoutListItemSize: typeof ReadoutListItemSize;
     ReadoutListItemStacking: typeof ReadoutListItemStacking;
     ReadoutListItemPriority: typeof ReadoutListItemPriority;
-    ReadoutListItemAlertState: typeof ReadoutListItemAlertState;
+    ReadoutListItemDataState: typeof ReadoutListItemDataState;
+    AlertFrameConfig: typeof AlertFrameConfig;
 }, "">;
 type ObcReadoutListItem = ReturnType<typeof ObcReadoutListItem>;
 export default ObcReadoutListItem;

package/dist/navigation-instruments/watch/ObcWatch.svelte

@@ -51,8 +51,19 @@ import type {RotType, RotPosition} from '@oicl/openbridge-webcomponents/dist/nav
      currentSymbolRadius?: number | null;
      currentColor?: string | undefined;
      starboardPortIndicator?: boolean;
-     clipTop?: number;
-     clipBottom?: number;
+      /** Top clip, % of height. Ignored when `zoomToFitArc` is true. */
+clipTop?: number;
+      /** Bottom clip, % of height. Ignored when `zoomToFitArc` is true. */
+clipBottom?: number;
+      /** Left clip, % of width — horizontal counterpart of clipTop/bottom (90° sectors). Ignored when `zoomToFitArc`. */
+clipLeft?: number;
+      /** Right clip, % of width — horizontal counterpart of clipTop/bottom (90° sectors). Ignored when `zoomToFitArc`. */
+clipRight?: number;
+      /** Place the horizontal end labels (±90°, e.g. min/max) below the tick instead
+of beside it. This is the "Max-min" label placement from the radial label
+model (External / Internal / Max-min) — see PR #903 / design discussion.
+Currently only used by the 180° sector of `obc-gauge-radial`. */
+endLabelsMaxMin?: boolean;
      scaleWindIcon?: number;
      rotation?: number | undefined;
      zoomToFitArc?: boolean;

package/dist/navigation-instruments/watch/ObcWatch.svelte.d.ts

@@ -41,8 +41,19 @@ export interface Props {
     currentSymbolRadius?: number | null;
     currentColor?: string | undefined;
     starboardPortIndicator?: boolean;
+    /** Top clip, % of height. Ignored when `zoomToFitArc` is true. */
     clipTop?: number;
+    /** Bottom clip, % of height. Ignored when `zoomToFitArc` is true. */
     clipBottom?: number;
+    /** Left clip, % of width — horizontal counterpart of clipTop/bottom (90° sectors). Ignored when `zoomToFitArc`. */
+    clipLeft?: number;
+    /** Right clip, % of width — horizontal counterpart of clipTop/bottom (90° sectors). Ignored when `zoomToFitArc`. */
+    clipRight?: number;
+    /** Place the horizontal end labels (±90°, e.g. min/max) below the tick instead
+of beside it. This is the "Max-min" label placement from the radial label
+model (External / Internal / Max-min) — see PR #903 / design discussion.
+Currently only used by the 180° sector of `obc-gauge-radial`. */
+    endLabelsMaxMin?: boolean;
     scaleWindIcon?: number;
     rotation?: number | undefined;
     zoomToFitArc?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oicl/openbridge-webcomponents-svelte",
-  "version": "2.0.0-next.57",
+  "version": "2.0.0-next.59",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build && npm run prepack",
@@ -31,7 +31,7 @@
     }
   },
   "dependencies": {
-    "@oicl/openbridge-webcomponents": "^2.0.0-next.56"
+    "@oicl/openbridge-webcomponents": "^2.0.0-next.58"
   },
   "peerDependencies": {
     "svelte": "^5.0.0"