@oicl/openbridge-webcomponents-svelte 2.0.0-next.8 → 2.0.0-next.80

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

@@ -1,6 +1,12 @@
 import '@oicl/openbridge-webcomponents/dist/automation/automation-tank/automation-tank.js';
 import type { LineMedium } from '@oicl/openbridge-webcomponents/dist/automation/index.js';
-import type { TankTrend, TankVariant } from '@oicl/openbridge-webcomponents/dist/automation/automation-tank/automation-tank.js';
+import type { TankTrend, TankType, TankOrientation, TankPositioning, TankChartMode, TankReadoutItem } from '@oicl/openbridge-webcomponents/dist/automation/automation-tank/automation-tank.js';
+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 } 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 {
     class?: string;
@@ -9,19 +15,145 @@ export interface Props {
     value?: number;
     max?: number;
     trend?: TankTrend;
-    variant?: TankVariant;
+    type?: TankType;
+    orientation?: TankOrientation;
+    compact?: boolean;
+    /** Host positioning model — see `TankPositioning` for details. Defaults to
+`button` (host fills parent container, 100% × 100%, no anchor offset).
+Set to `point` for the legacy P&ID canvas mode (fixed default dimensions
++ top-center anchor offset). */
+    positioning?: TankPositioning;
+    /** Static (display-only) variant. Always rendered at the compact size; the
+inner chart/bar is hidden, the bordered area is filled with
+`--container-section-color`, and the readout is centered inside the frame.
+Tag is rendered below the bordered area; badges (when slotted) sit above
+the frame inside the halo and shrink the frame just like in compact mode.
+Overrides `compact` (a static tank is always compact-sized).
+
+Static tanks render as a non-interactive `<div role="img">` (not a
+`<button>`), so they are not in the tab order and do not announce as
+activatable controls. */
+    static?: boolean;
     tag?: string;
+    /** Chart cell rendering mode.
+- `bar`: static fill bar driven by `value`/`max` (default).
+- `graph`: embedded `obc-gauge-trend` line/area chart.
+- `graphAndBar`: embedded `obc-gauge-trend` with an integrated side bar. */
+    chartMode?: TankChartMode;
+    /** Time-series data points for the embedded gauge-trend (graph modes only). */
+    chartData?: ChartLineDataItem[];
+    /** Priority hint forwarded to child charts (regular | enhanced). */
+    priority?: Priority;
+    /** Advice overlays. Forwarded to the embedded `obc-gauge-trend` in
+`graph` / `graph-and-bar` modes, or rendered as pills over the static
+bar in `bar` mode. */
+    advice?: LinearAdvice[];
+    /** Show advice overlays (works in all `chartMode` variants). */
+    hasAdvice?: boolean;
+    /** Overlay a 32×32 decorative icon (currently `<obi-tank>`) centered on the
+chart cell. Works in all three `chartMode` variants (bar, graph,
+graph-and-bar) and in both orientations. The icon is rendered above the
+bar/graph in a fixed CSS layer (does not scale with the SVG meet
+transform) and is silhouetted with a `--border-silhouette-color` halo so
+it stays legible on any underlying fill. The icon size scales with the
+ambient `obc-component-size-*` class on an ancestor via the design token
+`--automation-components-tanks-graphs-graph-icon-size` (32 → 48 → 64 → 64
+for regular → medium → large → xl).
+
+TODO(future): replace the hard-coded `<obi-tank>` with a `slot="graph-icon"`
+so consumers can pass any `<obi-*>` icon. The current API ships the
+smallest viable surface; the slot can be added without breaking the
+boolean property. */
+    hasGraphIcon?: boolean;
+    /** Show an `<obc-alert-frame>` overlay around the bordered tank area (the
+`.halo` wrapper). Mirrors the API of `obc-automation-button`: same six
+properties, same three slots (`alert-icon`, `alert-label`, `alert-timer`).
+The ring overlays `.halo` only, so the tag and readout that sit outside
+the halo in compact / static layouts remain unaffected. */
+    alert?: boolean;
+    alertFrameType?: ObcAlertFrameType;
+    alertFrameThickness?: ObcAlertFrameThickness;
+    alertFrameStatus?: AlertType;
+    showAlertCategoryIcon?: boolean;
+    showAlertIcon?: boolean;
+    /** Show the trend chevron / off icon next to the percent readout. Default
+`true` preserves existing behavior. Set to `false` to hide the trend
+indicator in both compact and non-compact readouts — useful when the
+trend is not meaningful for a given tank, or when the consumer wants
+to keep the readout compact. Has no effect in `static` mode, which
+renders the tank's capacity (`max` + `unit`) instead of a percent and
+intentionally omits the trend indicator (a static tank represents
+"device present, current state unknown"). `attribute: false` per the
+repo's positive-default-true boolean convention. */
+    showTrendSymbol?: boolean;
+    /** Number of fraction digits used to format the percent readout in the
+non-compact (regular) layout. Defaults to `0` (integer percent). The
+compact layout always renders integer percent to keep its fixed-width
+footprint stable. The static layout renders capacity (`max` + `unit`)
+rather than percent, so this property has no effect there — pass a
+pre-formatted value through the `max-value` slot if fractional
+precision is needed (see the `WithFractionDigits` story). */
+    percentFractionDigits?: number;
+    /** Rich detail rows shown below the main percent/value block in the regular
+(non-compact, non-static) layout, separated by a divider. When empty (the
+default), nothing is rendered — neither the divider nor the list. In
+vertical orientation the chart cell shrinks to make room; in horizontal
+orientation the readout column already has reserved whitespace so the
+chart is unaffected.
+
+Values are formatted using `percentFractionDigits`. Consumers that need
+full control over the markup can replace the entire fallback by slotting
+arbitrary content into `slot="rich"` (note: this is a different name from
+the existing `slot="readout"` which replaces the whole readout block). */
+    readout?: TankReadoutItem[];
+    /** Enum-driven badges rendered inside the `badges` cell. Mirrors the API
+introduced for `ObcAbstractAutomationButton` in PR #839 (#829). When set
+to a non-`None` value, an `<obc-automation-badge>` of the corresponding
+type is rendered as fallback content for the `badges` slot. Any content
+the consumer slots into `badges` overrides these defaults, preserving
+backward compatibility with the existing slot-based API.
+
+Render order (left → right): control, alert, interlock, commandLocked —
+matching the positional convention used by `ObcAbstractAutomationButton`
+(top-left, top-right, bottom-left, bottom-right) read row-by-row. */
+    badgeControl?: AutomationButtonBadgeControl;
+    badgeAlert?: AutomationButtonBadgeAlert;
+    badgeInterlock?: AutomationButtonBadgeInterlock;
+    badgeCommandLocked?: AutomationButtonBadgeCommandLocked;
 }
 export interface Events {
 }
 export interface Slots {
-    children?: Snippet;
+    badges?: Snippet;
+    tagSnippet?: Snippet;
+    readoutSnippet?: Snippet;
+    maxValue?: Snippet;
+    unit?: Snippet;
+    currentValue?: Snippet;
+    rich?: Snippet;
+    alertIcon?: Snippet;
+    alertLabel?: Snippet;
+    alertTimer?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcAutomationTank: import("svelte").Component<$$ComponentProps, {
     LineMedium: typeof LineMedium;
     TankTrend: typeof TankTrend;
-    TankVariant: typeof TankVariant;
+    TankType: typeof TankType;
+    TankOrientation: typeof TankOrientation;
+    TankPositioning: typeof TankPositioning;
+    TankChartMode: typeof TankChartMode;
+    TankReadoutItem: typeof TankReadoutItem;
+    ChartLineDataItem: typeof ChartLineDataItem;
+    Priority: typeof Priority;
+    LinearAdvice: typeof LinearAdvice;
+    ObcAlertFrameType: typeof ObcAlertFrameType;
+    ObcAlertFrameThickness: typeof ObcAlertFrameThickness;
+    AlertType: typeof AlertType;
+    AutomationButtonBadgeControl: typeof AutomationButtonBadgeControl;
+    AutomationButtonBadgeAlert: typeof AutomationButtonBadgeAlert;
+    AutomationButtonBadgeInterlock: typeof AutomationButtonBadgeInterlock;
+    AutomationButtonBadgeCommandLocked: typeof AutomationButtonBadgeCommandLocked;
 }, "">;
 type ObcAutomationTank = ReturnType<typeof ObcAutomationTank>;
 export default ObcAutomationTank;

package/dist/bars-graphs/donut-chart/ObcDonutChart.svelte

@@ -1,15 +1,17 @@
 
   <script lang="ts">
-    export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+    export type {DonutChartDataItem} from '@oicl/openbridge-webcomponents/dist/bars-graphs/donut-chart/donut-chart.js';
+export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
       import '@oicl/openbridge-webcomponents/dist/bars-graphs/donut-chart/donut-chart.js';
       import { setProperties } from "../../util.js";
-      import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+      import type {DonutChartDataItem} from '@oicl/openbridge-webcomponents/dist/bars-graphs/donut-chart/donut-chart.js';
+import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
-     data?: { label: string; value: number; }[];
+     data?: DonutChartDataItem[];
      colors?: string[];
      priority?: Priority;
      half?: boolean;

package/dist/bars-graphs/donut-chart/ObcDonutChart.svelte.d.ts

@@ -1,13 +1,11 @@
 import '@oicl/openbridge-webcomponents/dist/bars-graphs/donut-chart/donut-chart.js';
+import type { DonutChartDataItem } from '@oicl/openbridge-webcomponents/dist/bars-graphs/donut-chart/donut-chart.js';
 import type { Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    data?: {
-        label: string;
-        value: number;
-    }[];
+    data?: DonutChartDataItem[];
     colors?: string[];
     priority?: Priority;
     half?: boolean;
@@ -31,6 +29,7 @@ export interface Slots {
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcDonutChart: import("svelte").Component<$$ComponentProps, {
+    DonutChartDataItem: typeof DonutChartDataItem;
     Priority: typeof Priority;
 }, "">;
 type ObcDonutChart = ReturnType<typeof ObcDonutChart>;

package/dist/bars-graphs/pie-chart/ObcPieChart.svelte

@@ -1,15 +1,17 @@
 
   <script lang="ts">
-    export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+    export type {PieChartDataItem} from '@oicl/openbridge-webcomponents/dist/bars-graphs/pie-chart/pie-chart.js';
+export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
       import '@oicl/openbridge-webcomponents/dist/bars-graphs/pie-chart/pie-chart.js';
       import { setProperties } from "../../util.js";
-      import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+      import type {PieChartDataItem} from '@oicl/openbridge-webcomponents/dist/bars-graphs/pie-chart/pie-chart.js';
+import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
-     data?: { label: string; value: number; children?: { label: string; value: number; }[] | undefined; }[];
+     data?: PieChartDataItem[];
      colors?: string[];
      priority?: Priority;
      showOuterLabels?: boolean;

package/dist/bars-graphs/pie-chart/ObcPieChart.svelte.d.ts

@@ -1,17 +1,11 @@
 import '@oicl/openbridge-webcomponents/dist/bars-graphs/pie-chart/pie-chart.js';
+import type { PieChartDataItem } from '@oicl/openbridge-webcomponents/dist/bars-graphs/pie-chart/pie-chart.js';
 import type { Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    data?: {
-        label: string;
-        value: number;
-        children?: {
-            label: string;
-            value: number;
-        }[] | undefined;
-    }[];
+    data?: PieChartDataItem[];
     colors?: string[];
     priority?: Priority;
     showOuterLabels?: boolean;
@@ -31,6 +25,7 @@ export interface Slots {
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcPieChart: import("svelte").Component<$$ComponentProps, {
+    PieChartDataItem: typeof PieChartDataItem;
     Priority: typeof Priority;
 }, "">;
 type ObcPieChart = ReturnType<typeof ObcPieChart>;

package/dist/bars-graphs/polar-chart/ObcPolarChart.svelte

@@ -1,15 +1,17 @@
 
   <script lang="ts">
-    export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+    export type {PolarChartDataItem} from '@oicl/openbridge-webcomponents/dist/bars-graphs/polar-chart/polar-chart.js';
+export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
       import '@oicl/openbridge-webcomponents/dist/bars-graphs/polar-chart/polar-chart.js';
       import { setProperties } from "../../util.js";
-      import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+      import type {PolarChartDataItem} from '@oicl/openbridge-webcomponents/dist/bars-graphs/polar-chart/polar-chart.js';
+import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
-     data?: { label: string; value: number; }[];
+     data?: PolarChartDataItem[];
      colors?: string[];
      priority?: Priority;
      monochrome?: boolean;

package/dist/bars-graphs/polar-chart/ObcPolarChart.svelte.d.ts

@@ -1,13 +1,11 @@
 import '@oicl/openbridge-webcomponents/dist/bars-graphs/polar-chart/polar-chart.js';
+import type { PolarChartDataItem } from '@oicl/openbridge-webcomponents/dist/bars-graphs/polar-chart/polar-chart.js';
 import type { Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    data?: {
-        label: string;
-        value: number;
-    }[];
+    data?: PolarChartDataItem[];
     colors?: string[];
     priority?: Priority;
     monochrome?: boolean;
@@ -29,6 +27,7 @@ export interface Slots {
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcPolarChart: import("svelte").Component<$$ComponentProps, {
+    PolarChartDataItem: typeof PolarChartDataItem;
     Priority: typeof Priority;
 }, "">;
 type ObcPolarChart = ReturnType<typeof ObcPolarChart>;

package/dist/building-blocks/bar-horizontal/ObcBarHorizontal.svelte

@@ -2,12 +2,12 @@
   <script lang="ts">
     export type {ExternalScaleSide, BarContainerStyle, ScaleType, FillMode, AdvicePosition} from '@oicl/openbridge-webcomponents/dist/building-blocks/external-scale/external-scale.js';
 export type {FrameStyle, BorderRadiusPosition, Priority, InstrumentState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
-export type {AdviceType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice.js';
+export type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
       import '@oicl/openbridge-webcomponents/dist/building-blocks/bar-horizontal/bar-horizontal.js';
       import { setProperties } from "../../util.js";
       import type {ExternalScaleSide, BarContainerStyle, ScaleType, FillMode, AdvicePosition} from '@oicl/openbridge-webcomponents/dist/building-blocks/external-scale/external-scale.js';
 import type {FrameStyle, BorderRadiusPosition, Priority, InstrumentState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
-import type {AdviceType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice.js';
+import type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
@@ -92,7 +92,7 @@ state?: InstrumentState;
 advicePosition?: AdvicePosition;
       /** Advice/alert overlays with state and positioning.
 When undefined or empty, no advice shown. */
-advices?: { min: number; max: number; type: AdviceType; hinted: boolean; }[] | undefined;
+advices?: LinearAdvice[] | undefined;
       /** When true, displays a dot indicator at the current value position.
 The dot is rendered in the scale band, touching its inner edge (towards the chart).
 This provides an alternative to bar fill for highlighting the current value. */

package/dist/building-blocks/bar-horizontal/ObcBarHorizontal.svelte.d.ts

@@ -1,7 +1,7 @@
 import '@oicl/openbridge-webcomponents/dist/building-blocks/bar-horizontal/bar-horizontal.js';
 import type { ExternalScaleSide, BarContainerStyle, ScaleType, FillMode, AdvicePosition } from '@oicl/openbridge-webcomponents/dist/building-blocks/external-scale/external-scale.js';
 import type { FrameStyle, BorderRadiusPosition, Priority, InstrumentState } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
-import type { AdviceType } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice.js';
+import type { LinearAdvice } from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
@@ -85,12 +85,7 @@ When instrumentMode=false, this is ignored and border radius is read from CSS va
     advicePosition?: AdvicePosition;
     /** Advice/alert overlays with state and positioning.
 When undefined or empty, no advice shown. */
-    advices?: {
-        min: number;
-        max: number;
-        type: AdviceType;
-        hinted: boolean;
-    }[] | undefined;
+    advices?: LinearAdvice[] | undefined;
     /** When true, displays a dot indicator at the current value position.
 The dot is rendered in the scale band, touching its inner edge (towards the chart).
 This provides an alternative to bar fill for highlighting the current value. */
@@ -112,7 +107,7 @@ declare const ObcBarHorizontal: import("svelte").Component<$$ComponentProps, {
     BorderRadiusPosition: typeof BorderRadiusPosition;
     Priority: typeof Priority;
     InstrumentState: typeof InstrumentState;
-    AdviceType: typeof AdviceType;
+    LinearAdvice: typeof LinearAdvice;
 }, "">;
 type ObcBarHorizontal = ReturnType<typeof ObcBarHorizontal>;
 export default ObcBarHorizontal;

package/dist/building-blocks/bar-vertical/ObcBarVertical.svelte

@@ -2,12 +2,12 @@
   <script lang="ts">
     export type {ExternalScaleSide, BarContainerStyle, ScaleType, FillMode, AdvicePosition} from '@oicl/openbridge-webcomponents/dist/building-blocks/external-scale/external-scale.js';
 export type {FrameStyle, BorderRadiusPosition, Priority, InstrumentState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
-export type {AdviceType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice.js';
+export type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
       import '@oicl/openbridge-webcomponents/dist/building-blocks/bar-vertical/bar-vertical.js';
       import { setProperties } from "../../util.js";
       import type {ExternalScaleSide, BarContainerStyle, ScaleType, FillMode, AdvicePosition} from '@oicl/openbridge-webcomponents/dist/building-blocks/external-scale/external-scale.js';
 import type {FrameStyle, BorderRadiusPosition, Priority, InstrumentState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
-import type {AdviceType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice.js';
+import type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
@@ -92,7 +92,7 @@ state?: InstrumentState;
 advicePosition?: AdvicePosition;
       /** Advice/alert overlays with state and positioning.
 When undefined or empty, no advice shown. */
-advices?: { min: number; max: number; type: AdviceType; hinted: boolean; }[] | undefined;
+advices?: LinearAdvice[] | undefined;
       /** When true, displays a dot indicator at the current value position.
 The dot is rendered in the scale band, touching its inner edge (towards the chart).
 This provides an alternative to bar fill for highlighting the current value. */

package/dist/building-blocks/bar-vertical/ObcBarVertical.svelte.d.ts

@@ -1,7 +1,7 @@
 import '@oicl/openbridge-webcomponents/dist/building-blocks/bar-vertical/bar-vertical.js';
 import type { ExternalScaleSide, BarContainerStyle, ScaleType, FillMode, AdvicePosition } from '@oicl/openbridge-webcomponents/dist/building-blocks/external-scale/external-scale.js';
 import type { FrameStyle, BorderRadiusPosition, Priority, InstrumentState } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
-import type { AdviceType } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice.js';
+import type { LinearAdvice } from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
@@ -85,12 +85,7 @@ When instrumentMode=false, this is ignored and border radius is read from CSS va
     advicePosition?: AdvicePosition;
     /** Advice/alert overlays with state and positioning.
 When undefined or empty, no advice shown. */
-    advices?: {
-        min: number;
-        max: number;
-        type: AdviceType;
-        hinted: boolean;
-    }[] | undefined;
+    advices?: LinearAdvice[] | undefined;
     /** When true, displays a dot indicator at the current value position.
 The dot is rendered in the scale band, touching its inner edge (towards the chart).
 This provides an alternative to bar fill for highlighting the current value. */
@@ -112,7 +107,7 @@ declare const ObcBarVertical: import("svelte").Component<$$ComponentProps, {
     BorderRadiusPosition: typeof BorderRadiusPosition;
     Priority: typeof Priority;
     InstrumentState: typeof InstrumentState;
-    AdviceType: typeof AdviceType;
+    LinearAdvice: typeof LinearAdvice;
 }, "">;
 type ObcBarVertical = ReturnType<typeof ObcBarVertical>;
 export default ObcBarVertical;

package/dist/building-blocks/chart-line/ObcChartLineBase.svelte

@@ -1,12 +1,12 @@
 
   <script lang="ts">
-    export type {ChartDataset} from 'chart.js';
-export type {XAxisType, YAxisPosition, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
+    export type {ChartLineDataItem, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
+export type {ChartDataset} from 'chart.js';
 export type {InstrumentState, Priority, FrameStyle, BorderRadiusPosition} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
       import '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
       import { setProperties } from "../../util.js";
-      import type {ChartDataset} from 'chart.js';
-import type {XAxisType, YAxisPosition, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
+      import type {ChartLineDataItem, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
+import type {ChartDataset} from 'chart.js';
 import type {InstrumentState, Priority, FrameStyle, BorderRadiusPosition} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
       import type { Snippet } from 'svelte';
 
@@ -14,7 +14,7 @@ import type {InstrumentState, Priority, FrameStyle, BorderRadiusPosition} from '
      class?: string;
      style?: string;
       /** Simple single-series data (array of {label, value}). */
-data?: { label: string; value: number; }[];
+data?: ChartLineDataItem[];
       /** Chart.js-style datasets for multi-series use. If provided, takes precedence over `data`. */
 datasets?: ChartDataset<"line", (number | { x: string | number | Date; y: number; })[]>[] | undefined;
       /** Optional explicit labels for the x-axis (category mode). If omitted labels are derived from `data` */
@@ -44,7 +44,7 @@ xAxisType?: XAxisType;
       /** Single y-axis position ('left' or 'right'). For multiple y-axes, use yAxes instead. */
 yAxisPosition?: YAxisPosition;
       /** Multiple y-axis definitions for complex multi-axis charts. */
-yAxes?: { id?: string | undefined; position?: "left" | "right" | undefined; min?: number | undefined; max?: number | undefined; grid?: boolean | undefined; }[] | undefined;
+yAxes?: ChartLineYAxisConfig[] | undefined;
       /** Show grid lines. */
 showGrid?: boolean;
       /** Show vertical grid lines (x-axis). Default: false. */
@@ -53,6 +53,22 @@ showGridX?: boolean;
 showGridY?: boolean;
       /** Show axis tick marks and labels. */
 showTickMarks?: boolean;
+      /** Reserve canvas padding for axis tick labels on sides without an external scale.
+
+When `true` (default), the chart leaves room for tick labels and renders them
+(subject to `showTickMarks` and the 192px auto-compact threshold).
+
+When `false`, the chart renders edge-to-edge on sides without a slotted external
+scale AND axis tick labels are force-hidden so they cannot be clipped. This also
+suppresses the automatic edge-to-edge switch that normally happens below the
+192px threshold, eliminating the visible padding "jump" when crossing it.
+
+Useful when embedding the chart inside another component that owns framing
+and never wants to show axis labels (e.g. `obc-automation-tank`).
+
+Defaults to `true` to preserve existing behavior. Declared with `attribute: false`
+because a `true`-default boolean cannot work as an HTML boolean attribute. */
+hasLabelPadding?: boolean;
       /** Show point markers on data points. Default: false. */
 showPoints?: boolean;
       /** Line drawing style: 'smooth' (curved), 'straight', or 'stepped'. */

package/dist/building-blocks/chart-line/ObcChartLineBase.svelte.d.ts

@@ -1,16 +1,13 @@
 import '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
+import type { ChartLineDataItem, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay } from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
 import type { ChartDataset } from 'chart.js';
-import type { XAxisType, YAxisPosition, LineMode, TimeDisplay } from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
 import type { InstrumentState, Priority, FrameStyle, BorderRadiusPosition } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
     /** Simple single-series data (array of {label, value}). */
-    data?: {
-        label: string;
-        value: number;
-    }[];
+    data?: ChartLineDataItem[];
     /** Chart.js-style datasets for multi-series use. If provided, takes precedence over `data`. */
     datasets?: ChartDataset<"line", (number | {
         x: string | number | Date;
@@ -43,13 +40,7 @@ Default: 384 (matches Figma design baseline). */
     /** Single y-axis position ('left' or 'right'). For multiple y-axes, use yAxes instead. */
     yAxisPosition?: YAxisPosition;
     /** Multiple y-axis definitions for complex multi-axis charts. */
-    yAxes?: {
-        id?: string | undefined;
-        position?: "left" | "right" | undefined;
-        min?: number | undefined;
-        max?: number | undefined;
-        grid?: boolean | undefined;
-    }[] | undefined;
+    yAxes?: ChartLineYAxisConfig[] | undefined;
     /** Show grid lines. */
     showGrid?: boolean;
     /** Show vertical grid lines (x-axis). Default: false. */
@@ -58,6 +49,22 @@ Default: 384 (matches Figma design baseline). */
     showGridY?: boolean;
     /** Show axis tick marks and labels. */
     showTickMarks?: boolean;
+    /** Reserve canvas padding for axis tick labels on sides without an external scale.
+
+When `true` (default), the chart leaves room for tick labels and renders them
+(subject to `showTickMarks` and the 192px auto-compact threshold).
+
+When `false`, the chart renders edge-to-edge on sides without a slotted external
+scale AND axis tick labels are force-hidden so they cannot be clipped. This also
+suppresses the automatic edge-to-edge switch that normally happens below the
+192px threshold, eliminating the visible padding "jump" when crossing it.
+
+Useful when embedding the chart inside another component that owns framing
+and never wants to show axis labels (e.g. `obc-automation-tank`).
+
+Defaults to `true` to preserve existing behavior. Declared with `attribute: false`
+because a `true`-default boolean cannot work as an HTML boolean attribute. */
+    hasLabelPadding?: boolean;
     /** Show point markers on data points. Default: false. */
     showPoints?: boolean;
     /** Line drawing style: 'smooth' (curved), 'straight', or 'stepped'. */
@@ -101,11 +108,13 @@ export interface Slots {
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcChartLineBase: import("svelte").Component<$$ComponentProps, {
-    ChartDataset: typeof ChartDataset;
+    ChartLineDataItem: typeof ChartLineDataItem;
     XAxisType: typeof XAxisType;
     YAxisPosition: typeof YAxisPosition;
+    ChartLineYAxisConfig: typeof ChartLineYAxisConfig;
     LineMode: typeof LineMode;
     TimeDisplay: typeof TimeDisplay;
+    ChartDataset: typeof ChartDataset;
     InstrumentState: typeof InstrumentState;
     Priority: typeof Priority;
     FrameStyle: typeof FrameStyle;

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/building-blocks/single-axis-inclinometer/SingleAxisInclinometer.svelte

@@ -0,0 +1,48 @@
+
+  <script lang="ts">
+    export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+      import '@oicl/openbridge-webcomponents/dist/building-blocks/single-axis-inclinometer/single-axis-inclinometer.js';
+      import { setProperties } from "../../util.js";
+      import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     zoomToFitArc?: boolean;
+      /** When `true`, the centre shows an `<obc-readout>` with the value instead of
+the horizon line, rotating indicator and vessel. Default `false`. */
+hasReadout?: boolean;
+      /** Colour palette for the scale fill / indicator and the readout value:
+`regular` (default) or `enhanced`. */
+priority?: Priority;
+      /** Half-extent of the watch arc in degrees. The arc spans `centre ± arcAngle`
+and values are placed at their true position within it. Default `45`
+reproduces the historical 90°-wide arc.
+
+Smaller values render a narrower arc. Combined with `zoomToFitArc`, the
+narrower arc is enlarged (its radius grows) on its own layer, while the
+vessel image and the rotating indicator line stay at their natural size and
+position on a separate central layer. The two layers are intentionally
+visually disconnected. */
+arcAngle?: number
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  children?: Snippet
+}
+      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <undefined
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+    {#if children}
+      {@render children()}
+    {/if}
+    </undefined>