@oicl/openbridge-webcomponents 2.0.0-next.101 → 2.0.0-next.103

package/custom-elements.json

@@ -31344,31 +31344,23 @@
           "name": "ObcAreaGraph",
           "members": [
             {
+              "kind": "field",
+              "name": "fillMode",
               "type": {
-                "text": "'semitransparent'|'solid'|'threshold'"
+                "text": "AreaFillMode"
               },
               "description": "Fill rendering mode for area charts.\n- `'semitransparent'`: 50% alpha fill (default)\n- `'solid'`: Opaque fill\n- `'threshold'`: single-series only, falls back to semitransparent for multi-series",
-              "name": "fillMode",
-              "kind": "field",
-              "attribute": "fillMode",
-              "inheritedFrom": {
-                "name": "ObcChartLineBase",
-                "module": "src/building-blocks/chart-line/chart-line-base.ts"
-              }
+              "attribute": "fillMode"
             },
             {
+              "kind": "field",
+              "name": "stacked",
               "type": {
                 "text": "boolean"
               },
-              "description": "Stack multi-series datasets vertically on y-axis.\nIgnored for single-series and threshold fill mode.",
-              "name": "stacked",
-              "kind": "field",
               "default": "false",
-              "attribute": "stacked",
-              "inheritedFrom": {
-                "name": "ObcChartLineBase",
-                "module": "src/building-blocks/chart-line/chart-line-base.ts"
-              }
+              "description": "Stack multi-series datasets vertically on y-axis.\nIgnored for single-series and threshold fill mode.",
+              "attribute": "stacked"
             },
             {
               "kind": "method",
@@ -31419,10 +31411,10 @@
               "kind": "field",
               "name": "data",
               "type": {
-                "text": "Array<{label?: string, x?: number|string|Date|TemporalLike, value: number}>"
+                "text": "ChartLineDataItem[]"
               },
               "default": "[]",
-              "description": "Single-series data array. In `category` mode each item needs `label`; in `time`/`number` mode each item needs `x` (epoch ms, ISO string, Date, or Temporal object — `label` is parsed as a fallback). Used when `datasets` is not provided. Points are drawn in array order (no sorting); Temporal Plain* values are interpreted in the system time zone.",
+              "description": "Simple single-series data. `{label, value}` items for the category axis;\n`{x, value}` items for time/number axes (x: epoch ms, ISO string, Date,\nor Temporal object). Points are drawn in array order (no sorting).",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
                 "module": "src/building-blocks/chart-line/chart-line-base.ts"
@@ -31432,10 +31424,10 @@
               "kind": "field",
               "name": "datasets",
               "type": {
-                "text": "ChartDataset<'line', (number | {x: number|string|Date|TemporalLike; y: number})[]>[]"
+                "text": "ChartDataset<'line', ChartLinePoint[]>[] | undefined"
               },
               "default": "undefined",
-              "description": "Multi-series Chart.js datasets. Takes precedence over `data`. Each dataset can have `label`, `data` (numeric array or `{x, y}` points), and visual properties like `borderColor`, `backgroundColor`, `fill`, etc. In `time`/`number` mode point x-values are normalized like single-series `x`.",
+              "description": "Chart.js-style datasets for multi-series use. If provided, takes precedence over `data`.",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
                 "module": "src/building-blocks/chart-line/chart-line-base.ts"
@@ -31445,10 +31437,10 @@
               "kind": "field",
               "name": "labels",
               "type": {
-                "text": "(string|number)[]"
+                "text": "(string | number)[] | undefined"
               },
               "default": "undefined",
-              "description": "Explicit labels for category x-axis. If omitted, labels are derived from `data` property or dataset x-values.",
+              "description": "Optional explicit labels for the x-axis (category mode). If omitted labels are derived from `data`",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
                 "module": "src/building-blocks/chart-line/chart-line-base.ts"
@@ -31461,7 +31453,7 @@
                 "text": "string[]"
               },
               "default": "[]",
-              "description": "Custom color palette (CSS variable names or color strings). Falls back to theme default colors if not provided.",
+              "description": "Custom color palette (CSS variable names or color strings).",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
                 "module": "src/building-blocks/chart-line/chart-line-base.ts"
@@ -31474,7 +31466,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Show HTML legend below chart with series labels and colors. Default: `false`.",
+              "description": "Show HTML legend below chart with series labels and colors.",
               "attribute": "legend",
               "reflects": true,
               "inheritedFrom": {
@@ -31489,7 +31481,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Development mode: show visual debug overlay with dimension guides. Shows blue border around canvas (axis area) and red border around chart grid (data area). Default: `false`.",
+              "description": "Development mode: show visual debug overlay with dimension guides.",
               "attribute": "showDebugOverlay",
               "reflects": true,
               "inheritedFrom": {
@@ -31519,7 +31511,7 @@
                 "text": "number"
               },
               "default": "320",
-              "description": "Chart height in pixels. Determines chart size with 1.5:1 aspect ratio (width = height × 1.5). Default: `320`.",
+              "description": "Height of the chart in pixels. Default: 320.",
               "attribute": "height",
               "reflects": true,
               "inheritedFrom": {
@@ -31560,9 +31552,9 @@
               "kind": "field",
               "name": "xAxisType",
               "type": {
-                "text": "'category'|'time'|'number'"
+                "text": "XAxisType"
               },
-              "description": "X-axis mode. `'category'` for labeled, evenly spaced data points; `'time'` for time-based data positioned proportionally (numbers are always epoch ms — `xStepSize`/`xTicksLimit` operate in ms); `'number'` for plain numeric x-values. Default: `'category'`.",
+              "description": "X-axis mode: 'category' for labeled, evenly spaced data points; 'time'\nfor time-based data positioned proportionally; 'number' for plain\nnumeric x-values.",
               "attribute": "xAxisType",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -31573,9 +31565,9 @@
               "kind": "field",
               "name": "yAxisPosition",
               "type": {
-                "text": "'left'|'right'"
+                "text": "YAxisPosition"
               },
-              "description": "Single y-axis position. Use this for simple charts with one y-axis. For multiple y-axes, use `yAxes` property instead. Default: `'left'`.",
+              "description": "Single y-axis position ('left' or 'right'). For multiple y-axes, use yAxes instead.",
               "attribute": "yAxisPosition",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -31586,10 +31578,10 @@
               "kind": "field",
               "name": "yAxes",
               "type": {
-                "text": "Array<{id?: string; position?: 'left'|'right'; min?: number; max?: number; grid?: boolean}>"
+                "text": "ChartLineYAxisConfig[] | undefined"
               },
               "default": "undefined",
-              "description": "Multiple y-axis definitions for complex charts. Each axis can specify `id` (referenced by dataset `yAxisID`), `position`, `min`/`max` range, and `grid` visibility.",
+              "description": "Multiple y-axis definitions for complex multi-axis charts.",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
                 "module": "src/building-blocks/chart-line/chart-line-base.ts"
@@ -31602,7 +31594,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Show vertical grid lines (x-axis). When combined with `showGridX` and `showGridY`, controls full grid visibility. Default: `false`.",
+              "description": "Show grid lines.",
               "attribute": "showGrid",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -31616,7 +31608,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Show vertical grid lines (x-axis). Set to `false` to hide only vertical lines while keeping horizontal lines. Default: `false`.",
+              "description": "Show vertical grid lines (x-axis). Default: false.",
               "attribute": "showGridX",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -31630,7 +31622,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Show horizontal grid lines (y-axis). Set to `false` to hide only horizontal lines while keeping vertical lines. Default: `false`.",
+              "description": "Show horizontal grid lines (y-axis). Default: false.",
               "attribute": "showGridY",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -31644,7 +31636,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Show axis tick marks and labels. Automatically hidden below 192px height threshold. Default: `false`.",
+              "description": "Show axis tick marks and labels.",
               "attribute": "showTickMarks",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -31699,7 +31691,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Show point markers on data points. Default: `false`.",
+              "description": "Show point markers on data points. Default: false.",
               "attribute": "showPoints",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -31710,9 +31702,9 @@
               "kind": "field",
               "name": "lineMode",
               "type": {
-                "text": "'smooth'|'straight'|'stepped'"
+                "text": "LineMode"
               },
-              "description": "Line drawing style. `'smooth'` applies bezier curve tension, `'straight'` draws straight lines, `'stepped'` creates step-like lines. Default: `'smooth'`.",
+              "description": "Line drawing style: 'smooth' (curved), 'straight', or 'stepped'.",
               "attribute": "lineMode",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -31726,7 +31718,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "Unit label displayed in tooltips (e.g., 'kW', 'kg', '%'). Default: empty string.",
+              "description": "Unit label displayed in tooltips (e.g., 'kW', 'kg', '%').",
               "attribute": "unit",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -31737,9 +31729,9 @@
               "kind": "field",
               "name": "timeDisplay",
               "type": {
-                "text": "'minutes'|'date'"
+                "text": "TimeDisplay"
               },
-              "description": "Time axis label format when `xAxisType='time'`. `'date'` shows a locale date, `'minutes'` shows minutes relative to the latest data point. Default: `'date'`.",
+              "description": "Time axis label format: 'date' (full date/time) or 'minutes' (relative).",
               "attribute": "timeDisplay",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -31750,10 +31742,10 @@
               "kind": "field",
               "name": "xTicksLimit",
               "type": {
-                "text": "number"
+                "text": "number | undefined"
               },
               "default": "undefined",
-              "description": "Maximum number of x-axis ticks/grid lines. Useful for matching external axes. Optional.",
+              "description": "Max number of x-axis ticks/grid lines. Useful for matching external axes.",
               "attribute": "xTicksLimit",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -31764,10 +31756,10 @@
               "kind": "field",
               "name": "xStepSize",
               "type": {
-                "text": "number"
+                "text": "number | undefined"
               },
               "default": "undefined",
-              "description": "Force specific interval between x-axis ticks (e.g., 1, 2, 5). Useful for matching external axes. Optional.",
+              "description": "Force x-axis tick interval. Useful for matching external axes.",
               "attribute": "xStepSize",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -31778,10 +31770,10 @@
               "kind": "field",
               "name": "yTicksLimit",
               "type": {
-                "text": "number"
+                "text": "number | undefined"
               },
               "default": "undefined",
-              "description": "Maximum number of y-axis ticks/grid lines. Useful for matching external axes. Optional.",
+              "description": "Max number of y-axis ticks/grid lines. Useful for matching external axes.",
               "attribute": "yTicksLimit",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -31792,10 +31784,10 @@
               "kind": "field",
               "name": "yStepSize",
               "type": {
-                "text": "number"
+                "text": "number | undefined"
               },
               "default": "undefined",
-              "description": "Force specific interval between y-axis ticks (e.g., 2, 5, 10). Useful for matching external axes. Optional.",
+              "description": "Force y-axis tick interval. Useful for matching external axes.",
               "attribute": "yStepSize",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -32428,7 +32420,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Show HTML legend below chart with series labels and colors. Default: `false`.",
+              "description": "Show HTML legend below chart with series labels and colors.",
               "fieldName": "legend",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -32441,7 +32433,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Development mode: show visual debug overlay with dimension guides. Shows blue border around canvas (axis area) and red border around chart grid (data area). Default: `false`.",
+              "description": "Development mode: show visual debug overlay with dimension guides.",
               "fieldName": "showDebugOverlay",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -32467,7 +32459,7 @@
                 "text": "number"
               },
               "default": "320",
-              "description": "Chart height in pixels. Determines chart size with 1.5:1 aspect ratio (width = height × 1.5). Default: `320`.",
+              "description": "Height of the chart in pixels. Default: 320.",
               "fieldName": "height",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -32503,9 +32495,9 @@
             {
               "name": "xAxisType",
               "type": {
-                "text": "'category'|'time'|'number'"
+                "text": "XAxisType"
               },
-              "description": "X-axis mode. `'category'` for labeled, evenly spaced data points; `'time'` for time-based data positioned proportionally (numbers are always epoch ms — `xStepSize`/`xTicksLimit` operate in ms); `'number'` for plain numeric x-values. Default: `'category'`.",
+              "description": "X-axis mode: 'category' for labeled, evenly spaced data points; 'time'\nfor time-based data positioned proportionally; 'number' for plain\nnumeric x-values.",
               "fieldName": "xAxisType",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -32515,9 +32507,9 @@
             {
               "name": "yAxisPosition",
               "type": {
-                "text": "'left'|'right'"
+                "text": "YAxisPosition"
               },
-              "description": "Single y-axis position. Use this for simple charts with one y-axis. For multiple y-axes, use `yAxes` property instead. Default: `'left'`.",
+              "description": "Single y-axis position ('left' or 'right'). For multiple y-axes, use yAxes instead.",
               "fieldName": "yAxisPosition",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -32530,7 +32522,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Show vertical grid lines (x-axis). When combined with `showGridX` and `showGridY`, controls full grid visibility. Default: `false`.",
+              "description": "Show grid lines.",
               "fieldName": "showGrid",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -32543,7 +32535,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Show vertical grid lines (x-axis). Set to `false` to hide only vertical lines while keeping horizontal lines. Default: `false`.",
+              "description": "Show vertical grid lines (x-axis). Default: false.",
               "fieldName": "showGridX",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -32556,7 +32548,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Show horizontal grid lines (y-axis). Set to `false` to hide only horizontal lines while keeping vertical lines. Default: `false`.",
+              "description": "Show horizontal grid lines (y-axis). Default: false.",
               "fieldName": "showGridY",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -32569,7 +32561,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Show axis tick marks and labels. Automatically hidden below 192px height threshold. Default: `false`.",
+              "description": "Show axis tick marks and labels.",
               "fieldName": "showTickMarks",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -32582,7 +32574,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Show point markers on data points. Default: `false`.",
+              "description": "Show point markers on data points. Default: false.",
               "fieldName": "showPoints",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -32592,9 +32584,9 @@
             {
               "name": "lineMode",
               "type": {
-                "text": "'smooth'|'straight'|'stepped'"
+                "text": "LineMode"
               },
-              "description": "Line drawing style. `'smooth'` applies bezier curve tension, `'straight'` draws straight lines, `'stepped'` creates step-like lines. Default: `'smooth'`.",
+              "description": "Line drawing style: 'smooth' (curved), 'straight', or 'stepped'.",
               "fieldName": "lineMode",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -32607,7 +32599,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "Unit label displayed in tooltips (e.g., 'kW', 'kg', '%'). Default: empty string.",
+              "description": "Unit label displayed in tooltips (e.g., 'kW', 'kg', '%').",
               "fieldName": "unit",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -32617,9 +32609,9 @@
             {
               "name": "timeDisplay",
               "type": {
-                "text": "'minutes'|'date'"
+                "text": "TimeDisplay"
               },
-              "description": "Time axis label format when `xAxisType='time'`. `'date'` shows a locale date, `'minutes'` shows minutes relative to the latest data point. Default: `'date'`.",
+              "description": "Time axis label format: 'date' (full date/time) or 'minutes' (relative).",
               "fieldName": "timeDisplay",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -32629,10 +32621,10 @@
             {
               "name": "xTicksLimit",
               "type": {
-                "text": "number"
+                "text": "number | undefined"
               },
               "default": "undefined",
-              "description": "Maximum number of x-axis ticks/grid lines. Useful for matching external axes. Optional.",
+              "description": "Max number of x-axis ticks/grid lines. Useful for matching external axes.",
               "fieldName": "xTicksLimit",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -32642,10 +32634,10 @@
             {
               "name": "xStepSize",
               "type": {
-                "text": "number"
+                "text": "number | undefined"
               },
               "default": "undefined",
-              "description": "Force specific interval between x-axis ticks (e.g., 1, 2, 5). Useful for matching external axes. Optional.",
+              "description": "Force x-axis tick interval. Useful for matching external axes.",
               "fieldName": "xStepSize",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -32655,10 +32647,10 @@
             {
               "name": "yTicksLimit",
               "type": {
-                "text": "number"
+                "text": "number | undefined"
               },
               "default": "undefined",
-              "description": "Maximum number of y-axis ticks/grid lines. Useful for matching external axes. Optional.",
+              "description": "Max number of y-axis ticks/grid lines. Useful for matching external axes.",
               "fieldName": "yTicksLimit",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -32668,10 +32660,10 @@
             {
               "name": "yStepSize",
               "type": {
-                "text": "number"
+                "text": "number | undefined"
               },
               "default": "undefined",
-              "description": "Force specific interval between y-axis ticks (e.g., 2, 5, 10). Useful for matching external axes. Optional.",
+              "description": "Force y-axis tick interval. Useful for matching external axes.",
               "fieldName": "yStepSize",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -32807,7 +32799,7 @@
               "kind": "field",
               "name": "data",
               "type": {
-                "text": "Array<{label: string, value: number}>"
+                "text": "DonutChartDataItem[]"
               },
               "default": "[]",
               "description": "Chart data segments (set via JavaScript)"
@@ -32959,7 +32951,7 @@
                 "text": "number"
               },
               "default": "320",
-              "description": "Fixed height of the chart in pixels (mandatory, determines chart circumference), default: 320. The chart's circumference is always based on this fixed height to match other radial instruments.",
+              "description": "Fixed height of the chart in pixels (determines chart circumference), default: 320. The chart's circumference is always based on this fixed height to match other radial instruments.",
               "attribute": "fixedHeight",
               "reflects": true
             },
@@ -33218,7 +33210,7 @@
                 "text": "number"
               },
               "default": "320",
-              "description": "Fixed height of the chart in pixels (mandatory, determines chart circumference), default: 320. The chart's circumference is always based on this fixed height to match other radial instruments.",
+              "description": "Fixed height of the chart in pixels (determines chart circumference), default: 320. The chart's circumference is always based on this fixed height to match other radial instruments.",
               "fieldName": "fixedHeight"
             }
           ],
@@ -33307,10 +33299,10 @@
               "kind": "field",
               "name": "data",
               "type": {
-                "text": "Array<{label?: string, x?: number|string|Date|TemporalLike, value: number}>"
+                "text": "ChartLineDataItem[]"
               },
               "default": "[]",
-              "description": "Single-series data array. In `category` mode each item needs `label`; in `time`/`number` mode each item needs `x` (epoch ms, ISO string, Date, or Temporal object — `label` is parsed as a fallback). Used when `datasets` is not provided. Points are drawn in array order (no sorting); Temporal Plain* values are interpreted in the system time zone.",
+              "description": "Simple single-series data. `{label, value}` items for the category axis;\n`{x, value}` items for time/number axes (x: epoch ms, ISO string, Date,\nor Temporal object). Points are drawn in array order (no sorting).",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
                 "module": "src/building-blocks/chart-line/chart-line-base.ts"
@@ -33320,10 +33312,10 @@
               "kind": "field",
               "name": "datasets",
               "type": {
-                "text": "ChartDataset<'line', (number | {x: number|string|Date|TemporalLike; y: number})[]>[]"
+                "text": "ChartDataset<'line', ChartLinePoint[]>[] | undefined"
               },
               "default": "undefined",
-              "description": "Multi-series Chart.js datasets. Takes precedence over `data`. Each dataset can have `label`, `data` (numeric array or `{x, y}` points), and visual properties like `borderColor`, `backgroundColor`, `fill`, etc. In `time`/`number` mode point x-values are normalized like single-series `x`.",
+              "description": "Chart.js-style datasets for multi-series use. If provided, takes precedence over `data`.",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
                 "module": "src/building-blocks/chart-line/chart-line-base.ts"
@@ -33333,10 +33325,10 @@
               "kind": "field",
               "name": "labels",
               "type": {
-                "text": "(string|number)[]"
+                "text": "(string | number)[] | undefined"
               },
               "default": "undefined",
-              "description": "Explicit labels for category x-axis. If omitted, labels are derived from `data` property or dataset x-values.",
+              "description": "Optional explicit labels for the x-axis (category mode). If omitted labels are derived from `data`",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
                 "module": "src/building-blocks/chart-line/chart-line-base.ts"
@@ -33349,7 +33341,7 @@
                 "text": "string[]"
               },
               "default": "[]",
-              "description": "Custom color palette (CSS variable names or color strings). Falls back to theme default colors if not provided.",
+              "description": "Custom color palette (CSS variable names or color strings).",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
                 "module": "src/building-blocks/chart-line/chart-line-base.ts"
@@ -33362,7 +33354,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Show HTML legend below chart with series labels and colors. Default: `false`.",
+              "description": "Show HTML legend below chart with series labels and colors.",
               "attribute": "legend",
               "reflects": true,
               "inheritedFrom": {
@@ -33377,7 +33369,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Development mode: show visual debug overlay with dimension guides. Shows blue border around canvas (axis area) and red border around chart grid (data area). Default: `false`.",
+              "description": "Development mode: show visual debug overlay with dimension guides.",
               "attribute": "showDebugOverlay",
               "reflects": true,
               "inheritedFrom": {
@@ -33407,7 +33399,7 @@
                 "text": "number"
               },
               "default": "320",
-              "description": "Chart height in pixels. Determines chart size with 1.5:1 aspect ratio (width = height × 1.5). Default: `320`.",
+              "description": "Height of the chart in pixels. Default: 320.",
               "attribute": "height",
               "reflects": true,
               "inheritedFrom": {
@@ -33448,9 +33440,9 @@
               "kind": "field",
               "name": "xAxisType",
               "type": {
-                "text": "'category'|'time'|'number'"
+                "text": "XAxisType"
               },
-              "description": "X-axis mode. `'category'` for labeled, evenly spaced data points; `'time'` for time-based data positioned proportionally (numbers are always epoch ms — `xStepSize`/`xTicksLimit` operate in ms); `'number'` for plain numeric x-values. Default: `'category'`.",
+              "description": "X-axis mode: 'category' for labeled, evenly spaced data points; 'time'\nfor time-based data positioned proportionally; 'number' for plain\nnumeric x-values.",
               "attribute": "xAxisType",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -33461,9 +33453,9 @@
               "kind": "field",
               "name": "yAxisPosition",
               "type": {
-                "text": "'left'|'right'"
+                "text": "YAxisPosition"
               },
-              "description": "Single y-axis position. Use this for simple charts with one y-axis. For multiple y-axes, use `yAxes` property instead. Default: `'left'`.",
+              "description": "Single y-axis position ('left' or 'right'). For multiple y-axes, use yAxes instead.",
               "attribute": "yAxisPosition",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -33474,10 +33466,10 @@
               "kind": "field",
               "name": "yAxes",
               "type": {
-                "text": "Array<{id?: string; position?: 'left'|'right'; min?: number; max?: number; grid?: boolean}>"
+                "text": "ChartLineYAxisConfig[] | undefined"
               },
               "default": "undefined",
-              "description": "Multiple y-axis definitions for complex charts. Each axis can specify `id` (referenced by dataset `yAxisID`), `position`, `min`/`max` range, and `grid` visibility.",
+              "description": "Multiple y-axis definitions for complex multi-axis charts.",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
                 "module": "src/building-blocks/chart-line/chart-line-base.ts"
@@ -33490,7 +33482,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Show vertical grid lines (x-axis). When combined with `showGridX` and `showGridY`, controls full grid visibility. Default: `false`.",
+              "description": "Show grid lines.",
               "attribute": "showGrid",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -33504,7 +33496,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Show vertical grid lines (x-axis). Set to `false` to hide only vertical lines while keeping horizontal lines. Default: `false`.",
+              "description": "Show vertical grid lines (x-axis). Default: false.",
               "attribute": "showGridX",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -33518,7 +33510,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Show horizontal grid lines (y-axis). Set to `false` to hide only horizontal lines while keeping vertical lines. Default: `false`.",
+              "description": "Show horizontal grid lines (y-axis). Default: false.",
               "attribute": "showGridY",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -33532,7 +33524,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Show axis tick marks and labels. Automatically hidden below 192px height threshold. Default: `false`.",
+              "description": "Show axis tick marks and labels.",
               "attribute": "showTickMarks",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -33587,7 +33579,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Show point markers on data points. Default: `false`.",
+              "description": "Show point markers on data points. Default: false.",
               "attribute": "showPoints",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -33598,9 +33590,9 @@
               "kind": "field",
               "name": "lineMode",
               "type": {
-                "text": "'smooth'|'straight'|'stepped'"
+                "text": "LineMode"
               },
-              "description": "Line drawing style. `'smooth'` applies bezier curve tension, `'straight'` draws straight lines, `'stepped'` creates step-like lines. Default: `'smooth'`.",
+              "description": "Line drawing style: 'smooth' (curved), 'straight', or 'stepped'.",
               "attribute": "lineMode",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -33614,7 +33606,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "Unit label displayed in tooltips (e.g., 'kW', 'kg', '%'). Default: empty string.",
+              "description": "Unit label displayed in tooltips (e.g., 'kW', 'kg', '%').",
               "attribute": "unit",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -33625,9 +33617,9 @@
               "kind": "field",
               "name": "timeDisplay",
               "type": {
-                "text": "'minutes'|'date'"
+                "text": "TimeDisplay"
               },
-              "description": "Time axis label format when `xAxisType='time'`. `'date'` shows a locale date, `'minutes'` shows minutes relative to the latest data point. Default: `'date'`.",
+              "description": "Time axis label format: 'date' (full date/time) or 'minutes' (relative).",
               "attribute": "timeDisplay",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -33638,10 +33630,10 @@
               "kind": "field",
               "name": "xTicksLimit",
               "type": {
-                "text": "number"
+                "text": "number | undefined"
               },
               "default": "undefined",
-              "description": "Maximum number of x-axis ticks/grid lines. Useful for matching external axes. Optional.",
+              "description": "Max number of x-axis ticks/grid lines. Useful for matching external axes.",
               "attribute": "xTicksLimit",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -33652,10 +33644,10 @@
               "kind": "field",
               "name": "xStepSize",
               "type": {
-                "text": "number"
+                "text": "number | undefined"
               },
               "default": "undefined",
-              "description": "Force specific interval between x-axis ticks (e.g., 1, 2, 5). Useful for matching external axes. Optional.",
+              "description": "Force x-axis tick interval. Useful for matching external axes.",
               "attribute": "xStepSize",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -33666,10 +33658,10 @@
               "kind": "field",
               "name": "yTicksLimit",
               "type": {
-                "text": "number"
+                "text": "number | undefined"
               },
               "default": "undefined",
-              "description": "Maximum number of y-axis ticks/grid lines. Useful for matching external axes. Optional.",
+              "description": "Max number of y-axis ticks/grid lines. Useful for matching external axes.",
               "attribute": "yTicksLimit",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -33680,10 +33672,10 @@
               "kind": "field",
               "name": "yStepSize",
               "type": {
-                "text": "number"
+                "text": "number | undefined"
               },
               "default": "undefined",
-              "description": "Force specific interval between y-axis ticks (e.g., 2, 5, 10). Useful for matching external axes. Optional.",
+              "description": "Force y-axis tick interval. Useful for matching external axes.",
               "attribute": "yStepSize",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -34290,30 +34282,6 @@
                 "name": "ObcChartLineBase",
                 "module": "src/building-blocks/chart-line/chart-line-base.ts"
               }
-            },
-            {
-              "type": {
-                "text": "'semitransparent'|'solid'|'threshold'"
-              },
-              "description": "Fill rendering mode. `'semitransparent'` uses 50% alpha, `'solid'` uses opaque fill, `'threshold'` (single-series only) fills above/below midpoint with red/blue gradient. Default: `'semitransparent'`.",
-              "name": "fillMode",
-              "kind": "field",
-              "inheritedFrom": {
-                "name": "ObcChartLineBase",
-                "module": "src/building-blocks/chart-line/chart-line-base.ts"
-              }
-            },
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Stack multi-series datasets vertically on y-axis. Ignored for single-series and threshold fill mode. Default: `false`.",
-              "name": "stacked",
-              "kind": "field",
-              "inheritedFrom": {
-                "name": "ObcChartLineBase",
-                "module": "src/building-blocks/chart-line/chart-line-base.ts"
-              }
             }
           ],
           "superclass": {
@@ -34329,7 +34297,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Show HTML legend below chart with series labels and colors. Default: `false`.",
+              "description": "Show HTML legend below chart with series labels and colors.",
               "fieldName": "legend",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -34342,7 +34310,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Development mode: show visual debug overlay with dimension guides. Shows blue border around canvas (axis area) and red border around chart grid (data area). Default: `false`.",
+              "description": "Development mode: show visual debug overlay with dimension guides.",
               "fieldName": "showDebugOverlay",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -34368,7 +34336,7 @@
                 "text": "number"
               },
               "default": "320",
-              "description": "Chart height in pixels. Determines chart size with 1.5:1 aspect ratio (width = height × 1.5). Default: `320`.",
+              "description": "Height of the chart in pixels. Default: 320.",
               "fieldName": "height",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -34404,9 +34372,9 @@
             {
               "name": "xAxisType",
               "type": {
-                "text": "'category'|'time'|'number'"
+                "text": "XAxisType"
               },
-              "description": "X-axis mode. `'category'` for labeled, evenly spaced data points; `'time'` for time-based data positioned proportionally (numbers are always epoch ms — `xStepSize`/`xTicksLimit` operate in ms); `'number'` for plain numeric x-values. Default: `'category'`.",
+              "description": "X-axis mode: 'category' for labeled, evenly spaced data points; 'time'\nfor time-based data positioned proportionally; 'number' for plain\nnumeric x-values.",
               "fieldName": "xAxisType",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -34416,9 +34384,9 @@
             {
               "name": "yAxisPosition",
               "type": {
-                "text": "'left'|'right'"
+                "text": "YAxisPosition"
               },
-              "description": "Single y-axis position. Use this for simple charts with one y-axis. For multiple y-axes, use `yAxes` property instead. Default: `'left'`.",
+              "description": "Single y-axis position ('left' or 'right'). For multiple y-axes, use yAxes instead.",
               "fieldName": "yAxisPosition",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -34431,7 +34399,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Show vertical grid lines (x-axis). When combined with `showGridX` and `showGridY`, controls full grid visibility. Default: `false`.",
+              "description": "Show grid lines.",
               "fieldName": "showGrid",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -34444,7 +34412,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Show vertical grid lines (x-axis). Set to `false` to hide only vertical lines while keeping horizontal lines. Default: `false`.",
+              "description": "Show vertical grid lines (x-axis). Default: false.",
               "fieldName": "showGridX",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -34457,7 +34425,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Show horizontal grid lines (y-axis). Set to `false` to hide only horizontal lines while keeping vertical lines. Default: `false`.",
+              "description": "Show horizontal grid lines (y-axis). Default: false.",
               "fieldName": "showGridY",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -34470,7 +34438,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Show axis tick marks and labels. Automatically hidden below 192px height threshold. Default: `false`.",
+              "description": "Show axis tick marks and labels.",
               "fieldName": "showTickMarks",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -34483,7 +34451,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Show point markers on data points. Default: `false`.",
+              "description": "Show point markers on data points. Default: false.",
               "fieldName": "showPoints",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -34493,9 +34461,9 @@
             {
               "name": "lineMode",
               "type": {
-                "text": "'smooth'|'straight'|'stepped'"
+                "text": "LineMode"
               },
-              "description": "Line drawing style. `'smooth'` applies bezier curve tension, `'straight'` draws straight lines, `'stepped'` creates step-like lines. Default: `'smooth'`.",
+              "description": "Line drawing style: 'smooth' (curved), 'straight', or 'stepped'.",
               "fieldName": "lineMode",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -34508,7 +34476,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "Unit label displayed in tooltips (e.g., 'kW', 'kg', '%'). Default: empty string.",
+              "description": "Unit label displayed in tooltips (e.g., 'kW', 'kg', '%').",
               "fieldName": "unit",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -34518,9 +34486,9 @@
             {
               "name": "timeDisplay",
               "type": {
-                "text": "'minutes'|'date'"
+                "text": "TimeDisplay"
               },
-              "description": "Time axis label format when `xAxisType='time'`. `'date'` shows a locale date, `'minutes'` shows minutes relative to the latest data point. Default: `'date'`.",
+              "description": "Time axis label format: 'date' (full date/time) or 'minutes' (relative).",
               "fieldName": "timeDisplay",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -34530,10 +34498,10 @@
             {
               "name": "xTicksLimit",
               "type": {
-                "text": "number"
+                "text": "number | undefined"
               },
               "default": "undefined",
-              "description": "Maximum number of x-axis ticks/grid lines. Useful for matching external axes. Optional.",
+              "description": "Max number of x-axis ticks/grid lines. Useful for matching external axes.",
               "fieldName": "xTicksLimit",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -34543,10 +34511,10 @@
             {
               "name": "xStepSize",
               "type": {
-                "text": "number"
+                "text": "number | undefined"
               },
               "default": "undefined",
-              "description": "Force specific interval between x-axis ticks (e.g., 1, 2, 5). Useful for matching external axes. Optional.",
+              "description": "Force x-axis tick interval. Useful for matching external axes.",
               "fieldName": "xStepSize",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -34556,10 +34524,10 @@
             {
               "name": "yTicksLimit",
               "type": {
-                "text": "number"
+                "text": "number | undefined"
               },
               "default": "undefined",
-              "description": "Maximum number of y-axis ticks/grid lines. Useful for matching external axes. Optional.",
+              "description": "Max number of y-axis ticks/grid lines. Useful for matching external axes.",
               "fieldName": "yTicksLimit",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -34569,10 +34537,10 @@
             {
               "name": "yStepSize",
               "type": {
-                "text": "number"
+                "text": "number | undefined"
               },
               "default": "undefined",
-              "description": "Force specific interval between y-axis ticks (e.g., 2, 5, 10). Useful for matching external axes. Optional.",
+              "description": "Force y-axis tick interval. Useful for matching external axes.",
               "fieldName": "yStepSize",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -34702,10 +34670,10 @@
               "kind": "field",
               "name": "data",
               "type": {
-                "text": "Array<{label: string, value: number, children?: Array<{label: string, value: number}>}>"
+                "text": "PieChartDataItem[]"
               },
               "default": "[]",
-              "description": "Chart data segments with optional children subsegments for sunburst mode (set via JavaScript)"
+              "description": "Chart data segments with optional children subsegments for sunburst mode (set via JavaScript)."
             },
             {
               "kind": "field",
@@ -34813,7 +34781,7 @@
                 "text": "number"
               },
               "default": "320",
-              "description": "Fixed height of the chart in pixels (mandatory, determines chart circumference), default: 320. The chart's circumference is always based on this fixed height to match other radial instruments.",
+              "description": "Fixed height of the chart in pixels (determines chart circumference), default: 320. The chart's circumference is always based on this fixed height to match other radial instruments.",
               "attribute": "fixedHeight",
               "reflects": true
             },
@@ -35028,7 +34996,7 @@
                 "text": "number"
               },
               "default": "320",
-              "description": "Fixed height of the chart in pixels (mandatory, determines chart circumference), default: 320. The chart's circumference is always based on this fixed height to match other radial instruments.",
+              "description": "Fixed height of the chart in pixels (determines chart circumference), default: 320. The chart's circumference is always based on this fixed height to match other radial instruments.",
               "fieldName": "fixedHeight"
             }
           ],
@@ -35072,7 +35040,7 @@
               "kind": "field",
               "name": "data",
               "type": {
-                "text": "Array<{label: string, value: number}>"
+                "text": "PolarChartDataItem[]"
               },
               "default": "[]",
               "description": "Chart data segments (set via JavaScript)"
@@ -35151,7 +35119,7 @@
                 "text": "string"
               },
               "default": "'°'",
-              "description": "Unit string to append to outer labels, default: \"\"",
+              "description": "Unit string to append to outer labels, default: \"°\"",
               "attribute": "outerLabelUnit"
             },
             {
@@ -35181,7 +35149,7 @@
                 "text": "number"
               },
               "default": "320",
-              "description": "Fixed height of the chart in pixels (mandatory, determines chart circumference), default: 320. The chart's circumference is always based on this fixed height to match other radial instruments.",
+              "description": "Fixed height of the chart in pixels (determines chart circumference), default: 320. The chart's circumference is always based on this fixed height to match other radial instruments.",
               "attribute": "fixedHeight",
               "reflects": true
             },
@@ -35282,14 +35250,6 @@
               "name": "updateLegend",
               "privacy": "private",
               "description": "Update the legend HTML content"
-            },
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "description": "When true, visually trim sectors to the nearest discrete color band boundary. When false, show exact values with partial band fills (default: true)",
-              "name": "trimToDiscreteStops",
-              "kind": "field"
             }
           ],
           "attributes": [
@@ -35351,7 +35311,7 @@
                 "text": "string"
               },
               "default": "'°'",
-              "description": "Unit string to append to outer labels, default: \"\"",
+              "description": "Unit string to append to outer labels, default: \"°\"",
               "fieldName": "outerLabelUnit"
             },
             {
@@ -35378,7 +35338,7 @@
                 "text": "number"
               },
               "default": "320",
-              "description": "Fixed height of the chart in pixels (mandatory, determines chart circumference), default: 320. The chart's circumference is always based on this fixed height to match other radial instruments.",
+              "description": "Fixed height of the chart in pixels (determines chart circumference), default: 320. The chart's circumference is always based on this fixed height to match other radial instruments.",
               "fieldName": "fixedHeight"
             },
             {
@@ -35511,7 +35471,7 @@
                 "text": "number"
               },
               "default": "320",
-              "description": "Fixed height of the chart in pixels (mandatory, determines chart circumference), default: 320. The chart's circumference is always based on this fixed height to match other radial instruments.",
+              "description": "Fixed height of the chart in pixels (determines chart circumference), default: 320. The chart's circumference is always based on this fixed height to match other radial instruments.",
               "attribute": "fixedHeight",
               "reflects": true
             },
@@ -35664,7 +35624,7 @@
                 "text": "number"
               },
               "default": "320",
-              "description": "Fixed height of the chart in pixels (mandatory, determines chart circumference), default: 320. The chart's circumference is always based on this fixed height to match other radial instruments.",
+              "description": "Fixed height of the chart in pixels (determines chart circumference), default: 320. The chart's circumference is always based on this fixed height to match other radial instruments.",
               "fieldName": "fixedHeight"
             },
             {
@@ -38384,6 +38344,15 @@
               "default": "false",
               "attribute": "zoomToFitArc"
             },
+            {
+              "kind": "field",
+              "name": "faceDiameter",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "Outer-ring diameter in CSS pixels. When set, the instrument renders at a\nfixed intrinsic size derived from the ring, arc shape and label reserve —\nso instruments sharing the same value have identical ring circumference\nregardless of label width or arc extent (like obc-donut-chart's\nfixedHeight). When unset (default), the instrument fills its container.",
+              "attribute": "face-diameter"
+            },
             {
               "kind": "field",
               "name": "_radiusOffset",
@@ -38395,12 +38364,46 @@
             },
             {
               "kind": "field",
-              "name": "_arcFrame",
+              "name": "_frame",
               "type": {
-                "text": "ZoomToFitArcFrame | undefined"
+                "text": "RadialFrame | undefined"
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "_lastFrameKey",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "_resizeController",
+              "privacy": "private",
+              "default": "new ResizeController(this, {})"
+            },
+            {
+              "kind": "field",
+              "name": "frame",
+              "type": {
+                "text": "RadialFrame | undefined"
+              },
+              "description": "The frame computed for the current render (viewBox, label reserve …).",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_hostSizePinned",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "Whether the host size styles were set by applyPinnedHostSize."
+            },
             {
               "kind": "field",
               "name": "clampedValue",
@@ -38681,6 +38684,15 @@
               }
             }
           ],
+          "events": [
+            {
+              "name": "frame-changed",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "{CustomEvent<RadialFrame>} Fired after render when the computed radial frame changed (viewBox, label visibility, or pinned host size). Wrappers use it to align sibling overlays/readouts with the dial."
+            }
+          ],
           "attributes": [
             {
               "name": "state",
@@ -38847,6 +38859,14 @@
               "default": "false",
               "fieldName": "zoomToFitArc"
             },
+            {
+              "name": "face-diameter",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "Outer-ring diameter in CSS pixels. When set, the instrument renders at a\nfixed intrinsic size derived from the ring, arc shape and label reserve —\nso instruments sharing the same value have identical ring circumference\nregardless of label width or arc extent (like obc-donut-chart's\nfixedHeight). When unset (default), the instrument fills its container.",
+              "fieldName": "faceDiameter"
+            },
             {
               "name": "setpoint",
               "type": {
@@ -71515,38 +71535,6 @@
               "kind": "method",
               "name": "onButtonsSlotChange",
               "privacy": "private"
-            },
-            {
-              "type": {
-                "text": "IntegrationBarType"
-              },
-              "description": "Integration bar mode for fleet/vessel presentation",
-              "name": "type",
-              "kind": "field"
-            },
-            {
-              "type": {
-                "text": "string"
-              },
-              "description": "Selected vessel value",
-              "name": "selectedVesselValue",
-              "kind": "field"
-            },
-            {
-              "type": {
-                "text": "string"
-              },
-              "description": "Active vessel value while selection is pending",
-              "name": "activeVesselValue",
-              "kind": "field"
-            },
-            {
-              "type": {
-                "text": "{value: string; label: string}[]"
-              },
-              "description": "Available vessel options",
-              "name": "vesselSelectorOptions",
-              "kind": "field"
             }
           ],
           "events": [
@@ -71896,6 +71884,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Shows the `status` slot.",
               "attribute": "hasStatus"
             },
             {
@@ -72004,14 +71993,6 @@
             {
               "kind": "method",
               "name": "renderHug"
-            },
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Shows the `status` slot.",
-              "name": "hasstatus",
-              "kind": "field"
             }
           ],
           "events": [
@@ -72054,6 +72035,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Shows the `status` slot.",
               "fieldName": "hasStatus"
             },
             {
@@ -73523,6 +73505,39 @@
               "default": "false",
               "attribute": "starboardPortIndicator"
             },
+            {
+              "kind": "field",
+              "name": "faceDiameter",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "Outer-ring diameter in CSS pixels. When set, the instrument renders at a\nfixed intrinsic size derived from the ring, arc shape and label reserve —\nso instruments sharing the same value have identical ring circumference\nregardless of label width or arc extent (like obc-donut-chart's\nfixedHeight). When unset (default), the instrument fills its container.",
+              "attribute": "face-diameter"
+            },
+            {
+              "kind": "field",
+              "name": "_frame",
+              "type": {
+                "text": "RadialFrame | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_hostSizePinned",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "Whether the host size styles were set by applyPinnedHostSize."
+            },
+            {
+              "kind": "field",
+              "name": "_resizeController",
+              "privacy": "private",
+              "default": "new ResizeController(this, {})"
+            },
             {
               "kind": "field",
               "name": "angleAdviceRaw",
@@ -73769,6 +73784,14 @@
               },
               "default": "false",
               "fieldName": "starboardPortIndicator"
+            },
+            {
+              "name": "face-diameter",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "Outer-ring diameter in CSS pixels. When set, the instrument renders at a\nfixed intrinsic size derived from the ring, arc shape and label reserve —\nso instruments sharing the same value have identical ring circumference\nregardless of label width or arc extent (like obc-donut-chart's\nfixedHeight). When unset (default), the instrument fills its container.",
+              "fieldName": "faceDiameter"
             }
           ],
           "superclass": {
@@ -74035,7 +74058,7 @@
               "kind": "field",
               "name": "rotType",
               "type": {
-                "text": "RotType|undefined"
+                "text": "RotType | undefined"
               },
               "description": "ROT display mode: `'dots'`, `'bar'`, or `undefined` (hidden).",
               "attribute": "rotType"
@@ -74044,9 +74067,9 @@
               "kind": "field",
               "name": "rateOfTurnDegreesPerMinute",
               "type": {
-                "text": "number|undefined"
+                "text": "number | undefined"
               },
-              "description": "Measured rate of turn in degrees per minute (positive = starboard). Drives the bar extent and (after `× rotDotAnimationFactor`) the dot animation.",
+              "description": "Measured rate of turn in degrees per minute (positive = starboard).\nWhen `undefined`, falls back to the deprecated `rotationsPerMinute`.",
               "attribute": "rateOfTurnDegreesPerMinute"
             },
             {
@@ -74056,7 +74079,7 @@
                 "text": "number"
               },
               "default": "18",
-              "description": "Visual amplification for the dot animation only. Default `18` (≈1 rpm at 20°/min).",
+              "description": "Visual amplification applied only to the spinning dot animation.",
               "attribute": "rotDotAnimationFactor"
             },
             {
@@ -74066,8 +74089,8 @@
                 "text": "number"
               },
               "default": "1",
-              "deprecated": "Use `rateOfTurnDegreesPerMinute` instead.",
               "description": "**Deprecated.** Use `rateOfTurnDegreesPerMinute` instead.",
+              "deprecated": "Use `rateOfTurnDegreesPerMinute` instead.",
               "attribute": "rotationsPerMinute"
             },
             {
@@ -74077,7 +74100,7 @@
                 "text": "number"
               },
               "default": "60",
-              "description": "Bar-extent reference value in **degrees per minute**. Default `60` per ES-TRIN 2025/1 Art. 3.02.",
+              "description": "Bar-extent reference value in **degrees per minute**. Default `60`\nper ES-TRIN 2025/1 Art. 3.02.",
               "attribute": "rotMaxValue"
             },
             {
@@ -74357,7 +74380,7 @@
             {
               "name": "rotType",
               "type": {
-                "text": "RotType|undefined"
+                "text": "RotType | undefined"
               },
               "description": "ROT display mode: `'dots'`, `'bar'`, or `undefined` (hidden).",
               "fieldName": "rotType"
@@ -74365,9 +74388,9 @@
             {
               "name": "rateOfTurnDegreesPerMinute",
               "type": {
-                "text": "number|undefined"
+                "text": "number | undefined"
               },
-              "description": "Measured rate of turn in degrees per minute (positive = starboard). Drives the bar extent and (after `× rotDotAnimationFactor`) the dot animation.",
+              "description": "Measured rate of turn in degrees per minute (positive = starboard).\nWhen `undefined`, falls back to the deprecated `rotationsPerMinute`.",
               "fieldName": "rateOfTurnDegreesPerMinute"
             },
             {
@@ -74376,7 +74399,7 @@
                 "text": "number"
               },
               "default": "18",
-              "description": "Visual amplification for the dot animation only. Default `18` (≈1 rpm at 20°/min).",
+              "description": "Visual amplification applied only to the spinning dot animation.",
               "fieldName": "rotDotAnimationFactor"
             },
             {
@@ -74385,8 +74408,8 @@
                 "text": "number"
               },
               "default": "1",
-              "deprecated": "Use `rateOfTurnDegreesPerMinute` instead.",
               "description": "**Deprecated.** Use `rateOfTurnDegreesPerMinute` instead.",
+              "deprecated": "Use `rateOfTurnDegreesPerMinute` instead.",
               "fieldName": "rotationsPerMinute"
             },
             {
@@ -74395,7 +74418,7 @@
                 "text": "number"
               },
               "default": "60",
-              "description": "Bar-extent reference value in **degrees per minute**. Default `60` per ES-TRIN 2025/1 Art. 3.02.",
+              "description": "Bar-extent reference value in **degrees per minute**. Default `60`\nper ES-TRIN 2025/1 Art. 3.02.",
               "fieldName": "rotMaxValue"
             },
             {
@@ -75451,7 +75474,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "`<obc-compass>` – Full-featured compass with HDG/COG arrows, rate-of-turn indicator, and environmental overlays.\n\nRenders a circular compass instrument that displays heading (HDG) and\ncourse-over-ground (COG) as rotating arrows over a triple-ring watch face.\nIt supports wind and current indicators, a vessel silhouette, heading\nsetpoint with auto at-setpoint detection, advice zones, and a rate-of-turn\n(ROT) dot indicator. The compass can be oriented north-up, heading-up, or\ncourse-up.\n\n## Features\n\n- **Direction modes**: `northUp` (default), `headingUp`, or `courseUp`\n  via the `direction` property.\n- **HDG / COG arrows**: Two styled arrows overlay the watch face,\n  rotating independently.\n- **Heading setpoint**: Optional setpoint marker with auto at-setpoint\n  detection via `headingSetpoint`, `atHeadingSetpoint`, and deadband\n  tuning properties.\n- **Advice zones**: Pass `headingAdvices` to render caution/alert arcs;\n  triggered state is derived from whether the current heading falls\n  inside the advice range.\n- **Rate of turn**: Animated ROT indicator driven by\n  `rateOfTurnDegreesPerMinute` (deg/min, the maritime / AIS convention).\n  Supports spinning dots (`rotType=\"dots\"`) — the dot animation is\n  amplified by `rotDotAnimationFactor` so small physical values still\n  read at a glance — and a banana-shaped arc bar (`rotType=\"bar\"`)\n  showing the HDG→COG span. Bar extent is driven by the physical value\n  only (gain is not applied). Position on the outer scale ring or inner\n  circle via `rotPosition`.\n- **Environmental overlays**: Wind speed/direction and current\n  speed/direction indicators on the watch face.\n- **Vessel image**: Configurable vessel silhouette centered on the\n  compass, rotating with heading.\n- **Color priority**: Set `priority` to `Priority.enhanced` to use the\n  blue/enhanced color palette instead of the default gray/regular palette\n  (default: `Priority.regular`).\n\n## Usage Guidelines\n\n- Set `heading` and `courseOverGround` to the current sensor values\n  in degrees.\n- Use `direction` to control the compass orientation mode.\n- Use `headingSetpoint` to show a target heading marker.\n- Pass `headingAdvices` as an array of `AngleAdvice` objects for\n  caution/alert zones.\n- Set `currentWindSpeedKnots` / `windFromDirection` and `currentSpeed` /\n  `currentFromDirection` to display environmental indicators.\n\n## Example\n\n```html\n<obc-compass\n  heading=\"45\"\n  courseOverGround=\"50\"\n  direction=\"northUp\"\n  headingSetpoint=\"90\"\n  priority=\"regular\"\n  vesselImage=\"genericTop\"\n></obc-compass>\n```",
+          "description": "`<obc-compass>` – Full-featured compass with HDG/COG arrows, rate-of-turn indicator, and environmental overlays.\n\nRenders a circular compass instrument that displays heading (HDG) and\ncourse-over-ground (COG) as rotating arrows over a triple-ring watch face.\nIt supports wind and current indicators, a vessel silhouette, heading\nsetpoint with auto at-setpoint detection, advice zones, and a rate-of-turn\n(ROT) dot indicator. The compass can be oriented north-up, heading-up, or\ncourse-up.\n\n## Features\n\n- **Direction modes**: `northUp` (default), `headingUp`, or `courseUp`\n  via the `direction` property.\n- **HDG / COG arrows**: Two styled arrows overlay the watch face,\n  rotating independently.\n- **Heading setpoint**: Optional setpoint marker with auto at-setpoint\n  detection via `headingSetpoint`, `atHeadingSetpoint`, and deadband\n  tuning properties.\n- **Advice zones**: Pass `headingAdvices` to render caution/alert arcs;\n  triggered state is derived from whether the current heading falls\n  inside the advice range.\n- **Rate of turn**: Animated ROT indicator driven by\n  `rateOfTurnDegreesPerMinute` (deg/min, the maritime / AIS convention).\n  Supports spinning dots (`rotType=\"dots\"`) — the dot animation is\n  amplified by `rotDotAnimationFactor` so small physical values still\n  read at a glance — and a banana-shaped arc bar (`rotType=\"bar\"`)\n  showing the rate of turn as an arc anchored at the current heading.\n  Bar extent is driven by the physical value only (gain is not applied).\n  Position on the outer scale ring or inner circle via `rotPosition`.\n- **Environmental overlays**: Wind speed/direction and current\n  speed/direction indicators on the watch face.\n- **Vessel image**: Configurable vessel silhouette centered on the\n  compass, rotating with heading.\n- **Color priority**: Set `priority` to `Priority.enhanced` to use the\n  blue/enhanced color palette instead of the default gray/regular palette\n  (default: `Priority.regular`).\n\n## Usage Guidelines\n\n- Set `heading` and `courseOverGround` to the current sensor values\n  in degrees.\n- Use `direction` to control the compass orientation mode.\n- Use `headingSetpoint` to show a target heading marker.\n- Pass `headingAdvices` as an array of `AngleAdvice` objects for\n  caution/alert zones.\n- Set `currentWindSpeedKnots` / `windFromDirection` and `currentSpeed` /\n  `currentFromDirection` to display environmental indicators.\n\n## Example\n\n```html\n<obc-compass\n  heading=\"45\"\n  courseOverGround=\"50\"\n  direction=\"northUp\"\n  headingSetpoint=\"90\"\n  priority=\"regular\"\n  vesselImage=\"genericTop\"\n></obc-compass>\n```",
           "name": "ObcCompass",
           "members": [
             {
@@ -75562,7 +75585,7 @@
               "kind": "field",
               "name": "headingAdvices",
               "type": {
-                "text": "Array<AngleAdvice>"
+                "text": "AngleAdvice[]"
               },
               "default": "[]",
               "description": "An array of angle advices for the compass."
@@ -75620,9 +75643,9 @@
               "kind": "field",
               "name": "rateOfTurnDegreesPerMinute",
               "type": {
-                "text": "number|undefined"
+                "text": "number | undefined"
               },
-              "description": "Measured rate of turn in degrees per minute (the AIS / ITU-R M.1371 convention). Sign controls direction (positive = starboard / clockwise). Drives both the bar extent and the dot animation.",
+              "description": "Measured rate of turn in degrees per minute (positive = starboard).\nDrives both the bar extent and (after multiplication by\n`rotDotAnimationFactor`) the spinning dot animation.\nWhen `undefined`, falls back to the deprecated `rotationsPerMinute`.",
               "attribute": "rateOfTurnDegreesPerMinute"
             },
             {
@@ -75632,7 +75655,7 @@
                 "text": "number"
               },
               "default": "18",
-              "description": "Visual amplification for the dot animation only. Default `18` (≈1 rpm at 20°/min).",
+              "description": "Visual amplification applied only to the spinning dot animation\n(not to the bar extent). Default `18` keeps the legacy visual feel\n(≈1 rpm at 20°/min).",
               "attribute": "rotDotAnimationFactor"
             },
             {
@@ -75642,8 +75665,8 @@
                 "text": "number"
               },
               "default": "1",
+              "description": "Legacy rate-of-turn input, in rotations per minute. When\n`rateOfTurnDegreesPerMinute` is `undefined`, this value is used\n(unconverted) as the fallback ROT, driving both the spinning dot ring\nand the bar extent.",
               "deprecated": "Use `rateOfTurnDegreesPerMinute` (and optionally\n`rotDotAnimationFactor`) instead. Takes effect only when\n`rateOfTurnDegreesPerMinute` is `undefined`.",
-              "description": "**Deprecated.** Use `rateOfTurnDegreesPerMinute` instead. Kept as a backward-compatible fallback when `rateOfTurnDegreesPerMinute` is `undefined`.",
               "attribute": "rotationsPerMinute"
             },
             {
@@ -75652,7 +75675,7 @@
               "type": {
                 "text": "RotType"
               },
-              "description": "ROT display mode: `'dots'` (spinning dots, default) or `'bar'` (arc bar from HDG to COG).",
+              "description": "ROT display mode: `'dots'` (spinning dots, default) or `'bar'` (a rate-of-turn arc anchored at the current heading, its length proportional to the rate of turn).",
               "attribute": "rotType"
             },
             {
@@ -75754,6 +75777,15 @@
               "description": "When true, labels and north arrow are placed inside the outer ring.",
               "attribute": "tickmarksInside"
             },
+            {
+              "kind": "field",
+              "name": "faceDiameter",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "Outer-ring diameter in CSS pixels. When set, the instrument renders at a\nfixed intrinsic size derived from the ring, arc shape and label reserve —\nso instruments sharing the same value have identical ring circumference\nregardless of label width or arc extent (like obc-donut-chart's\nfixedHeight). When unset (default), the instrument fills its container.",
+              "attribute": "face-diameter"
+            },
             {
               "kind": "field",
               "name": "_headingSp",
@@ -75778,7 +75810,31 @@
             },
             {
               "kind": "method",
-              "name": "getPadding",
+              "name": "getOutsideDecorPx",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              },
+              "description": "Pixel cost of the outside decor: the always-rendered north-arrow glyph\nplus, only while shown, the NSWE labels (both keep a constant on-screen\nsize via `1/scale` terms). Feeds the frame's width-aware reserve,\nreplacing the former empirical `72 + delta(clientSize)` padding.\nWind/current symbols at their default radius are covered by the base\npadding of 72."
+            },
+            {
+              "kind": "field",
+              "name": "_hostSizePinned",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "Whether the host size styles were set by applyPinnedHostSize."
+            },
+            {
+              "kind": "field",
+              "name": "_frame",
+              "type": {
+                "text": "RadialFrame | undefined"
+              },
               "privacy": "private"
             },
             {
@@ -75970,9 +76026,9 @@
             {
               "name": "rateOfTurnDegreesPerMinute",
               "type": {
-                "text": "number|undefined"
+                "text": "number | undefined"
               },
-              "description": "Measured rate of turn in degrees per minute (the AIS / ITU-R M.1371 convention). Sign controls direction (positive = starboard / clockwise). Drives both the bar extent and the dot animation.",
+              "description": "Measured rate of turn in degrees per minute (positive = starboard).\nDrives both the bar extent and (after multiplication by\n`rotDotAnimationFactor`) the spinning dot animation.\nWhen `undefined`, falls back to the deprecated `rotationsPerMinute`.",
               "fieldName": "rateOfTurnDegreesPerMinute"
             },
             {
@@ -75981,7 +76037,7 @@
                 "text": "number"
               },
               "default": "18",
-              "description": "Visual amplification for the dot animation only. Default `18` (≈1 rpm at 20°/min).",
+              "description": "Visual amplification applied only to the spinning dot animation\n(not to the bar extent). Default `18` keeps the legacy visual feel\n(≈1 rpm at 20°/min).",
               "fieldName": "rotDotAnimationFactor"
             },
             {
@@ -75990,8 +76046,8 @@
                 "text": "number"
               },
               "default": "1",
+              "description": "Legacy rate-of-turn input, in rotations per minute. When\n`rateOfTurnDegreesPerMinute` is `undefined`, this value is used\n(unconverted) as the fallback ROT, driving both the spinning dot ring\nand the bar extent.",
               "deprecated": "Use `rateOfTurnDegreesPerMinute` (and optionally\n`rotDotAnimationFactor`) instead. Takes effect only when\n`rateOfTurnDegreesPerMinute` is `undefined`.",
-              "description": "**Deprecated.** Use `rateOfTurnDegreesPerMinute` instead. Kept as a backward-compatible fallback when `rateOfTurnDegreesPerMinute` is `undefined`.",
               "fieldName": "rotationsPerMinute"
             },
             {
@@ -75999,7 +76055,7 @@
               "type": {
                 "text": "RotType"
               },
-              "description": "ROT display mode: `'dots'` (spinning dots, default) or `'bar'` (arc bar from HDG to COG).",
+              "description": "ROT display mode: `'dots'` (spinning dots, default) or `'bar'` (a rate-of-turn arc anchored at the current heading, its length proportional to the rate of turn).",
               "fieldName": "rotType"
             },
             {
@@ -76082,6 +76138,14 @@
               "default": "false",
               "description": "When true, labels and north arrow are placed inside the outer ring.",
               "fieldName": "tickmarksInside"
+            },
+            {
+              "name": "face-diameter",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "Outer-ring diameter in CSS pixels. When set, the instrument renders at a\nfixed intrinsic size derived from the ring, arc shape and label reserve —\nso instruments sharing the same value have identical ring circumference\nregardless of label width or arc extent (like obc-donut-chart's\nfixedHeight). When unset (default), the instrument fills its container.",
+              "fieldName": "faceDiameter"
             }
           ],
           "superclass": {
@@ -78079,6 +78143,16 @@
               "default": "0",
               "attribute": "fractionDigits"
             },
+            {
+              "kind": "field",
+              "name": "faceDiameter",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "Outer-ring diameter in CSS pixels. When set, the instrument renders at a\nfixed intrinsic size derived from the ring, arc shape and label reserve —\nso instruments sharing the same value have identical ring circumference\nregardless of label width or arc extent (like obc-donut-chart's\nfixedHeight). When unset (default), the instrument fills its container.",
+              "attribute": "face-diameter",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "sectorAngles",
@@ -78107,6 +78181,12 @@
               "privacy": "private",
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "_onFrameChanged",
+              "privacy": "private",
+              "description": "Re-anchor the %-positioned readouts against the frame the inner\ninstrument actually rendered (the box grows when labels need room)."
+            },
             {
               "kind": "field",
               "name": "getAngle"
@@ -78470,6 +78550,14 @@
               "default": "0",
               "fieldName": "fractionDigits"
             },
+            {
+              "name": "face-diameter",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "Outer-ring diameter in CSS pixels. When set, the instrument renders at a\nfixed intrinsic size derived from the ring, arc shape and label reserve —\nso instruments sharing the same value have identical ring circumference\nregardless of label width or arc extent (like obc-donut-chart's\nfixedHeight). When unset (default), the instrument fills its container.",
+              "fieldName": "faceDiameter"
+            },
             {
               "name": "setpoint",
               "type": {
@@ -78996,7 +79084,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Gauge Trend - A navigation instrument combining a line/area chart with an integrated vertical scale.\n\nThis is a high-level, self-contained component that combines:\n- A line/area chart (based on `ObcChartLineBase`) with configurable fill mode\n- An integrated vertical scale (`obc-bar-vertical`) on the right side\n\nThe component is designed for displaying time-series or categorical trend data alongside a calibrated\nvertical measurement scale, commonly used in maritime navigation instruments.\n\n## Architecture\n\nInternally composed of:\n- **Base**: `ObcChartLineBase` (line/area graph functionality)\n- **Right scale**: `obc-bar-vertical` (external scale component)\n\n## Locked Configuration (not user-configurable)\n- Fixed aspect ratio scaling: always enabled\n- Instrument mode: always enabled (8px border radius)\n- X-axis type: auto-detected — 'category' for `{label, value}` data,\n  'time' for `{x, value}` data (uneven intervals position proportionally).\n  Assigning `xAxisType` explicitly disables auto-detection.\n- Line mode: always 'smooth'\n- Grid, tick marks, points, legend: always hidden\n- Scale advice position: always 'inner'\n- Scale state: automatically inherits from `state` property\n\n## Usage Examples\n\n### Basic gauge trend with default area fill\n```html\n<obc-gauge-trend\n  .data=${[\n    {label: 'Jan', value: 3.5},\n    {label: 'Feb', value: 4.2},\n    {label: 'Mar', value: 5.0}\n  ]}\n  .minValue=${3}\n  .maxValue=${7}\n  .value=${5}\n  .width=${480}\n  .height=${480}\n></obc-gauge-trend>\n```\n\n### Line-only (no fill) - default\n```html\n<obc-gauge-trend\n  .data=${chartData}\n></obc-gauge-trend>\n```\n\n### With area fill\n```html\n<obc-gauge-trend\n  .chartFill=${true}\n  .data=${chartData}\n></obc-gauge-trend>\n```\n\n### With enhanced colors and setpoint\n```html\n<obc-gauge-trend\n  .enhanced=${true}\n  .state=${'in-command'}\n  .setpoint=${5.5}\n  .value=${5.2}\n  .hasBar=${true}\n  .hasScale=${true}\n></obc-gauge-trend>\n```\n\n### With advice overlays\n```html\n<obc-gauge-trend\n  .hasAdvice=${true}\n  .advice=${[\n    {min: 3, max: 5, type: 'caution', hinted: true},\n    {min: 6, max: 7, type: 'advice', hinted: false}\n  ]}\n></obc-gauge-trend>\n```\n\n### Time-based data with uneven intervals\n```html\n<obc-gauge-trend\n  .data=${[\n    {x: '2026-07-06T10:00:00Z', value: 3.5},\n    {x: '2026-07-06T10:03:00Z', value: 4.2},\n    {x: '2026-07-06T10:15:00Z', value: 5.0}\n  ]}\n></obc-gauge-trend>\n```",
+          "description": "Gauge Trend - A navigation instrument combining a line/area chart with an integrated vertical scale.\n\nThis is a high-level, self-contained component that combines:\n- A line/area chart (based on `ObcChartLineBase`) with configurable fill mode\n- An integrated vertical scale (`obc-bar-vertical`) on the right side\n\nThe component is designed for displaying time-series or categorical trend data alongside a calibrated\nvertical measurement scale, commonly used in maritime navigation instruments.\n\n## Architecture\n\nInternally composed of:\n- **Base**: `ObcChartLineBase` (line/area graph functionality)\n- **Right scale**: `obc-bar-vertical` (external scale component)\n\n## Locked Configuration (not user-configurable)\n- Fixed aspect ratio scaling: always enabled\n- Instrument mode: always enabled (8px border radius)\n- X-axis type: auto-detected — 'category' for `{label, value}` data,\n  'time' for `{x, value}` data (uneven intervals position proportionally).\n  Assigning `xAxisType` explicitly disables auto-detection.\n- Line mode: always 'smooth'\n- Grid, tick marks, points, legend: always hidden\n- Scale advice position: always 'inner'\n- Scale state: automatically inherits from `state` property\n\n## Usage Examples\n\n### Basic gauge trend with default area fill\n```html\n<obc-gauge-trend\n  .data=${[\n    {label: 'Jan', value: 3.5},\n    {label: 'Feb', value: 4.2},\n    {label: 'Mar', value: 5.0}\n  ]}\n  .minValue=${3}\n  .maxValue=${7}\n  .value=${5}\n  .width=${480}\n  .height=${480}\n></obc-gauge-trend>\n```\n\n### Line-only (no fill) - default\n```html\n<obc-gauge-trend\n  .data=${chartData}\n></obc-gauge-trend>\n```\n\n### With area fill\n```html\n<obc-gauge-trend\n  .chartFill=${true}\n  .data=${chartData}\n></obc-gauge-trend>\n```\n\n### With enhanced colors and setpoint\n```html\n<obc-gauge-trend\n  .enhanced=${true}\n  .state=${'in-command'}\n  .setpoint=${5.5}\n  .value=${5.2}\n  .hasBar=${true}\n  .hasScale=${true}\n></obc-gauge-trend>\n```\n\n### With advice overlays\n```html\n<obc-gauge-trend\n  .hasAdvice=${true}\n  .advice=${[\n    {min: 3, max: 5, type: 'caution', hinted: true},\n    {min: 6, max: 7, type: 'advice', hinted: false}\n  ]}\n></obc-gauge-trend>\n```\n\n### Time-based data with uneven intervals\n```html\n<obc-gauge-trend\n  .data=${[\n    {x: '2026-07-06T10:00:00Z', value: 3.5},\n    {x: '2026-07-06T10:03:00Z', value: 4.2},\n    {x: '2026-07-06T10:15:00Z', value: 5.0}\n  ]}\n></obc-gauge-trend>\n```\n\n\nSetpoint properties are inherited from SetpointMixin.\nThese are forwarded to the internal `obc-bar-vertical` scale:\n`setpoint`, `newSetpoint`, `touching`, `atSetpoint`, `autoAtSetpoint`,\n`autoAtSetpointDeadband`, `setpointAtZeroDeadband`, `setpointOverride`.\nSee SetpointMixinInterface for full documentation.",
           "name": "ObcGaugeTrend",
           "members": [
             {
@@ -79138,17 +79226,13 @@
               "attribute": "hasAdvice"
             },
             {
+              "kind": "field",
+              "name": "fillMode",
               "type": {
-                "text": "'semitransparent'|'solid'|'threshold'"
+                "text": "FillMode"
               },
               "description": "Fill mode for the bar.\n- `'fill'`: Bar fills from `fillMin` to `value` — the bar visually tracks the current value.\n  The `fillMax` property is **ignored** in this mode.\n- `'tint'`: Bar fills from `fillMin` to `fillMax` — an explicit highlighted range.\n  Use this when you want to show a fixed range independent of the current value.\n\nIn both modes, `fillMin` is the origin point (e.g., 0 in a -100..100 scale).",
-              "name": "fillMode",
-              "kind": "field",
-              "attribute": "fillMode",
-              "inheritedFrom": {
-                "name": "ObcChartLineBase",
-                "module": "src/building-blocks/chart-line/chart-line-base.ts"
-              }
+              "attribute": "fillMode"
             },
             {
               "kind": "field",
@@ -79216,7 +79300,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Enable chart area fill (default: false for line-only) Setpoint properties are inherited from {@link SetpointMixin}. These are forwarded to the internal `obc-bar-vertical` scale: `setpoint`, `newSetpoint`, `touching`, `atSetpoint`, `autoAtSetpoint`, `autoAtSetpointDeadband`, `setpointAtZeroDeadband`, `setpointOverride`. See {@link SetpointMixinInterface} for full documentation.",
+              "description": "Enable chart area fill.\nWhen true, fills the area under the line with semitransparent color.\nWhen false (default), renders as line-only chart.",
               "attribute": "chartFill"
             },
             {
@@ -79271,7 +79355,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Show HTML legend below chart with series labels and colors. Default: `false`.",
+              "description": "Show HTML legend below chart with series labels and colors.",
               "attribute": "legend",
               "reflects": true,
               "inheritedFrom": {
@@ -79286,7 +79370,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Development mode: show visual debug overlay with dimension guides. Shows blue border around canvas (axis area) and red border around chart grid (data area). Default: `false`.",
+              "description": "Development mode: show visual debug overlay with dimension guides.",
               "attribute": "showDebugOverlay",
               "reflects": true,
               "inheritedFrom": {
@@ -79301,7 +79385,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Show vertical grid lines (x-axis). When combined with `showGridX` and `showGridY`, controls full grid visibility. Default: `false`.",
+              "description": "Show grid lines.",
               "attribute": "showGrid",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -79315,7 +79399,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Show axis tick marks and labels. Automatically hidden below 192px height threshold. Default: `false`.",
+              "description": "Show axis tick marks and labels.",
               "attribute": "showTickMarks",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -79329,7 +79413,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Show point markers on data points. Default: `false`.",
+              "description": "Show point markers on data points. Default: false.",
               "attribute": "showPoints",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -79340,9 +79424,9 @@
               "kind": "field",
               "name": "xAxisType",
               "type": {
-                "text": "'category'|'time'|'number'"
+                "text": "XAxisType"
               },
-              "description": "X-axis mode. `'category'` for labeled, evenly spaced data points; `'time'` for time-based data positioned proportionally (numbers are always epoch ms — `xStepSize`/`xTicksLimit` operate in ms); `'number'` for plain numeric x-values. Default: `'category'`.",
+              "description": "X-axis mode: 'category' for labeled, evenly spaced data points; 'time'\nfor time-based data positioned proportionally; 'number' for plain\nnumeric x-values.",
               "attribute": "xAxisType",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -79353,9 +79437,9 @@
               "kind": "field",
               "name": "yAxisPosition",
               "type": {
-                "text": "'left'|'right'"
+                "text": "YAxisPosition"
               },
-              "description": "Single y-axis position. Use this for simple charts with one y-axis. For multiple y-axes, use `yAxes` property instead. Default: `'left'`.",
+              "description": "Single y-axis position ('left' or 'right'). For multiple y-axes, use yAxes instead.",
               "attribute": "yAxisPosition",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -79366,9 +79450,9 @@
               "kind": "field",
               "name": "lineMode",
               "type": {
-                "text": "'smooth'|'straight'|'stepped'"
+                "text": "LineMode"
               },
-              "description": "Line drawing style. `'smooth'` applies bezier curve tension, `'straight'` draws straight lines, `'stepped'` creates step-like lines. Default: `'smooth'`.",
+              "description": "Line drawing style: 'smooth' (curved), 'straight', or 'stepped'.",
               "attribute": "lineMode",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -79382,7 +79466,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "Unit label displayed in tooltips (e.g., 'kW', 'kg', '%'). Default: empty string.",
+              "description": "Unit label displayed in tooltips (e.g., 'kW', 'kg', '%').",
               "attribute": "unit",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -79393,9 +79477,9 @@
               "kind": "field",
               "name": "timeDisplay",
               "type": {
-                "text": "'minutes'|'date'"
+                "text": "TimeDisplay"
               },
-              "description": "Time axis label format when `xAxisType='time'`. `'date'` shows a locale date, `'minutes'` shows minutes relative to the latest data point. Default: `'date'`.",
+              "description": "Time axis label format: 'date' (full date/time) or 'minutes' (relative).",
               "attribute": "timeDisplay",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -79477,61 +79561,10 @@
               "kind": "field",
               "name": "yAxes",
               "type": {
-                "text": "Array<{id?: string; position?: 'left'|'right'; min?: number; max?: number; grid?: boolean}>"
+                "text": "ChartLineYAxisConfig[] | undefined"
               },
               "default": "[ { id: 'y', position: 'left', min: this.chartMinValue ?? this.minValue, max: this.chartMaxValue ?? this.maxValue, }, ]",
-              "description": "Multiple y-axis definitions for complex charts. Each axis can specify `id` (referenced by dataset `yAxisID`), `position`, `min`/`max` range, and `grid` visibility.",
-              "inheritedFrom": {
-                "name": "ObcChartLineBase",
-                "module": "src/building-blocks/chart-line/chart-line-base.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "width",
-              "type": {
-                "text": "number"
-              },
-              "default": "480",
-              "description": "Chart width in pixels (defines aspect ratio)",
-              "attribute": "width",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "ObcChartLineBase",
-                "module": "src/building-blocks/chart-line/chart-line-base.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "height",
-              "type": {
-                "text": "number"
-              },
-              "default": "320",
-              "description": "Chart height in pixels (defines aspect ratio)",
-              "attribute": "height",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "ObcChartLineBase",
-                "module": "src/building-blocks/chart-line/chart-line-base.ts"
-              }
-            },
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Use enhanced color palette for chart and scales",
-              "name": "enhanced",
-              "kind": "field"
-            },
-            {
-              "kind": "field",
-              "name": "state",
-              "type": {
-                "text": "InstrumentState"
-              },
-              "description": "Instrument state (automatically applied to scale)",
-              "attribute": "state",
+              "description": "Multiple y-axis definitions for complex multi-axis charts.",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
                 "module": "src/building-blocks/chart-line/chart-line-base.ts"
@@ -79725,10 +79758,10 @@
               "kind": "field",
               "name": "data",
               "type": {
-                "text": "Array<{label?: string, x?: number|string|Date|TemporalLike, value: number}>"
+                "text": "ChartLineDataItem[]"
               },
               "default": "[]",
-              "description": "Single-series data array. In `category` mode each item needs `label`; in `time`/`number` mode each item needs `x` (epoch ms, ISO string, Date, or Temporal object — `label` is parsed as a fallback). Used when `datasets` is not provided. Points are drawn in array order (no sorting); Temporal Plain* values are interpreted in the system time zone.",
+              "description": "Simple single-series data. `{label, value}` items for the category axis;\n`{x, value}` items for time/number axes (x: epoch ms, ISO string, Date,\nor Temporal object). Points are drawn in array order (no sorting).",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
                 "module": "src/building-blocks/chart-line/chart-line-base.ts"
@@ -79738,10 +79771,10 @@
               "kind": "field",
               "name": "datasets",
               "type": {
-                "text": "ChartDataset<'line', (number | {x: number|string|Date|TemporalLike; y: number})[]>[]"
+                "text": "ChartDataset<'line', ChartLinePoint[]>[] | undefined"
               },
               "default": "undefined",
-              "description": "Multi-series Chart.js datasets. Takes precedence over `data`. Each dataset can have `label`, `data` (numeric array or `{x, y}` points), and visual properties like `borderColor`, `backgroundColor`, `fill`, etc. In `time`/`number` mode point x-values are normalized like single-series `x`.",
+              "description": "Chart.js-style datasets for multi-series use. If provided, takes precedence over `data`.",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
                 "module": "src/building-blocks/chart-line/chart-line-base.ts"
@@ -79751,10 +79784,10 @@
               "kind": "field",
               "name": "labels",
               "type": {
-                "text": "(string|number)[]"
+                "text": "(string | number)[] | undefined"
               },
               "default": "undefined",
-              "description": "Explicit labels for category x-axis. If omitted, labels are derived from `data` property or dataset x-values.",
+              "description": "Optional explicit labels for the x-axis (category mode). If omitted labels are derived from `data`",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
                 "module": "src/building-blocks/chart-line/chart-line-base.ts"
@@ -79767,7 +79800,37 @@
                 "text": "string[]"
               },
               "default": "[]",
-              "description": "Custom color palette (CSS variable names or color strings). Falls back to theme default colors if not provided.",
+              "description": "Custom color palette (CSS variable names or color strings).",
+              "inheritedFrom": {
+                "name": "ObcChartLineBase",
+                "module": "src/building-blocks/chart-line/chart-line-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "width",
+              "type": {
+                "text": "number"
+              },
+              "default": "480",
+              "description": "Width of the chart in pixels. Default: 480.",
+              "attribute": "width",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ObcChartLineBase",
+                "module": "src/building-blocks/chart-line/chart-line-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "height",
+              "type": {
+                "text": "number"
+              },
+              "default": "320",
+              "description": "Height of the chart in pixels. Default: 320.",
+              "attribute": "height",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
                 "module": "src/building-blocks/chart-line/chart-line-base.ts"
@@ -79794,7 +79857,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Show vertical grid lines (x-axis). Set to `false` to hide only vertical lines while keeping horizontal lines. Default: `false`.",
+              "description": "Show vertical grid lines (x-axis). Default: false.",
               "attribute": "showGridX",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -79808,7 +79871,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Show horizontal grid lines (y-axis). Set to `false` to hide only horizontal lines while keeping vertical lines. Default: `false`.",
+              "description": "Show horizontal grid lines (y-axis). Default: false.",
               "attribute": "showGridY",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -79860,10 +79923,10 @@
               "kind": "field",
               "name": "xTicksLimit",
               "type": {
-                "text": "number"
+                "text": "number | undefined"
               },
               "default": "undefined",
-              "description": "Maximum number of x-axis ticks/grid lines. Useful for matching external axes. Optional.",
+              "description": "Max number of x-axis ticks/grid lines. Useful for matching external axes.",
               "attribute": "xTicksLimit",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -79874,10 +79937,10 @@
               "kind": "field",
               "name": "xStepSize",
               "type": {
-                "text": "number"
+                "text": "number | undefined"
               },
               "default": "undefined",
-              "description": "Force specific interval between x-axis ticks (e.g., 1, 2, 5). Useful for matching external axes. Optional.",
+              "description": "Force x-axis tick interval. Useful for matching external axes.",
               "attribute": "xStepSize",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -79888,10 +79951,10 @@
               "kind": "field",
               "name": "yTicksLimit",
               "type": {
-                "text": "number"
+                "text": "number | undefined"
               },
               "default": "undefined",
-              "description": "Maximum number of y-axis ticks/grid lines. Useful for matching external axes. Optional.",
+              "description": "Max number of y-axis ticks/grid lines. Useful for matching external axes.",
               "attribute": "yTicksLimit",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -79902,16 +79965,29 @@
               "kind": "field",
               "name": "yStepSize",
               "type": {
-                "text": "number"
+                "text": "number | undefined"
               },
               "default": "undefined",
-              "description": "Force specific interval between y-axis ticks (e.g., 2, 5, 10). Useful for matching external axes. Optional.",
+              "description": "Force y-axis tick interval. Useful for matching external axes.",
               "attribute": "yStepSize",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
                 "module": "src/building-blocks/chart-line/chart-line-base.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "state",
+              "type": {
+                "text": "InstrumentState"
+              },
+              "description": "Instrument state affecting colors of external scales.",
+              "attribute": "state",
+              "inheritedFrom": {
+                "name": "ObcChartLineBase",
+                "module": "src/building-blocks/chart-line/chart-line-base.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "priority",
@@ -80443,18 +80519,6 @@
                 "name": "ObcChartLineBase",
                 "module": "src/building-blocks/chart-line/chart-line-base.ts"
               }
-            },
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Stack multi-series datasets vertically on y-axis. Ignored for single-series and threshold fill mode. Default: `false`.",
-              "name": "stacked",
-              "kind": "field",
-              "inheritedFrom": {
-                "name": "ObcChartLineBase",
-                "module": "src/building-blocks/chart-line/chart-line-base.ts"
-              }
             }
           ],
           "attributes": [
@@ -80597,7 +80661,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Enable chart area fill (default: false for line-only) Setpoint properties are inherited from {@link SetpointMixin}. These are forwarded to the internal `obc-bar-vertical` scale: `setpoint`, `newSetpoint`, `touching`, `atSetpoint`, `autoAtSetpoint`, `autoAtSetpointDeadband`, `setpointAtZeroDeadband`, `setpointOverride`. See {@link SetpointMixinInterface} for full documentation.",
+              "description": "Enable chart area fill.\nWhen true, fills the area under the line with semitransparent color.\nWhen false (default), renders as line-only chart.",
               "fieldName": "chartFill"
             },
             {
@@ -80695,7 +80759,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Show HTML legend below chart with series labels and colors. Default: `false`.",
+              "description": "Show HTML legend below chart with series labels and colors.",
               "fieldName": "legend",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -80708,7 +80772,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Development mode: show visual debug overlay with dimension guides. Shows blue border around canvas (axis area) and red border around chart grid (data area). Default: `false`.",
+              "description": "Development mode: show visual debug overlay with dimension guides.",
               "fieldName": "showDebugOverlay",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -80734,7 +80798,7 @@
                 "text": "number"
               },
               "default": "320",
-              "description": "Chart height in pixels. Determines chart size with 1.5:1 aspect ratio (width = height × 1.5). Default: `320`.",
+              "description": "Height of the chart in pixels. Default: 320.",
               "fieldName": "height",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -80770,9 +80834,9 @@
             {
               "name": "xAxisType",
               "type": {
-                "text": "'category'|'time'|'number'"
+                "text": "XAxisType"
               },
-              "description": "X-axis mode. `'category'` for labeled, evenly spaced data points; `'time'` for time-based data positioned proportionally (numbers are always epoch ms — `xStepSize`/`xTicksLimit` operate in ms); `'number'` for plain numeric x-values. Default: `'category'`.",
+              "description": "X-axis mode: 'category' for labeled, evenly spaced data points; 'time'\nfor time-based data positioned proportionally; 'number' for plain\nnumeric x-values.",
               "fieldName": "xAxisType",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -80782,9 +80846,9 @@
             {
               "name": "yAxisPosition",
               "type": {
-                "text": "'left'|'right'"
+                "text": "YAxisPosition"
               },
-              "description": "Single y-axis position. Use this for simple charts with one y-axis. For multiple y-axes, use `yAxes` property instead. Default: `'left'`.",
+              "description": "Single y-axis position ('left' or 'right'). For multiple y-axes, use yAxes instead.",
               "fieldName": "yAxisPosition",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -80797,7 +80861,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Show vertical grid lines (x-axis). When combined with `showGridX` and `showGridY`, controls full grid visibility. Default: `false`.",
+              "description": "Show grid lines.",
               "fieldName": "showGrid",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -80810,7 +80874,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Show vertical grid lines (x-axis). Set to `false` to hide only vertical lines while keeping horizontal lines. Default: `false`.",
+              "description": "Show vertical grid lines (x-axis). Default: false.",
               "fieldName": "showGridX",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -80823,7 +80887,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Show horizontal grid lines (y-axis). Set to `false` to hide only horizontal lines while keeping vertical lines. Default: `false`.",
+              "description": "Show horizontal grid lines (y-axis). Default: false.",
               "fieldName": "showGridY",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -80836,7 +80900,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Show axis tick marks and labels. Automatically hidden below 192px height threshold. Default: `false`.",
+              "description": "Show axis tick marks and labels.",
               "fieldName": "showTickMarks",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -80849,7 +80913,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Show point markers on data points. Default: `false`.",
+              "description": "Show point markers on data points. Default: false.",
               "fieldName": "showPoints",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -80859,9 +80923,9 @@
             {
               "name": "lineMode",
               "type": {
-                "text": "'smooth'|'straight'|'stepped'"
+                "text": "LineMode"
               },
-              "description": "Line drawing style. `'smooth'` applies bezier curve tension, `'straight'` draws straight lines, `'stepped'` creates step-like lines. Default: `'smooth'`.",
+              "description": "Line drawing style: 'smooth' (curved), 'straight', or 'stepped'.",
               "fieldName": "lineMode",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -80874,7 +80938,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "Unit label displayed in tooltips (e.g., 'kW', 'kg', '%'). Default: empty string.",
+              "description": "Unit label displayed in tooltips (e.g., 'kW', 'kg', '%').",
               "fieldName": "unit",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -80884,9 +80948,9 @@
             {
               "name": "timeDisplay",
               "type": {
-                "text": "'minutes'|'date'"
+                "text": "TimeDisplay"
               },
-              "description": "Time axis label format when `xAxisType='time'`. `'date'` shows a locale date, `'minutes'` shows minutes relative to the latest data point. Default: `'date'`.",
+              "description": "Time axis label format: 'date' (full date/time) or 'minutes' (relative).",
               "fieldName": "timeDisplay",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -80896,10 +80960,10 @@
             {
               "name": "xTicksLimit",
               "type": {
-                "text": "number"
+                "text": "number | undefined"
               },
               "default": "undefined",
-              "description": "Maximum number of x-axis ticks/grid lines. Useful for matching external axes. Optional.",
+              "description": "Max number of x-axis ticks/grid lines. Useful for matching external axes.",
               "fieldName": "xTicksLimit",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -80909,10 +80973,10 @@
             {
               "name": "xStepSize",
               "type": {
-                "text": "number"
+                "text": "number | undefined"
               },
               "default": "undefined",
-              "description": "Force specific interval between x-axis ticks (e.g., 1, 2, 5). Useful for matching external axes. Optional.",
+              "description": "Force x-axis tick interval. Useful for matching external axes.",
               "fieldName": "xStepSize",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -80922,10 +80986,10 @@
             {
               "name": "yTicksLimit",
               "type": {
-                "text": "number"
+                "text": "number | undefined"
               },
               "default": "undefined",
-              "description": "Maximum number of y-axis ticks/grid lines. Useful for matching external axes. Optional.",
+              "description": "Max number of y-axis ticks/grid lines. Useful for matching external axes.",
               "fieldName": "yTicksLimit",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -80935,10 +80999,10 @@
             {
               "name": "yStepSize",
               "type": {
-                "text": "number"
+                "text": "number | undefined"
               },
               "default": "undefined",
-              "description": "Force specific interval between y-axis ticks (e.g., 2, 5, 10). Useful for matching external axes. Optional.",
+              "description": "Force y-axis tick interval. Useful for matching external axes.",
               "fieldName": "yStepSize",
               "inheritedFrom": {
                 "name": "ObcChartLineBase",
@@ -81927,7 +81991,7 @@
               "kind": "field",
               "name": "data",
               "type": {
-                "text": "Array"
+                "text": "[number[], number[]]"
               },
               "default": "[[], []]",
               "description": "The data to display in the graph, first array is the x values, second array is the y values",
@@ -82001,7 +82065,7 @@
             {
               "name": "data",
               "type": {
-                "text": "Array"
+                "text": "[number[], number[]]"
               },
               "default": "[[], []]",
               "description": "The data to display in the graph, first array is the x values, second array is the y values",
@@ -82344,6 +82408,15 @@
               "description": "When true, labels and north arrow are placed inside the outer ring.",
               "attribute": "tickmarksInside"
             },
+            {
+              "kind": "field",
+              "name": "faceDiameter",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "Outer-ring diameter in CSS pixels. When set, the instrument renders at a\nfixed intrinsic size derived from the ring, arc shape and label reserve —\nso instruments sharing the same value have identical ring circumference\nregardless of label width or arc extent (like obc-donut-chart's\nfixedHeight). When unset (default), the instrument fills its container.",
+              "attribute": "face-diameter"
+            },
             {
               "kind": "field",
               "name": "_headingSp",
@@ -82358,7 +82431,31 @@
             },
             {
               "kind": "method",
-              "name": "getPadding",
+              "name": "getOutsideDecorPx",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              },
+              "description": "Pixel cost of the outside decor: the always-rendered north-arrow glyph\nplus, only while shown, the NSWE labels (both keep a constant on-screen\nsize via `1/scale` terms). Feeds the frame's width-aware reserve,\nreplacing the former empirical `72 + delta(clientSize)` padding."
+            },
+            {
+              "kind": "field",
+              "name": "_hostSizePinned",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "Whether the host size styles were set by applyPinnedHostSize."
+            },
+            {
+              "kind": "field",
+              "name": "_frame",
+              "type": {
+                "text": "RadialFrame | undefined"
+              },
               "privacy": "private"
             },
             {
@@ -82510,6 +82607,14 @@
               "default": "false",
               "description": "When true, labels and north arrow are placed inside the outer ring.",
               "fieldName": "tickmarksInside"
+            },
+            {
+              "name": "face-diameter",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "Outer-ring diameter in CSS pixels. When set, the instrument renders at a\nfixed intrinsic size derived from the ring, arc shape and label reserve —\nso instruments sharing the same value have identical ring circumference\nregardless of label width or arc extent (like obc-donut-chart's\nfixedHeight). When unset (default), the instrument fills its container.",
+              "fieldName": "faceDiameter"
             }
           ],
           "superclass": {
@@ -82949,7 +83054,7 @@
               "kind": "field",
               "name": "data",
               "type": {
-                "text": "Array"
+                "text": "[number[], number[]]"
               },
               "default": "[[], []]",
               "description": "The data to display in the graph, first array is the x values, second array is the y values",
@@ -83103,7 +83208,7 @@
             {
               "name": "data",
               "type": {
-                "text": "Array"
+                "text": "[number[], number[]]"
               },
               "default": "[[], []]",
               "description": "The data to display in the graph, first array is the x values, second array is the y values",
@@ -90767,6 +90872,15 @@
               "default": "false",
               "attribute": "zoomToFitArc"
             },
+            {
+              "kind": "field",
+              "name": "faceDiameter",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "Outer-ring diameter in CSS pixels. When set, the instrument renders at a\nfixed intrinsic size derived from the ring, arc shape and label reserve —\nso instruments sharing the same value have identical ring circumference\nregardless of label width or arc extent (like obc-donut-chart's\nfixedHeight). When unset (default), the instrument fills its container.",
+              "attribute": "face-diameter"
+            },
             {
               "kind": "field",
               "name": "_radiusOffset",
@@ -90778,12 +90892,28 @@
             },
             {
               "kind": "field",
-              "name": "_arcFrame",
+              "name": "_frame",
               "type": {
-                "text": "ZoomToFitArcFrame | undefined"
+                "text": "RadialFrame | undefined"
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "_hostSizePinned",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "Whether the host size styles were set by applyPinnedHostSize."
+            },
+            {
+              "kind": "field",
+              "name": "_resizeController",
+              "privacy": "private",
+              "default": "new ResizeController(this, {})"
+            },
             {
               "kind": "field",
               "name": "_needleTransform",
@@ -91069,6 +91199,14 @@
               "default": "false",
               "fieldName": "zoomToFitArc"
             },
+            {
+              "name": "face-diameter",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "Outer-ring diameter in CSS pixels. When set, the instrument renders at a\nfixed intrinsic size derived from the ring, arc shape and label reserve —\nso instruments sharing the same value have identical ring circumference\nregardless of label width or arc extent (like obc-donut-chart's\nfixedHeight). When unset (default), the instrument fills its container.",
+              "fieldName": "faceDiameter"
+            },
             {
               "name": "setpoint",
               "type": {
@@ -91552,6 +91690,39 @@
               "description": "Number of fraction digits shown in the readout. Default `1`.",
               "attribute": "fractionDigits"
             },
+            {
+              "kind": "field",
+              "name": "faceDiameter",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "Outer-ring diameter in CSS pixels. When set, the instrument renders at a\nfixed intrinsic size derived from the ring, arc shape and label reserve —\nso instruments sharing the same value have identical ring circumference\nregardless of label width or arc extent (like obc-donut-chart's\nfixedHeight). When unset (default), the instrument fills its container.",
+              "attribute": "face-diameter"
+            },
+            {
+              "kind": "field",
+              "name": "_frame",
+              "type": {
+                "text": "RadialFrame | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_hostSizePinned",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "Whether the host size styles were set by applyPinnedHostSize."
+            },
+            {
+              "kind": "field",
+              "name": "_resizeController",
+              "privacy": "private",
+              "default": "new ResizeController(this, {})"
+            },
             {
               "kind": "method",
               "name": "getAngle",
@@ -91895,6 +92066,14 @@
               "description": "Number of fraction digits shown in the readout. Default `1`.",
               "fieldName": "fractionDigits"
             },
+            {
+              "name": "face-diameter",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "Outer-ring diameter in CSS pixels. When set, the instrument renders at a\nfixed intrinsic size derived from the ring, arc shape and label reserve —\nso instruments sharing the same value have identical ring circumference\nregardless of label width or arc extent (like obc-donut-chart's\nfixedHeight). When unset (default), the instrument fills its container.",
+              "fieldName": "faceDiameter"
+            },
             {
               "name": "setpoint",
               "type": {
@@ -93479,7 +93658,7 @@
               "kind": "field",
               "name": "angleSetpoint",
               "type": {
-                "text": "number|undefined"
+                "text": "number | undefined"
               },
               "description": "Setpoint angle in degrees (0° = 12 o'clock)",
               "attribute": "angleSetpoint"
@@ -93488,7 +93667,7 @@
               "kind": "field",
               "name": "newAngleSetpoint",
               "type": {
-                "text": "number|undefined"
+                "text": "number | undefined"
               },
               "description": "New setpoint being adjusted (focus mode)",
               "attribute": "newAngleSetpoint"
@@ -93583,8 +93762,18 @@
               "type": {
                 "text": "number | undefined"
               },
+              "description": "Explicit padding override in SVG units: the un-zoomed viewBox becomes\nexactly `(176 + padding) * 2`. Setting it disables the automatic\nwidth-aware label reserve (issue #1021) — the caller owns label room.",
               "attribute": "padding"
             },
+            {
+              "kind": "field",
+              "name": "faceDiameter",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "Outer-ring diameter in CSS pixels. When set, the instrument renders at a\nfixed intrinsic size derived from the ring, arc shape and label reserve —\nso instruments sharing the same value have identical ring circumference\nregardless of label width or arc extent (like obc-donut-chart's\nfixedHeight). When unset (default), the instrument fills its container.",
+              "attribute": "face-diameter"
+            },
             {
               "kind": "field",
               "name": "areas",
@@ -93827,7 +94016,7 @@
               "kind": "field",
               "name": "arcFrame",
               "type": {
-                "text": "ZoomToFitArcFrame|undefined"
+                "text": "ZoomToFitArcFrame | undefined"
               },
               "description": "Pre-computed zoom-to-fit arc frame. When set, the watch skips its own `computeZoomToFitArcFrame()` call and uses these values directly. Consumer instruments (e.g. rudder, instrument-radial) should compute the frame once and pass it here to avoid redundant computation. If you pass `arcFrame`, you own keeping it in sync with `areas` / `watchCircleType` — obc-watch will NOT recompute it, so a stale frame renders stale geometry."
             },
@@ -93844,7 +94033,7 @@
               "kind": "field",
               "name": "rotType",
               "type": {
-                "text": "RotType|undefined"
+                "text": "RotType | undefined"
               },
               "description": "ROT visualization type: `'dots'` (spinning dots) or `'bar'` (arc bar with clipped dots). Undefined hides the ROT layer.",
               "attribute": "rotType"
@@ -93882,7 +94071,7 @@
               "kind": "field",
               "name": "rotPriority",
               "type": {
-                "text": "Priority|undefined"
+                "text": "Priority | undefined"
               },
               "description": "Override priority for ROT color derivation. When set, ROT colors use this instead of the main `priority`. Useful when the ROT element has independent priority (e.g. compass per-element priority).",
               "attribute": "rotPriority"
@@ -93909,7 +94098,7 @@
               "kind": "field",
               "name": "rateOfTurnDegreesPerMinute",
               "type": {
-                "text": "number|undefined"
+                "text": "number | undefined"
               },
               "description": "Measured rate of turn in degrees per minute (the maritime/AIS convention, see ES-TRIN 2025/1 Art. 3.02 and ITU-R M.1371). Sign controls direction (positive = starboard/clockwise). When defined, this drives both the dot animation (multiplied by `rotDotAnimationFactor`) and the port/starboard direction sign.",
               "attribute": "rateOfTurnDegreesPerMinute"
@@ -93928,10 +94117,7 @@
               "kind": "field",
               "name": "rotationsPerMinute",
               "deprecated": "Use `rateOfTurnDegreesPerMinute` (and optionally `rotDotAnimationFactor`) instead.\nKept as a backward-compatible alias; takes effect only when\n`rateOfTurnDegreesPerMinute` is `undefined`.",
-              "type": {
-                "text": "number"
-              },
-              "description": "**Deprecated.** Spin speed of the ROT dot ring in rotations per minute. Sign controls direction (positive = clockwise). Use `rateOfTurnDegreesPerMinute` instead.",
+              "description": "Legacy spin speed of the ROT dot ring, in rotations per minute (sign controls direction; positive = clockwise).",
               "attribute": "rotationsPerMinute"
             },
             {
@@ -93985,6 +94171,35 @@
               "privacy": "private",
               "default": "0"
             },
+            {
+              "kind": "field",
+              "name": "_labelsHidden",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "Set by the frame when the label reserve exceeded its cap: tick label\ntexts are dropped instead of clipped (see radial-frame.ts)."
+            },
+            {
+              "kind": "field",
+              "name": "_ownFrame",
+              "type": {
+                "text": "RadialFrame | undefined"
+              },
+              "privacy": "private",
+              "description": "The frame of the last render, when computed internally (no arcFrame)."
+            },
+            {
+              "kind": "field",
+              "name": "_hostSizePinned",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "Whether the host size styles were set by applyPinnedHostSize."
+            },
             {
               "kind": "method",
               "name": "_bandRadius",
@@ -94089,13 +94304,14 @@
             },
             {
               "kind": "method",
-              "name": "getPadding",
+              "name": "getLabelWidthPx",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "number"
                 }
-              }
+              },
+              "description": "Pixel width of the widest outside label, feeding the frame's label\nreserve (issue #1021). Explicit `padding` is a hard geometry override\nand disables the reserve, preserving legacy consumer output."
             },
             {
               "kind": "method",
@@ -94190,7 +94406,7 @@
             {
               "name": "angleSetpoint",
               "type": {
-                "text": "number|undefined"
+                "text": "number | undefined"
               },
               "description": "Setpoint angle in degrees (0° = 12 o'clock)",
               "fieldName": "angleSetpoint"
@@ -94198,7 +94414,7 @@
             {
               "name": "newAngleSetpoint",
               "type": {
-                "text": "number|undefined"
+                "text": "number | undefined"
               },
               "description": "New setpoint being adjusted (focus mode)",
               "fieldName": "newAngleSetpoint"
@@ -94251,8 +94467,17 @@
               "type": {
                 "text": "number | undefined"
               },
+              "description": "Explicit padding override in SVG units: the un-zoomed viewBox becomes\nexactly `(176 + padding) * 2`. Setting it disables the automatic\nwidth-aware label reserve (issue #1021) — the caller owns label room.",
               "fieldName": "padding"
             },
+            {
+              "name": "face-diameter",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "Outer-ring diameter in CSS pixels. When set, the instrument renders at a\nfixed intrinsic size derived from the ring, arc shape and label reserve —\nso instruments sharing the same value have identical ring circumference\nregardless of label width or arc extent (like obc-donut-chart's\nfixedHeight). When unset (default), the instrument fills its container.",
+              "fieldName": "faceDiameter"
+            },
             {
               "name": "tickmarksInside",
               "type": {
@@ -94433,7 +94658,7 @@
             {
               "name": "rotType",
               "type": {
-                "text": "RotType|undefined"
+                "text": "RotType | undefined"
               },
               "description": "ROT visualization type: `'dots'` (spinning dots) or `'bar'` (arc bar with clipped dots). Undefined hides the ROT layer.",
               "fieldName": "rotType"
@@ -94467,7 +94692,7 @@
             {
               "name": "rotPriority",
               "type": {
-                "text": "Priority|undefined"
+                "text": "Priority | undefined"
               },
               "description": "Override priority for ROT color derivation. When set, ROT colors use this instead of the main `priority`. Useful when the ROT element has independent priority (e.g. compass per-element priority).",
               "fieldName": "rotPriority"
@@ -94491,7 +94716,7 @@
             {
               "name": "rateOfTurnDegreesPerMinute",
               "type": {
-                "text": "number|undefined"
+                "text": "number | undefined"
               },
               "description": "Measured rate of turn in degrees per minute (the maritime/AIS convention, see ES-TRIN 2025/1 Art. 3.02 and ITU-R M.1371). Sign controls direction (positive = starboard/clockwise). When defined, this drives both the dot animation (multiplied by `rotDotAnimationFactor`) and the port/starboard direction sign.",
               "fieldName": "rateOfTurnDegreesPerMinute"
@@ -94508,10 +94733,7 @@
             {
               "name": "rotationsPerMinute",
               "deprecated": "Use `rateOfTurnDegreesPerMinute` (and optionally `rotDotAnimationFactor`) instead.\nKept as a backward-compatible alias; takes effect only when\n`rateOfTurnDegreesPerMinute` is `undefined`.",
-              "type": {
-                "text": "number"
-              },
-              "description": "**Deprecated.** Spin speed of the ROT dot ring in rotations per minute. Sign controls direction (positive = clockwise). Use `rateOfTurnDegreesPerMinute` instead.",
+              "description": "Legacy spin speed of the ROT dot ring, in rotations per minute (sign controls direction; positive = clockwise).",
               "fieldName": "rotationsPerMinute"
             }
           ],