@oicl/openbridge-webcomponents 2.0.0-next.56 → 2.0.0-next.57

package/custom-elements.json

@@ -70468,6 +70468,16 @@
               "default": "false",
               "attribute": "zoomToFitArc"
             },
+            {
+              "kind": "field",
+              "name": "hasReadout",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When `true`, shows a centered `<obc-readout>` under the arc displaying the\nheading (label `HDG`, unit `DEG`). The value color follows the HDG entry in\n`priorityElements`, matching the HDG arrow.",
+              "attribute": "hasReadout"
+            },
             {
               "kind": "field",
               "name": "_headingSp",
@@ -70680,6 +70690,16 @@
                   }
                 }
               ]
+            },
+            {
+              "kind": "field",
+              "name": "_readoutTopPercent",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "description": "Vertical placement of the readout as a percentage of the host height.\n\nWith `zoomToFitArc` the arc is reframed by `computeZoomToFitArcFrame`, whose\n`radiusOffset`/`viewBox` depend on the arc's *absolute* orientation (which\ncardinal axes its bounding box crosses), not just its bend. The arc itself\nis always rotated back to the top, so it stays put on screen — but a\nframe-derived offset would swing wildly as `heading` rotates the bbox around\nthe circle. So in zoom we use a fixed offset, which keeps the readout steady\nunder the (stationary) arc regardless of heading.\n\nWithout zoom the viewBox is the fixed, origin-symmetric 120° framing, so the\ngeometry is orientation-independent: place the readout halfway down the inner\nradius from the watch center toward the arc's inner edge.",
+              "readonly": true
             }
           ],
           "events": [
@@ -70869,6 +70889,15 @@
               },
               "default": "false",
               "fieldName": "zoomToFitArc"
+            },
+            {
+              "name": "hasReadout",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When `true`, shows a centered `<obc-readout>` under the arc displaying the\nheading (label `HDG`, unit `DEG`). The value color follows the HDG entry in\n`priorityElements`, matching the HDG arrow.",
+              "fieldName": "hasReadout"
             }
           ],
           "superclass": {
@@ -79764,6 +79793,16 @@
               },
               "default": "[ PitchRollPriorityElement.pitch, PitchRollPriorityElement.roll, ]"
             },
+            {
+              "kind": "field",
+              "name": "hasReadout",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When `true`, the centre shows two stacked `<obc-readout>`s (pitch above\nroll) instead of the vessel images. Default `false`.",
+              "attribute": "hasReadout"
+            },
             {
               "kind": "field",
               "name": "zoomToFitArc",
@@ -79883,6 +79922,31 @@
               "privacy": "private",
               "readonly": true
             },
+            {
+              "kind": "method",
+              "name": "renderReadout",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "label",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "PitchRollPriorityElement"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "renderZoomedArcs",
@@ -80062,6 +80126,15 @@
               },
               "fieldName": "priority"
             },
+            {
+              "name": "hasReadout",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When `true`, the centre shows two stacked `<obc-readout>`s (pitch above\nroll) instead of the vessel images. Default `false`.",
+              "fieldName": "hasReadout"
+            },
             {
               "name": "zoomToFitArc",
               "type": {
@@ -80129,7 +80202,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "",
+          "description": "`<obc-pitch>` — Pitch (trim) indicator with a side arc scale.\n\nShows `pitch` against a watch arc centred on the right, with an average-pitch\nband and a rotating indicator. Supports an optional opposite-side scale\n(`dual-scale`), a centre readout (`hasReadout`), and a `regular`/`enhanced`\npalette.",
           "name": "ObcPitch",
           "members": [
             {
@@ -80194,6 +80267,34 @@
               "default": "false",
               "attribute": "zoomToFitArc"
             },
+            {
+              "kind": "field",
+              "name": "hasReadout",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When `true`, the centre shows an `<obc-readout>` with the pitch value\n(label `Pitch`, unit `DEG`) instead of the horizon line, rotating indicator\nand vessel. Default `false`.",
+              "attribute": "hasReadout"
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "ObcPitchType"
+              },
+              "description": "`single-scale` shows one arc on the right (default); `dual-scale` also\nshows the scale on the opposite (left) arc (the indicator's opposite end).",
+              "attribute": "type"
+            },
+            {
+              "kind": "field",
+              "name": "priority",
+              "type": {
+                "text": "Priority"
+              },
+              "description": "Colour palette for the scale fill / indicator and the readout value:\n`regular` (default) or `enhanced`.",
+              "attribute": "priority"
+            },
             {
               "kind": "field",
               "name": "arcAngle",
@@ -80212,6 +80313,43 @@
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "scaleFillColor",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "indicatorColor",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "renderScale",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "areas",
+                  "type": {
+                    "text": "WatchArea[]"
+                  }
+                },
+                {
+                  "name": "opposite",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
             {
               "kind": "field",
               "name": "advices",
@@ -80278,6 +80416,31 @@
               "default": "false",
               "fieldName": "zoomToFitArc"
             },
+            {
+              "name": "hasReadout",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When `true`, the centre shows an `<obc-readout>` with the pitch value\n(label `Pitch`, unit `DEG`) instead of the horizon line, rotating indicator\nand vessel. Default `false`.",
+              "fieldName": "hasReadout"
+            },
+            {
+              "name": "type",
+              "type": {
+                "text": "ObcPitchType"
+              },
+              "description": "`single-scale` shows one arc on the right (default); `dual-scale` also\nshows the scale on the opposite (left) arc (the indicator's opposite end).",
+              "fieldName": "type"
+            },
+            {
+              "name": "priority",
+              "type": {
+                "text": "Priority"
+              },
+              "description": "Colour palette for the scale fill / indicator and the readout value:\n`regular` (default) or `enhanced`.",
+              "fieldName": "priority"
+            },
             {
               "name": "arcAngle",
               "type": {
@@ -83833,7 +83996,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "",
+          "description": "`<obc-roll>` — Roll (heel) indicator with a bottom arc scale.\n\nShows `roll` against a watch arc centred at the bottom, with an average-roll\nband and a rotating indicator. Supports an optional top scale (`dual-scale`),\na centre readout (`hasReadout`), and a `regular`/`enhanced` palette. See the\nindividual properties for details.",
           "name": "ObcRoll",
           "members": [
             {
@@ -83907,6 +84070,34 @@
               "default": "false",
               "attribute": "zoomToFitArc"
             },
+            {
+              "kind": "field",
+              "name": "hasReadout",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When `true`, the centre shows an `<obc-readout>` with the roll value\n(label `Roll`, unit `DEG`) instead of the horizon line, rotating indicator\nand vessel. Default `false`.",
+              "attribute": "hasReadout"
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "ObcRollType"
+              },
+              "description": "`single-scale` shows one arc at the bottom (default); `dual-scale` also\nshows the scale on the top arc (the indicator's opposite end).",
+              "attribute": "type"
+            },
+            {
+              "kind": "field",
+              "name": "priority",
+              "type": {
+                "text": "Priority"
+              },
+              "description": "Colour palette for the scale fill / indicator and the readout value:\n`regular` (default) or `enhanced`.",
+              "attribute": "priority"
+            },
             {
               "kind": "field",
               "name": "arcAngle",
@@ -83934,6 +84125,43 @@
               "privacy": "private",
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "scaleFillColor",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "indicatorColor",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "renderScale",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "areas",
+                  "type": {
+                    "text": "WatchArea[]"
+                  }
+                },
+                {
+                  "name": "top",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
             {
               "kind": "field",
               "name": "advices",
@@ -84008,6 +84236,31 @@
               "default": "false",
               "fieldName": "zoomToFitArc"
             },
+            {
+              "name": "hasReadout",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When `true`, the centre shows an `<obc-readout>` with the roll value\n(label `Roll`, unit `DEG`) instead of the horizon line, rotating indicator\nand vessel. Default `false`.",
+              "fieldName": "hasReadout"
+            },
+            {
+              "name": "type",
+              "type": {
+                "text": "ObcRollType"
+              },
+              "description": "`single-scale` shows one arc at the bottom (default); `dual-scale` also\nshows the scale on the top arc (the indicator's opposite end).",
+              "fieldName": "type"
+            },
+            {
+              "name": "priority",
+              "type": {
+                "text": "Priority"
+              },
+              "description": "Colour palette for the scale fill / indicator and the readout value:\n`regular` (default) or `enhanced`.",
+              "fieldName": "priority"
+            },
             {
               "name": "arcAngle",
               "type": {
@@ -84394,6 +84647,16 @@
               "default": "60",
               "attribute": "rotArcExtent"
             },
+            {
+              "kind": "field",
+              "name": "hasReadout",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When `true`, shows a centered `<obc-readout>` (label `ROT`, unit `DEG/min`)\nunder the arc with the current rate-of-turn value. Default `false`.",
+              "attribute": "hasReadout"
+            },
             {
               "kind": "field",
               "name": "getAngle"
@@ -84415,6 +84678,16 @@
               "privacy": "private",
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "_readoutTopPercent",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "description": "Vertical position of the readout, in % of the host. In the zoomed view the\narc's lower edge shifts with `rotArcExtent`, so the position is interpolated\nbetween the narrow- and wide-arc anchors to keep a roughly constant gap\nbetween the arc and the readout. The static (unzoomed) arc uses a fixed\nposition.",
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "_needleColor",
@@ -84724,6 +84997,15 @@
               "default": "60",
               "fieldName": "rotArcExtent"
             },
+            {
+              "name": "hasReadout",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When `true`, shows a centered `<obc-readout>` (label `ROT`, unit `DEG/min`)\nunder the arc with the current rate-of-turn value. Default `false`.",
+              "fieldName": "hasReadout"
+            },
             {
               "name": "setpoint",
               "type": {

package/dist/navigation-instruments/compass-sector/compass-sector.css.js

@@ -22,6 +22,18 @@ const componentStyle = css`
   height: 100%;
 }
 
+.container > .readout {
+  left: 50%;
+  width: auto;
+  height: auto;
+  transform: translate(-50%, -50%);
+}
+
+obc-readout::part(value-wrapper),
+obc-readout::part(meta-wrapper) {
+  justify-self: center;
+}
+
 :host {
   display: block;
   width: 100%;

package/dist/navigation-instruments/compass-sector/compass-sector.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"compass-sector.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"compass-sector.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/navigation-instruments/compass-sector/compass-sector.d.ts

@@ -3,6 +3,7 @@ import { AngleAdvice } from '../watch/advice.js';
 import { RotType, RotPosition } from '../watch/watch.js';
 import { InstrumentState, Priority } from '../types.js';
 import '../watch/watch.js';
+import '../readout/readout.js';
 export { RotType, RotPosition };
 export declare enum CompassSectorPriorityElement {
     hdg = "hdg",
@@ -98,6 +99,12 @@ export declare class ObcCompassSector extends LitElement {
     priorityElements: CompassSectorPriorityElement[];
     tickmarksInside: boolean;
     zoomToFitArc: boolean;
+    /**
+     * When `true`, shows a centered `<obc-readout>` under the arc displaying the
+     * heading (label `HDG`, unit `DEG`). The value color follows the HDG entry in
+     * `priorityElements`, matching the HDG arrow.
+     */
+    hasReadout: boolean;
     private _headingSp;
     private _halfFOV;
     private _arcHalfExtent;
@@ -119,6 +126,22 @@ export declare class ObcCompassSector extends LitElement {
     private get _effectiveRotDegPerMin();
     private get _rotEndAngle();
     private priorityFor;
+    /**
+     * Vertical placement of the readout as a percentage of the host height.
+     *
+     * With `zoomToFitArc` the arc is reframed by `computeZoomToFitArcFrame`, whose
+     * `radiusOffset`/`viewBox` depend on the arc's *absolute* orientation (which
+     * cardinal axes its bounding box crosses), not just its bend. The arc itself
+     * is always rotated back to the top, so it stays put on screen — but a
+     * frame-derived offset would swing wildly as `heading` rotates the bbox around
+     * the circle. So in zoom we use a fixed offset, which keeps the readout steady
+     * under the (stationary) arc regardless of heading.
+     *
+     * Without zoom the viewBox is the fixed, origin-symmetric 120° framing, so the
+     * geometry is orientation-independent: place the readout halfway down the inner
+     * radius from the watch center toward the arc's inner edge.
+     */
+    private get _readoutTopPercent();
     render(): import('lit-html').TemplateResult<1>;
     static styles: import('lit').CSSResult;
 }

package/dist/navigation-instruments/compass-sector/compass-sector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compass-sector.d.ts","sourceRoot":"","sources":["../../../src/navigation-instruments/compass-sector/compass-sector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAE,cAAc,EAAgC,MAAM,KAAK,CAAC;AAG9E,OAAO,mBAAmB,CAAC;AAG3B,OAAO,EAAc,WAAW,EAAiB,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EAKL,OAAO,EACP,WAAW,EACZ,MAAM,mBAAmB,CAAC;AAQ3B,OAAO,EAAC,eAAe,EAAE,QAAQ,EAAC,MAAM,aAAa,CAAC;AACtD,OAAO,EAAC,OAAO,EAAE,WAAW,EAAC,CAAC;AAE9B,oBAAY,4BAA4B;IACtC,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,GAAG,QAAQ;CACZ;AA+BD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IACpB,OAAO,SAAK;IACZ,gBAAgB,SAAK;IAErB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAQ;IACtC,kBAAkB,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC,iBAAiB,EAAE,OAAO,CAAS;IACpC,6BAA6B,EAAE,MAAM,CAAO;IAC3C,uBAAuB,EAAE,OAAO,CAAS;IACvB,qBAAqB,UAAQ;IAChD,6BAA6B,EAAE,MAAM,CAAK;IACzC,eAAe,EAAE,OAAO,CAAS;IACjC,QAAQ,EAAE,OAAO,CAAS;IACV,cAAc,EAAE,WAAW,EAAE,CAAM;IAEpD,MAAM,EAAE,MAAM,CAAM;IAEpB,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,WAAW,EAAE,WAAW,CAA2B;IAC7E;;;;;OAKG;IACuB,0BAA0B,EAAE,MAAM,GAAG,SAAS,CAAC;IACzE;;;;OAIG;IACuB,qBAAqB,EAAE,MAAM,CAAM;IAC7D;;;;OAIG;IACuB,kBAAkB,EAAE,MAAM,CAAK;IACzD;;;;;;;OAOG;IACuB,WAAW,EAAE,MAAM,CAAM;IACxB,gBAAgB,EAAE,OAAO,CAAS;IACnC,iBAAiB,EAAE,MAAM,CAAyB;IAElD,KAAK,EAAE,eAAe,CAA0B;IAChD,QAAQ,EAAE,QAAQ,CAAoB;IAEhE,gBAAgB,EAAE,4BAA4B,EAAE,CAE9C;IACyB,eAAe,EAAE,OAAO,CAAS;IACjC,YAAY,EAAE,OAAO,CAAS;IAEzD,OAAO,CAAC,UAAU,CAGf;IAGH,OAAO,CAAC,QAAQ,CAAM;IACtB,OAAO,CAAC,cAAc,CAAmB;IACzC,OAAO,CAAC,MAAM,CAAK;IACnB,OAAO,CAAC,aAAa,CAAK;IAC1B,OAAO,CAAC,cAAc,CAAM;IAC5B,OAAO,CAAC,eAAe,CAAgC;IACvD,OAAO,CAAC,YAAY,CAAmB;IACvC,OAAO,CAAC,gBAAgB,CAAkB;IAC1C,OAAO,CAAC,cAAc,CAAwB;IAErC,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IA8DzC,oBAAoB,IAAI,IAAI;IASrC,OAAO,CAAC,SAAS;IAejB,OAAO,CAAC,eAAe;IAmDvB,OAAO,CAAC,eAAe;IAyBvB,OAAO,CAAC,iBAAiB;IAqBzB,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,aAAa;IAgBrB,OAAO,KAAK,sBAAsB,GAEjC;IAED,OAAO,KAAK,YAAY,GAKvB;IAED,OAAO,CAAC,WAAW;IAWV,MAAM;IAiFf,OAAgB,MAAM,0BAA6B;CACpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF"}
+{"version":3,"file":"compass-sector.d.ts","sourceRoot":"","sources":["../../../src/navigation-instruments/compass-sector/compass-sector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAE,cAAc,EAAgC,MAAM,KAAK,CAAC;AAG9E,OAAO,mBAAmB,CAAC;AAC3B,OAAO,uBAAuB,CAAC;AAI/B,OAAO,EAAc,WAAW,EAAiB,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EAKL,OAAO,EACP,WAAW,EACZ,MAAM,mBAAmB,CAAC;AAQ3B,OAAO,EAAC,eAAe,EAAE,QAAQ,EAAC,MAAM,aAAa,CAAC;AACtD,OAAO,EAAC,OAAO,EAAE,WAAW,EAAC,CAAC;AAE9B,oBAAY,4BAA4B;IACtC,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,GAAG,QAAQ;CACZ;AA+BD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IACpB,OAAO,SAAK;IACZ,gBAAgB,SAAK;IAErB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAQ;IACtC,kBAAkB,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC,iBAAiB,EAAE,OAAO,CAAS;IACpC,6BAA6B,EAAE,MAAM,CAAO;IAC3C,uBAAuB,EAAE,OAAO,CAAS;IACvB,qBAAqB,UAAQ;IAChD,6BAA6B,EAAE,MAAM,CAAK;IACzC,eAAe,EAAE,OAAO,CAAS;IACjC,QAAQ,EAAE,OAAO,CAAS;IACV,cAAc,EAAE,WAAW,EAAE,CAAM;IAEpD,MAAM,EAAE,MAAM,CAAM;IAEpB,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,WAAW,EAAE,WAAW,CAA2B;IAC7E;;;;;OAKG;IACuB,0BAA0B,EAAE,MAAM,GAAG,SAAS,CAAC;IACzE;;;;OAIG;IACuB,qBAAqB,EAAE,MAAM,CAAM;IAC7D;;;;OAIG;IACuB,kBAAkB,EAAE,MAAM,CAAK;IACzD;;;;;;;OAOG;IACuB,WAAW,EAAE,MAAM,CAAM;IACxB,gBAAgB,EAAE,OAAO,CAAS;IACnC,iBAAiB,EAAE,MAAM,CAAyB;IAElD,KAAK,EAAE,eAAe,CAA0B;IAChD,QAAQ,EAAE,QAAQ,CAAoB;IAEhE,gBAAgB,EAAE,4BAA4B,EAAE,CAE9C;IACyB,eAAe,EAAE,OAAO,CAAS;IACjC,YAAY,EAAE,OAAO,CAAS;IACzD;;;;OAIG;IACwB,UAAU,EAAE,OAAO,CAAS;IAEvD,OAAO,CAAC,UAAU,CAGf;IAGH,OAAO,CAAC,QAAQ,CAAM;IACtB,OAAO,CAAC,cAAc,CAAmB;IACzC,OAAO,CAAC,MAAM,CAAK;IACnB,OAAO,CAAC,aAAa,CAAK;IAC1B,OAAO,CAAC,cAAc,CAAM;IAC5B,OAAO,CAAC,eAAe,CAAgC;IACvD,OAAO,CAAC,YAAY,CAAmB;IACvC,OAAO,CAAC,gBAAgB,CAAkB;IAC1C,OAAO,CAAC,cAAc,CAAwB;IAErC,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IA8DzC,oBAAoB,IAAI,IAAI;IASrC,OAAO,CAAC,SAAS;IAejB,OAAO,CAAC,eAAe;IAmDvB,OAAO,CAAC,eAAe;IAyBvB,OAAO,CAAC,iBAAiB;IAqBzB,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,aAAa;IAgBrB,OAAO,KAAK,sBAAsB,GAEjC;IAED,OAAO,KAAK,YAAY,GAKvB;IAED,OAAO,CAAC,WAAW;IAOnB;;;;;;;;;;;;;;OAcG;IACH,OAAO,KAAK,kBAAkB,GAU7B;IAMQ,MAAM;IAkGf,OAAgB,MAAM,0BAA6B;CACpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF"}

package/dist/navigation-instruments/compass-sector/compass-sector.js

@@ -2,6 +2,7 @@ import { unsafeCSS, LitElement, nothing, svg, html } from "lit";
 import { property } from "lit/decorators.js";
 import componentStyle from "./compass-sector.css.js";
 import { WatchCircleType, innerRingRadiusFor, OUTER_RING_RADIUS } from "../watch/watch.js";
+import { ReadoutVariant, ReadoutDirection } from "../readout/readout.js";
 import { TickmarkType, TickmarkStyle } from "../watch/tickmark.js";
 import { arrow, ArrowStyle } from "../compass/arrow.js";
 import { AdviceState } from "../watch/advice.js";
@@ -75,6 +76,7 @@ let ObcCompassSector = class extends LitElement {
     ];
     this.tickmarksInside = false;
     this.zoomToFitArc = false;
+    this.hasReadout = false;
     this._headingSp = new SetpointBundle({
       angularWraparound: true,
       onAnimationEnd: () => this.requestUpdate()
@@ -262,6 +264,32 @@ let ObcCompassSector = class extends LitElement {
     const selected = Array.isArray(this.priorityElements) ? this.priorityElements : [];
     return selected.includes(element) ? this.priority : Priority.regular;
   }
+  /**
+   * Vertical placement of the readout as a percentage of the host height.
+   *
+   * With `zoomToFitArc` the arc is reframed by `computeZoomToFitArcFrame`, whose
+   * `radiusOffset`/`viewBox` depend on the arc's *absolute* orientation (which
+   * cardinal axes its bounding box crosses), not just its bend. The arc itself
+   * is always rotated back to the top, so it stays put on screen — but a
+   * frame-derived offset would swing wildly as `heading` rotates the bbox around
+   * the circle. So in zoom we use a fixed offset, which keeps the readout steady
+   * under the (stationary) arc regardless of heading.
+   *
+   * Without zoom the viewBox is the fixed, origin-symmetric 120° framing, so the
+   * geometry is orientation-independent: place the readout halfway down the inner
+   * radius from the watch center toward the arc's inner edge.
+   */
+  get _readoutTopPercent() {
+    if (this.zoomToFitArc) {
+      return 70;
+    }
+    const [, vy, , vh] = this._cachedViewBox.split(" ").map(Number);
+    if (!vh || Number.isNaN(vy)) {
+      return 50;
+    }
+    const anchorY = -INNER_RADIUS * 0.5;
+    return Math.round((anchorY - vy) / vh * 1e3) / 10;
+  }
   // ---------------------------------------------------------------------------
   // Render
   // ---------------------------------------------------------------------------
@@ -343,6 +371,22 @@ let ObcCompassSector = class extends LitElement {
       rOff
     )}
         </svg>
+        ${this.hasReadout ? html`<div class="readout" style="top: ${this._readoutTopPercent}%">
+              <obc-readout
+                .variant=${ReadoutVariant.enhanced}
+                .direction=${ReadoutDirection.vertical}
+                .hasSetpoint=${false}
+                .hasAdvice=${false}
+                .value=${this.heading}
+                .fractionDigits=${0}
+                .valuePriority=${this.priorityFor(
+      "hdg"
+      /* hdg */
+    )}
+                label="HDG"
+                unit="DEG"
+              ></obc-readout>
+            </div>` : nothing}
       </div>
     `;
   }
@@ -426,6 +470,9 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean })
 ], ObcCompassSector.prototype, "zoomToFitArc", 2);
+__decorateClass([
+  property({ type: Boolean })
+], ObcCompassSector.prototype, "hasReadout", 2);
 ObcCompassSector = __decorateClass([
   customElement("obc-compass-sector")
 ], ObcCompassSector);