npm - @oicl/openbridge-webcomponents-full-bundle - Versions diffs - 2.0.0-next.142 → 2.0.0-next.144 - Mend

@oicl/openbridge-webcomponents-full-bundle 2.0.0-next.142 → 2.0.0-next.144

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (36) hide show

package/dist/navigation-instruments/readout-list-item/readout-list-item.d.ts CHANGED Viewed

@@ -21,12 +21,15 @@ export type ReadoutListItemSize = ReadoutBlockSize;
  * Placement of the unit/source relative to the label and value.
  * - `trailing-unit`: unit after the value, source after a trailing divider.
  * - `leading-unit`: unit beside/under the label.
- * - `leading-src`: source beside/under the label (no trailing source).
+ * - `leading-src`: source under the label (no trailing source).
+ * - `leading-src-inline`: source on the label's line, after it (no trailing
+ *   source); keeps the row one line high.
  */
 export declare enum ReadoutListItemStacking {
     trailingUnit = "trailing-unit",
     leadingUnit = "leading-unit",
-    leadingSrc = "leading-src"
+    leadingSrc = "leading-src",
+    leadingSrcInline = "leading-src-inline"
 }
 /**
  * Colour emphasis of the value.
@@ -148,7 +151,12 @@ export interface ReadoutAdviceOptions extends ReadoutBlockState {
     spaceReserver?: string;
 }
 export interface ReadoutReserverOptions {
-    /** Longest expected string to reserve width for (aligns multiple rows), e.g. `"miles"`. */
+    /**
+     * Longest expected string to reserve width for (aligns multiple rows), e.g.
+     * `"miles"`. A row without a unit still renders the reserved (blank)
+     * trailing column, so its value and degree stay on the grid of the rows
+     * that have one. `leading-unit` stacking has no trailing column to reserve.
+     */
     spaceReserver?: string;
 }
 /**
@@ -209,7 +217,8 @@ export interface ReadoutSrcOptions extends ReadoutBlockState {
  * - **Building blocks:** value, optional setpoint, and optional advice segments,
  *   each cap-height-aligned and able to reserve a stable width.
  * - **Sizes:** `small`, `medium`, `large` density scales.
- * - **Stacking:** `trailing-unit`, `leading-unit`, `leading-src` placement.
+ * - **Stacking:** `trailing-unit`, `leading-unit`, `leading-src`,
+ *   `leading-src-inline` placement.
  * - **Priority:** `regular`/`enhanced` colour emphasis; per-value `weight`
  *   (`regular`/`semibold`/`bold`) is independent of colour.
  * - **Setpoint flip-flop:** swaps emphasis between value and setpoint as the
@@ -323,7 +332,14 @@ export declare class ObcReadoutListItem extends LitElement {
     private hasCompletedFirstUpdate;
     private get resolvedSize();
     private get resolvedStacking();
+    /** Both leading-src stackings move the source into the label stack. */
+    private get hasLeadingSrc();
     private get resolvedPriority();
+    /**
+     * Whether a unit box follows the value: a unit, or a reserver alone — the
+     * blank reserved column keeps a unit-less row aligned with its neighbours.
+     */
+    private get hasTrailingUnitBox();
     private get resolvedFractionDigits();
     private get resolvedMaxDigits();
     /**

package/dist/navigation-instruments/readout-list-item/readout-list-item.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"readout-list-item.d.ts","sourceRoot":"","sources":["../../../src/navigation-instruments/readout-list-item/readout-list-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAgD,MAAM,KAAK,CAAC;AAK9E,OAAO,qCAAqC,CAAC;AAC7C,OAAO,EACL,cAAc,EACd,oBAAoB,EACrB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,sDAAsD,CAAC;AAC9D,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAEL,gBAAgB,EAChB,uBAAuB,EAEvB,qBAAqB,EACtB,MAAM,sDAAsD,CAAC;AAC9D,OAAO,EAML,gBAAgB,EAEjB,MAAM,kCAAkC,CAAC;AAY1C,OAAO,EACL,KAAK,gBAAgB,EAKtB,MAAM,6CAA6C,CAAC;AAMrD,OAAO,EAAC,oBAAoB,EAAC,MAAM,qCAAqC,CAAC;AAGzE,OAAO,EAAC,gBAAgB,EAAC,MAAM,kCAAkC,CAAC;AAIlE,OAAO,EAAC,qBAAqB,EAAC,MAAM,sDAAsD,CAAC;AAE3F;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,yBAAmB,CAAC;AACpD,MAAM,MAAM,mBAAmB,GAAG,gBAAgB,CAAC;AAEnD~~;;;;;GAKG~~;AACH,oBAAY,uBAAuB;IACjC,YAAY,kBAAkB;IAC9B,WAAW,iBAAiB;IAC5B,UAAU,gBAAgB;~~CAC3B~~;AAED;;;;GAIG;AACH,oBAAY,uBAAuB;IACjC,OAAO,YAAY;IACnB,QAAQ,aAAa;CACtB;AAED;;;;GAIG;AACH,eAAO,MAAM,0BAA0B,gCAA0B,CAAC;AAClE,MAAM,MAAM,0BAA0B,GAAG,uBAAuB,CAAC;AAEjE;;;;;GAKG;AACH,oBAAY,qBAAqB;IAC/B,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,YAAY,kBAAkB;CAC/B;AAED,MAAM,WAAW,wBAAwB;IACvC,MAAM,CAAC,EAAE,qBAAqB,CAAC;CAChC;AAED;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAChC,+DAA+D;IAC/D,WAAW,CAAC,EAAE,0BAA0B,CAAC;IACzC,qEAAqE;IACrE,KAAK,CAAC,EAAE,KAAK,GAAG,gBAAgB,CAAC;CAClC;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,mBAAoB,SAAQ,iBAAiB;IAC5D,oFAAoF;IACpF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,oBAAY,kCAAkC;IAC5C,aAAa,mBAAmB;IAChC,SAAS,eAAe;IACxB,QAAQ,cAAc;IACtB,KAAK,WAAW;CACjB;AAED,MAAM,WAAW,sBAAuB,SAAQ,iBAAiB;IAC/D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iFAAiF;IACjF,WAAW,CAAC,EAAE,kCAAkC,CAAC;IACjD;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gGAAgG;IAChG,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,oBAAqB,SAAQ,iBAAiB;IAC7D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IACjC,6EAA6E;IAC7E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gGAAgG;IAChG,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,sBAAsB;IACrC~~,2FAA2F~~;~~IAC3F~~,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;GAQG;AACH,MAAM,WAAW,mBAAmB;IAClC,+EAA+E;IAC/E,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,6EAA6E;IAC7E,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;GAKG;AACH,oBAAY,kBAAkB;IAC5B,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,OAAO,YAAY;IACnB,OAAO,YAAY;CACpB;AAED,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,6GAA6G;IAC7G,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;OAIG;IACH,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6EG~~;AACH,qBACa,kBAAmB,SAAQ,UAAU;IAEtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IAEM,QAAQ,UAAQ;IAC7D;;;OAGG;IACuB,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAQ;IAC/D;;;;OAIG;IACuB,SAAS,EAAE,gBAAgB,CAC3B;IACC,GAAG,UAAS;IACb,OAAO,SAAS;IAEf,WAAW,UAAS;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAEjB,SAAS,UAAS;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAGhB,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,QAAQ,CAAC,EAAE,uBAAuB,CAAC;IACnC,QAAQ,CAAC,EAAE,uBAAuB,CAAC;IACnC,SAAS,EAAE,OAAO,GAAG,wBAAwB,CAC/D;IACmB,cAAc,UAAS;IACvB,SAAS,UAAS;IAClB,eAAe,UAAS;IACzB,cAAc,SAAK;IACnB,SAAS,SAAK;IACd,WAAW,CAAC,EAAE,0BAA0B,CAAC;IAKzC,KAAK,EAAE,OAAO,GAAG,gBAAgB,CAAS;IAG1C,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC,eAAe,CAAC,EAAE,sBAAsB,CAAC;IACzC,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAEf,gBAAgB,UAAS;IAEnE,yEAAyE;IAChE,OAAO,CAAC,yBAAyB,CACb;IAC7B,OAAO,CAAC,yBAAyB,CAAC,CAAS;IAC3C,OAAO,CAAC,uBAAuB,CAAS;IAExC,OAAO,KAAK,YAAY,GAEvB;IAED,OAAO,KAAK,gBAAgB,GAE3B;IAED,OAAO,KAAK,gBAAgB,GAE3B;IAED,OAAO,KAAK,sBAAsB,GAEjC;IAED,OAAO,KAAK,iBAAiB,GAE5B;IAED;;;;;;OAMG;IACH,OAAO,KAAK,kBAAkB,GAK7B;IAED,OAAO,KAAK,iBAAiB,GAS5B;IAED,OAAO,KAAK,YAAY,GAiBvB;IAED,OAAO,KAAK,2BAA2B,GAKtC;IAED,OAAO,KAAK,UAAU,GAKrB;IAED,OAAO,KAAK,WAAW,GAKtB;IAED,OAAO,KAAK,OAAO,GAKlB;IAED,OAAO,KAAK,gBAAgB,GAE3B;IAED;;;;;OAKG;IACH,OAAO,KAAK,oBAAoB,GAQ/B;IAED;;;;;OAKG;IACH,OAAO,KAAK,WAAW,GAEtB;IAED,kEAAkE;IAClE,OAAO,KAAK,WAAW,GAEtB;IAED,oFAAoF;IACpF,OAAO,KAAK,aAAa,GAExB;IAED,OAAO,KAAK,SAAS,GAapB;IAED,OAAO,KAAK,YAAY,GAOvB;IAED,gGAAgG;IAChG,OAAO,KAAK,WAAW,GAEtB;IAED,gGAAgG;IAChG,OAAO,KAAK,SAAS,GAEpB;IAED;;;;OAIG;IACH,OAAO,KAAK,WAAW,GAItB;IAED,4EAA4E;IAC5E,OAAO,KAAK,cAAc,GAEzB;IAED,OAAO,CAAC,oBAAoB;IAI5B,8EAA8E;IAC9E,OAAO,CAAC,kBAAkB;IAM1B;;;;OAIG;IACH,OAAO,CAAC,mBAAmB;IAU3B,OAAO,CAAC,WAAW;IAsDnB;;;;;;OAMG;IACH,OAAO,CAAC,iBAAiB;IAqBzB;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,OAAO,CAAC,kBAAkB;~~IAmB1B~~;;;;;;OAMG;IACH,OAAO,CAAC,kBAAkB;IAa1B,OAAO,CAAC,aAAa;IA6BrB,OAAO,CAAC,kBAAkB;IAgD1B;;;;;;;;;;;;;OAaG;IACH,OAAO,CAAC,kBAAkB;IAgC1B;;;;;;;OAOG;IACH,OAAO,CAAC,uBAAuB;IA+B/B,OAAO,CAAC,oBAAoB;~~IAmC5B~~,OAAO,CAAC,kBAAkB;~~IAc1B~~;;;;;OAKG;IACH,OAAO,CAAC,iBAAiB;IAsCzB,OAAO,CAAC,oBAAoB;~~IAa5B~~,OAAO,CAAC,aAAa;cAYF,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAazD,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAwCrD,OAAO,CAAC,yBAAyB;IAQxB,oBAAoB,IAAI,IAAI;IAY5B,MAAM;IA0Cf,OAAgB,MAAM,0BAA6B;CACpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,kBAAkB,CAAC;KAC7C;CACF"}
1	+ {"version":3,"file":"readout-list-item.d.ts","sourceRoot":"","sources":["../../../src/navigation-instruments/readout-list-item/readout-list-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAgD,MAAM,KAAK,CAAC;AAK9E,OAAO,qCAAqC,CAAC;AAC7C,OAAO,EACL,cAAc,EACd,oBAAoB,EACrB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,sDAAsD,CAAC;AAC9D,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAEL,gBAAgB,EAChB,uBAAuB,EAEvB,qBAAqB,EACtB,MAAM,sDAAsD,CAAC;AAC9D,OAAO,EAML,gBAAgB,EAEjB,MAAM,kCAAkC,CAAC;AAY1C,OAAO,EACL,KAAK,gBAAgB,EAKtB,MAAM,6CAA6C,CAAC;AAMrD,OAAO,EAAC,oBAAoB,EAAC,MAAM,qCAAqC,CAAC;AAGzE,OAAO,EAAC,gBAAgB,EAAC,MAAM,kCAAkC,CAAC;AAIlE,OAAO,EAAC,qBAAqB,EAAC,MAAM,sDAAsD,CAAC;AAE3F;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,yBAAmB,CAAC;AACpD,MAAM,MAAM,mBAAmB,GAAG,gBAAgB,CAAC;AAEnD;;;;;;;GAOG;AACH,oBAAY,uBAAuB;IACjC,YAAY,kBAAkB;IAC9B,WAAW,iBAAiB;IAC5B,UAAU,gBAAgB;IAC1B,gBAAgB,uBAAuB;CACxC;AAED;;;;GAIG;AACH,oBAAY,uBAAuB;IACjC,OAAO,YAAY;IACnB,QAAQ,aAAa;CACtB;AAED;;;;GAIG;AACH,eAAO,MAAM,0BAA0B,gCAA0B,CAAC;AAClE,MAAM,MAAM,0BAA0B,GAAG,uBAAuB,CAAC;AAEjE;;;;;GAKG;AACH,oBAAY,qBAAqB;IAC/B,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,YAAY,kBAAkB;CAC/B;AAED,MAAM,WAAW,wBAAwB;IACvC,MAAM,CAAC,EAAE,qBAAqB,CAAC;CAChC;AAED;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAChC,+DAA+D;IAC/D,WAAW,CAAC,EAAE,0BAA0B,CAAC;IACzC,qEAAqE;IACrE,KAAK,CAAC,EAAE,KAAK,GAAG,gBAAgB,CAAC;CAClC;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,mBAAoB,SAAQ,iBAAiB;IAC5D,oFAAoF;IACpF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,oBAAY,kCAAkC;IAC5C,aAAa,mBAAmB;IAChC,SAAS,eAAe;IACxB,QAAQ,cAAc;IACtB,KAAK,WAAW;CACjB;AAED,MAAM,WAAW,sBAAuB,SAAQ,iBAAiB;IAC/D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iFAAiF;IACjF,WAAW,CAAC,EAAE,kCAAkC,CAAC;IACjD;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gGAAgG;IAChG,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,oBAAqB,SAAQ,iBAAiB;IAC7D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IACjC,6EAA6E;IAC7E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gGAAgG;IAChG,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,sBAAsB;IACrC;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;GAQG;AACH,MAAM,WAAW,mBAAmB;IAClC,+EAA+E;IAC/E,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,6EAA6E;IAC7E,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;GAKG;AACH,oBAAY,kBAAkB;IAC5B,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,OAAO,YAAY;IACnB,OAAO,YAAY;CACpB;AAED,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,6GAA6G;IAC7G,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;OAIG;IACH,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8EG;AACH,qBACa,kBAAmB,SAAQ,UAAU;IAEtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IAEM,QAAQ,UAAQ;IAC7D;;;OAGG;IACuB,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAQ;IAC/D;;;;OAIG;IACuB,SAAS,EAAE,gBAAgB,CAC3B;IACC,GAAG,UAAS;IACb,OAAO,SAAS;IAEf,WAAW,UAAS;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAEjB,SAAS,UAAS;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAGhB,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,QAAQ,CAAC,EAAE,uBAAuB,CAAC;IACnC,QAAQ,CAAC,EAAE,uBAAuB,CAAC;IACnC,SAAS,EAAE,OAAO,GAAG,wBAAwB,CAC/D;IACmB,cAAc,UAAS;IACvB,SAAS,UAAS;IAClB,eAAe,UAAS;IACzB,cAAc,SAAK;IACnB,SAAS,SAAK;IACd,WAAW,CAAC,EAAE,0BAA0B,CAAC;IAKzC,KAAK,EAAE,OAAO,GAAG,gBAAgB,CAAS;IAG1C,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC,eAAe,CAAC,EAAE,sBAAsB,CAAC;IACzC,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAEf,gBAAgB,UAAS;IAEnE,yEAAyE;IAChE,OAAO,CAAC,yBAAyB,CACb;IAC7B,OAAO,CAAC,yBAAyB,CAAC,CAAS;IAC3C,OAAO,CAAC,uBAAuB,CAAS;IAExC,OAAO,KAAK,YAAY,GAEvB;IAED,OAAO,KAAK,gBAAgB,GAE3B;IAED,uEAAuE;IACvE,OAAO,KAAK,aAAa,GAMxB;IAED,OAAO,KAAK,gBAAgB,GAE3B;IAED;;;OAGG;IACH,OAAO,KAAK,kBAAkB,GAK7B;IAED,OAAO,KAAK,sBAAsB,GAEjC;IAED,OAAO,KAAK,iBAAiB,GAE5B;IAED;;;;;;OAMG;IACH,OAAO,KAAK,kBAAkB,GAK7B;IAED,OAAO,KAAK,iBAAiB,GAS5B;IAED,OAAO,KAAK,YAAY,GAiBvB;IAED,OAAO,KAAK,2BAA2B,GAKtC;IAED,OAAO,KAAK,UAAU,GAKrB;IAED,OAAO,KAAK,WAAW,GAKtB;IAED,OAAO,KAAK,OAAO,GAKlB;IAED,OAAO,KAAK,gBAAgB,GAE3B;IAED;;;;;OAKG;IACH,OAAO,KAAK,oBAAoB,GAQ/B;IAED;;;;;OAKG;IACH,OAAO,KAAK,WAAW,GAEtB;IAED,kEAAkE;IAClE,OAAO,KAAK,WAAW,GAEtB;IAED,oFAAoF;IACpF,OAAO,KAAK,aAAa,GAExB;IAED,OAAO,KAAK,SAAS,GAapB;IAED,OAAO,KAAK,YAAY,GAOvB;IAED,gGAAgG;IAChG,OAAO,KAAK,WAAW,GAEtB;IAED,gGAAgG;IAChG,OAAO,KAAK,SAAS,GAEpB;IAED;;;;OAIG;IACH,OAAO,KAAK,WAAW,GAItB;IAED,4EAA4E;IAC5E,OAAO,KAAK,cAAc,GAEzB;IAED,OAAO,CAAC,oBAAoB;IAI5B,8EAA8E;IAC9E,OAAO,CAAC,kBAAkB;IAM1B;;;;OAIG;IACH,OAAO,CAAC,mBAAmB;IAU3B,OAAO,CAAC,WAAW;IAsDnB;;;;;;OAMG;IACH,OAAO,CAAC,iBAAiB;IAqBzB;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,OAAO,CAAC,kBAAkB;IAe1B;;;;;;OAMG;IACH,OAAO,CAAC,kBAAkB;IAa1B,OAAO,CAAC,aAAa;IA6BrB,OAAO,CAAC,kBAAkB;IAgD1B;;;;;;;;;;;;;OAaG;IACH,OAAO,CAAC,kBAAkB;IAgC1B;;;;;;;OAOG;IACH,OAAO,CAAC,uBAAuB;IA+B/B,OAAO,CAAC,oBAAoB;IAkC5B,OAAO,CAAC,kBAAkB;IAW1B;;;;;OAKG;IACH,OAAO,CAAC,iBAAiB;IAsCzB,OAAO,CAAC,oBAAoB;IAU5B,OAAO,CAAC,aAAa;cAYF,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAazD,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAwCrD,OAAO,CAAC,yBAAyB;IAQxB,oBAAoB,IAAI,IAAI;IAY5B,MAAM;IA0Cf,OAAgB,MAAM,0BAA6B;CACpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,kBAAkB,CAAC;KAC7C;CACF"}

package/dist/navigation-instruments/readout-list-item/readout-list-item.js CHANGED Viewed

@@ -25,6 +25,7 @@ var ReadoutListItemStacking = /* @__PURE__ */ ((ReadoutListItemStacking2) => {
   ReadoutListItemStacking2["trailingUnit"] = "trailing-unit";
   ReadoutListItemStacking2["leadingUnit"] = "leading-unit";
   ReadoutListItemStacking2["leadingSrc"] = "leading-src";
+  ReadoutListItemStacking2["leadingSrcInline"] = "leading-src-inline";
   return ReadoutListItemStacking2;
 })(ReadoutListItemStacking || {});
 var ReadoutListItemPriority = /* @__PURE__ */ ((ReadoutListItemPriority2) => {
@@ -80,9 +81,21 @@ let ObcReadoutListItem = class extends LitElement {
   get resolvedStacking() {
     return this.stacking ?? "trailing-unit";
   }
+  /** Both leading-src stackings move the source into the label stack. */
+  get hasLeadingSrc() {
+    const stacking = this.resolvedStacking;
+    return stacking === "leading-src" || stacking === "leading-src-inline";
+  }
   get resolvedPriority() {
     return this.priority ?? "regular";
   }
+  /**
+   * Whether a unit box follows the value: a unit, or a reserver alone — the
+   * blank reserved column keeps a unit-less row aligned with its neighbours.
+   */
+  get hasTrailingUnitBox() {
+    return this.resolvedStacking !== "leading-unit" && (Boolean(this.unit) || Boolean(this.unitOptions?.spaceReserver));
+  }
   get resolvedFractionDigits() {
     return this.fractionDigits ?? 0;
   }
@@ -311,13 +324,12 @@ let ObcReadoutListItem = class extends LitElement {
     if (!this.hasValue) {
       return nothing;
     }
-    const hasTrailingUnit = Boolean(this.unit) && this.resolvedStacking !== "leading-unit";
     if ((this.hasDegree ?? false) && !this.off) {
       return this.renderDegreeGlyph(this.valueSize, {
         enhanced: this.rowEnhanced
       });
     }
-    if (hasTrailingUnit) {
+    if (this.hasTrailingUnitBox) {
       return html`<span class="value-unit-gap" aria-hidden="true"></span>`;
     }
     return nothing;
@@ -487,7 +499,7 @@ let ObcReadoutListItem = class extends LitElement {
   renderLabelContainer() {
     const stacking = this.resolvedStacking;
     const showLeadingUnit = stacking === "leading-unit" && Boolean(this.unit);
-    const showLeadingSrc = stacking === "leading-src" && Boolean(this.src);
+    const showLeadingSrc = this.hasLeadingSrc && Boolean(this.src);
     return html`
       <div class="label-container" part="label-container">
         ${this.hasLeadingIcon ? html`<span class="leading-icon" aria-hidden="true"
@@ -510,12 +522,12 @@ let ObcReadoutListItem = class extends LitElement {
     `;
   }
   renderTrailingUnit() {
-    if (this.resolvedStacking === "leading-unit" || !this.unit) {
+    if (!this.hasTrailingUnitBox) {
       return nothing;
     }
     return this.renderTextbox(
       "unit",
-      this.unit,
+      this.unit ?? "",
       this.unitOptions?.spaceReserver
     );
   }
@@ -562,7 +574,7 @@ let ObcReadoutListItem = class extends LitElement {
     `;
   }
   renderTrailingSource() {
-    if (this.resolvedStacking === "leading-src" || !this.src) {
+    if (this.hasLeadingSrc || !this.src) {
       return nothing;
     }
     return html`

package/dist/navigation-instruments/readout-list-item/readout-list-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"readout-list-item.js","sources":["../../../src/navigation-instruments/readout-list-item/readout-list-item.ts"],"sourcesContent":["import {LitElement, html, nothing, unsafeCSS, type TemplateResult} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport componentStyle from './readout-list-item.css?inline';\nimport {customElement} from '../../decorator.js';\nimport '../../components/textbox/textbox.js';\nimport {\n ObcTextboxSize,\n ObcTextboxFontWeight,\n} from '../../components/textbox/textbox.js';\nimport '../../building-blocks/readout-block/readout-block.js';\nimport '../../icons/icon-delta.js';\nimport {\n ReadoutBlockVariant,\n ReadoutBlockSize,\n ReadoutBlockDataQuality,\n ReadoutBlockHidePhase,\n ReadoutAdviceCategory,\n} from '../../building-blocks/readout-block/readout-block.js';\nimport {\n assertReadoutValueType,\n assertReadoutFractionDigits,\n isReadoutDigitCountMissing,\n resolveReadoutDigitCount,\n resolveReadoutNumericValue,\n ReadoutValueType,\n type ReadoutNumericFormatOptions,\n} from '../readout/readout-formatters.js';\nimport {\n isDisplayedAtSetpoint,\n readoutNumericFormatOptions,\n readoutPrimarySize,\n readoutSecondarySize,\n readoutSetpointSize,\n readoutValueSize,\n readoutSetpointWeight,\n readoutDataQualityClasses,\n resolveSetpointHidePhase,\n} from '../readout/readout-shared.js';\nimport {\n type AlertFrameConfig,\n wrapWithAlertFrame,\n ObcAlertFrameType,\n ObcAlertFrameThickness,\n ObcAlertFrameMode,\n} from '../../components/alert-frame/alert-frame.js';\nimport {AlertType} from '../../types.js';\n\n// The value weight maps straight to obc-textbox's font weights (regular /\n// semibold / bold). Re-exported so consumers can set `valueOptions.weight`\n// without a second import path.\nexport {ObcTextboxFontWeight} from '../../components/textbox/textbox.js';\n\n// Re-exported so consumers can type `valueType` without a second import path.\nexport {ReadoutValueType} from '../readout/readout-formatters.js';\n\n// Re-exported so consumers can set `adviceOptions.category` without a second\n// import path.\nexport {ReadoutAdviceCategory} from '../../building-blocks/readout-block/readout-block.js';\n\n/*\n Density/size scale of the readout row (an alias of `ReadoutBlockSize`).\n * - `small`: regular value typography (smallest, densest).\n * - `medium`: medium value typography.\n * - `large`: large value typography.\n /\nexport const ReadoutListItemSize = ReadoutBlockSize;\nexport type ReadoutListItemSize = ReadoutBlockSize;\n\n/\n Placement of the unit/source relative to the label and value.\n * - `trailing-unit`: unit after the value, source after a trailing divider.\n * - `leading-unit`: unit beside/under the label.\n * - `leading-src`: source beside/under the label (no trailing source).\n /\nexport enum ReadoutListItemStacking {\n trailingUnit = 'trailing-unit',\n leadingUnit = 'leading-unit',\n leadingSrc = 'leading-src',\n}\n\n/\n Colour emphasis of the value.\n * - `regular`: neutral.\n * - `enhanced`: accented (in-command) colour.\n /\nexport enum ReadoutListItemPriority {\n regular = 'regular',\n enhanced = 'enhanced',\n}\n\n/\n Measurement quality of the value (an alias of `ReadoutBlockDataQuality`).\n * Orthogonal to the row-level `alert` – a low-integrity or invalid value can\n * also sit inside an alert frame.\n /\nexport const ReadoutListItemDataQuality = ReadoutBlockDataQuality;\nexport type ReadoutListItemDataQuality = ReadoutBlockDataQuality;\n\n/\n Corner style of the interactive (clickable) surface.\n * - `squared` (default): no rounding (true rectangle).\n * - `round-corners`: larger rounded corners.\n * - `round`: fully rounded (pill).\n /\nexport enum ReadoutListItemBorder {\n squared = 'squared',\n round = 'round',\n roundCorners = 'round-corners',\n}\n\nexport interface ReadoutListItemClickable {\n border?: ReadoutListItemBorder;\n}\n\n/\n Per-block state shared by value / setpoint / advice / src. Each is independent\n * of (and nests inside) the row-level `dataQuality` / `alert` props. All\n * combinations are allowed.\n /\nexport interface ReadoutBlockState {\n /* Per-block measurement quality (low-integrity / invalid). /\n dataQuality?: ReadoutListItemDataQuality;\n /* Per-block alert frame; nests inside any row-level alert frame. /\n alert?: false \| AlertFrameConfig;\n}\n\n/\n Per-value options. Unlike setpoint/advice, the value's `alert` frame AND\n * `dataQuality` chip wrap the whole reading — value (+ value-icon) + degree +\n * trailing unit — rather than the value alone. The alert frame is a pure overlay\n * (4px/2px padding, stroke centred on that line); the data-quality chip reuses\n * the block chip's `outline` styling with no extra padding. Neither shifts\n * content or changes the row height / column alignment (Figma 58:10120).\n /\nexport interface ReadoutValueOptions extends ReadoutBlockState {\n /* Render the unfilled leading positions as muted zeroes (requires `maxDigits`). /\n hintedZeros?: boolean;\n /\n Value font weight — `regular` (default), `semibold`, or `bold` (the\n * obc-textbox weights). Affects weight only; it does NOT change the colour\n * (colour is driven by `priority`).\n /\n weight?: ObcTextboxFontWeight;\n /* Show the `value-icon` slot before the value. /\n hasIcon?: boolean;\n /\n Longest value string to reserve width for (e.g. `\"0000.0\"`), so rows align\n * across different value lengths / `fractionDigits` — set the same value on\n * every row. Combined with the `maxDigits`/`fractionDigits`-derived reserve by\n * taking whichever is wider, so it never reserves less than the formatted\n * value needs.\n /\n spaceReserver?: string;\n}\n\n/\n How the setpoint segment behaves relative to the value.\n * - `always-visible` (default): the setpoint is always shown.\n * - `flip-flop`: value and setpoint swap emphasis (size) as the value reaches\n * the setpoint.\n * - `equal-size`: value and setpoint are always shown at the same (primary)\n * size (Figma 6.1 \"Equal size\") — the value does not demote while\n * `touching`, unlike the other modes.\n * - `pop-up`: the setpoint is shown only while the value has not reached it,\n * then fades out (100ms) once value === setpoint.\n \n TODO(designer): in pop-up mode the designer is considering keeping the\n * setpoint arrow visible while the setpoint itself is hidden, so an\n * at-setpoint reading still reads as \"a value you are in control of\". Until\n * that is decided, the `value-icon` slot already covers it — slot an\n * `<obi-input-right>` into the value block (see the\n * `SetpointPopUpWithValueArrow` story).\n /\nexport enum ReadoutListItemSetpointInteraction {\n alwaysVisible = 'always-visible',\n equalSize = 'equal-size',\n flipFlop = 'flip-flop',\n popUp = 'pop-up',\n}\n\nexport interface ReadoutSetpointOptions extends ReadoutBlockState {\n hintedZeros?: boolean;\n /* How the setpoint behaves relative to the value (default `always-visible`). /\n interaction?: ReadoutListItemSetpointInteraction;\n /\n The user is physically interacting with (adjusting) the setpoint — the\n * \"focus\" visual state. Same convention as `touching` on the instrument\n * setpoint marker (`SetpointMixin` / `svghelpers/setpoint.ts`): keeps the\n * setpoint visible and shows the lighter-blue focus triangle.\n /\n touching?: boolean;\n /* Longest value string to reserve width for; see {@link ReadoutValueOptions.spaceReserver}. /\n spaceReserver?: string;\n}\n\nexport interface ReadoutAdviceOptions extends ReadoutBlockState {\n hintedZeros?: boolean;\n /\n Semantic category (Figma 6.1) — picks the default marker icon and the\n * `active` styling; `regular` when unset.\n /\n category?: ReadoutAdviceCategory;\n /* The advice is triggered — filled/status icon + triggered text styling. /\n active?: boolean;\n /* Longest value string to reserve width for; see {@link ReadoutValueOptions.spaceReserver}. /\n spaceReserver?: string;\n}\n\nexport interface ReadoutReserverOptions {\n /* Longest expected string to reserve width for (aligns multiple rows), e.g. `\"miles\"`. /\n spaceReserver?: string;\n}\n\n/\n Per-label (\"readout-block-title\") options.\n \n The label size follows the designer's Figma 6.1 title block, which carries an\n * `xs`/`s` primary-size axis: `s` is the default for stand-alone readouts (a\n * scannable label should not sit at the smallest permitted size), `xs` the\n * default for dense list rows. Values outside `xs`/`s` are not part of the\n * design and are not rejected, but their metrics are unspecified.\n /\nexport interface ReadoutLabelOptions {\n /* Label typography size — `xs` (dense rows) or `s` (stand-alone readouts). /\n size?: ObcTextboxSize;\n /* Longest expected label to reserve width for (aligns stacked readouts). /\n spaceReserver?: string;\n}\n\n/\n Emphasis / alert state of the source chip (Figma 6.1 \"Readout-block-source\"\n * State axis; `static`/`enabled` map to `regular`).\n * TODO(designer): the sheet also carries a `Tag` type (xs chip) and an alarm\n * state is absent by design; both left out here.\n /\nexport enum ReadoutSourceState {\n regular = 'regular',\n enhanced = 'enhanced',\n caution = 'caution',\n warning = 'warning',\n}\n\nexport interface ReadoutSrcOptions extends ReadoutBlockState {\n /* Longest expected source string to reserve width for; see {@link ReadoutReserverOptions.spaceReserver}. /\n spaceReserver?: string;\n /\n Emphasis / alert state of the source: `enhanced` renders the amplified\n * chip, `caution` / `warning` the matching alert chip. Like the\n * data-quality chip it uses `outline`, so toggling it never shifts the row.\n /\n state?: ReadoutSourceState;\n /\n Source deviation (Figma \"Source-deviation\"): renders a Δ + value line\n * under the source name. A non-finite value renders no line.\n /\n deviation?: number;\n}\n\n/\n `<obc-readout-list-item>` – A compact, dense readout row for lists and tables.\n \n Renders a label, an optional source, an optional unit, and up to three\n * cap-height \"readout building blocks\" – advice, setpoint, and value – each a\n * fixed-width-reservable numeric segment. Dynamic data is passed as top-level\n * primitives (`value`, `setpoint`, `advice`, `label`, `unit`, `src`). Global\n * layout/format is configured via top-level props (`size`, `priority`,\n * `stacking`, `hasDegree`, `dataQuality`, `alert`, …) and per-block tweaks via one\n * object per block (`valueOptions`, `setpointOptions`, `adviceOptions`,\n * `unitOptions`, `srcOptions`).\n \n ### Features\n * - Building blocks: value, optional setpoint, and optional advice segments,\n * each cap-height-aligned and able to reserve a stable width.\n * - Sizes: `small`, `medium`, `large` density scales.\n * - Stacking: `trailing-unit`, `leading-unit`, `leading-src` placement.\n * - Priority: `regular`/`enhanced` colour emphasis; per-value `weight`\n * (`regular`/`semibold`/`bold`) is independent of colour.\n * - Setpoint flip-flop: swaps emphasis between value and setpoint as the\n * value reaches the setpoint.\n * - Data quality: `low-integrity`/`invalid` styling, combinable with `alert`.\n * - Alert frame: optional `alert` wrapper (caution/warning/alarm/level).\n * - Clickable: optionally rendered as a focusable button with `squared`,\n * `round-corners`, or `round` corners.\n * - Formatting: shared `fractionDigits`, width reservation via `maxDigits`\n * and per-segment `hintedZeros`; a `null` value renders a dash (`-`).\n * - Text values: `valueType=\"text\"` renders `value` verbatim (e.g.\n * `\"Thermo On\"`) instead of formatting it as a number.\n \n ### Usage Guidelines\n * Use for dense readout rows in lists/tables. Prefer `<obc-readout>` for rich\n * multi-segment instrument layouts, source pickers, or flyout behaviour.\n \n @property hasValue - Layout switch: `false` renders a deliberately value-less (label-only)\n * row that hugs its remaining parts. For a temporarily missing value keep\n * `hasValue` and set `value` to `null` instead — the dash keeps the value\n * block at full size, so the row does not shift when data arrives.\n * @property off - Render the value as `offText` (e.g. equipment powered down). Affects the value only.\n * @property offText - Text shown in place of the value when `off` is true.\n * @availableWhen offText off==true\n * @availableWhen setpoint hasSetpoint==true\n * @availableWhen advice hasAdvice==true\n * @property fractionDigits - Also formats the numeric setpoint / advice blocks, which stay numeric\n * even when the value is text. Must be between 0 and 100 — the range\n * `Number.prototype.toFixed` accepts; outside it throws a `RangeError`.\n * A fractional count truncates (`2.7` → `2`). A count that never arrived\n * (`NaN`, `null` or unset) renders the reading as the unavailable dash —\n * formatting with a precision the author never chose would let a critical\n * `0.4` pass for a healthy `0`.\n * @availableWhen fractionDigits valueType==number \|\| hasSetpoint==true \|\| hasAdvice==true\n * @property maxDigits - Also formats the numeric setpoint / advice blocks, which stay numeric\n * even when the value is text. Bounded before use: a fractional count\n * truncates (`2.7` → `2`), anything above 100 — including `Infinity` —\n * caps at 100, and a negative count reserves nothing. A count that never\n * arrived (`NaN`, `null` or unset) renders the reading as the unavailable\n * dash, consistent with `fractionDigits`.\n * @availableWhen maxDigits valueType==number \|\| hasSetpoint==true \|\| hasAdvice==true\n * @property showDebugOverlay - Development aid: outline the readout building blocks (red), the degree\n * columns (blue) and the degree spacer (green) so reserver widths / alignment\n * are visible. Off by default.\n * @experimental This component is the pilot for the new primitives + per-block\n * options Readout API; its API may change in a future release.\n \n ### Slots\n * \| Slot Name \| Renders When \| Purpose \|\n * \|---------------\|-------------------------------\|------------------------------------------\|\n * \| leading-icon \| `hasLeadingIcon` \| Icon before the label. \|\n * \| value-icon \| `valueOptions.hasIcon` \| Icon before the value. \|\n * \| setpoint-icon \| `hasSetpoint` \| Overrides the default setpoint icon. \|\n * \| advice-icon \| `hasAdvice` \| Overrides the default advice icon. \|\n \n @slot leading-icon - Icon before the label.\n * @slot value-icon - Icon before the value.\n * @slot setpoint-icon - Overrides the default setpoint icon.\n * @slot advice-icon - Overrides the default advice icon.\n * @fires click - Fired when the item is activated. Only fired when `clickable` is set; otherwise the item renders as a non-interactive `<div>`.\n /\n@customElement('obc-readout-list-item')\nexport class ObcReadoutListItem extends LitElement {\n // Primitives (dynamic data)\n @property({type: String}) label?: string;\n @property({type: String}) unit?: string;\n @property({type: String}) src?: string;\n\n @property({type: Boolean, attribute: false}) hasValue = true;\n /\n The value; `null` renders a dash. A number by default, or text when\n * {@link valueType} is `text`.\n /\n @property({type: String}) value: number \| string \| null = null;\n /\n How {@link value} is interpreted. `number` (default) formats it via\n * `fractionDigits`; `text` renders it verbatim and ignores the numeric\n * format options. Passing text while this is `number` throws.\n /\n @property({type: String}) valueType: ReadoutValueType =\n ReadoutValueType.number;\n @property({type: Boolean}) off = false;\n @property({type: String}) offText = 'OFF';\n\n @property({type: Boolean}) hasSetpoint = false;\n @property({type: Number}) setpoint?: number;\n\n @property({type: Boolean}) hasAdvice = false;\n @property({type: Number}) advice?: number;\n\n // Global layout/format (each defaults via its `resolved` getter where useful).\n @property({type: String}) size?: ReadoutListItemSize;\n @property({type: String}) priority?: ReadoutListItemPriority;\n @property({type: String}) stacking?: ReadoutListItemStacking;\n @property({type: Object}) clickable: boolean \| ReadoutListItemClickable =\n false;\n @property({type: Boolean}) hasLeadingIcon = false;\n @property({type: Boolean}) hasDegree = false;\n @property({type: Boolean}) hasDegreeSpacer = false;\n @property({type: Number}) fractionDigits = 0;\n @property({type: Number}) maxDigits = 0;\n @property({type: String}) dataQuality?: ReadoutListItemDataQuality;\n // `boolean \| …` (not `false \| …`): the generated Angular wrapper widens a\n // literal-`false` union to `boolean`, which then won't assign back to a\n // `false`-typed element property. `wrapWithAlertFrame` treats any non-object\n // (incl. `true`) as \"no frame\", so accepting `boolean` is harmless.\n @property({type: Object}) alert: boolean \| AlertFrameConfig = false;\n\n // Per-block configuration — one object per block (see the ReadoutOptions types).\n @property({type: Object}) valueOptions?: ReadoutValueOptions;\n @property({type: Object}) setpointOptions?: ReadoutSetpointOptions;\n @property({type: Object}) adviceOptions?: ReadoutAdviceOptions;\n @property({type: Object}) labelOptions?: ReadoutLabelOptions;\n @property({type: Object}) unitOptions?: ReadoutReserverOptions;\n @property({type: Object}) srcOptions?: ReadoutSrcOptions;\n\n @property({type: Boolean, reflect: true}) showDebugOverlay = false;\n\n /* Pop-up deferred-hide phase for the setpoint (see {@link updated}). /\n @state() private deferredSetpointHidePhase: ReadoutBlockHidePhase =\n ReadoutBlockHidePhase.none;\n private deferredSetpointHideTimer?: number;\n private hasCompletedFirstUpdate = false;\n\n private get resolvedSize(): ReadoutListItemSize {\n return this.size ?? ReadoutListItemSize.small;\n }\n\n private get resolvedStacking(): ReadoutListItemStacking {\n return this.stacking ?? ReadoutListItemStacking.trailingUnit;\n }\n\n private get resolvedPriority(): ReadoutListItemPriority {\n return this.priority ?? ReadoutListItemPriority.regular;\n }\n\n private get resolvedFractionDigits(): number {\n return this.fractionDigits ?? 0;\n }\n\n private get resolvedMaxDigits(): number {\n return resolveReadoutDigitCount(this.maxDigits);\n }\n\n /\n Whether a digit knob failed to arrive (`NaN` / `null` / `undefined`).\n * The raw knobs are forwarded to the blocks, which render the reading as\n * the unavailable dash (see `obc-readout-block.digitCountsMissing`); this\n * getter only keeps the setpoint comparison in agreement with what is\n * displayed.\n /\n private get digitCountsMissing(): boolean {\n return (\n isReadoutDigitCountMissing(this.fractionDigits) \|\|\n isReadoutDigitCountMissing(this.maxDigits)\n );\n }\n\n private get resolvedClickable(): false \| Required<ReadoutListItemClickable> {\n const clickable = this.clickable;\n if (!clickable) {\n return false;\n }\n if (clickable === true) {\n return {border: ReadoutListItemBorder.squared};\n }\n return {border: clickable.border ?? ReadoutListItemBorder.squared};\n }\n\n private get isAtSetpoint(): boolean {\n if (!this.hasSetpoint) {\n return false;\n }\n // A missing digit knob renders every numeric block as the dash; two\n // dashes must not read as \"at the setpoint\", so the comparison stays off\n // entirely while the configuration is untrustworthy.\n if (this.digitCountsMissing) {\n return false;\n }\n // A text value never compares equal to a setpoint, so flip-flop / pop-up\n // stay dormant for `valueType=\"text\"`.\n return isDisplayedAtSetpoint(\n resolveReadoutNumericValue(this.value, this.valueType) ?? null,\n this.setpoint,\n this.numericFormatOptions(this.resolvedMaxDigits)\n );\n }\n\n private get resolvedSetpointInteraction(): ReadoutListItemSetpointInteraction {\n return (\n this.setpointOptions?.interaction ??\n ReadoutListItemSetpointInteraction.alwaysVisible\n );\n }\n\n private get isFlipFlop(): boolean {\n return (\n this.resolvedSetpointInteraction ===\n ReadoutListItemSetpointInteraction.flipFlop\n );\n }\n\n private get isEqualSize(): boolean {\n return (\n this.resolvedSetpointInteraction ===\n ReadoutListItemSetpointInteraction.equalSize\n );\n }\n\n private get isPopUp(): boolean {\n return (\n this.resolvedSetpointInteraction ===\n ReadoutListItemSetpointInteraction.popUp\n );\n }\n\n private get setpointTouching(): boolean {\n return this.setpointOptions?.touching ?? false;\n }\n\n /\n The setpoint is rendered \"emphasised\" (primary size + SemiBold weight) when\n * it is the focus of attention: while actively adjusting (`touching`), or while\n * a flip-flop has the value away from the setpoint. Otherwise it is a secondary\n * (smaller, regular-weight) reference next to the value.\n /\n private get isSetpointEmphasized(): boolean {\n if (!this.hasSetpoint) {\n return false;\n }\n if (this.setpointTouching) {\n return true;\n }\n return this.isFlipFlop && !this.isAtSetpoint;\n }\n\n /\n The row's enhanced (in-command) colour state, applied uniformly to BOTH the\n * value and the setpoint — they are always either both neutral or both enhanced\n * (never a blue setpoint next to a grey value). Driven by `priority` only;\n * `valueOptions.weight` changes weight, not colour.\n /\n private get rowEnhanced(): boolean {\n return this.resolvedPriority === ReadoutListItemPriority.enhanced;\n }\n\n /* Primary value-typography size for the current density tier. /\n private get primarySize(): ObcTextboxSize {\n return readoutPrimarySize(this.resolvedSize);\n }\n\n /* Secondary (de-emphasised) value-typography size for the current density tier. /\n private get secondarySize(): ObcTextboxSize {\n return readoutSecondarySize(this.resolvedSize);\n }\n\n private get valueSize(): ObcTextboxSize {\n // The value de-emphasises (secondary size) whenever the setpoint is the\n // focus — while actively adjusting (`touching`) or while a flip-flop holds\n // the value away from the setpoint. So \"grab the setpoint\" shrinks the value for\n // the whole adjustment (initiate + move read the same: setpoint big, value\n // small), mirroring the flip-flop convention. `equal-size` opts out: both\n // blocks always hold the primary size, even while touching.\n return readoutValueSize({\n primary: this.primarySize,\n secondary: this.secondarySize,\n setpointEmphasized: this.isSetpointEmphasized,\n equalSize: this.isEqualSize,\n });\n }\n\n private get setpointSize(): ObcTextboxSize {\n return readoutSetpointSize({\n primary: this.primarySize,\n secondary: this.secondarySize,\n emphasized: this.isSetpointEmphasized,\n equalSize: this.isEqualSize,\n });\n }\n\n /* Value font weight passes straight to obc-textbox; regular when unset. Colour is separate. /\n private get valueWeight(): ObcTextboxFontWeight {\n return this.valueOptions?.weight ?? ObcTextboxFontWeight.regular;\n }\n\n /* Label size: `xs` for dense list rows unless overridden (see {@link ReadoutLabelOptions}). /\n private get labelSize(): ObcTextboxSize {\n return this.labelOptions?.size ?? ObcTextboxSize.xs;\n }\n\n /\n Label weight: SemiBold only for enhanced (in-command) rows, regular\n * otherwise — the designer reduced the amount of semibold in the interface\n * (Figma 6.1 review).\n /\n private get labelWeight(): ObcTextboxFontWeight {\n return this.rowEnhanced\n ? ObcTextboxFontWeight.semibold\n : ObcTextboxFontWeight.regular;\n }\n\n /* Setpoint is SemiBold only while emphasised, otherwise regular weight. /\n private get setpointWeight(): ObcTextboxFontWeight {\n return readoutSetpointWeight(this.isSetpointEmphasized);\n }\n\n private numericFormatOptions(maxDigits: number): ReadoutNumericFormatOptions {\n return readoutNumericFormatOptions(maxDigits, this.resolvedFractionDigits);\n }\n\n /* classMap fragment for a block / source carrying per-block data quality. /\n private dataQualityClasses(\n dataQuality: ReadoutListItemDataQuality \| undefined\n ): Record<string, boolean> {\n return readoutDataQualityClasses(dataQuality);\n }\n\n /\n Forward the matching list-item icon slot into the block's single `icon`\n * slot. The variant's default marker lives in `obc-readout-block` and shows\n * when nothing is assigned here (an empty forwarded slot flattens to nothing).\n /\n private renderForwardedIcon(variant: ReadoutBlockVariant): TemplateResult {\n if (variant === ReadoutBlockVariant.setpoint) {\n return html`<slot name=\"setpoint-icon\" slot=\"icon\"></slot>`;\n }\n if (variant === ReadoutBlockVariant.advice) {\n return html`<slot name=\"advice-icon\" slot=\"icon\"></slot>`;\n }\n return html`<slot name=\"value-icon\" slot=\"icon\"></slot>`;\n }\n\n private renderBlock(config: {\n variant: ReadoutBlockVariant;\n value: number \| string \| null \| undefined;\n /* Only the value block is ever text; setpoint / advice stay numeric. /\n valueType?: ReadoutValueType;\n valueSize: ObcTextboxSize;\n enhanced: boolean;\n weight: ObcTextboxFontWeight;\n hintedZeros: boolean;\n spaceReserver?: string;\n off?: boolean;\n hasDegree?: boolean;\n hasIcon?: boolean;\n touching?: boolean;\n hidePhase?: ReadoutBlockHidePhase;\n dataQuality?: ReadoutBlockDataQuality;\n alert?: false \| AlertFrameConfig;\n /* Advice-only: semantic category + triggered state. /\n category?: ReadoutAdviceCategory;\n active?: boolean;\n }): TemplateResult {\n // The block owns the formatting, hinted zeros, reserver, degree and icon; the\n // row keeps the density tier (`size`) and the resolved per-block number size\n // (`valueSize`) so flip-flop/pop-up emphasis stays a row decision.\n return html`\n <obc-readout-block\n exportparts=\"block, block-content, block-text, block-icon, degree\"\n .variant=${config.variant}\n .value=${config.value ?? null}\n .valueType=${config.valueType ?? ReadoutValueType.number}\n .size=${this.resolvedSize}\n .valueSize=${config.valueSize}\n .enhanced=${config.enhanced}\n .weight=${config.weight}\n .hasDegree=${config.hasDegree ?? false}\n .hasIcon=${config.hasIcon ?? false}\n .fractionDigits=${this.fractionDigits}\n .maxDigits=${this.maxDigits}\n .hintedZeros=${config.hintedZeros}\n .spaceReserver=${config.spaceReserver}\n .off=${config.off ?? false}\n .offText=${this.offText}\n .touching=${config.touching ?? false}\n .hidePhase=${config.hidePhase ?? ReadoutBlockHidePhase.none}\n .dataQuality=${config.dataQuality}\n .alert=${config.alert ?? false}\n .category=${config.category ?? ReadoutAdviceCategory.regular}\n .active=${config.active ?? false}\n >\n ${this.renderForwardedIcon(config.variant)}\n </obc-readout-block>\n `;\n }\n\n /\n A cap-height `°` column whose width scales with the value size. Used after\n * the value (as the value↔unit boundary, via {@link renderValueUnitGap}) and\n * inside the setpoint / advice blocks. `inherit` makes the glyph take the\n * surrounding block's colour (setpoint/advice); otherwise it uses the value\n * colour, optionally `enhanced`.\n /\n private renderDegreeGlyph(\n size: ObcTextboxSize,\n opts: {enhanced?: boolean; inherit?: boolean} = {}\n ): TemplateResult {\n return html`\n <span\n class=${classMap({\n 'degree-column': true,\n [`degree-${size}`]: true,\n 'tone-enhanced': !opts.inherit && Boolean(opts.enhanced),\n 'degree-inherit': Boolean(opts.inherit),\n })}\n part=\"degree\"\n >\n <obc-textbox class=\"degree-glyph\" .size=${size} alignment=\"center\"\n >°</obc-textbox\n >\n </span>\n `;\n }\n\n /\n The gap rendered between the value digits and the unit.\n \n - `hasDegree`: a cap-height `°` column whose width scales with the value\n * size (the `°` replaces the default gap).\n * - otherwise: the default 2px gap (only when a trailing unit follows).\n \n `hasDegreeSpacer` deliberately does NOT add anything here — it keeps the 2px\n * gap and instead widens the unit column via {@link renderDegreeSpacer} (a\n * spacer AFTER the unit). That way a non-degree row's value digits stay\n * aligned with degree rows (degree column width = spacer width + 2px gap)\n * while its unit shifts left. Mirrors Figma `1:2920` (spacer) / `1:2970`\n * (degree).\n \n TODO(designer): cross-size alignment is deferred. Degree rows of different\n * value sizes have different `°` column widths (6/8/12px), so their value digit\n * edges stagger by `degree-width`. For degree rows of mixed sizes you cannot\n * align the value digit edges AND keep the unit column aligned — resolving it\n * needs a design decision (a constant degree reserve, which widens the smaller\n * rows' `°`, OR pinning the value edge and letting the unit column stagger).\n /\n private renderValueUnitGap(): TemplateResult \| typeof nothing {\n if (!this.hasValue) {\n return nothing;\n }\n const hasTrailingUnit =\n Boolean(this.unit) &&\n this.resolvedStacking !== ReadoutListItemStacking.leadingUnit;\n\n if ((this.hasDegree ?? false) && !this.off) {\n return this.renderDegreeGlyph(this.valueSize, {\n enhanced: this.rowEnhanced,\n });\n }\n if (hasTrailingUnit) {\n return html`<span class=\"value-unit-gap\" aria-hidden=\"true\"></span>`;\n }\n return nothing;\n }\n\n /\n A spacer rendered AFTER the unit when `hasDegreeSpacer` is set on a\n * non-degree row. Its width (`degree-compensation-padding`) = the degree\n * column width minus the 2px gap, so the row's value digits align with degree\n * rows in the same column while its unit shifts left. See\n * {@link renderValueUnitGap}.\n /\n private renderDegreeSpacer(): TemplateResult \| typeof nothing {\n const hasDegree = this.hasDegree ?? false;\n const hasDegreeSpacer = this.hasDegreeSpacer ?? false;\n if (hasDegree \|\| !hasDegreeSpacer) {\n return nothing;\n }\n return html`<span\n class=\"degree-spacer\"\n part=\"degree-spacer\"\n aria-hidden=\"true\"\n ></span>`;\n }\n\n private renderTextbox(\n role: 'label' \| 'unit' \| 'source',\n text: string,\n reserver?: string,\n state?: ReadoutBlockState\n ): TemplateResult {\n // The label carries its own size (labelOptions) and priority-driven weight;\n // unit and source stay xs / regular.\n const weight =\n role === 'label' ? this.labelWeight : ObcTextboxFontWeight.regular;\n const size = role === 'label' ? this.labelSize : ObcTextboxSize.xs;\n const box = html`\n <obc-textbox\n class=${classMap({\n [role]: true,\n ...this.dataQualityClasses(state?.dataQuality),\n })}\n part=${role}\n .size=${size}\n .fontWeight=${weight}\n alignment=\"left\"\n >\n ${text}\n ${reserver ? html`<span slot=\"length\">${reserver}</span>` : nothing}\n </obc-textbox>\n `;\n return wrapWithAlertFrame(state?.alert ?? false, box);\n }\n\n private renderValueCluster(): TemplateResult {\n const popUpAtSetpoint =\n this.isPopUp && this.isAtSetpoint && !this.setpointTouching;\n const setpointHidePhase = resolveSetpointHidePhase(\n popUpAtSetpoint,\n this.deferredSetpointHidePhase\n );\n return html`\n <div class=\"value-cluster\" part=\"value-cluster\">\n ${this.hasAdvice\n ? this.renderBlock({\n variant: ReadoutBlockVariant.advice,\n value: this.advice,\n valueSize: this.secondarySize,\n enhanced: false,\n weight: ObcTextboxFontWeight.regular,\n hintedZeros: this.adviceOptions?.hintedZeros ?? false,\n spaceReserver: this.adviceOptions?.spaceReserver,\n hasDegree: this.hasDegree ?? false,\n dataQuality: this.adviceOptions?.dataQuality,\n alert: this.adviceOptions?.alert,\n category: this.adviceOptions?.category,\n active: this.adviceOptions?.active,\n })\n : nothing}\n ${this.hasSetpoint\n ? this.renderBlock({\n variant: ReadoutBlockVariant.setpoint,\n value: this.setpoint,\n valueSize: this.setpointSize,\n // Value and setpoint share the enhanced colour state (both neutral\n // or both enhanced); the setpoint is bold only while emphasised.\n enhanced: this.rowEnhanced,\n weight: this.setpointWeight,\n hintedZeros: this.setpointOptions?.hintedZeros ?? false,\n spaceReserver: this.setpointOptions?.spaceReserver,\n hasDegree: this.hasDegree ?? false,\n touching: this.setpointTouching,\n hidePhase: setpointHidePhase,\n dataQuality: this.setpointOptions?.dataQuality,\n alert: this.setpointOptions?.alert,\n })\n : nothing}\n ${this.renderValueReading()}\n </div>\n `;\n }\n\n /\n The value reading: the value block, its degree column and the trailing unit\n * grouped in one relatively-positioned wrapper so the value alert frame AND the\n * value data-quality chip can wrap value + degree + unit together (Figma\n * 58:10120).\n \n Moving the degree / unit into this wrapper (the new last child of\n * `.value-cluster`) preserves every existing gap, so the underlying content\n * stays column-aligned with or without the frame / chip. Both the value alert\n * (overlay) and the value data-quality chip are applied here — NOT inside\n * `obc-readout-block` — so they extend over the unit; setpoint/advice keep their\n * own block-level frame and chip. The chip uses `outline` (not `border`), so it\n * never shifts the value's width / column alignment.\n /\n private renderValueReading(): TemplateResult {\n return html`\n <div\n class=${classMap({\n 'value-reading': true,\n ...this.dataQualityClasses(this.valueOptions?.dataQuality),\n })}\n part=\"value-reading\"\n >\n ${this.hasValue\n ? this.renderBlock({\n variant: ReadoutBlockVariant.value,\n value: this.value,\n valueType: this.valueType,\n valueSize: this.valueSize,\n enhanced: this.rowEnhanced,\n weight: this.valueWeight,\n hintedZeros: this.valueOptions?.hintedZeros ?? false,\n spaceReserver: this.valueOptions?.spaceReserver,\n off: this.off,\n hasIcon: this.valueOptions?.hasIcon ?? false,\n })\n : nothing}\n ${this.renderValueUnitGap()}\n <div class=\"unit-area\" part=\"unit-area\">\n ${this.renderTrailingUnit()} ${this.renderDegreeSpacer()}\n </div>\n ${this.renderValueAlertOverlay()}\n </div>\n `;\n }\n\n /\n The value alert frame, drawn as a pure overlay around the value reading\n * (value + degree + unit). It reserves no space — the `obc-alert-frame` sits in\n * an absolutely-positioned box offset outward (see `.value-alert-overlay` in\n * the CSS) so its stroke is centred on the 4px/2px padding line and toggling it\n * never shifts content or row height. Renders only when `valueOptions.alert` is\n * a config object.\n /\n private renderValueAlertOverlay(): TemplateResult \| typeof nothing {\n const alert = this.valueOptions?.alert;\n if (typeof alert !== 'object' \|\| alert === null) {\n return nothing;\n }\n const thickness = alert.thickness ?? ObcAlertFrameThickness.Small;\n return html`\n <div\n class=${classMap({\n 'value-alert-overlay': true,\n // The outward offset is thickness-dependent (see the CSS): large frames\n // draw a wider outline, so the box must sit further out to stay centred.\n 'thickness-large': thickness === ObcAlertFrameThickness.Large,\n })}\n aria-hidden=\"true\"\n >\n <obc-alert-frame\n part=\"value-alert-frame\"\n .type=${alert.type ?? ObcAlertFrameType.Regular}\n .thickness=${thickness}\n .status=${alert.status ?? AlertType.Alarm}\n .mode=${alert.mode ?? ObcAlertFrameMode.ackedActive}\n .showIcon=${alert.showIcon ?? false}\n .showAlertCategoryIcon=${alert.showAlertCategoryIcon ?? true}\n .wrapContent=${false}\n .fullWidth=${false}\n ></obc-alert-frame>\n </div>\n `;\n }\n\n private renderLabelContainer(): TemplateResult {\n const stacking = this.resolvedStacking;\n const showLeadingUnit =\n stacking === ReadoutListItemStacking.leadingUnit && Boolean(this.unit);\n const showLeadingSrc =\n stacking === ReadoutListItemStacking.leadingSrc && Boolean(this.src);\n\n return html`\n <div class=\"label-container\" part=\"label-container\">\n ${this.hasLeadingIcon\n ? html`<span class=\"leading-icon\" aria-hidden=\"true\"\n ><slot name=\"leading-icon\"></slot\n ></span>`\n : nothing}\n <div class=\"label-stack\" part=\"label-stack\">\n ${this.label\n ? this.renderTextbox(\n 'label',\n this.label,\n this.labelOptions?.spaceReserver\n )\n : nothing}\n ${showLeadingUnit\n ? this.renderTextbox(\n 'unit',\n this.unit ?? '',\n this.unitOptions?.spaceReserver\n )\n : nothing}\n ${showLeadingSrc ? this.renderSourceBlock() : nothing}\n </div>\n </div>\n `;\n }\n\n private renderTrailingUnit(): TemplateResult \| typeof nothing {\n if (\n this.resolvedStacking === ReadoutListItemStacking.leadingUnit \|\|\n !this.unit\n ) {\n return nothing;\n }\n return this.renderTextbox(\n 'unit',\n this.unit,\n this.unitOptions?.spaceReserver\n );\n }\n\n /\n The source text plus its optional state chip and deviation line. The\n * plain (regular, no-deviation) case renders the bare textbox — byte-for-\n * byte the pre-6.1 output; a state or a deviation wraps it in the\n * `.source-block` stack.\n */\n private renderSourceBlock(): TemplateResult {\n const state = this.srcOptions?.state ?? ReadoutSourceState.regular;\n const deviation = this.srcOptions?.deviation;\n const hasDeviation = deviation !== undefined && Number.isFinite(deviation);\n const box = this.renderTextbox(\n 'source',\n this.src ?? '',\n this.srcOptions?.spaceReserver,\n this.srcOptions\n );\n if (state === ReadoutSourceState.regular && !hasDeviation) {\n return box;\n }\n return html`\n <div\n class=${classMap({\n 'source-block': true,\n [`source-state-${state}`]: state !== ReadoutSourceState.regular,\n })}\n part=\"source-block\"\n >\n ${box}\n ${hasDeviation\n ? html`<span class=\"source-deviation\">\n <obi-delta aria-hidden=\"true\"></obi-delta>\n <obc-textbox\n class=\"source-deviation-value\"\n .size=${ObcTextboxSize.xs}\n .tabularNums=${true}\n alignment=\"left\"\n >${deviation}</obc-textbox\n >\n </span>`\n : nothing}\n </div>\n `;\n }\n\n private renderTrailingSource(): TemplateResult \| typeof nothing {\n if (\n this.resolvedStacking === ReadoutListItemStacking.leadingSrc \|\|\n !this.src\n ) {\n return nothing;\n }\n return html`\n <div class=\"divider\" part=\"divider\" aria-hidden=\"true\"></div>\n ${this.renderSourceBlock()}\n `;\n }\n\n private renderContent(): TemplateResult {\n return html`\n <div class=\"content\" part=\"content\">\n ${this.renderLabelContainer()}\n <div class=\"value-area\" part=\"value-area\">\n ${this.renderValueCluster()}\n </div>\n ${this.renderTrailingSource()}\n </div>\n `;\n }\n\n protected override willUpdate(changed: Map<string, unknown>): void {\n super.willUpdate(changed);\n // Validated on EVERY update, deliberately NOT gated on `value`/`valueType`\n // appearing in `changed`. When this assertion throws, Lit's `performUpdate`\n // catch calls `__markUpdated()`, which clears the changed-properties map. A\n // later update driven by any OTHER property — inside `obc-readout-list`,\n // `align()` writing the shared reservers — would then see no `value` in\n // `changed`, skip the check, and render the invalid value as a plain dash:\n // exactly the silent failure this assertion exists to prevent.\n assertReadoutValueType('obc-readout-list-item', this.value, this.valueType);\n assertReadoutFractionDigits('obc-readout-list-item', this.fractionDigits);\n }\n\n override updated(changed: Map<string, unknown>): void {\n super.updated(changed);\n\n const firstUpdate = !this.hasCompletedFirstUpdate;\n this.hasCompletedFirstUpdate = true;\n\n // Pop-up: hide the setpoint shortly after the value reaches it. `touching`\n // and the non-pop-up modes keep the setpoint visible.\n if (!this.isPopUp \|\| this.setpointTouching) {\n this.clearDeferredSetpointHide();\n return;\n }\n\n const shouldHide = this.hasSetpoint && this.isAtSetpoint;\n\n if (firstUpdate) {\n // Settle to the resting state on mount without animating.\n this.deferredSetpointHidePhase = shouldHide\n ? ReadoutBlockHidePhase.hidden\n : ReadoutBlockHidePhase.none;\n return;\n }\n\n if (!shouldHide) {\n this.clearDeferredSetpointHide();\n return;\n }\n\n if (this.deferredSetpointHidePhase !== ReadoutBlockHidePhase.none) {\n return;\n }\n\n this.deferredSetpointHidePhase = ReadoutBlockHidePhase.hiding;\n window.clearTimeout(this.deferredSetpointHideTimer);\n this.deferredSetpointHideTimer = window.setTimeout(() => {\n this.deferredSetpointHidePhase = ReadoutBlockHidePhase.hidden;\n this.deferredSetpointHideTimer = undefined;\n }, 100);\n }\n\n private clearDeferredSetpointHide(): void {\n if (this.deferredSetpointHidePhase !== ReadoutBlockHidePhase.none) {\n this.deferredSetpointHidePhase = ReadoutBlockHidePhase.none;\n }\n window.clearTimeout(this.deferredSetpointHideTimer);\n this.deferredSetpointHideTimer = undefined;\n }\n\n override disconnectedCallback(): void {\n window.clearTimeout(this.deferredSetpointHideTimer);\n this.deferredSetpointHideTimer = undefined;\n // Settle a mid-flight hide to its end state. Without this, disconnecting\n // during the 100ms window leaves the phase stuck at 'hiding' (the timer that\n // would advance it to 'hidden' is gone), so a later reconnect never resolves.\n if (this.deferredSetpointHidePhase === ReadoutBlockHidePhase.hiding) {\n this.deferredSetpointHidePhase = ReadoutBlockHidePhase.hidden;\n }\n super.disconnectedCallback();\n }\n\n override render() {\n const clickable = this.resolvedClickable;\n const dataQuality = this.dataQuality;\n const classes = classMap({\n root: true,\n [`size-${this.resolvedSize}`]: true,\n [`stacking-${this.resolvedStacking}`]: true,\n [`priority-${this.resolvedPriority}`]: true,\n 'data-low-integrity':\n dataQuality === ReadoutListItemDataQuality.lowIntegrity,\n 'data-invalid': dataQuality === ReadoutListItemDataQuality.invalid,\n 'flip-flop': this.isFlipFlop,\n clickable: Boolean(clickable),\n [`border-${clickable ? clickable.border : ReadoutListItemBorder.squared}`]:\n Boolean(clickable),\n });\n\n const surface = html`<div class=\"surface\" part=\"surface\">\n ${this.renderContent()}\n </div>`;\n\n // No `aria-label` here: it would override the button's accessible name and\n // hide the dynamic readout text (value / unit / source) from screen readers.\n // The visible content (label + value + unit + source) already forms a\n // complete accessible name; icons/reservers are aria-hidden / visibility-clipped.\n const root = clickable\n ? html`<button class=${classes} part=\"root\" type=\"button\">\n ${surface}\n </button>`\n : html`<div class=${classes} part=\"root\">${surface}</div>`;\n\n // `alert` accepts `boolean` (so the generated Angular wrapper's widened\n // `boolean` type assigns cleanly), but `wrapWithAlertFrame` ignores non-object\n // truthy values. Normalise `true` → a default frame `{}` (like `clickable:\n // true`) so it isn't a silent no-op; `false`/object pass through.\n // fullWidth=true: the row-level alert frame stretches to the readout's full\n // width (PR #1001) rather than hugging it. Per-block / src alert frames keep\n // the default (hug) so they stay inline.\n const alert = this.alert === true ? {} : this.alert;\n return wrapWithAlertFrame(alert, root, true);\n }\n\n static override styles = unsafeCSS(componentStyle);\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'obc-readout-list-item': ObcReadoutListItem;\n }\n}\n"],"names":["ReadoutListItemStacking","ReadoutListItemPriority","ReadoutListItemBorder","ReadoutListItemSetpointInteraction","ReadoutSourceState","state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAkEO,MAAM,sBAAsB;AAS5B,IAAK,4CAAAA,6BAAL;AACLA,2BAAA,cAAA,IAAe;AACfA,2BAAA,aAAA,IAAc;AACdA,2BAAA,YAAA,IAAa;AAHH,SAAAA;AAAA,GAAA,2BAAA,CAAA,CAAA;AAWL,IAAK,4CAAAC,6BAAL;AACLA,2BAAA,SAAA,IAAU;AACVA,2BAAA,UAAA,IAAW;AAFD,SAAAA;AAAA,GAAA,2BAAA,CAAA,CAAA;AAUL,MAAM,6BAA6B;AASnC,IAAK,0CAAAC,2BAAL;AACLA,yBAAA,SAAA,IAAU;AACVA,yBAAA,OAAA,IAAQ;AACRA,yBAAA,cAAA,IAAe;AAHL,SAAAA;AAAA,GAAA,yBAAA,CAAA,CAAA;AAqEL,IAAK,uDAAAC,wCAAL;AACLA,sCAAA,eAAA,IAAgB;AAChBA,sCAAA,WAAA,IAAY;AACZA,sCAAA,UAAA,IAAW;AACXA,sCAAA,OAAA,IAAQ;AAJE,SAAAA;AAAA,GAAA,sCAAA,CAAA,CAAA;AA8DL,IAAK,uCAAAC,wBAAL;AACLA,sBAAA,SAAA,IAAU;AACVA,sBAAA,UAAA,IAAW;AACXA,sBAAA,SAAA,IAAU;AACVA,sBAAA,SAAA,IAAU;AAJA,SAAAA;AAAA,GAAA,sBAAA,CAAA,CAAA;AAsGL,IAAM,qBAAN,cAAiC,WAAW;AAAA,EAA5C,cAAA;AAAA,UAAA,GAAA,SAAA;AAMwC,SAAA,WAAW;AAK9B,SAAA,QAAgC;AAMhC,SAAA,YACxB,iBAAiB;AACQ,SAAA,MAAM;AACP,SAAA,UAAU;AAET,SAAA,cAAc;AAGd,SAAA,YAAY;AAOb,SAAA,YACxB;AACyB,SAAA,iBAAiB;AACjB,SAAA,YAAY;AACZ,SAAA,kBAAkB;AACnB,SAAA,iBAAiB;AACjB,SAAA,YAAY;AAMZ,SAAA,QAAoC;AAUpB,SAAA,mBAAmB;AAGpD,SAAQ,4BACf,sBAAsB;AAExB,SAAQ,0BAA0B;AAAA,EAAA;AAAA,EAElC,IAAY,eAAoC;AAC9C,WAAO,KAAK,QAAQ,oBAAoB;AAAA,EAC1C;AAAA,EAEA,IAAY,mBAA4C;AACtD,WAAO,KAAK,YAAY;AAAA,EAC1B;AAAA,EAEA,IAAY,mBAA4C;AACtD,WAAO,KAAK,YAAY;AAAA,EAC1B;AAAA,EAEA,IAAY,yBAAiC;AAC3C,WAAO,KAAK,kBAAkB;AAAA,EAChC;AAAA,EAEA,IAAY,oBAA4B;AACtC,WAAO,yBAAyB,KAAK,SAAS;AAAA,EAChD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASA,IAAY,qBAA8B;AACxC,WACE,2BAA2B,KAAK,cAAc,KAC9C,2BAA2B,KAAK,SAAS;AAAA,EAE7C;AAAA,EAEA,IAAY,oBAAgE;AAC1E,UAAM,YAAY,KAAK;AACvB,QAAI,CAAC,WAAW;AACd,aAAO;AAAA,IACT;AACA,QAAI,cAAc,MAAM;AACtB,aAAO;AAAA,QAAC,QAAQ;AAAA;AAAA,MAAA;AAAA,IAClB;AACA,WAAO;AAAA,MAAC,QAAQ,UAAU,UAAU;AAAA;AAAA,IAAA;AAAA,EACtC;AAAA,EAEA,IAAY,eAAwB;AAClC,QAAI,CAAC,KAAK,aAAa;AACrB,aAAO;AAAA,IACT;AAIA,QAAI,KAAK,oBAAoB;AAC3B,aAAO;AAAA,IACT;AAGA,WAAO;AAAA,MACL,2BAA2B,KAAK,OAAO,KAAK,SAAS,KAAK;AAAA,MAC1D,KAAK;AAAA,MACL,KAAK,qBAAqB,KAAK,iBAAiB;AAAA,IAAA;AAAA,EAEpD;AAAA,EAEA,IAAY,8BAAkE;AAC5E,WACE,KAAK,iBAAiB,eACtB;AAAA,EAEJ;AAAA,EAEA,IAAY,aAAsB;AAChC,WACE,KAAK,gCACL;AAAA,EAEJ;AAAA,EAEA,IAAY,cAAuB;AACjC,WACE,KAAK,gCACL;AAAA,EAEJ;AAAA,EAEA,IAAY,UAAmB;AAC7B,WACE,KAAK,gCACL;AAAA,EAEJ;AAAA,EAEA,IAAY,mBAA4B;AACtC,WAAO,KAAK,iBAAiB,YAAY;AAAA,EAC3C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,IAAY,uBAAgC;AAC1C,QAAI,CAAC,KAAK,aAAa;AACrB,aAAO;AAAA,IACT;AACA,QAAI,KAAK,kBAAkB;AACzB,aAAO;AAAA,IACT;AACA,WAAO,KAAK,cAAc,CAAC,KAAK;AAAA,EAClC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,IAAY,cAAuB;AACjC,WAAO,KAAK,qBAAqB;AAAA,EACnC;AAAA;AAAA,EAGA,IAAY,cAA8B;AACxC,WAAO,mBAAmB,KAAK,YAAY;AAAA,EAC7C;AAAA;AAAA,EAGA,IAAY,gBAAgC;AAC1C,WAAO,qBAAqB,KAAK,YAAY;AAAA,EAC/C;AAAA,EAEA,IAAY,YAA4B;AAOtC,WAAO,iBAAiB;AAAA,MACtB,SAAS,KAAK;AAAA,MACd,WAAW,KAAK;AAAA,MAChB,oBAAoB,KAAK;AAAA,MACzB,WAAW,KAAK;AAAA,IAAA,CACjB;AAAA,EACH;AAAA,EAEA,IAAY,eAA+B;AACzC,WAAO,oBAAoB;AAAA,MACzB,SAAS,KAAK;AAAA,MACd,WAAW,KAAK;AAAA,MAChB,YAAY,KAAK;AAAA,MACjB,WAAW,KAAK;AAAA,IAAA,CACjB;AAAA,EACH;AAAA;AAAA,EAGA,IAAY,cAAoC;AAC9C,WAAO,KAAK,cAAc,UAAU,qBAAqB;AAAA,EAC3D;AAAA;AAAA,EAGA,IAAY,YAA4B;AACtC,WAAO,KAAK,cAAc,QAAQ,eAAe;AAAA,EACnD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,IAAY,cAAoC;AAC9C,WAAO,KAAK,cACR,qBAAqB,WACrB,qBAAqB;AAAA,EAC3B;AAAA;AAAA,EAGA,IAAY,iBAAuC;AACjD,WAAO,sBAAsB,KAAK,oBAAoB;AAAA,EACxD;AAAA,EAEQ,qBAAqB,WAAgD;AAC3E,WAAO,4BAA4B,WAAW,KAAK,sBAAsB;AAAA,EAC3E;AAAA;AAAA,EAGQ,mBACN,aACyB;AACzB,WAAO,0BAA0B,WAAW;AAAA,EAC9C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOQ,oBAAoB,SAA8C;AACxE,QAAI,YAAY,oBAAoB,UAAU;AAC5C,aAAO;AAAA,IACT;AACA,QAAI,YAAY,oBAAoB,QAAQ;AAC1C,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT;AAAA,EAEQ,YAAY,QAoBD;AAIjB,WAAO;AAAA;AAAA;AAAA,mBAGQ,OAAO,OAAO;AAAA,iBAChB,OAAO,SAAS,IAAI;AAAA,qBAChB,OAAO,aAAa,iBAAiB,MAAM;AAAA,gBAChD,KAAK,YAAY;AAAA,qBACZ,OAAO,SAAS;AAAA,oBACjB,OAAO,QAAQ;AAAA,kBACjB,OAAO,MAAM;AAAA,qBACV,OAAO,aAAa,KAAK;AAAA,mBAC3B,OAAO,WAAW,KAAK;AAAA,0BAChB,KAAK,cAAc;AAAA,qBACxB,KAAK,SAAS;AAAA,uBACZ,OAAO,WAAW;AAAA,yBAChB,OAAO,aAAa;AAAA,eAC9B,OAAO,OAAO,KAAK;AAAA,mBACf,KAAK,OAAO;AAAA,oBACX,OAAO,YAAY,KAAK;AAAA,qBACvB,OAAO,aAAa,sBAAsB,IAAI;AAAA,uBAC5C,OAAO,WAAW;AAAA,iBACxB,OAAO,SAAS,KAAK;AAAA,oBAClB,OAAO,YAAY,sBAAsB,OAAO;AAAA,kBAClD,OAAO,UAAU,KAAK;AAAA;AAAA,UAE9B,KAAK,oBAAoB,OAAO,OAAO,CAAC;AAAA;AAAA;AAAA,EAGhD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASQ,kBACN,MACA,OAAgD,IAChC;AAChB,WAAO;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,iBAAiB;AAAA,MACjB,CAAC,UAAU,IAAI,EAAE,GAAG;AAAA,MACpB,iBAAiB,CAAC,KAAK,WAAW,QAAQ,KAAK,QAAQ;AAAA,MACvD,kBAAkB,QAAQ,KAAK,OAAO;AAAA,IAAA,CACvC,CAAC;AAAA;AAAA;AAAA,kDAGwC,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,EAKpD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAuBQ,qBAAsD;AAC5D,QAAI,CAAC,KAAK,UAAU;AAClB,aAAO;AAAA,IACT;AACA,UAAM,kBACJ,QAAQ,KAAK,IAAI,KACjB,KAAK,qBAAqB;AAE5B,SAAK,KAAK,aAAa,UAAU,CAAC,KAAK,KAAK;AAC1C,aAAO,KAAK,kBAAkB,KAAK,WAAW;AAAA,QAC5C,UAAU,KAAK;AAAA,MAAA,CAChB;AAAA,IACH;AACA,QAAI,iBAAiB;AACnB,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASQ,qBAAsD;AAC5D,UAAM,YAAY,KAAK,aAAa;AACpC,UAAM,kBAAkB,KAAK,mBAAmB;AAChD,QAAI,aAAa,CAAC,iBAAiB;AACjC,aAAO;AAAA,IACT;AACA,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAKT;AAAA,EAEQ,cACN,MACA,MACA,UACAC,QACgB;AAGhB,UAAM,SACJ,SAAS,UAAU,KAAK,cAAc,qBAAqB;AAC7D,UAAM,OAAO,SAAS,UAAU,KAAK,YAAY,eAAe;AAChE,UAAM,MAAM;AAAA;AAAA,gBAEA,SAAS;AAAA,MACf,CAAC,IAAI,GAAG;AAAA,MACR,GAAG,KAAK,mBAAmBA,QAAO,WAAW;AAAA,IAAA,CAC9C,CAAC;AAAA,eACK,IAAI;AAAA,gBACH,IAAI;AAAA,sBACE,MAAM;AAAA;AAAA;AAAA,UAGlB,IAAI;AAAA,UACJ,WAAW,2BAA2B,QAAQ,YAAY,OAAO;AAAA;AAAA;AAGvE,WAAO,mBAAmBA,QAAO,SAAS,OAAO,GAAG;AAAA,EACtD;AAAA,EAEQ,qBAAqC;AAC3C,UAAM,kBACJ,KAAK,WAAW,KAAK,gBAAgB,CAAC,KAAK;AAC7C,UAAM,oBAAoB;AAAA,MACxB;AAAA,MACA,KAAK;AAAA,IAAA;AAEP,WAAO;AAAA;AAAA,UAED,KAAK,YACH,KAAK,YAAY;AAAA,MACf,SAAS,oBAAoB;AAAA,MAC7B,OAAO,KAAK;AAAA,MACZ,WAAW,KAAK;AAAA,MAChB,UAAU;AAAA,MACV,QAAQ,qBAAqB;AAAA,MAC7B,aAAa,KAAK,eAAe,eAAe;AAAA,MAChD,eAAe,KAAK,eAAe;AAAA,MACnC,WAAW,KAAK,aAAa;AAAA,MAC7B,aAAa,KAAK,eAAe;AAAA,MACjC,OAAO,KAAK,eAAe;AAAA,MAC3B,UAAU,KAAK,eAAe;AAAA,MAC9B,QAAQ,KAAK,eAAe;AAAA,IAAA,CAC7B,IACD,OAAO;AAAA,UACT,KAAK,cACH,KAAK,YAAY;AAAA,MACf,SAAS,oBAAoB;AAAA,MAC7B,OAAO,KAAK;AAAA,MACZ,WAAW,KAAK;AAAA;AAAA;AAAA,MAGhB,UAAU,KAAK;AAAA,MACf,QAAQ,KAAK;AAAA,MACb,aAAa,KAAK,iBAAiB,eAAe;AAAA,MAClD,eAAe,KAAK,iBAAiB;AAAA,MACrC,WAAW,KAAK,aAAa;AAAA,MAC7B,UAAU,KAAK;AAAA,MACf,WAAW;AAAA,MACX,aAAa,KAAK,iBAAiB;AAAA,MACnC,OAAO,KAAK,iBAAiB;AAAA,IAAA,CAC9B,IACD,OAAO;AAAA,UACT,KAAK,oBAAoB;AAAA;AAAA;AAAA,EAGjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBQ,qBAAqC;AAC3C,WAAO;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,iBAAiB;AAAA,MACjB,GAAG,KAAK,mBAAmB,KAAK,cAAc,WAAW;AAAA,IAAA,CAC1D,CAAC;AAAA;AAAA;AAAA,UAGA,KAAK,WACH,KAAK,YAAY;AAAA,MACf,SAAS,oBAAoB;AAAA,MAC7B,OAAO,KAAK;AAAA,MACZ,WAAW,KAAK;AAAA,MAChB,WAAW,KAAK;AAAA,MAChB,UAAU,KAAK;AAAA,MACf,QAAQ,KAAK;AAAA,MACb,aAAa,KAAK,cAAc,eAAe;AAAA,MAC/C,eAAe,KAAK,cAAc;AAAA,MAClC,KAAK,KAAK;AAAA,MACV,SAAS,KAAK,cAAc,WAAW;AAAA,IAAA,CACxC,IACD,OAAO;AAAA,UACT,KAAK,oBAAoB;AAAA;AAAA,YAEvB,KAAK,mBAAA,CAAoB,IAAI,KAAK,oBAAoB;AAAA;AAAA,UAExD,KAAK,yBAAyB;AAAA;AAAA;AAAA,EAGtC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUQ,0BAA2D;AACjE,UAAM,QAAQ,KAAK,cAAc;AACjC,QAAI,OAAO,UAAU,YAAY,UAAU,MAAM;AAC/C,aAAO;AAAA,IACT;AACA,UAAM,YAAY,MAAM,aAAa,uBAAuB;AAC5D,WAAO;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,uBAAuB;AAAA;AAAA;AAAA,MAGvB,mBAAmB,cAAc,uBAAuB;AAAA,IAAA,CACzD,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKQ,MAAM,QAAQ,kBAAkB,OAAO;AAAA,uBAClC,SAAS;AAAA,oBACZ,MAAM,UAAU,UAAU,KAAK;AAAA,kBACjC,MAAM,QAAQ,kBAAkB,WAAW;AAAA,sBACvC,MAAM,YAAY,KAAK;AAAA,mCACV,MAAM,yBAAyB,IAAI;AAAA,yBAC7C,KAAK;AAAA,uBACP,KAAK;AAAA;AAAA;AAAA;AAAA,EAI1B;AAAA,EAEQ,uBAAuC;AAC7C,UAAM,WAAW,KAAK;AACtB,UAAM,kBACJ,aAAa,kBAAuC,QAAQ,KAAK,IAAI;AACvE,UAAM,iBACJ,aAAa,iBAAsC,QAAQ,KAAK,GAAG;AAErE,WAAO;AAAA;AAAA,UAED,KAAK,iBACH;AAAA;AAAA,wBAGA,OAAO;AAAA;AAAA,YAEP,KAAK,QACH,KAAK;AAAA,MACH;AAAA,MACA,KAAK;AAAA,MACL,KAAK,cAAc;AAAA,IAAA,IAErB,OAAO;AAAA,YACT,kBACE,KAAK;AAAA,MACH;AAAA,MACA,KAAK,QAAQ;AAAA,MACb,KAAK,aAAa;AAAA,IAAA,IAEpB,OAAO;AAAA,YACT,iBAAiB,KAAK,kBAAA,IAAsB,OAAO;AAAA;AAAA;AAAA;AAAA,EAI7D;AAAA,EAEQ,qBAAsD;AAC5D,QACE,KAAK,qBAAqB,kBAC1B,CAAC,KAAK,MACN;AACA,aAAO;AAAA,IACT;AACA,WAAO,KAAK;AAAA,MACV;AAAA,MACA,KAAK;AAAA,MACL,KAAK,aAAa;AAAA,IAAA;AAAA,EAEtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQQ,oBAAoC;AAC1C,UAAMA,SAAQ,KAAK,YAAY,SAAS;AACxC,UAAM,YAAY,KAAK,YAAY;AACnC,UAAM,eAAe,cAAc,UAAa,OAAO,SAAS,SAAS;AACzE,UAAM,MAAM,KAAK;AAAA,MACf;AAAA,MACA,KAAK,OAAO;AAAA,MACZ,KAAK,YAAY;AAAA,MACjB,KAAK;AAAA,IAAA;AAEP,QAAIA,WAAU,aAA8B,CAAC,cAAc;AACzD,aAAO;AAAA,IACT;AACA,WAAO;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,gBAAgB;AAAA,MAChB,CAAC,gBAAgBA,MAAK,EAAE,GAAGA,WAAU;AAAA;AAAA,IAAA,CACtC,CAAC;AAAA;AAAA;AAAA,UAGA,GAAG;AAAA,UACH,eACE;AAAA;AAAA;AAAA;AAAA,wBAIY,eAAe,EAAE;AAAA,+BACV,IAAI;AAAA;AAAA,mBAEhB,SAAS;AAAA;AAAA,uBAGhB,OAAO;AAAA;AAAA;AAAA,EAGjB;AAAA,EAEQ,uBAAwD;AAC9D,QACE,KAAK,qBAAqB,iBAC1B,CAAC,KAAK,KACN;AACA,aAAO;AAAA,IACT;AACA,WAAO;AAAA;AAAA,QAEH,KAAK,mBAAmB;AAAA;AAAA,EAE9B;AAAA,EAEQ,gBAAgC;AACtC,WAAO;AAAA;AAAA,UAED,KAAK,sBAAsB;AAAA;AAAA,YAEzB,KAAK,oBAAoB;AAAA;AAAA,UAE3B,KAAK,sBAAsB;AAAA;AAAA;AAAA,EAGnC;AAAA,EAEmB,WAAW,SAAqC;AACjE,UAAM,WAAW,OAAO;AAQxB,2BAAuB,yBAAyB,KAAK,OAAO,KAAK,SAAS;AAC1E,gCAA4B,yBAAyB,KAAK,cAAc;AAAA,EAC1E;AAAA,EAES,QAAQ,SAAqC;AACpD,UAAM,QAAQ,OAAO;AAErB,UAAM,cAAc,CAAC,KAAK;AAC1B,SAAK,0BAA0B;AAI/B,QAAI,CAAC,KAAK,WAAW,KAAK,kBAAkB;AAC1C,WAAK,0BAAA;AACL;AAAA,IACF;AAEA,UAAM,aAAa,KAAK,eAAe,KAAK;AAE5C,QAAI,aAAa;AAEf,WAAK,4BAA4B,aAC7B,sBAAsB,SACtB,sBAAsB;AAC1B;AAAA,IACF;AAEA,QAAI,CAAC,YAAY;AACf,WAAK,0BAAA;AACL;AAAA,IACF;AAEA,QAAI,KAAK,8BAA8B,sBAAsB,MAAM;AACjE;AAAA,IACF;AAEA,SAAK,4BAA4B,sBAAsB;AACvD,WAAO,aAAa,KAAK,yBAAyB;AAClD,SAAK,4BAA4B,OAAO,WAAW,MAAM;AACvD,WAAK,4BAA4B,sBAAsB;AACvD,WAAK,4BAA4B;AAAA,IACnC,GAAG,GAAG;AAAA,EACR;AAAA,EAEQ,4BAAkC;AACxC,QAAI,KAAK,8BAA8B,sBAAsB,MAAM;AACjE,WAAK,4BAA4B,sBAAsB;AAAA,IACzD;AACA,WAAO,aAAa,KAAK,yBAAyB;AAClD,SAAK,4BAA4B;AAAA,EACnC;AAAA,EAES,uBAA6B;AACpC,WAAO,aAAa,KAAK,yBAAyB;AAClD,SAAK,4BAA4B;AAIjC,QAAI,KAAK,8BAA8B,sBAAsB,QAAQ;AACnE,WAAK,4BAA4B,sBAAsB;AAAA,IACzD;AACA,UAAM,qBAAA;AAAA,EACR;AAAA,EAES,SAAS;AAChB,UAAM,YAAY,KAAK;AACvB,UAAM,cAAc,KAAK;AACzB,UAAM,UAAU,SAAS;AAAA,MACvB,MAAM;AAAA,MACN,CAAC,QAAQ,KAAK,YAAY,EAAE,GAAG;AAAA,MAC/B,CAAC,YAAY,KAAK,gBAAgB,EAAE,GAAG;AAAA,MACvC,CAAC,YAAY,KAAK,gBAAgB,EAAE,GAAG;AAAA,MACvC,sBACE,gBAAgB,2BAA2B;AAAA,MAC7C,gBAAgB,gBAAgB,2BAA2B;AAAA,MAC3D,aAAa,KAAK;AAAA,MAClB,WAAW,QAAQ,SAAS;AAAA,MAC5B,CAAC,UAAU,YAAY,UAAU,SAAS,SAAA,EAA+B,GACvE,QAAQ,SAAS;AAAA,IAAA,CACpB;AAED,UAAM,UAAU;AAAA,QACZ,KAAK,eAAe;AAAA;AAOxB,UAAM,OAAO,YACT,qBAAqB,OAAO;AAAA,YACxB,OAAO;AAAA,qBAEX,kBAAkB,OAAO,gBAAgB,OAAO;AASpD,UAAM,QAAQ,KAAK,UAAU,OAAO,CAAA,IAAK,KAAK;AAC9C,WAAO,mBAAmB,OAAO,MAAM,IAAI;AAAA,EAC7C;AAGF;AAxyBa,mBAuyBK,SAAS,UAAU,cAAc;AAryBvB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAFb,mBAEe,WAAA,SAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAHb,mBAGe,WAAA,QAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAJb,mBAIe,WAAA,OAAA,CAAA;AAEmB,gBAAA;AAAA,EAA5C,SAAS,EAAC,MAAM,SAAS,WAAW,OAAM;AAAA,GANhC,mBAMkC,WAAA,YAAA,CAAA;AAKnB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAXb,mBAWe,WAAA,SAAA,CAAA;AAMA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAjBb,mBAiBe,WAAA,aAAA,CAAA;AAEC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAA,CAAQ;AAAA,GAnBd,mBAmBgB,WAAA,OAAA,CAAA;AACD,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GApBb,mBAoBe,WAAA,WAAA,CAAA;AAEC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAA,CAAQ;AAAA,GAtBd,mBAsBgB,WAAA,eAAA,CAAA;AACD,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAvBb,mBAuBe,WAAA,YAAA,CAAA;AAEC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAA,CAAQ;AAAA,GAzBd,mBAyBgB,WAAA,aAAA,CAAA;AACD,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GA1Bb,mBA0Be,WAAA,UAAA,CAAA;AAGA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GA7Bb,mBA6Be,WAAA,QAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GA9Bb,mBA8Be,WAAA,YAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GA/Bb,mBA+Be,WAAA,YAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAhCb,mBAgCe,WAAA,aAAA,CAAA;AAEC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAA,CAAQ;AAAA,GAlCd,mBAkCgB,WAAA,kBAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAA,CAAQ;AAAA,GAnCd,mBAmCgB,WAAA,aAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAA,CAAQ;AAAA,GApCd,mBAoCgB,WAAA,mBAAA,CAAA;AACD,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GArCb,mBAqCe,WAAA,kBAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAtCb,mBAsCe,WAAA,aAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAvCb,mBAuCe,WAAA,eAAA,CAAA;AAKA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GA5Cb,mBA4Ce,WAAA,SAAA,CAAA;AAGA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GA/Cb,mBA+Ce,WAAA,gBAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAhDb,mBAgDe,WAAA,mBAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAjDb,mBAiDe,WAAA,iBAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAlDb,mBAkDe,WAAA,gBAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAnDb,mBAmDe,WAAA,eAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GApDb,mBAoDe,WAAA,cAAA,CAAA;AAEgB,gBAAA;AAAA,EAAzC,SAAS,EAAC,MAAM,SAAS,SAAS,MAAK;AAAA,GAtD7B,mBAsD+B,WAAA,oBAAA,CAAA;AAGzB,gBAAA;AAAA,EAAhB,MAAA;AAAM,GAzDI,mBAyDM,WAAA,6BAAA,CAAA;AAzDN,qBAAN,gBAAA;AAAA,EADN,cAAc,uBAAuB;AAAA,GACzB,kBAAA;"}
1	+ {"version":3,"file":"readout-list-item.js","sources":["../../../src/navigation-instruments/readout-list-item/readout-list-item.ts"],"sourcesContent":["import {LitElement, html, nothing, unsafeCSS, type TemplateResult} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport componentStyle from './readout-list-item.css?inline';\nimport {customElement} from '../../decorator.js';\nimport '../../components/textbox/textbox.js';\nimport {\n ObcTextboxSize,\n ObcTextboxFontWeight,\n} from '../../components/textbox/textbox.js';\nimport '../../building-blocks/readout-block/readout-block.js';\nimport '../../icons/icon-delta.js';\nimport {\n ReadoutBlockVariant,\n ReadoutBlockSize,\n ReadoutBlockDataQuality,\n ReadoutBlockHidePhase,\n ReadoutAdviceCategory,\n} from '../../building-blocks/readout-block/readout-block.js';\nimport {\n assertReadoutValueType,\n assertReadoutFractionDigits,\n isReadoutDigitCountMissing,\n resolveReadoutDigitCount,\n resolveReadoutNumericValue,\n ReadoutValueType,\n type ReadoutNumericFormatOptions,\n} from '../readout/readout-formatters.js';\nimport {\n isDisplayedAtSetpoint,\n readoutNumericFormatOptions,\n readoutPrimarySize,\n readoutSecondarySize,\n readoutSetpointSize,\n readoutValueSize,\n readoutSetpointWeight,\n readoutDataQualityClasses,\n resolveSetpointHidePhase,\n} from '../readout/readout-shared.js';\nimport {\n type AlertFrameConfig,\n wrapWithAlertFrame,\n ObcAlertFrameType,\n ObcAlertFrameThickness,\n ObcAlertFrameMode,\n} from '../../components/alert-frame/alert-frame.js';\nimport {AlertType} from '../../types.js';\n\n// The value weight maps straight to obc-textbox's font weights (regular /\n// semibold / bold). Re-exported so consumers can set `valueOptions.weight`\n// without a second import path.\nexport {ObcTextboxFontWeight} from '../../components/textbox/textbox.js';\n\n// Re-exported so consumers can type `valueType` without a second import path.\nexport {ReadoutValueType} from '../readout/readout-formatters.js';\n\n// Re-exported so consumers can set `adviceOptions.category` without a second\n// import path.\nexport {ReadoutAdviceCategory} from '../../building-blocks/readout-block/readout-block.js';\n\n/*\n Density/size scale of the readout row (an alias of `ReadoutBlockSize`).\n * - `small`: regular value typography (smallest, densest).\n * - `medium`: medium value typography.\n * - `large`: large value typography.\n /\nexport const ReadoutListItemSize = ReadoutBlockSize;\nexport type ReadoutListItemSize = ReadoutBlockSize;\n\n/\n Placement of the unit/source relative to the label and value.\n * - `trailing-unit`: unit after the value, source after a trailing divider.\n * - `leading-unit`: unit beside/under the label.\n * - `leading-src`: source under the label (no trailing source).\n * - `leading-src-inline`: source on the label's line, after it (no trailing\n * source); keeps the row one line high.\n /\nexport enum ReadoutListItemStacking {\n trailingUnit = 'trailing-unit',\n leadingUnit = 'leading-unit',\n leadingSrc = 'leading-src',\n leadingSrcInline = 'leading-src-inline',\n}\n\n/\n Colour emphasis of the value.\n * - `regular`: neutral.\n * - `enhanced`: accented (in-command) colour.\n /\nexport enum ReadoutListItemPriority {\n regular = 'regular',\n enhanced = 'enhanced',\n}\n\n/\n Measurement quality of the value (an alias of `ReadoutBlockDataQuality`).\n * Orthogonal to the row-level `alert` – a low-integrity or invalid value can\n * also sit inside an alert frame.\n /\nexport const ReadoutListItemDataQuality = ReadoutBlockDataQuality;\nexport type ReadoutListItemDataQuality = ReadoutBlockDataQuality;\n\n/\n Corner style of the interactive (clickable) surface.\n * - `squared` (default): no rounding (true rectangle).\n * - `round-corners`: larger rounded corners.\n * - `round`: fully rounded (pill).\n /\nexport enum ReadoutListItemBorder {\n squared = 'squared',\n round = 'round',\n roundCorners = 'round-corners',\n}\n\nexport interface ReadoutListItemClickable {\n border?: ReadoutListItemBorder;\n}\n\n/\n Per-block state shared by value / setpoint / advice / src. Each is independent\n * of (and nests inside) the row-level `dataQuality` / `alert` props. All\n * combinations are allowed.\n /\nexport interface ReadoutBlockState {\n /* Per-block measurement quality (low-integrity / invalid). /\n dataQuality?: ReadoutListItemDataQuality;\n /* Per-block alert frame; nests inside any row-level alert frame. /\n alert?: false \| AlertFrameConfig;\n}\n\n/\n Per-value options. Unlike setpoint/advice, the value's `alert` frame AND\n * `dataQuality` chip wrap the whole reading — value (+ value-icon) + degree +\n * trailing unit — rather than the value alone. The alert frame is a pure overlay\n * (4px/2px padding, stroke centred on that line); the data-quality chip reuses\n * the block chip's `outline` styling with no extra padding. Neither shifts\n * content or changes the row height / column alignment (Figma 58:10120).\n /\nexport interface ReadoutValueOptions extends ReadoutBlockState {\n /* Render the unfilled leading positions as muted zeroes (requires `maxDigits`). /\n hintedZeros?: boolean;\n /\n Value font weight — `regular` (default), `semibold`, or `bold` (the\n * obc-textbox weights). Affects weight only; it does NOT change the colour\n * (colour is driven by `priority`).\n /\n weight?: ObcTextboxFontWeight;\n /* Show the `value-icon` slot before the value. /\n hasIcon?: boolean;\n /\n Longest value string to reserve width for (e.g. `\"0000.0\"`), so rows align\n * across different value lengths / `fractionDigits` — set the same value on\n * every row. Combined with the `maxDigits`/`fractionDigits`-derived reserve by\n * taking whichever is wider, so it never reserves less than the formatted\n * value needs.\n /\n spaceReserver?: string;\n}\n\n/\n How the setpoint segment behaves relative to the value.\n * - `always-visible` (default): the setpoint is always shown.\n * - `flip-flop`: value and setpoint swap emphasis (size) as the value reaches\n * the setpoint.\n * - `equal-size`: value and setpoint are always shown at the same (primary)\n * size (Figma 6.1 \"Equal size\") — the value does not demote while\n * `touching`, unlike the other modes.\n * - `pop-up`: the setpoint is shown only while the value has not reached it,\n * then fades out (100ms) once value === setpoint.\n \n TODO(designer): in pop-up mode the designer is considering keeping the\n * setpoint arrow visible while the setpoint itself is hidden, so an\n * at-setpoint reading still reads as \"a value you are in control of\". Until\n * that is decided, the `value-icon` slot already covers it — slot an\n * `<obi-input-right>` into the value block (see the\n * `SetpointPopUpWithValueArrow` story).\n /\nexport enum ReadoutListItemSetpointInteraction {\n alwaysVisible = 'always-visible',\n equalSize = 'equal-size',\n flipFlop = 'flip-flop',\n popUp = 'pop-up',\n}\n\nexport interface ReadoutSetpointOptions extends ReadoutBlockState {\n hintedZeros?: boolean;\n /* How the setpoint behaves relative to the value (default `always-visible`). /\n interaction?: ReadoutListItemSetpointInteraction;\n /\n The user is physically interacting with (adjusting) the setpoint — the\n * \"focus\" visual state. Same convention as `touching` on the instrument\n * setpoint marker (`SetpointMixin` / `svghelpers/setpoint.ts`): keeps the\n * setpoint visible and shows the lighter-blue focus triangle.\n /\n touching?: boolean;\n /* Longest value string to reserve width for; see {@link ReadoutValueOptions.spaceReserver}. /\n spaceReserver?: string;\n}\n\nexport interface ReadoutAdviceOptions extends ReadoutBlockState {\n hintedZeros?: boolean;\n /\n Semantic category (Figma 6.1) — picks the default marker icon and the\n * `active` styling; `regular` when unset.\n /\n category?: ReadoutAdviceCategory;\n /* The advice is triggered — filled/status icon + triggered text styling. /\n active?: boolean;\n /* Longest value string to reserve width for; see {@link ReadoutValueOptions.spaceReserver}. /\n spaceReserver?: string;\n}\n\nexport interface ReadoutReserverOptions {\n /\n Longest expected string to reserve width for (aligns multiple rows), e.g.\n * `\"miles\"`. A row without a unit still renders the reserved (blank)\n * trailing column, so its value and degree stay on the grid of the rows\n * that have one. `leading-unit` stacking has no trailing column to reserve.\n /\n spaceReserver?: string;\n}\n\n/\n Per-label (\"readout-block-title\") options.\n \n The label size follows the designer's Figma 6.1 title block, which carries an\n * `xs`/`s` primary-size axis: `s` is the default for stand-alone readouts (a\n * scannable label should not sit at the smallest permitted size), `xs` the\n * default for dense list rows. Values outside `xs`/`s` are not part of the\n * design and are not rejected, but their metrics are unspecified.\n /\nexport interface ReadoutLabelOptions {\n /* Label typography size — `xs` (dense rows) or `s` (stand-alone readouts). /\n size?: ObcTextboxSize;\n /* Longest expected label to reserve width for (aligns stacked readouts). /\n spaceReserver?: string;\n}\n\n/\n Emphasis / alert state of the source chip (Figma 6.1 \"Readout-block-source\"\n * State axis; `static`/`enabled` map to `regular`).\n * TODO(designer): the sheet also carries a `Tag` type (xs chip) and an alarm\n * state is absent by design; both left out here.\n /\nexport enum ReadoutSourceState {\n regular = 'regular',\n enhanced = 'enhanced',\n caution = 'caution',\n warning = 'warning',\n}\n\nexport interface ReadoutSrcOptions extends ReadoutBlockState {\n /* Longest expected source string to reserve width for; see {@link ReadoutReserverOptions.spaceReserver}. /\n spaceReserver?: string;\n /\n Emphasis / alert state of the source: `enhanced` renders the amplified\n * chip, `caution` / `warning` the matching alert chip. Like the\n * data-quality chip it uses `outline`, so toggling it never shifts the row.\n /\n state?: ReadoutSourceState;\n /\n Source deviation (Figma \"Source-deviation\"): renders a Δ + value line\n * under the source name. A non-finite value renders no line.\n /\n deviation?: number;\n}\n\n/\n `<obc-readout-list-item>` – A compact, dense readout row for lists and tables.\n \n Renders a label, an optional source, an optional unit, and up to three\n * cap-height \"readout building blocks\" – advice, setpoint, and value – each a\n * fixed-width-reservable numeric segment. Dynamic data is passed as top-level\n * primitives (`value`, `setpoint`, `advice`, `label`, `unit`, `src`). Global\n * layout/format is configured via top-level props (`size`, `priority`,\n * `stacking`, `hasDegree`, `dataQuality`, `alert`, …) and per-block tweaks via one\n * object per block (`valueOptions`, `setpointOptions`, `adviceOptions`,\n * `unitOptions`, `srcOptions`).\n \n ### Features\n * - Building blocks: value, optional setpoint, and optional advice segments,\n * each cap-height-aligned and able to reserve a stable width.\n * - Sizes: `small`, `medium`, `large` density scales.\n * - Stacking: `trailing-unit`, `leading-unit`, `leading-src`,\n * `leading-src-inline` placement.\n * - Priority: `regular`/`enhanced` colour emphasis; per-value `weight`\n * (`regular`/`semibold`/`bold`) is independent of colour.\n * - Setpoint flip-flop: swaps emphasis between value and setpoint as the\n * value reaches the setpoint.\n * - Data quality: `low-integrity`/`invalid` styling, combinable with `alert`.\n * - Alert frame: optional `alert` wrapper (caution/warning/alarm/level).\n * - Clickable: optionally rendered as a focusable button with `squared`,\n * `round-corners`, or `round` corners.\n * - Formatting: shared `fractionDigits`, width reservation via `maxDigits`\n * and per-segment `hintedZeros`; a `null` value renders a dash (`-`).\n * - Text values: `valueType=\"text\"` renders `value` verbatim (e.g.\n * `\"Thermo On\"`) instead of formatting it as a number.\n \n ### Usage Guidelines\n * Use for dense readout rows in lists/tables. Prefer `<obc-readout>` for rich\n * multi-segment instrument layouts, source pickers, or flyout behaviour.\n \n @property hasValue - Layout switch: `false` renders a deliberately value-less (label-only)\n * row that hugs its remaining parts. For a temporarily missing value keep\n * `hasValue` and set `value` to `null` instead — the dash keeps the value\n * block at full size, so the row does not shift when data arrives.\n * @property off - Render the value as `offText` (e.g. equipment powered down). Affects the value only.\n * @property offText - Text shown in place of the value when `off` is true.\n * @availableWhen offText off==true\n * @availableWhen setpoint hasSetpoint==true\n * @availableWhen advice hasAdvice==true\n * @property fractionDigits - Also formats the numeric setpoint / advice blocks, which stay numeric\n * even when the value is text. Must be between 0 and 100 — the range\n * `Number.prototype.toFixed` accepts; outside it throws a `RangeError`.\n * A fractional count truncates (`2.7` → `2`). A count that never arrived\n * (`NaN`, `null` or unset) renders the reading as the unavailable dash —\n * formatting with a precision the author never chose would let a critical\n * `0.4` pass for a healthy `0`.\n * @availableWhen fractionDigits valueType==number \|\| hasSetpoint==true \|\| hasAdvice==true\n * @property maxDigits - Also formats the numeric setpoint / advice blocks, which stay numeric\n * even when the value is text. Bounded before use: a fractional count\n * truncates (`2.7` → `2`), anything above 100 — including `Infinity` —\n * caps at 100, and a negative count reserves nothing. A count that never\n * arrived (`NaN`, `null` or unset) renders the reading as the unavailable\n * dash, consistent with `fractionDigits`.\n * @availableWhen maxDigits valueType==number \|\| hasSetpoint==true \|\| hasAdvice==true\n * @property showDebugOverlay - Development aid: outline the readout building blocks (red), the degree\n * columns (blue) and the degree spacer (green) so reserver widths / alignment\n * are visible. Off by default.\n * @experimental This component is the pilot for the new primitives + per-block\n * options Readout API; its API may change in a future release.\n \n ### Slots\n * \| Slot Name \| Renders When \| Purpose \|\n * \|---------------\|-------------------------------\|------------------------------------------\|\n * \| leading-icon \| `hasLeadingIcon` \| Icon before the label. \|\n * \| value-icon \| `valueOptions.hasIcon` \| Icon before the value. \|\n * \| setpoint-icon \| `hasSetpoint` \| Overrides the default setpoint icon. \|\n * \| advice-icon \| `hasAdvice` \| Overrides the default advice icon. \|\n \n @slot leading-icon - Icon before the label.\n * @slot value-icon - Icon before the value.\n * @slot setpoint-icon - Overrides the default setpoint icon.\n * @slot advice-icon - Overrides the default advice icon.\n * @fires click - Fired when the item is activated. Only fired when `clickable` is set; otherwise the item renders as a non-interactive `<div>`.\n /\n@customElement('obc-readout-list-item')\nexport class ObcReadoutListItem extends LitElement {\n // Primitives (dynamic data)\n @property({type: String}) label?: string;\n @property({type: String}) unit?: string;\n @property({type: String}) src?: string;\n\n @property({type: Boolean, attribute: false}) hasValue = true;\n /\n The value; `null` renders a dash. A number by default, or text when\n * {@link valueType} is `text`.\n /\n @property({type: String}) value: number \| string \| null = null;\n /\n How {@link value} is interpreted. `number` (default) formats it via\n * `fractionDigits`; `text` renders it verbatim and ignores the numeric\n * format options. Passing text while this is `number` throws.\n /\n @property({type: String}) valueType: ReadoutValueType =\n ReadoutValueType.number;\n @property({type: Boolean}) off = false;\n @property({type: String}) offText = 'OFF';\n\n @property({type: Boolean}) hasSetpoint = false;\n @property({type: Number}) setpoint?: number;\n\n @property({type: Boolean}) hasAdvice = false;\n @property({type: Number}) advice?: number;\n\n // Global layout/format (each defaults via its `resolved` getter where useful).\n @property({type: String}) size?: ReadoutListItemSize;\n @property({type: String}) priority?: ReadoutListItemPriority;\n @property({type: String}) stacking?: ReadoutListItemStacking;\n @property({type: Object}) clickable: boolean \| ReadoutListItemClickable =\n false;\n @property({type: Boolean}) hasLeadingIcon = false;\n @property({type: Boolean}) hasDegree = false;\n @property({type: Boolean}) hasDegreeSpacer = false;\n @property({type: Number}) fractionDigits = 0;\n @property({type: Number}) maxDigits = 0;\n @property({type: String}) dataQuality?: ReadoutListItemDataQuality;\n // `boolean \| …` (not `false \| …`): the generated Angular wrapper widens a\n // literal-`false` union to `boolean`, which then won't assign back to a\n // `false`-typed element property. `wrapWithAlertFrame` treats any non-object\n // (incl. `true`) as \"no frame\", so accepting `boolean` is harmless.\n @property({type: Object}) alert: boolean \| AlertFrameConfig = false;\n\n // Per-block configuration — one object per block (see the ReadoutOptions types).\n @property({type: Object}) valueOptions?: ReadoutValueOptions;\n @property({type: Object}) setpointOptions?: ReadoutSetpointOptions;\n @property({type: Object}) adviceOptions?: ReadoutAdviceOptions;\n @property({type: Object}) labelOptions?: ReadoutLabelOptions;\n @property({type: Object}) unitOptions?: ReadoutReserverOptions;\n @property({type: Object}) srcOptions?: ReadoutSrcOptions;\n\n @property({type: Boolean, reflect: true}) showDebugOverlay = false;\n\n /* Pop-up deferred-hide phase for the setpoint (see {@link updated}). /\n @state() private deferredSetpointHidePhase: ReadoutBlockHidePhase =\n ReadoutBlockHidePhase.none;\n private deferredSetpointHideTimer?: number;\n private hasCompletedFirstUpdate = false;\n\n private get resolvedSize(): ReadoutListItemSize {\n return this.size ?? ReadoutListItemSize.small;\n }\n\n private get resolvedStacking(): ReadoutListItemStacking {\n return this.stacking ?? ReadoutListItemStacking.trailingUnit;\n }\n\n /* Both leading-src stackings move the source into the label stack. /\n private get hasLeadingSrc(): boolean {\n const stacking = this.resolvedStacking;\n return (\n stacking === ReadoutListItemStacking.leadingSrc \|\|\n stacking === ReadoutListItemStacking.leadingSrcInline\n );\n }\n\n private get resolvedPriority(): ReadoutListItemPriority {\n return this.priority ?? ReadoutListItemPriority.regular;\n }\n\n /\n Whether a unit box follows the value: a unit, or a reserver alone — the\n * blank reserved column keeps a unit-less row aligned with its neighbours.\n /\n private get hasTrailingUnitBox(): boolean {\n return (\n this.resolvedStacking !== ReadoutListItemStacking.leadingUnit &&\n (Boolean(this.unit) \|\| Boolean(this.unitOptions?.spaceReserver))\n );\n }\n\n private get resolvedFractionDigits(): number {\n return this.fractionDigits ?? 0;\n }\n\n private get resolvedMaxDigits(): number {\n return resolveReadoutDigitCount(this.maxDigits);\n }\n\n /\n Whether a digit knob failed to arrive (`NaN` / `null` / `undefined`).\n * The raw knobs are forwarded to the blocks, which render the reading as\n * the unavailable dash (see `obc-readout-block.digitCountsMissing`); this\n * getter only keeps the setpoint comparison in agreement with what is\n * displayed.\n /\n private get digitCountsMissing(): boolean {\n return (\n isReadoutDigitCountMissing(this.fractionDigits) \|\|\n isReadoutDigitCountMissing(this.maxDigits)\n );\n }\n\n private get resolvedClickable(): false \| Required<ReadoutListItemClickable> {\n const clickable = this.clickable;\n if (!clickable) {\n return false;\n }\n if (clickable === true) {\n return {border: ReadoutListItemBorder.squared};\n }\n return {border: clickable.border ?? ReadoutListItemBorder.squared};\n }\n\n private get isAtSetpoint(): boolean {\n if (!this.hasSetpoint) {\n return false;\n }\n // A missing digit knob renders every numeric block as the dash; two\n // dashes must not read as \"at the setpoint\", so the comparison stays off\n // entirely while the configuration is untrustworthy.\n if (this.digitCountsMissing) {\n return false;\n }\n // A text value never compares equal to a setpoint, so flip-flop / pop-up\n // stay dormant for `valueType=\"text\"`.\n return isDisplayedAtSetpoint(\n resolveReadoutNumericValue(this.value, this.valueType) ?? null,\n this.setpoint,\n this.numericFormatOptions(this.resolvedMaxDigits)\n );\n }\n\n private get resolvedSetpointInteraction(): ReadoutListItemSetpointInteraction {\n return (\n this.setpointOptions?.interaction ??\n ReadoutListItemSetpointInteraction.alwaysVisible\n );\n }\n\n private get isFlipFlop(): boolean {\n return (\n this.resolvedSetpointInteraction ===\n ReadoutListItemSetpointInteraction.flipFlop\n );\n }\n\n private get isEqualSize(): boolean {\n return (\n this.resolvedSetpointInteraction ===\n ReadoutListItemSetpointInteraction.equalSize\n );\n }\n\n private get isPopUp(): boolean {\n return (\n this.resolvedSetpointInteraction ===\n ReadoutListItemSetpointInteraction.popUp\n );\n }\n\n private get setpointTouching(): boolean {\n return this.setpointOptions?.touching ?? false;\n }\n\n /\n The setpoint is rendered \"emphasised\" (primary size + SemiBold weight) when\n * it is the focus of attention: while actively adjusting (`touching`), or while\n * a flip-flop has the value away from the setpoint. Otherwise it is a secondary\n * (smaller, regular-weight) reference next to the value.\n /\n private get isSetpointEmphasized(): boolean {\n if (!this.hasSetpoint) {\n return false;\n }\n if (this.setpointTouching) {\n return true;\n }\n return this.isFlipFlop && !this.isAtSetpoint;\n }\n\n /\n The row's enhanced (in-command) colour state, applied uniformly to BOTH the\n * value and the setpoint — they are always either both neutral or both enhanced\n * (never a blue setpoint next to a grey value). Driven by `priority` only;\n * `valueOptions.weight` changes weight, not colour.\n /\n private get rowEnhanced(): boolean {\n return this.resolvedPriority === ReadoutListItemPriority.enhanced;\n }\n\n /* Primary value-typography size for the current density tier. /\n private get primarySize(): ObcTextboxSize {\n return readoutPrimarySize(this.resolvedSize);\n }\n\n /* Secondary (de-emphasised) value-typography size for the current density tier. /\n private get secondarySize(): ObcTextboxSize {\n return readoutSecondarySize(this.resolvedSize);\n }\n\n private get valueSize(): ObcTextboxSize {\n // The value de-emphasises (secondary size) whenever the setpoint is the\n // focus — while actively adjusting (`touching`) or while a flip-flop holds\n // the value away from the setpoint. So \"grab the setpoint\" shrinks the value for\n // the whole adjustment (initiate + move read the same: setpoint big, value\n // small), mirroring the flip-flop convention. `equal-size` opts out: both\n // blocks always hold the primary size, even while touching.\n return readoutValueSize({\n primary: this.primarySize,\n secondary: this.secondarySize,\n setpointEmphasized: this.isSetpointEmphasized,\n equalSize: this.isEqualSize,\n });\n }\n\n private get setpointSize(): ObcTextboxSize {\n return readoutSetpointSize({\n primary: this.primarySize,\n secondary: this.secondarySize,\n emphasized: this.isSetpointEmphasized,\n equalSize: this.isEqualSize,\n });\n }\n\n /* Value font weight passes straight to obc-textbox; regular when unset. Colour is separate. /\n private get valueWeight(): ObcTextboxFontWeight {\n return this.valueOptions?.weight ?? ObcTextboxFontWeight.regular;\n }\n\n /* Label size: `xs` for dense list rows unless overridden (see {@link ReadoutLabelOptions}). /\n private get labelSize(): ObcTextboxSize {\n return this.labelOptions?.size ?? ObcTextboxSize.xs;\n }\n\n /\n Label weight: SemiBold only for enhanced (in-command) rows, regular\n * otherwise — the designer reduced the amount of semibold in the interface\n * (Figma 6.1 review).\n /\n private get labelWeight(): ObcTextboxFontWeight {\n return this.rowEnhanced\n ? ObcTextboxFontWeight.semibold\n : ObcTextboxFontWeight.regular;\n }\n\n /* Setpoint is SemiBold only while emphasised, otherwise regular weight. /\n private get setpointWeight(): ObcTextboxFontWeight {\n return readoutSetpointWeight(this.isSetpointEmphasized);\n }\n\n private numericFormatOptions(maxDigits: number): ReadoutNumericFormatOptions {\n return readoutNumericFormatOptions(maxDigits, this.resolvedFractionDigits);\n }\n\n /* classMap fragment for a block / source carrying per-block data quality. /\n private dataQualityClasses(\n dataQuality: ReadoutListItemDataQuality \| undefined\n ): Record<string, boolean> {\n return readoutDataQualityClasses(dataQuality);\n }\n\n /\n Forward the matching list-item icon slot into the block's single `icon`\n * slot. The variant's default marker lives in `obc-readout-block` and shows\n * when nothing is assigned here (an empty forwarded slot flattens to nothing).\n /\n private renderForwardedIcon(variant: ReadoutBlockVariant): TemplateResult {\n if (variant === ReadoutBlockVariant.setpoint) {\n return html`<slot name=\"setpoint-icon\" slot=\"icon\"></slot>`;\n }\n if (variant === ReadoutBlockVariant.advice) {\n return html`<slot name=\"advice-icon\" slot=\"icon\"></slot>`;\n }\n return html`<slot name=\"value-icon\" slot=\"icon\"></slot>`;\n }\n\n private renderBlock(config: {\n variant: ReadoutBlockVariant;\n value: number \| string \| null \| undefined;\n /* Only the value block is ever text; setpoint / advice stay numeric. /\n valueType?: ReadoutValueType;\n valueSize: ObcTextboxSize;\n enhanced: boolean;\n weight: ObcTextboxFontWeight;\n hintedZeros: boolean;\n spaceReserver?: string;\n off?: boolean;\n hasDegree?: boolean;\n hasIcon?: boolean;\n touching?: boolean;\n hidePhase?: ReadoutBlockHidePhase;\n dataQuality?: ReadoutBlockDataQuality;\n alert?: false \| AlertFrameConfig;\n /* Advice-only: semantic category + triggered state. /\n category?: ReadoutAdviceCategory;\n active?: boolean;\n }): TemplateResult {\n // The block owns the formatting, hinted zeros, reserver, degree and icon; the\n // row keeps the density tier (`size`) and the resolved per-block number size\n // (`valueSize`) so flip-flop/pop-up emphasis stays a row decision.\n return html`\n <obc-readout-block\n exportparts=\"block, block-content, block-text, block-icon, degree\"\n .variant=${config.variant}\n .value=${config.value ?? null}\n .valueType=${config.valueType ?? ReadoutValueType.number}\n .size=${this.resolvedSize}\n .valueSize=${config.valueSize}\n .enhanced=${config.enhanced}\n .weight=${config.weight}\n .hasDegree=${config.hasDegree ?? false}\n .hasIcon=${config.hasIcon ?? false}\n .fractionDigits=${this.fractionDigits}\n .maxDigits=${this.maxDigits}\n .hintedZeros=${config.hintedZeros}\n .spaceReserver=${config.spaceReserver}\n .off=${config.off ?? false}\n .offText=${this.offText}\n .touching=${config.touching ?? false}\n .hidePhase=${config.hidePhase ?? ReadoutBlockHidePhase.none}\n .dataQuality=${config.dataQuality}\n .alert=${config.alert ?? false}\n .category=${config.category ?? ReadoutAdviceCategory.regular}\n .active=${config.active ?? false}\n >\n ${this.renderForwardedIcon(config.variant)}\n </obc-readout-block>\n `;\n }\n\n /\n A cap-height `°` column whose width scales with the value size. Used after\n * the value (as the value↔unit boundary, via {@link renderValueUnitGap}) and\n * inside the setpoint / advice blocks. `inherit` makes the glyph take the\n * surrounding block's colour (setpoint/advice); otherwise it uses the value\n * colour, optionally `enhanced`.\n /\n private renderDegreeGlyph(\n size: ObcTextboxSize,\n opts: {enhanced?: boolean; inherit?: boolean} = {}\n ): TemplateResult {\n return html`\n <span\n class=${classMap({\n 'degree-column': true,\n [`degree-${size}`]: true,\n 'tone-enhanced': !opts.inherit && Boolean(opts.enhanced),\n 'degree-inherit': Boolean(opts.inherit),\n })}\n part=\"degree\"\n >\n <obc-textbox class=\"degree-glyph\" .size=${size} alignment=\"center\"\n >°</obc-textbox\n >\n </span>\n `;\n }\n\n /\n The gap rendered between the value digits and the unit.\n \n - `hasDegree`: a cap-height `°` column whose width scales with the value\n * size (the `°` replaces the default gap).\n * - otherwise: the default 2px gap (only when a trailing unit follows).\n \n `hasDegreeSpacer` deliberately does NOT add anything here — it keeps the 2px\n * gap and instead widens the unit column via {@link renderDegreeSpacer} (a\n * spacer AFTER the unit). That way a non-degree row's value digits stay\n * aligned with degree rows (degree column width = spacer width + 2px gap)\n * while its unit shifts left. Mirrors Figma `1:2920` (spacer) / `1:2970`\n * (degree).\n \n TODO(designer): cross-size alignment is deferred. Degree rows of different\n * value sizes have different `°` column widths (6/8/12px), so their value digit\n * edges stagger by `degree-width`. For degree rows of mixed sizes you cannot\n * align the value digit edges AND keep the unit column aligned — resolving it\n * needs a design decision (a constant degree reserve, which widens the smaller\n * rows' `°`, OR pinning the value edge and letting the unit column stagger).\n /\n private renderValueUnitGap(): TemplateResult \| typeof nothing {\n if (!this.hasValue) {\n return nothing;\n }\n if ((this.hasDegree ?? false) && !this.off) {\n return this.renderDegreeGlyph(this.valueSize, {\n enhanced: this.rowEnhanced,\n });\n }\n if (this.hasTrailingUnitBox) {\n return html`<span class=\"value-unit-gap\" aria-hidden=\"true\"></span>`;\n }\n return nothing;\n }\n\n /\n A spacer rendered AFTER the unit when `hasDegreeSpacer` is set on a\n * non-degree row. Its width (`degree-compensation-padding`) = the degree\n * column width minus the 2px gap, so the row's value digits align with degree\n * rows in the same column while its unit shifts left. See\n * {@link renderValueUnitGap}.\n /\n private renderDegreeSpacer(): TemplateResult \| typeof nothing {\n const hasDegree = this.hasDegree ?? false;\n const hasDegreeSpacer = this.hasDegreeSpacer ?? false;\n if (hasDegree \|\| !hasDegreeSpacer) {\n return nothing;\n }\n return html`<span\n class=\"degree-spacer\"\n part=\"degree-spacer\"\n aria-hidden=\"true\"\n ></span>`;\n }\n\n private renderTextbox(\n role: 'label' \| 'unit' \| 'source',\n text: string,\n reserver?: string,\n state?: ReadoutBlockState\n ): TemplateResult {\n // The label carries its own size (labelOptions) and priority-driven weight;\n // unit and source stay xs / regular.\n const weight =\n role === 'label' ? this.labelWeight : ObcTextboxFontWeight.regular;\n const size = role === 'label' ? this.labelSize : ObcTextboxSize.xs;\n const box = html`\n <obc-textbox\n class=${classMap({\n [role]: true,\n ...this.dataQualityClasses(state?.dataQuality),\n })}\n part=${role}\n .size=${size}\n .fontWeight=${weight}\n alignment=\"left\"\n >\n ${text}\n ${reserver ? html`<span slot=\"length\">${reserver}</span>` : nothing}\n </obc-textbox>\n `;\n return wrapWithAlertFrame(state?.alert ?? false, box);\n }\n\n private renderValueCluster(): TemplateResult {\n const popUpAtSetpoint =\n this.isPopUp && this.isAtSetpoint && !this.setpointTouching;\n const setpointHidePhase = resolveSetpointHidePhase(\n popUpAtSetpoint,\n this.deferredSetpointHidePhase\n );\n return html`\n <div class=\"value-cluster\" part=\"value-cluster\">\n ${this.hasAdvice\n ? this.renderBlock({\n variant: ReadoutBlockVariant.advice,\n value: this.advice,\n valueSize: this.secondarySize,\n enhanced: false,\n weight: ObcTextboxFontWeight.regular,\n hintedZeros: this.adviceOptions?.hintedZeros ?? false,\n spaceReserver: this.adviceOptions?.spaceReserver,\n hasDegree: this.hasDegree ?? false,\n dataQuality: this.adviceOptions?.dataQuality,\n alert: this.adviceOptions?.alert,\n category: this.adviceOptions?.category,\n active: this.adviceOptions?.active,\n })\n : nothing}\n ${this.hasSetpoint\n ? this.renderBlock({\n variant: ReadoutBlockVariant.setpoint,\n value: this.setpoint,\n valueSize: this.setpointSize,\n // Value and setpoint share the enhanced colour state (both neutral\n // or both enhanced); the setpoint is bold only while emphasised.\n enhanced: this.rowEnhanced,\n weight: this.setpointWeight,\n hintedZeros: this.setpointOptions?.hintedZeros ?? false,\n spaceReserver: this.setpointOptions?.spaceReserver,\n hasDegree: this.hasDegree ?? false,\n touching: this.setpointTouching,\n hidePhase: setpointHidePhase,\n dataQuality: this.setpointOptions?.dataQuality,\n alert: this.setpointOptions?.alert,\n })\n : nothing}\n ${this.renderValueReading()}\n </div>\n `;\n }\n\n /\n The value reading: the value block, its degree column and the trailing unit\n * grouped in one relatively-positioned wrapper so the value alert frame AND the\n * value data-quality chip can wrap value + degree + unit together (Figma\n * 58:10120).\n \n Moving the degree / unit into this wrapper (the new last child of\n * `.value-cluster`) preserves every existing gap, so the underlying content\n * stays column-aligned with or without the frame / chip. Both the value alert\n * (overlay) and the value data-quality chip are applied here — NOT inside\n * `obc-readout-block` — so they extend over the unit; setpoint/advice keep their\n * own block-level frame and chip. The chip uses `outline` (not `border`), so it\n * never shifts the value's width / column alignment.\n /\n private renderValueReading(): TemplateResult {\n return html`\n <div\n class=${classMap({\n 'value-reading': true,\n ...this.dataQualityClasses(this.valueOptions?.dataQuality),\n })}\n part=\"value-reading\"\n >\n ${this.hasValue\n ? this.renderBlock({\n variant: ReadoutBlockVariant.value,\n value: this.value,\n valueType: this.valueType,\n valueSize: this.valueSize,\n enhanced: this.rowEnhanced,\n weight: this.valueWeight,\n hintedZeros: this.valueOptions?.hintedZeros ?? false,\n spaceReserver: this.valueOptions?.spaceReserver,\n off: this.off,\n hasIcon: this.valueOptions?.hasIcon ?? false,\n })\n : nothing}\n ${this.renderValueUnitGap()}\n <div class=\"unit-area\" part=\"unit-area\">\n ${this.renderTrailingUnit()} ${this.renderDegreeSpacer()}\n </div>\n ${this.renderValueAlertOverlay()}\n </div>\n `;\n }\n\n /\n The value alert frame, drawn as a pure overlay around the value reading\n * (value + degree + unit). It reserves no space — the `obc-alert-frame` sits in\n * an absolutely-positioned box offset outward (see `.value-alert-overlay` in\n * the CSS) so its stroke is centred on the 4px/2px padding line and toggling it\n * never shifts content or row height. Renders only when `valueOptions.alert` is\n * a config object.\n /\n private renderValueAlertOverlay(): TemplateResult \| typeof nothing {\n const alert = this.valueOptions?.alert;\n if (typeof alert !== 'object' \|\| alert === null) {\n return nothing;\n }\n const thickness = alert.thickness ?? ObcAlertFrameThickness.Small;\n return html`\n <div\n class=${classMap({\n 'value-alert-overlay': true,\n // The outward offset is thickness-dependent (see the CSS): large frames\n // draw a wider outline, so the box must sit further out to stay centred.\n 'thickness-large': thickness === ObcAlertFrameThickness.Large,\n })}\n aria-hidden=\"true\"\n >\n <obc-alert-frame\n part=\"value-alert-frame\"\n .type=${alert.type ?? ObcAlertFrameType.Regular}\n .thickness=${thickness}\n .status=${alert.status ?? AlertType.Alarm}\n .mode=${alert.mode ?? ObcAlertFrameMode.ackedActive}\n .showIcon=${alert.showIcon ?? false}\n .showAlertCategoryIcon=${alert.showAlertCategoryIcon ?? true}\n .wrapContent=${false}\n .fullWidth=${false}\n ></obc-alert-frame>\n </div>\n `;\n }\n\n private renderLabelContainer(): TemplateResult {\n const stacking = this.resolvedStacking;\n const showLeadingUnit =\n stacking === ReadoutListItemStacking.leadingUnit && Boolean(this.unit);\n const showLeadingSrc = this.hasLeadingSrc && Boolean(this.src);\n\n return html`\n <div class=\"label-container\" part=\"label-container\">\n ${this.hasLeadingIcon\n ? html`<span class=\"leading-icon\" aria-hidden=\"true\"\n ><slot name=\"leading-icon\"></slot\n ></span>`\n : nothing}\n <div class=\"label-stack\" part=\"label-stack\">\n ${this.label\n ? this.renderTextbox(\n 'label',\n this.label,\n this.labelOptions?.spaceReserver\n )\n : nothing}\n ${showLeadingUnit\n ? this.renderTextbox(\n 'unit',\n this.unit ?? '',\n this.unitOptions?.spaceReserver\n )\n : nothing}\n ${showLeadingSrc ? this.renderSourceBlock() : nothing}\n </div>\n </div>\n `;\n }\n\n private renderTrailingUnit(): TemplateResult \| typeof nothing {\n if (!this.hasTrailingUnitBox) {\n return nothing;\n }\n return this.renderTextbox(\n 'unit',\n this.unit ?? '',\n this.unitOptions?.spaceReserver\n );\n }\n\n /\n The source text plus its optional state chip and deviation line. The\n * plain (regular, no-deviation) case renders the bare textbox — byte-for-\n * byte the pre-6.1 output; a state or a deviation wraps it in the\n * `.source-block` stack.\n */\n private renderSourceBlock(): TemplateResult {\n const state = this.srcOptions?.state ?? ReadoutSourceState.regular;\n const deviation = this.srcOptions?.deviation;\n const hasDeviation = deviation !== undefined && Number.isFinite(deviation);\n const box = this.renderTextbox(\n 'source',\n this.src ?? '',\n this.srcOptions?.spaceReserver,\n this.srcOptions\n );\n if (state === ReadoutSourceState.regular && !hasDeviation) {\n return box;\n }\n return html`\n <div\n class=${classMap({\n 'source-block': true,\n [`source-state-${state}`]: state !== ReadoutSourceState.regular,\n })}\n part=\"source-block\"\n >\n ${box}\n ${hasDeviation\n ? html`<span class=\"source-deviation\">\n <obi-delta aria-hidden=\"true\"></obi-delta>\n <obc-textbox\n class=\"source-deviation-value\"\n .size=${ObcTextboxSize.xs}\n .tabularNums=${true}\n alignment=\"left\"\n >${deviation}</obc-textbox\n >\n </span>`\n : nothing}\n </div>\n `;\n }\n\n private renderTrailingSource(): TemplateResult \| typeof nothing {\n if (this.hasLeadingSrc \|\| !this.src) {\n return nothing;\n }\n return html`\n <div class=\"divider\" part=\"divider\" aria-hidden=\"true\"></div>\n ${this.renderSourceBlock()}\n `;\n }\n\n private renderContent(): TemplateResult {\n return html`\n <div class=\"content\" part=\"content\">\n ${this.renderLabelContainer()}\n <div class=\"value-area\" part=\"value-area\">\n ${this.renderValueCluster()}\n </div>\n ${this.renderTrailingSource()}\n </div>\n `;\n }\n\n protected override willUpdate(changed: Map<string, unknown>): void {\n super.willUpdate(changed);\n // Validated on EVERY update, deliberately NOT gated on `value`/`valueType`\n // appearing in `changed`. When this assertion throws, Lit's `performUpdate`\n // catch calls `__markUpdated()`, which clears the changed-properties map. A\n // later update driven by any OTHER property — inside `obc-readout-list`,\n // `align()` writing the shared reservers — would then see no `value` in\n // `changed`, skip the check, and render the invalid value as a plain dash:\n // exactly the silent failure this assertion exists to prevent.\n assertReadoutValueType('obc-readout-list-item', this.value, this.valueType);\n assertReadoutFractionDigits('obc-readout-list-item', this.fractionDigits);\n }\n\n override updated(changed: Map<string, unknown>): void {\n super.updated(changed);\n\n const firstUpdate = !this.hasCompletedFirstUpdate;\n this.hasCompletedFirstUpdate = true;\n\n // Pop-up: hide the setpoint shortly after the value reaches it. `touching`\n // and the non-pop-up modes keep the setpoint visible.\n if (!this.isPopUp \|\| this.setpointTouching) {\n this.clearDeferredSetpointHide();\n return;\n }\n\n const shouldHide = this.hasSetpoint && this.isAtSetpoint;\n\n if (firstUpdate) {\n // Settle to the resting state on mount without animating.\n this.deferredSetpointHidePhase = shouldHide\n ? ReadoutBlockHidePhase.hidden\n : ReadoutBlockHidePhase.none;\n return;\n }\n\n if (!shouldHide) {\n this.clearDeferredSetpointHide();\n return;\n }\n\n if (this.deferredSetpointHidePhase !== ReadoutBlockHidePhase.none) {\n return;\n }\n\n this.deferredSetpointHidePhase = ReadoutBlockHidePhase.hiding;\n window.clearTimeout(this.deferredSetpointHideTimer);\n this.deferredSetpointHideTimer = window.setTimeout(() => {\n this.deferredSetpointHidePhase = ReadoutBlockHidePhase.hidden;\n this.deferredSetpointHideTimer = undefined;\n }, 100);\n }\n\n private clearDeferredSetpointHide(): void {\n if (this.deferredSetpointHidePhase !== ReadoutBlockHidePhase.none) {\n this.deferredSetpointHidePhase = ReadoutBlockHidePhase.none;\n }\n window.clearTimeout(this.deferredSetpointHideTimer);\n this.deferredSetpointHideTimer = undefined;\n }\n\n override disconnectedCallback(): void {\n window.clearTimeout(this.deferredSetpointHideTimer);\n this.deferredSetpointHideTimer = undefined;\n // Settle a mid-flight hide to its end state. Without this, disconnecting\n // during the 100ms window leaves the phase stuck at 'hiding' (the timer that\n // would advance it to 'hidden' is gone), so a later reconnect never resolves.\n if (this.deferredSetpointHidePhase === ReadoutBlockHidePhase.hiding) {\n this.deferredSetpointHidePhase = ReadoutBlockHidePhase.hidden;\n }\n super.disconnectedCallback();\n }\n\n override render() {\n const clickable = this.resolvedClickable;\n const dataQuality = this.dataQuality;\n const classes = classMap({\n root: true,\n [`size-${this.resolvedSize}`]: true,\n [`stacking-${this.resolvedStacking}`]: true,\n [`priority-${this.resolvedPriority}`]: true,\n 'data-low-integrity':\n dataQuality === ReadoutListItemDataQuality.lowIntegrity,\n 'data-invalid': dataQuality === ReadoutListItemDataQuality.invalid,\n 'flip-flop': this.isFlipFlop,\n clickable: Boolean(clickable),\n [`border-${clickable ? clickable.border : ReadoutListItemBorder.squared}`]:\n Boolean(clickable),\n });\n\n const surface = html`<div class=\"surface\" part=\"surface\">\n ${this.renderContent()}\n </div>`;\n\n // No `aria-label` here: it would override the button's accessible name and\n // hide the dynamic readout text (value / unit / source) from screen readers.\n // The visible content (label + value + unit + source) already forms a\n // complete accessible name; icons/reservers are aria-hidden / visibility-clipped.\n const root = clickable\n ? html`<button class=${classes} part=\"root\" type=\"button\">\n ${surface}\n </button>`\n : html`<div class=${classes} part=\"root\">${surface}</div>`;\n\n // `alert` accepts `boolean` (so the generated Angular wrapper's widened\n // `boolean` type assigns cleanly), but `wrapWithAlertFrame` ignores non-object\n // truthy values. Normalise `true` → a default frame `{}` (like `clickable:\n // true`) so it isn't a silent no-op; `false`/object pass through.\n // fullWidth=true: the row-level alert frame stretches to the readout's full\n // width (PR #1001) rather than hugging it. Per-block / src alert frames keep\n // the default (hug) so they stay inline.\n const alert = this.alert === true ? {} : this.alert;\n return wrapWithAlertFrame(alert, root, true);\n }\n\n static override styles = unsafeCSS(componentStyle);\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'obc-readout-list-item': ObcReadoutListItem;\n }\n}\n"],"names":["ReadoutListItemStacking","ReadoutListItemPriority","ReadoutListItemBorder","ReadoutListItemSetpointInteraction","ReadoutSourceState","state"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@oicl/openbridge-webcomponents-full-bundle",
-  "version": "2.0.0-next.142",
+  "version": "2.0.0-next.144",
   "type": "module",
   "repository": {
     "type": "git",

package/src/components/alert-list-details/alert-list-details.ts CHANGED Viewed

@@ -162,7 +162,7 @@ export class ObcAlertListDetails extends LitElement {
     if (this.small) {
       const columns: ObcTableColumn<ObcTableCellData, ObcTableRow>[] = [
         {
-          label: 'status',
+          label: 'Status',
           key: 'status',
           sortDirection: 'desc',
           sortable: true,
@@ -190,7 +190,7 @@ export class ObcAlertListDetails extends LitElement {
     } else {
       const columns: ObcTableColumn<ObcTableCellData, ObcTableRow>[] = [
         {
-          label: 'status',
+          label: 'Status',
           key: 'status',
           sortDirection: 'desc',
           sortable: true,

package/src/components/app-button/app-button.css CHANGED Viewed

@@ -74,6 +74,8 @@
   }
   &.integration {
+    @mixin style style=integration-flat;
     .icon-wrapper {
       @mixin style style=integration-normal noClick;
       color: var(--integration-on-normal-neutral-color);

package/src/components/app-button/app-button.stories.ts CHANGED Viewed

@@ -3,6 +3,7 @@ import {ObcAppButton, AppButtonSize} from './app-button.js';
 import './app-button.js';
 import {iconIds, iconIdToIconHtml} from '../../storybook-util.js';
 import {html} from 'lit';
+import {expect} from 'storybook/test';
 const meta: Meta<typeof ObcAppButton> = {
   title: 'UI Components/Buttons/App Button',
@@ -81,6 +82,31 @@ export const Integration: Story = {
   },
 };
+export const IntegrationHoverUsesIntegrationColors: Story = {
+  args: {
+    integration: true,
+  },
+  play: async ({canvasElement}) => {
+    const button = canvasElement.querySelector<ObcAppButton>('obc-app-button')!;
+    const rules = button.shadowRoot!.adoptedStyleSheets.flatMap((sheet) =>
+      Array.from(sheet.cssRules)
+    );
+    const hoverRule = rules
+      .flatMap((rule) =>
+        rule instanceof CSSMediaRule ? Array.from(rule.cssRules) : [rule]
+      )
+      .find(
+        (rule): rule is CSSStyleRule =>
+          rule instanceof CSSStyleRule &&
+          rule.selectorText === '.wrapper.integration:hover'
+      );
+    expect(hoverRule?.style.backgroundColor).toContain(
+      '--integration-flat-hover-background-color'
+    );
+  },
+};
 export const Disabled: Story = {
   args: {
     label: 'Disabled',