@oicl/openbridge-webcomponents 2.0.0-next.128 → 2.0.0-next.129

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

@@ -1,6 +1,6 @@
 import { LitElement } from 'lit';
 import { ReadoutBlockSize, ReadoutBlockDataQuality } from '../../building-blocks/readout-block/readout-block.js';
-import { ReadoutListItemSetpointInteraction, ReadoutValueOptions, ReadoutSetpointOptions, ReadoutAdviceOptions, ReadoutReserverOptions, ReadoutSrcOptions } from '../readout-list-item/readout-list-item.js';
+import { ReadoutListItemSetpointInteraction, ReadoutValueOptions, ReadoutSetpointOptions, ReadoutAdviceOptions, ReadoutLabelOptions, ReadoutReserverOptions, ReadoutSrcOptions } from '../readout-list-item/readout-list-item.js';
 import { Priority } from '../types.js';
 import { ReadoutValueType } from './readout-formatters.js';
 import { AlertFrameConfig } from '../../components/alert-frame/alert-frame.js';
@@ -10,9 +10,12 @@ import '../../components/button/button.js';
 import '../../components/context-menu-input/context-menu-input.js';
 import '../../icons/icon-chevron-right-google.js';
 import '../../icons/icon-drop-down-google.js';
+import '../../icons/icon-delta.js';
 export { ObcTextboxFontWeight } from '../../components/textbox/textbox.js';
 export { ReadoutValueType } from './readout-formatters.js';
-export type { ReadoutBlockState, ReadoutValueOptions, ReadoutSetpointOptions, ReadoutAdviceOptions, ReadoutReserverOptions, ReadoutSrcOptions, } from '../readout-list-item/readout-list-item.js';
+export { ReadoutAdviceCategory } from '../../building-blocks/readout-block/readout-block.js';
+export { ReadoutSourceState } from '../readout-list-item/readout-list-item.js';
+export type { ReadoutBlockState, ReadoutValueOptions, ReadoutSetpointOptions, ReadoutAdviceOptions, ReadoutLabelOptions, ReadoutReserverOptions, ReadoutSrcOptions, } from '../readout-list-item/readout-list-item.js';
 /**
  * Density/size scale of the readout (an alias of `ReadoutBlockSize`).
  * - `small`: regular value typography (smallest, densest).
@@ -40,6 +43,9 @@ export type ReadoutDataQuality = ReadoutBlockDataQuality;
  * How the setpoint segment behaves relative to the value (an alias of
  * `ReadoutListItemSetpointInteraction`).
  * - `always-visible` (default): the setpoint is always shown.
+ * - `equal-size`: value and setpoint are always shown at the same (primary)
+ *   size (Figma 6.1 "Equal size") — the value does not demote while
+ *   `touching`, unlike the other modes.
  * - `flip-flop`: value and setpoint swap emphasis (size) as the value reaches
  *   the setpoint.
  * - `pop-up`: the setpoint is shown only while the value has not reached it,
@@ -101,6 +107,11 @@ export declare enum ReadoutSourceInteraction {
 /**
  * Per-source options. Extends the shared per-block state (data quality, alert,
  * space reserver) with the readout's source interactivity.
+ *
+ * `state` and `deviation` apply to the plain (non-interactive) source only —
+ * the Figma 6.1 sheets do not define them on the picker / flyout buttons, so
+ * those branches render without a state chip or deviation line
+ * (TODO(designer): pending a design for interactive source states).
  */
 export interface ReadoutSourceOptions extends ReadoutSrcOptions {
     /** Interactivity of the source row (default `none`). */
@@ -154,6 +165,7 @@ export interface ReadoutSourceOptions extends ReadoutSrcOptions {
  * ### Slots
  * | Slot Name          | Renders When                          | Purpose                              |
  * |--------------------|---------------------------------------|--------------------------------------|
+ * | leading-icon       | `hasLeadingIcon`                      | Icon before the label/unit meta zone.|
  * | value-icon         | `valueOptions.hasIcon`                | Icon before the value.               |
  * | setpoint-icon      | `hasSetpoint`                         | Overrides the default setpoint icon. |
  * | advice-icon        | `hasAdvice`                           | Overrides the default advice icon.   |
@@ -162,6 +174,7 @@ export interface ReadoutSourceOptions extends ReadoutSrcOptions {
  * @fires {CustomEvent<{value: string, label?: string}>} source-change - Fired when a source picker option is selected.
  * @fires {CustomEvent<{src: string}>} source-flyout-click - Fired when the source row is clicked while `srcOptions.interaction == 'flyout'`.
  *
+ * @slot leading-icon - Icon before the label/unit meta zone.
  * @slot value-icon - Icon before the value.
  * @slot setpoint-icon - Overrides the default setpoint icon.
  * @slot advice-icon - Overrides the default advice icon.
@@ -199,6 +212,13 @@ export declare class ObcReadout extends LitElement {
     hasAdvice: boolean;
     /** @availableWhen hasAdvice==true */
     advice?: number;
+    /**
+     * Density tier. Applies to the vertical direction only — the horizontal
+     * arrangement exists in the large tier alone (Figma 6.1: it relies on the
+     * label+unit stack aligning with the L-size value caps), so `size` is
+     * ignored when `direction` is `horizontal`.
+     * @availableWhen direction==vertical
+     */
     size?: ReadoutSize;
     priority?: ReadoutPriority;
     direction?: ReadoutDirection;
@@ -206,9 +226,16 @@ export declare class ObcReadout extends LitElement {
     stacking?: ReadoutStacking;
     /** @availableWhen direction==vertical && stacking==stacked */
     alignment?: ReadoutAlignment;
+    /**
+     * Render the cap-height degree glyph (`°`) after the ACTUAL VALUE only —
+     * the setpoint / advice blocks never carry one (Figma 6.1 review: the unit
+     * is written once for the readout, and the degree follows the same rule).
+     */
     hasDegree: boolean;
     /** @availableWhen hasDegree==false */
     hasDegreeSpacer: boolean;
+    /** Show the `leading-icon` slot before the label/unit meta zone. */
+    hasLeadingIcon: boolean;
     /**
      * Also formats the numeric setpoint / advice blocks, which stay numeric
      * even when the value is text. Must be between 0 and 100 — the range
@@ -238,6 +265,8 @@ export declare class ObcReadout extends LitElement {
     setpointOptions?: ReadoutSetpointOptions;
     /** @availableWhen hasAdvice==true */
     adviceOptions?: ReadoutAdviceOptions;
+    /** @availableWhen label!='' */
+    labelOptions?: ReadoutLabelOptions;
     /** @availableWhen unit!='' */
     unitOptions?: ReadoutReserverOptions;
     /** @availableWhen src!='' */
@@ -277,6 +306,7 @@ export declare class ObcReadout extends LitElement {
     private get isAtSetpoint();
     private get resolvedSetpointInteraction();
     private get isFlipFlop();
+    private get isEqualSize();
     private get isPopUp();
     private get setpointTouching();
     /**
@@ -308,6 +338,22 @@ export declare class ObcReadout extends LitElement {
     private get setpointSize();
     /** Value font weight passes straight to obc-textbox; regular when unset. Colour is separate. */
     private get valueWeight();
+    /**
+     * Label size. The Figma 6.1 title block defaults large readouts to `s` — a
+     * scannable label should not sit at the smallest permitted size — while
+     * small/medium tiers stay `xs`; `labelOptions.size` overrides either way
+     * (per the design team, for context / density / secondary instruments).
+     * The `s` default was confirmed by the design team (2026-08-17).
+     * TODO(designer): the medium-tier default is unverified in the new sheets
+     * (only XS and S exist on the title's size axis).
+     */
+    private get labelSize();
+    /**
+     * Label weight: SemiBold only for enhanced (in-command) readouts, regular
+     * otherwise — the designer reduced the amount of semibold in the interface
+     * (Figma 6.1 review).
+     */
+    private get labelWeight();
     /** Setpoint is SemiBold only while emphasised, otherwise regular weight. */
     private get setpointWeight();
     private numericFormatOptions;
@@ -359,7 +405,21 @@ export declare class ObcReadout extends LitElement {
     /** The label/unit meta zone; `stacking` picks the inline or stacked arrangement. */
     private renderMetaZone;
     private renderSourceContent;
-    /** The source row (vertical) / segment (horizontal), with its auto divider. */
+    /**
+     * The plain (non-interactive) source: the textbox plus its optional state
+     * chip and deviation line. The regular no-deviation case renders the bare
+     * textbox — the pre-6.1 output; a state or deviation wraps it in the
+     * `.source-block` stack. The picker / flyout button variants do not carry
+     * state / deviation yet — TODO(designer): undefined in the 6.1 sheets.
+     */
+    private renderSourceBlock;
+    /**
+     * The source row (vertical) / segment (horizontal). Only the horizontal
+     * direction draws an auto divider before the source — the Figma 6.1 review
+     * (node 95:24490 "remove dividers", 95:26891 "Source-divider are there")
+     * keeps the vertical source row divider-free while the horizontal flow
+     * separates the source with a vertical rule.
+     */
     private renderSource;
     private getSourcePickerNavigationItems;
     private createSourcePickerOptionIcon;

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

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

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

@@ -4,17 +4,18 @@ import { classMap } from "lit/directives/class-map.js";
 import componentStyle from "./readout.css.js";
 import { customElement } from "../../decorator.js";
 import { ObcTextboxFontWeight, ObcTextboxSize } from "../../components/textbox/textbox.js";
-import { ReadoutBlockHidePhase, ReadoutBlockSize, ReadoutBlockVariant, ReadoutBlockDataQuality } from "../../building-blocks/readout-block/readout-block.js";
-import { ReadoutListItemSetpointInteraction } from "../readout-list-item/readout-list-item.js";
+import { ReadoutBlockHidePhase, ReadoutBlockSize, ReadoutBlockVariant, ReadoutAdviceCategory, ReadoutBlockDataQuality } from "../../building-blocks/readout-block/readout-block.js";
+import { ReadoutListItemSetpointInteraction, ReadoutSourceState } from "../readout-list-item/readout-list-item.js";
 import { Priority } from "../types.js";
 import { ReadoutValueType, resolveReadoutDigitCount, isReadoutDigitCountMissing, resolveReadoutNumericValue, assertReadoutValueType, assertReadoutFractionDigits } from "./readout-formatters.js";
-import { isDisplayedAtSetpoint, readoutPrimarySize, readoutSecondarySize, readoutSetpointWeight, readoutNumericFormatOptions, readoutDataQualityClasses, resolveSetpointHidePhase } from "./readout-shared.js";
+import { isDisplayedAtSetpoint, readoutPrimarySize, readoutSecondarySize, readoutValueSize, readoutSetpointSize, readoutSetpointWeight, readoutNumericFormatOptions, readoutDataQualityClasses, resolveSetpointHidePhase } from "./readout-shared.js";
 import { wrapWithAlertFrame, ObcAlertFrameThickness, ObcAlertFrameType, ObcAlertFrameMode } from "../../components/alert-frame/alert-frame.js";
 import { AlertType } from "../../types.js";
 import "../../components/button/button.js";
 import { ContextMenuType } from "../../components/context-menu-input/context-menu-input.js";
 import "../../icons/icon-chevron-right-google.js";
 import "../../icons/icon-drop-down-google.js";
+import "../../icons/icon-delta.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -63,6 +64,7 @@ let ObcReadout = class extends LitElement {
     this.hasAdvice = false;
     this.hasDegree = false;
     this.hasDegreeSpacer = false;
+    this.hasLeadingIcon = false;
     this.fractionDigits = 0;
     this.maxDigits = 0;
     this.alert = false;
@@ -97,6 +99,9 @@ let ObcReadout = class extends LitElement {
     };
   }
   get resolvedSize() {
+    if (this.isHorizontal) {
+      return ReadoutSize.large;
+    }
     return this.size ?? ReadoutSize.small;
   }
   get resolvedPriority() {
@@ -155,6 +160,9 @@ let ObcReadout = class extends LitElement {
   get isFlipFlop() {
     return this.resolvedSetpointInteraction === ReadoutSetpointInteraction.flipFlop;
   }
+  get isEqualSize() {
+    return this.resolvedSetpointInteraction === ReadoutSetpointInteraction.equalSize;
+  }
   get isPopUp() {
     return this.resolvedSetpointInteraction === ReadoutSetpointInteraction.popUp;
   }
@@ -203,18 +211,45 @@ let ObcReadout = class extends LitElement {
     return readoutSecondarySize(this.resolvedSize);
   }
   get valueSize() {
-    if (this.isSetpointEmphasized) {
-      return this.secondarySize;
-    }
-    return this.primarySize;
+    return readoutValueSize({
+      primary: this.primarySize,
+      secondary: this.secondarySize,
+      setpointEmphasized: this.isSetpointEmphasized,
+      equalSize: this.isEqualSize
+    });
   }
   get setpointSize() {
-    return this.isSetpointEmphasized ? this.primarySize : this.secondarySize;
+    return readoutSetpointSize({
+      primary: this.primarySize,
+      secondary: this.secondarySize,
+      emphasized: this.isSetpointEmphasized,
+      equalSize: this.isEqualSize
+    });
   }
   /** Value font weight passes straight to obc-textbox; regular when unset. Colour is separate. */
   get valueWeight() {
     return this.valueOptions?.weight ?? ObcTextboxFontWeight.regular;
   }
+  /**
+   * Label size. The Figma 6.1 title block defaults large readouts to `s` — a
+   * scannable label should not sit at the smallest permitted size — while
+   * small/medium tiers stay `xs`; `labelOptions.size` overrides either way
+   * (per the design team, for context / density / secondary instruments).
+   * The `s` default was confirmed by the design team (2026-08-17).
+   * TODO(designer): the medium-tier default is unverified in the new sheets
+   * (only XS and S exist on the title's size axis).
+   */
+  get labelSize() {
+    return this.labelOptions?.size ?? (this.resolvedSize === ReadoutSize.large ? ObcTextboxSize.s : ObcTextboxSize.xs);
+  }
+  /**
+   * Label weight: SemiBold only for enhanced (in-command) readouts, regular
+   * otherwise — the designer reduced the amount of semibold in the interface
+   * (Figma 6.1 review).
+   */
+  get labelWeight() {
+    return this.rowEnhanced ? ObcTextboxFontWeight.semibold : ObcTextboxFontWeight.regular;
+  }
   /** Setpoint is SemiBold only while emphasised, otherwise regular weight. */
   get setpointWeight() {
     return readoutSetpointWeight(this.isSetpointEmphasized);
@@ -263,6 +298,8 @@ let ObcReadout = class extends LitElement {
         .hidePhase=${config.hidePhase ?? ReadoutBlockHidePhase.none}
         .dataQuality=${config.dataQuality}
         .alert=${config.alert ?? false}
+        .category=${config.category ?? ReadoutAdviceCategory.regular}
+        .active=${config.active ?? false}
       >
         ${config.ghost ? nothing : this.renderForwardedIcon(config.variant)}
       </obc-readout-block>
@@ -311,7 +348,8 @@ let ObcReadout = class extends LitElement {
     return nothing;
   }
   renderTextbox(role, text, reserver, blockState) {
-    const weight = role === "label" ? ObcTextboxFontWeight.semibold : ObcTextboxFontWeight.regular;
+    const weight = role === "label" ? this.labelWeight : ObcTextboxFontWeight.regular;
+    const size = role === "label" ? this.labelSize : ObcTextboxSize.xs;
     const box = html`
       <obc-textbox
         class=${classMap({
@@ -319,7 +357,7 @@ let ObcReadout = class extends LitElement {
       ...this.dataQualityClasses(blockState?.dataQuality)
     })}
         part=${role}
-        .size=${ObcTextboxSize.xs}
+        .size=${size}
         .fontWeight=${weight}
         alignment="left"
       >
@@ -336,6 +374,11 @@ let ObcReadout = class extends LitElement {
       this.deferredSetpointHidePhase
     );
   }
+  // `hasDegree` is deliberately NOT forwarded to the advice / setpoint blocks:
+  // the degree glyph renders on the actual value only (Figma 6.1 review,
+  // 2026-08-18) — the unit is written once for the whole readout, and the
+  // degree follows the same rule; the setpoint / advice implicitly share it.
+  // `obc-readout-list-item` keeps its own per-row convention.
   renderAdviceBlock() {
     return this.renderBlock({
       variant: ReadoutBlockVariant.advice,
@@ -345,9 +388,10 @@ let ObcReadout = class extends LitElement {
       weight: ObcTextboxFontWeight.regular,
       hintedZeros: this.adviceOptions?.hintedZeros ?? false,
       spaceReserver: this.adviceOptions?.spaceReserver,
-      hasDegree: this.hasDegree ?? false,
       dataQuality: this.adviceOptions?.dataQuality,
-      alert: this.adviceOptions?.alert
+      alert: this.adviceOptions?.alert,
+      category: this.adviceOptions?.category,
+      active: this.adviceOptions?.active
     });
   }
   renderSetpointBlock() {
@@ -361,7 +405,6 @@ let ObcReadout = class extends LitElement {
       weight: this.setpointWeight,
       hintedZeros: this.setpointOptions?.hintedZeros ?? false,
       spaceReserver: this.setpointOptions?.spaceReserver,
-      hasDegree: this.hasDegree ?? false,
       touching: this.setpointTouching,
       hidePhase: this.setpointHidePhase,
       dataQuality: this.setpointOptions?.dataQuality,
@@ -455,12 +498,21 @@ let ObcReadout = class extends LitElement {
     })}
         part="meta-wrapper"
       >
-        ${this.label ? this.renderTextbox("label", this.label) : nothing}
-        ${this.unit ? this.renderTextbox(
+        ${this.hasLeadingIcon ? html`<span class="leading-icon" aria-hidden="true"
+              ><slot name="leading-icon"></slot
+            ></span>` : nothing}
+        <div class="meta-labels" part="meta-labels">
+          ${this.label ? this.renderTextbox(
+      "label",
+      this.label,
+      this.labelOptions?.spaceReserver
+    ) : nothing}
+          ${this.unit ? this.renderTextbox(
       "unit",
       this.unit,
       this.unitOptions?.spaceReserver
     ) : nothing}
+        </div>
       </div>
     `;
   }
@@ -513,28 +565,67 @@ let ObcReadout = class extends LitElement {
       `;
       return wrapWithAlertFrame(this.srcOptions?.alert ?? false, button);
     }
-    return this.renderTextbox(
+    return this.renderSourceBlock(src);
+  }
+  /**
+   * The plain (non-interactive) source: the textbox plus its optional state
+   * chip and deviation line. The regular no-deviation case renders the bare
+   * textbox — the pre-6.1 output; a state or deviation wraps it in the
+   * `.source-block` stack. The picker / flyout button variants do not carry
+   * state / deviation yet — TODO(designer): undefined in the 6.1 sheets.
+   */
+  renderSourceBlock(src) {
+    const state2 = this.srcOptions?.state ?? ReadoutSourceState.regular;
+    const deviation = this.srcOptions?.deviation;
+    const hasDeviation = deviation !== void 0 && Number.isFinite(deviation);
+    const box = this.renderTextbox(
       "source",
       src,
       this.srcOptions?.spaceReserver,
       this.srcOptions
     );
+    if (state2 === ReadoutSourceState.regular && !hasDeviation) {
+      return box;
+    }
+    return html`
+      <div
+        class=${classMap({
+      "source-block": true,
+      [`source-state-${state2}`]: state2 !== ReadoutSourceState.regular
+    })}
+        part="source-block"
+      >
+        ${box}
+        ${hasDeviation ? html`<span class="source-deviation">
+              <obi-delta aria-hidden="true"></obi-delta>
+              <obc-textbox
+                class="source-deviation-value"
+                .size=${ObcTextboxSize.xs}
+                .tabularNums=${true}
+                alignment="left"
+                >${deviation}</obc-textbox
+              >
+            </span>` : nothing}
+      </div>
+    `;
   }
-  /** The source row (vertical) / segment (horizontal), with its auto divider. */
+  /**
+   * The source row (vertical) / segment (horizontal). Only the horizontal
+   * direction draws an auto divider before the source — the Figma 6.1 review
+   * (node 95:24490 "remove dividers", 95:26891 "Source-divider are there")
+   * keeps the vertical source row divider-free while the horizontal flow
+   * separates the source with a vertical rule.
+   */
   renderSource() {
     if (!this.hasSrc) {
       return nothing;
     }
     return html`
-      <div
-        class=${classMap({
-      divider: true,
-      "divider-horizontal": !this.isHorizontal,
-      "divider-vertical": this.isHorizontal
-    })}
-        part="divider"
-        aria-hidden="true"
-      ></div>
+      ${this.isHorizontal ? html`<div
+            class="divider divider-vertical"
+            part="divider"
+            aria-hidden="true"
+          ></div>` : nothing}
       <div class="source-row" part="source-wrapper">
         ${this.renderSourceContent()}
       </div>
@@ -657,10 +748,11 @@ let ObcReadout = class extends LitElement {
       valueSize: this.primarySize,
       enhanced: false,
       // The emphasised setpoint is SemiBold — reserve its widest form.
+      // No degree: the visible setpoint block carries none (the degree
+      // renders on the actual value only), so the ghost mirrors it.
       weight: ObcTextboxFontWeight.semibold,
       hintedZeros: this.setpointOptions?.hintedZeros ?? false,
       spaceReserver: this.setpointOptions?.spaceReserver,
-      hasDegree: this.hasDegree ?? false,
       alert: this.setpointOptions?.alert,
       ghost: true
     }) : html`${this.renderBlock({
@@ -866,6 +958,9 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean })
 ], ObcReadout.prototype, "hasDegreeSpacer", 2);
+__decorateClass([
+  property({ type: Boolean })
+], ObcReadout.prototype, "hasLeadingIcon", 2);
 __decorateClass([
   property({ type: Number })
 ], ObcReadout.prototype, "fractionDigits", 2);
@@ -887,6 +982,9 @@ __decorateClass([
 __decorateClass([
   property({ type: Object })
 ], ObcReadout.prototype, "adviceOptions", 2);
+__decorateClass([
+  property({ type: Object })
+], ObcReadout.prototype, "labelOptions", 2);
 __decorateClass([
   property({ type: Object })
 ], ObcReadout.prototype, "unitOptions", 2);
@@ -914,6 +1012,7 @@ ObcReadout = __decorateClass([
 export {
   ObcReadout,
   ObcTextboxFontWeight,
+  ReadoutAdviceCategory,
   ReadoutAlignment,
   ReadoutDataQuality,
   ReadoutDirection,
@@ -921,6 +1020,7 @@ export {
   ReadoutSetpointInteraction,
   ReadoutSize,
   ReadoutSourceInteraction,
+  ReadoutSourceState,
   ReadoutStacking,
   ReadoutValueType
 };