@oicl/openbridge-webcomponents 2.0.0-next.87 → 2.0.0-next.89

package/dist/navigation-instruments/readout-list/readout-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"readout-list.js","sources":["../../../src/navigation-instruments/readout-list/readout-list.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS, type PropertyValues} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport componentStyle from './readout-list.css?inline';\nimport {customElement} from '../../decorator.js';\nimport '../readout-list-item/readout-list-item.js';\nimport {ObcReadoutListItem} from '../readout-list-item/readout-list-item.js';\n\nconst ITEM_TAG = 'obc-readout-list-item';\n\n/** Child attributes whose change should re-trigger alignment (HTML-attribute usage). */\nconst OBSERVED_ATTRIBUTES = [\n  'unit',\n  'src',\n  'value',\n  'setpoint',\n  'advice',\n  'max-digits',\n  'fraction-digits',\n  'has-degree',\n  'has-setpoint',\n  'has-advice',\n];\n\n/** Integer-digit count of a numeric value (sign and fraction excluded). */\nfunction integerDigitCount(value: number | null | undefined): number {\n  if (value === null || value === undefined || Number.isNaN(value)) {\n    return 0;\n  }\n  return String(Math.trunc(Math.abs(value))).length;\n}\n\n/**\n * `<obc-readout-list>` – A container that groups `<obc-readout-list-item>` rows\n * and **auto-aligns their columns**.\n *\n * Because each row is its own custom element, cross-row column alignment is not\n * automatic. This container inspects its rows and pushes shared width reservers\n * down so the unit column, the value / setpoint / advice columns and the source\n * column all line up — the same effect the `Readout List Item → ColumnAlignment`\n * story achieves by hand, done for you. Alignment is always on.\n *\n * What it equalizes — derived from each row's data and broadcast to every row, so\n * the widest value / unit / source is never clipped:\n * - **Unit:** the longest `unit` becomes every row's unit space-reserver.\n * - **Value / setpoint / advice:** the widest numeric width (max integer digits +\n *   max fraction digits across rows, derived from each row's `maxDigits` /\n *   `fractionDigits` / current values) is reserved on every row's numeric blocks.\n *   Reserving off digit counts keeps it stable as live values update.\n * - **Source:** the longest `src` becomes every row's source space-reserver.\n * - **Degree:** if any row has a degree, non-degree rows reserve the degree column\n *   (`hasDegreeSpacer`) so their digits line up with the degree rows; the spacer is\n *   cleared once no degree rows remain.\n *\n * The list **owns** these reservers: it recomputes them from the rows' data on\n * every pass (and clears stale reservers / spacers when rows change), so a\n * `spaceReserver` set directly on a row inside the list is overwritten. Drive the\n * data (`maxDigits` / `fractionDigits` / `unit` / `src`) rather than setting a\n * manual reserver when a row lives in a list.\n *\n * Alignment runs on `slotchange` and on child mutations (added/removed rows and\n * HTML-attribute changes). When rows are updated via JS **properties** only (no\n * attribute/DOM mutation), call {@link align} to recompute.\n *\n * @experimental Pilot for the new primitives + per-block options Readout API; the\n * API may change in a future release.\n *\n * @slot - The `<obc-readout-list-item>` rows.\n *\n * @csspart list - The vertical stack container.\n */\n@customElement('obc-readout-list')\nexport class ObcReadoutList extends LitElement {\n  /**\n   * Development aid: outline each row's readout building blocks (red), degree\n   * columns (blue) and degree spacer (green) so the reserved column widths are\n   * visible. Propagated to every row. Off by default.\n   */\n  @property({type: Boolean, reflect: true}) showDebugOverlay = false;\n\n  private mutationObserver?: MutationObserver;\n\n  protected override updated(changed: PropertyValues): void {\n    super.updated(changed);\n    // A host-property change is not seen by the child MutationObserver, so\n    // re-propagate `showDebugOverlay` (and re-align) when it toggles.\n    if (changed.has('showDebugOverlay')) {\n      this.align();\n    }\n  }\n\n  override disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n    this.mutationObserver = undefined;\n    super.disconnectedCallback();\n  }\n\n  /** The `obc-readout-list-item` rows, including those nested in wrapper elements. */\n  private get items(): ObcReadoutListItem[] {\n    const slot = this.shadowRoot?.querySelector('slot');\n    const assigned = slot?.assignedElements({flatten: true}) ?? [];\n    return assigned.flatMap((el) =>\n      el.tagName.toLowerCase() === ITEM_TAG\n        ? [el as ObcReadoutListItem]\n        : Array.from(el.querySelectorAll<ObcReadoutListItem>(ITEM_TAG))\n    );\n  }\n\n  /**\n   * Recompute and apply the shared column reservers across all rows. Call this\n   * after updating rows via JS properties only (attribute/DOM changes are picked\n   * up automatically).\n   */\n  align(): void {\n    const items = this.items;\n    if (items.length === 0) {\n      return;\n    }\n\n    let maxIntegerDigits = 0;\n    let maxFractionDigits = 0;\n    let longestUnit = '';\n    let longestSrc = '';\n    let anyDegree = false;\n\n    for (const item of items) {\n      maxFractionDigits = Math.max(maxFractionDigits, item.fractionDigits ?? 0);\n      maxIntegerDigits = Math.max(\n        maxIntegerDigits,\n        item.maxDigits ?? 0,\n        integerDigitCount(item.value),\n        item.hasSetpoint ? integerDigitCount(item.setpoint) : 0,\n        item.hasAdvice ? integerDigitCount(item.advice) : 0\n      );\n      if (item.unit && item.unit.length > longestUnit.length) {\n        longestUnit = item.unit;\n      }\n      if (item.src && item.src.length > longestSrc.length) {\n        longestSrc = item.src;\n      }\n      if (item.hasDegree) {\n        anyDegree = true;\n      }\n    }\n\n    const numericReserver =\n      maxIntegerDigits > 0\n        ? '0'.repeat(maxIntegerDigits) +\n          (maxFractionDigits > 0 ? `.${'0'.repeat(maxFractionDigits)}` : '')\n        : undefined;\n\n    // Our writes are properties (no reflected attributes), so they do not trigger\n    // the MutationObserver; disconnecting around them is belt-and-suspenders.\n    this.mutationObserver?.disconnect();\n    for (const item of items) {\n      // Recompute every reserver / spacer on every pass (do not gate on a value\n      // being present), so stale state clears when rows change — e.g. when the\n      // last degree row, the last unit, or the last source is removed.\n      item.valueOptions = {\n        ...item.valueOptions,\n        spaceReserver: numericReserver,\n      };\n      item.setpointOptions = {\n        ...item.setpointOptions,\n        spaceReserver: numericReserver,\n      };\n      item.adviceOptions = {\n        ...item.adviceOptions,\n        spaceReserver: numericReserver,\n      };\n      item.unitOptions = {\n        ...item.unitOptions,\n        spaceReserver: longestUnit || undefined,\n      };\n      item.srcOptions = {\n        ...item.srcOptions,\n        spaceReserver: longestSrc || undefined,\n      };\n      item.hasDegreeSpacer = anyDegree && !item.hasDegree;\n      item.showDebugOverlay = this.showDebugOverlay;\n    }\n    this.observeChildren();\n  }\n\n  private observeChildren(): void {\n    if (!this.mutationObserver) {\n      this.mutationObserver = new MutationObserver(() => this.align());\n    }\n    this.mutationObserver.observe(this, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: OBSERVED_ATTRIBUTES,\n    });\n  }\n\n  private handleSlotChange = (): void => {\n    this.align();\n    this.observeChildren();\n  };\n\n  override render() {\n    return html`\n      <div class=\"list\" part=\"list\">\n        <slot @slotchange=${this.handleSlotChange}></slot>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(componentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-readout-list': ObcReadoutList;\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/navigation-instruments/readout-list-item/readout-list-item.css.js

@@ -12,6 +12,57 @@ const componentStyle = css`* {
   width: 100%;
 }
 
+/* Bridge the list-item's public colour custom properties onto the block's, so
+   consumers keep theming the value / setpoint / advice / hinted-zero colours via
+   \`--obc-readout-list-item-*\` even though they now render inside obc-readout-block. */
+
+obc-readout-block {
+  --obc-readout-block-value-color: var(
+    --obc-readout-list-item-value-color,
+    var(--element-neutral-color)
+  );
+  --obc-readout-block-value-enhanced-color: var(
+    --obc-readout-list-item-value-enhanced-color,
+    var(--element-neutral-enhanced-color)
+  );
+  --obc-readout-block-setpoint-color: var(
+    --obc-readout-list-item-setpoint-color,
+    var(--element-neutral-color)
+  );
+  --obc-readout-block-setpoint-enhanced-color: var(
+    --obc-readout-list-item-setpoint-enhanced-color,
+    var(--instrument-enhanced-secondary-color)
+  );
+  --obc-readout-block-setpoint-touching-outline-color: var(
+    --obc-readout-list-item-setpoint-touching-outline-color,
+    var(--element-neutral-enhanced-color)
+  );
+  --obc-readout-block-setpoint-touching-color: var(
+    --obc-readout-list-item-setpoint-touching-color,
+    var(--base-blue-100)
+  );
+  --obc-readout-block-advice-color: var(
+    --obc-readout-list-item-advice-color,
+    var(--element-neutral-color)
+  );
+  --obc-readout-block-hinted-color: var(
+    --obc-readout-list-item-hinted-color,
+    var(--element-inactive-color)
+  );
+}
+
+/* Size the consumer-provided block icons forwarded into obc-readout-block's
+   \`icon\` slot (the block sizes the forwarded slot element; this sizes the
+   consumer's icon to fill it). */
+
+::slotted([slot="value-icon"]),
+::slotted([slot="setpoint-icon"]),
+::slotted([slot="advice-icon"]) {
+  display: block;
+  inline-size: 100%;
+  block-size: 100%;
+}
+
 /* ---------- Root / surface ----------
  * \`.root\` is the touch target (a <button> when clickable, otherwise a <div>).
  * \`.surface\` is the visible box that carries padding, corner radius, the
@@ -222,129 +273,10 @@ const componentStyle = css`* {
   align-items: flex-end;
 }
 
-/* ---------- Readout building block (advice / setpoint / value) ---------- */
-
-.block {
-  display: inline-flex;
-  align-items: flex-end;
-}
-
-/* Number + its (setpoint/advice) degree glyph, hugging with no gap — the
-   \`.block\` gap only separates the icon from this group. */
-
-.block-content {
-  display: inline-flex;
-  align-items: flex-end;
-}
-
-.block-icon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  flex: none;
-  color: inherit;
-  /* Centre the icon against the block's text rather than bottom-aligning it (the
-     block is flex-end). Matters for the value block, whose text is taller than
-     the icon, so the value icon lines up with the number like the smaller
-     setpoint/advice icons do. */
-  align-self: center;
-}
-
-.block-icon obi-input-right,
-.block-icon obi-notification-advice,
-.block-icon ::slotted(*) {
-  display: block;
-  inline-size: 100%;
-  block-size: 100%;
-}
-
-.hinted-zero {
-  color: var(
-    --obc-readout-list-item-hinted-color,
-    var(--element-inactive-color)
-  );
-}
-
-/* ---------- Text colours (overridable via custom properties) ----------
- * obc-textbox does not set its own colour, so it inherits these. */
-
-.block-value {
-  color: var(--obc-readout-list-item-value-color, var(--element-neutral-color));
-}
-
-.block-value.tone-enhanced {
-  color: var(
-    --obc-readout-list-item-value-enhanced-color,
-    var(--element-neutral-enhanced-color)
-  );
-}
-
-/* The setpoint shares the value's colour state: neutral by default, enhanced
-   (blue) only when the row is enhanced — never a blue setpoint next to a grey
-   value. \`--instrument-enhanced-secondary-color\` is the same #2d548b as the
-   value's \`--element-neutral-enhanced-color\`. */
-
-.block-setpoint {
-  color: var(
-    --obc-readout-list-item-setpoint-color,
-    var(--element-neutral-color)
-  );
-  /* Flip-flop emphasis + pop-up fade animate at 100ms. */
-  transition:
-    opacity 100ms ease,
-    color 100ms ease;
-}
-
-.block-setpoint.tone-enhanced {
-  color: var(
-    --obc-readout-list-item-setpoint-enhanced-color,
-    var(--instrument-enhanced-secondary-color)
-  );
-}
-
-/* Pop-up: fade the setpoint out once value === setpoint, keeping its space so
-   the value stays column-aligned. */
-
-.block-setpoint.is-hiding {
-  opacity: 0;
-}
-
-.block-setpoint.is-hidden {
-  opacity: 0;
-  visibility: hidden;
-}
-
-/* Touching / focus state: the setpoint triangle takes the marker's focus look — a
-   pale fill (--base-blue-100) with a dark 1px edge (--element-neutral-enhanced),
-   mirroring \`svghelpers/setpoint.ts\` focus (fill base-blue-100 + 2px stroke).
-   The glyph icon is \`fill: currentColor\` and can't take a CSS \`stroke\`, so the
-   edge is layered drop-shadows. The setpoint number keeps its normal, readable
-   colour. */
-
-.block-setpoint.touching {
-  --_touching-outline: var(
-    --obc-readout-list-item-setpoint-touching-outline-color,
-    var(--element-neutral-enhanced-color)
-  );
-}
-
-.block-setpoint.touching .block-icon {
-  color: var(
-    --obc-readout-list-item-setpoint-touching-color,
-    var(--base-blue-100)
-  );
-  filter: drop-shadow(1px 0 0 var(--_touching-outline))
-    drop-shadow(-1px 0 0 var(--_touching-outline))
-    drop-shadow(0 1px 0 var(--_touching-outline))
-    drop-shadow(0 -1px 0 var(--_touching-outline));
-}
-
-.block-advice {
-  color: var(
-    --obc-readout-list-item-advice-color,
-    var(--element-neutral-color)
-  );
-}
+/* The readout building blocks (advice / setpoint / value) now render inside
+   \`obc-readout-block\`; their layout / colour / hinted-zero / data-quality CSS
+   lives there. The list-item only bridges the public colour vars (see top) and
+   keeps the surrounding row layout below. */
 
 .label {
   color: var(
@@ -364,26 +296,22 @@ const componentStyle = css`* {
   );
 }
 
-/* ---------- Per-block data quality ----------
+/* ---------- Source data quality ----------
  * Independent of (and nests inside) the row-level data-quality frame. Uses
- * \`outline\` (not \`border\`) so the chip never shifts the block's width — the
- * value stays column-aligned across rows. */
+ * \`outline\` (not \`border\`) so the chip never shifts the source's width. (The
+ * per-block value/setpoint/advice chips live in \`obc-readout-block\`.) */
 
-.block.data-low-integrity,
-.block.data-invalid,
 .source.data-low-integrity,
 .source.data-invalid {
   outline: 1px solid;
   border-radius: var(--global-border-radius-border-radius-check);
 }
 
-.block.data-low-integrity,
 .source.data-low-integrity {
   background: var(--alert-low-integrity-background-color);
   outline-color: var(--alert-low-integrity-border-color);
 }
 
-.block.data-invalid,
 .source.data-invalid {
   background: var(--alert-invalid-background-color);
   outline-color: var(--alert-invalid-border-color);
@@ -525,11 +453,6 @@ const componentStyle = css`* {
   );
 }
 
-.size-small .block {
-  gap: var(--instrument-components-readout-new-general-regular-icon-gap);
-}
-
-.size-small .block-icon,
 .size-small .leading-icon {
   inline-size: var(
     --instrument-components-readout-new-general-regular-icon-size
@@ -566,11 +489,6 @@ const componentStyle = css`* {
   );
 }
 
-.size-medium .block {
-  gap: var(--instrument-components-readout-new-general-medium-icon-gap);
-}
-
-.size-medium .block-icon,
 .size-medium .leading-icon {
   inline-size: var(
     --instrument-components-readout-new-general-medium-icon-size
@@ -602,11 +520,6 @@ const componentStyle = css`* {
   gap: var(--instrument-components-readout-new-list-item-large-value-gap);
 }
 
-.size-large .block {
-  gap: var(--instrument-components-readout-new-general-large-icon-gap);
-}
-
-.size-large .block-icon,
 .size-large .leading-icon {
   inline-size: var(--instrument-components-readout-new-general-large-icon-size);
   block-size: var(--instrument-components-readout-new-general-large-icon-size);
@@ -651,6 +564,28 @@ const componentStyle = css`* {
   );
   --_obc-readout-list-item-data-border: var(--alert-invalid-border-color);
 }
+
+/* ---------- Debug overlay ----------
+ * \`showDebugOverlay\` outlines each readout building block (red), the degree
+ * columns (blue) and the degree spacer (green) so reserver widths / alignment
+ * are visible. A development aid (mirrors the donut chart's \`showDebugOverlay\`);
+ * off by default. */
+
+:host([showDebugOverlay]) obc-readout-block::part(block) {
+  outline: 1px solid rgba(220, 0, 0, 0.7);
+  outline-offset: -1px;
+}
+
+:host([showDebugOverlay]) obc-readout-block::part(degree),
+:host([showDebugOverlay]) .degree-column {
+  outline: 1px solid rgba(0, 0, 220, 0.7);
+  outline-offset: -1px;
+}
+
+:host([showDebugOverlay]) .degree-spacer {
+  outline: 1px solid rgba(0, 160, 0, 0.8);
+  outline-offset: -1px;
+}
 `;
 export {
   componentStyle as default

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

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

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

@@ -1,21 +1,18 @@
 import { LitElement } from 'lit';
 import { ObcTextboxFontWeight } from '../../components/textbox/textbox.js';
+import { ReadoutBlockSize, ReadoutBlockDataQuality } from '../../building-blocks/readout-block/readout-block.js';
 import { AlertFrameConfig } from '../../components/alert-frame/alert-frame.js';
 import '../../components/textbox/textbox.js';
-import '../../icons/icon-input-right.js';
-import '../../icons/icon-notification-advice.js';
+import '../../building-blocks/readout-block/readout-block.js';
 export { ObcTextboxFontWeight } from '../../components/textbox/textbox.js';
 /**
- * Density/size scale of the readout row.
+ * Density/size scale of the readout row (an alias of `ReadoutBlockSize`).
  * - `small`: regular value typography (smallest, densest).
  * - `medium`: medium value typography.
  * - `large`: large value typography.
  */
-export declare enum ReadoutListItemSize {
-    small = "small",
-    medium = "medium",
-    large = "large"
-}
+export declare const ReadoutListItemSize: typeof ReadoutBlockSize;
+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.
@@ -37,13 +34,12 @@ export declare enum ReadoutListItemPriority {
     enhanced = "enhanced"
 }
 /**
- * Measurement quality of the value. Orthogonal to the row-level `alert`
- * – a low-integrity or invalid value can also sit inside an alert frame.
+ * Measurement quality of the value (an alias of `ReadoutBlockDataQuality`).
+ * Orthogonal to the row-level `alert` – a low-integrity or invalid value can
+ * also sit inside an alert frame.
  */
-export declare enum ReadoutListItemDataQuality {
-    lowIntegrity = "low-integrity",
-    invalid = "invalid"
-}
+export declare const ReadoutListItemDataQuality: typeof ReadoutBlockDataQuality;
+export type ReadoutListItemDataQuality = ReadoutBlockDataQuality;
 /**
  * Corner style of the interactive (clickable) surface.
  * - `squared` (default): no rounding (true rectangle).
@@ -183,8 +179,10 @@ export declare class ObcReadoutListItem extends LitElement {
     src?: string;
     hasValue: boolean;
     value: number | null;
-    /** Render the value as the literal "OFF" (e.g. equipment powered down). Affects the value only. */
+    /** Render the value as `offText` (e.g. equipment powered down). Affects the value only. */
     off: boolean;
+    /** Text shown in place of the value when `off` is true. @availableWhen off==true */
+    offText: string;
     hasSetpoint: boolean;
     /** @availableWhen hasSetpoint==true */
     setpoint?: number;
@@ -207,6 +205,12 @@ export declare class ObcReadoutListItem extends LitElement {
     adviceOptions?: ReadoutAdviceOptions;
     unitOptions?: ReadoutReserverOptions;
     srcOptions?: ReadoutSrcOptions;
+    /**
+     * Development aid: outline the readout building blocks (red), the degree
+     * columns (blue) and the degree spacer (green) so reserver widths / alignment
+     * are visible. Off by default.
+     */
+    showDebugOverlay: boolean;
     /** Pop-up deferred-hide phase for the setpoint (see {@link updated}). */
     private deferredSetpointHidePhase;
     private deferredSetpointHideTimer?;
@@ -247,19 +251,14 @@ export declare class ObcReadoutListItem extends LitElement {
     /** Setpoint is SemiBold only while emphasised, otherwise regular weight. */
     private get setpointWeight();
     private numericFormatOptions;
-    /** Widest possible value string for width reservation (e.g. `"000.0"`). */
-    private get reserverText();
-    /**
-     * Effective width reserver for a numeric block: the wider of the explicit
-     * `spaceReserver` and the `maxDigits`/`fractionDigits`-derived reserve, so an
-     * explicit reserver can never reserve *less* than the formatted value needs.
-     * Under tabular-nums the rendered width is proportional to character count, so
-     * "wider" compares string length.
-     */
-    private widerReserver;
     /** classMap fragment for a block / source carrying per-block data quality. */
     private dataQualityClasses;
-    private renderIcon;
+    /**
+     * Forward the matching list-item icon slot into the block's single `icon`
+     * slot. The variant's default marker lives in `obc-readout-block` and shows
+     * when nothing is assigned here (an empty forwarded slot flattens to nothing).
+     */
+    private renderForwardedIcon;
     private renderBlock;
     /**
      * A cap-height `°` column whose width scales with the value size. Used after

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

@@ -1 +1 @@
-{"version":3,"file":"readout-list-item.d.ts","sourceRoot":"","sources":["../../../src/navigation-instruments/readout-list-item/readout-list-item.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"readout-list-item.d.ts","sourceRoot":"","sources":["../../../src/navigation-instruments/readout-list-item/readout-list-item.ts"],"names":[],"mappings":"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"}