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

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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"}

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

@@ -1,12 +1,11 @@
-import { unsafeCSS, LitElement, nothing, html } from "lit";
+import { unsafeCSS, LitElement, html, nothing } from "lit";
 import { property, state } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
 import componentStyle from "./readout-list-item.css.js";
 import { customElement } from "../../decorator.js";
 import { ObcTextboxSize, ObcTextboxFontWeight } from "../../components/textbox/textbox.js";
-import "../../icons/icon-input-right.js";
-import "../../icons/icon-notification-advice.js";
-import { formatNumericValue, getHintZeros } from "../readout/readout-formatters.js";
+import { ReadoutBlockSize, ReadoutBlockDataQuality, ReadoutBlockVariant, ReadoutBlockHidePhase } from "../../building-blocks/readout-block/readout-block.js";
+import { formatNumericValue } from "../readout/readout-formatters.js";
 import { wrapWithAlertFrame } from "../../components/alert-frame/alert-frame.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -18,12 +17,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (kind && result) __defProp(target, key, result);
   return result;
 };
-var ReadoutListItemSize = /* @__PURE__ */ ((ReadoutListItemSize2) => {
-  ReadoutListItemSize2["small"] = "small";
-  ReadoutListItemSize2["medium"] = "medium";
-  ReadoutListItemSize2["large"] = "large";
-  return ReadoutListItemSize2;
-})(ReadoutListItemSize || {});
+const ReadoutListItemSize = ReadoutBlockSize;
 var ReadoutListItemStacking = /* @__PURE__ */ ((ReadoutListItemStacking2) => {
   ReadoutListItemStacking2["trailingUnit"] = "trailing-unit";
   ReadoutListItemStacking2["leadingUnit"] = "leading-unit";
@@ -35,11 +29,7 @@ var ReadoutListItemPriority = /* @__PURE__ */ ((ReadoutListItemPriority2) => {
   ReadoutListItemPriority2["enhanced"] = "enhanced";
   return ReadoutListItemPriority2;
 })(ReadoutListItemPriority || {});
-var ReadoutListItemDataQuality = /* @__PURE__ */ ((ReadoutListItemDataQuality2) => {
-  ReadoutListItemDataQuality2["lowIntegrity"] = "low-integrity";
-  ReadoutListItemDataQuality2["invalid"] = "invalid";
-  return ReadoutListItemDataQuality2;
-})(ReadoutListItemDataQuality || {});
+const ReadoutListItemDataQuality = ReadoutBlockDataQuality;
 var ReadoutListItemBorder = /* @__PURE__ */ ((ReadoutListItemBorder2) => {
   ReadoutListItemBorder2["squared"] = "squared";
   ReadoutListItemBorder2["round"] = "round";
@@ -58,6 +48,7 @@ let ObcReadoutListItem = class extends LitElement {
     this.hasValue = true;
     this.value = null;
     this.off = false;
+    this.offText = "OFF";
     this.hasSetpoint = false;
     this.hasAdvice = false;
     this.clickable = false;
@@ -67,11 +58,12 @@ let ObcReadoutListItem = class extends LitElement {
     this.fractionDigits = 0;
     this.maxDigits = 0;
     this.alert = false;
+    this.showDebugOverlay = false;
     this.deferredSetpointHidePhase = "none";
     this.hasCompletedFirstUpdate = false;
   }
   get resolvedSize() {
-    return this.size ?? "small";
+    return this.size ?? ReadoutListItemSize.small;
   }
   get resolvedStacking() {
     return this.stacking ?? "trailing-unit";
@@ -147,9 +139,9 @@ let ObcReadoutListItem = class extends LitElement {
   /** Primary value-typography size for the current density tier. */
   get primarySize() {
     switch (this.resolvedSize) {
-      case "large":
+      case ReadoutListItemSize.large:
         return ObcTextboxSize.l;
-      case "medium":
+      case ReadoutListItemSize.medium:
         return ObcTextboxSize.m;
       default:
         return ObcTextboxSize.s;
@@ -158,9 +150,9 @@ let ObcReadoutListItem = class extends LitElement {
   /** Secondary (de-emphasised) value-typography size for the current density tier. */
   get secondarySize() {
     switch (this.resolvedSize) {
-      case "large":
+      case ReadoutListItemSize.large:
         return ObcTextboxSize.s;
-      case "medium":
+      case ReadoutListItemSize.medium:
         return ObcTextboxSize.s;
       default:
         return ObcTextboxSize.xs;
@@ -190,101 +182,53 @@ let ObcReadoutListItem = class extends LitElement {
       fractionDigits: this.resolvedFractionDigits
     };
   }
-  /** Widest possible value string for width reservation (e.g. `"000.0"`). */
-  get reserverText() {
-    const maxDigits = this.resolvedMaxDigits;
-    if (maxDigits <= 0) {
-      return "";
-    }
-    const fractionDigits = this.resolvedFractionDigits;
-    const integer = "0".repeat(Math.max(maxDigits, 1));
-    return fractionDigits > 0 ? `${integer}.${"0".repeat(fractionDigits)}` : integer;
-  }
-  /**
-   * 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.
-   */
-  widerReserver(explicit, derived) {
-    if (!explicit) {
-      return derived;
-    }
-    if (!derived) {
-      return explicit;
-    }
-    return explicit.length >= derived.length ? explicit : derived;
-  }
   /** classMap fragment for a block / source carrying per-block data quality. */
   dataQualityClasses(dataQuality) {
     return {
-      "data-low-integrity": dataQuality === "low-integrity",
-      "data-invalid": dataQuality === "invalid"
-      /* invalid */
+      "data-low-integrity": dataQuality === ReadoutListItemDataQuality.lowIntegrity,
+      "data-invalid": dataQuality === ReadoutListItemDataQuality.invalid
     };
   }
-  renderIcon(role) {
-    if (role === "value") {
-      if (!this.valueOptions?.hasIcon) {
-        return nothing;
-      }
-      return html`<span class="block-icon" aria-hidden="true"
-        ><slot name="value-icon"></slot
-      ></span>`;
+  /**
+   * 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).
+   */
+  renderForwardedIcon(variant) {
+    if (variant === ReadoutBlockVariant.setpoint) {
+      return html`<slot name="setpoint-icon" slot="icon"></slot>`;
     }
-    if (role === "setpoint") {
-      return html`<span class="block-icon" aria-hidden="true">
-        <slot name="setpoint-icon"><obi-input-right></obi-input-right></slot>
-      </span>`;
+    if (variant === ReadoutBlockVariant.advice) {
+      return html`<slot name="advice-icon" slot="icon"></slot>`;
     }
-    return html`<span class="block-icon" aria-hidden="true">
-      <slot name="advice-icon"
-        ><obi-notification-advice></obi-notification-advice
-      ></slot>
-    </span>`;
+    return html`<slot name="value-icon" slot="icon"></slot>`;
   }
   renderBlock(config) {
-    const formatOptions = this.numericFormatOptions(this.resolvedMaxDigits);
-    const valueForFormat = config.value ?? void 0;
-    const text = config.off ? "OFF" : formatNumericValue(valueForFormat, formatOptions);
-    const hinted = config.off || !config.hintedZeros ? "" : getHintZeros(valueForFormat, {
-      ...formatOptions,
-      minValueLength: formatOptions.minValueLength + formatOptions.fractionDigits
-    });
-    const reserver = this.widerReserver(
-      config.spaceReserver,
-      this.reserverText
-    );
-    const block = html`
-      <div
-        class=${classMap({
-      block: true,
-      [`block-${config.role}`]: true,
-      "tone-enhanced": config.enhanced,
-      ...this.dataQualityClasses(config.dataQuality),
-      ...config.extraClasses ?? {}
-    })}
-        part="block block-${config.role}"
+    return html`
+      <obc-readout-block
+        exportparts="block, block-content, block-text, block-icon, degree"
+        .variant=${config.variant}
+        .value=${config.value ?? null}
+        .size=${this.resolvedSize}
+        .valueSize=${config.valueSize}
+        .enhanced=${config.enhanced}
+        .weight=${config.weight}
+        .hasDegree=${config.hasDegree ?? false}
+        .hasIcon=${config.hasIcon ?? false}
+        .fractionDigits=${this.resolvedFractionDigits}
+        .maxDigits=${this.resolvedMaxDigits}
+        .hintedZeros=${config.hintedZeros}
+        .spaceReserver=${config.spaceReserver}
+        .off=${config.off ?? false}
+        .offText=${this.offText}
+        .touching=${config.touching ?? false}
+        .hidePhase=${config.hidePhase ?? ReadoutBlockHidePhase.none}
+        .dataQuality=${config.dataQuality}
+        .alert=${config.alert ?? false}
       >
-        ${this.renderIcon(config.role)}
-        <span class="block-content">
-          <obc-textbox
-            class="block-text"
-            .size=${config.size}
-            .fontWeight=${config.weight}
-            .tabularNums=${true}
-          >
-            ${hinted ? html`<span class="hinted-zero" aria-hidden="true"
-                  >${hinted}</span
-                >` : nothing}${text}
-            ${reserver ? html`<span slot="length">${reserver}</span>` : nothing}
-          </obc-textbox>
-          ${config.hasDegree ? this.renderDegreeGlyph(config.size, { inherit: true }) : nothing}
-        </span>
-      </div>
+        ${this.renderForwardedIcon(config.variant)}
+      </obc-readout-block>
     `;
-    return wrapWithAlertFrame(config.alert ?? false, block);
   }
   /**
    * A cap-height `°` column whose width scales with the value size. Used after
@@ -386,17 +330,13 @@ let ObcReadoutListItem = class extends LitElement {
   }
   renderValueCluster() {
     const popUpAtSetpoint = this.isPopUp && this.isAtSetpoint && !this.setpointTouching;
-    const setpointExtraClasses = {
-      "is-hiding": popUpAtSetpoint && this.deferredSetpointHidePhase === "hiding",
-      "is-hidden": popUpAtSetpoint && this.deferredSetpointHidePhase === "hidden",
-      touching: this.setpointTouching
-    };
+    const setpointHidePhase = !popUpAtSetpoint ? ReadoutBlockHidePhase.none : this.deferredSetpointHidePhase === "hiding" ? ReadoutBlockHidePhase.hiding : this.deferredSetpointHidePhase === "hidden" ? ReadoutBlockHidePhase.hidden : ReadoutBlockHidePhase.none;
     return html`
       <div class="value-cluster" part="value-cluster">
         ${this.hasAdvice ? this.renderBlock({
-      role: "advice",
+      variant: ReadoutBlockVariant.advice,
       value: this.advice,
-      size: this.secondarySize,
+      valueSize: this.secondarySize,
       enhanced: false,
       weight: ObcTextboxFontWeight.regular,
       hintedZeros: this.adviceOptions?.hintedZeros ?? false,
@@ -406,9 +346,9 @@ let ObcReadoutListItem = class extends LitElement {
       alert: this.adviceOptions?.alert
     }) : nothing}
         ${this.hasSetpoint ? this.renderBlock({
-      role: "setpoint",
+      variant: ReadoutBlockVariant.setpoint,
       value: this.setpoint,
-      size: this.setpointSize,
+      valueSize: this.setpointSize,
       // Value and setpoint share the enhanced colour state (both neutral
       // or both enhanced); the setpoint is bold only while emphasised.
       enhanced: this.rowEnhanced,
@@ -416,19 +356,21 @@ let ObcReadoutListItem = class extends LitElement {
       hintedZeros: this.setpointOptions?.hintedZeros ?? false,
       spaceReserver: this.setpointOptions?.spaceReserver,
       hasDegree: this.hasDegree ?? false,
-      extraClasses: setpointExtraClasses,
+      touching: this.setpointTouching,
+      hidePhase: setpointHidePhase,
       dataQuality: this.setpointOptions?.dataQuality,
       alert: this.setpointOptions?.alert
     }) : nothing}
         ${this.hasValue ? this.renderBlock({
-      role: "value",
+      variant: ReadoutBlockVariant.value,
       value: this.value,
-      size: this.valueSize,
+      valueSize: this.valueSize,
       enhanced: this.rowEnhanced,
       weight: this.valueWeight,
       hintedZeros: this.valueOptions?.hintedZeros ?? false,
       spaceReserver: this.valueOptions?.spaceReserver,
       off: this.off,
+      hasIcon: this.valueOptions?.hasIcon ?? false,
       dataQuality: this.valueOptions?.dataQuality,
       alert: this.valueOptions?.alert
     }) : nothing}
@@ -549,8 +491,8 @@ let ObcReadoutListItem = class extends LitElement {
       [`size-${this.resolvedSize}`]: true,
       [`stacking-${this.resolvedStacking}`]: true,
       [`priority-${this.resolvedPriority}`]: true,
-      "data-low-integrity": dataQuality === "low-integrity",
-      "data-invalid": dataQuality === "invalid",
+      "data-low-integrity": dataQuality === ReadoutListItemDataQuality.lowIntegrity,
+      "data-invalid": dataQuality === ReadoutListItemDataQuality.invalid,
       "flip-flop": this.isFlipFlop,
       clickable: Boolean(clickable),
       [`border-${clickable ? clickable.border : "squared"}`]: Boolean(clickable)
@@ -584,6 +526,9 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean })
 ], ObcReadoutListItem.prototype, "off", 2);
+__decorateClass([
+  property({ type: String })
+], ObcReadoutListItem.prototype, "offText", 2);
 __decorateClass([
   property({ type: Boolean })
 ], ObcReadoutListItem.prototype, "hasSetpoint", 2);
@@ -644,6 +589,9 @@ __decorateClass([
 __decorateClass([
   property({ type: Object })
 ], ObcReadoutListItem.prototype, "srcOptions", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], ObcReadoutListItem.prototype, "showDebugOverlay", 2);
 __decorateClass([
   state()
 ], ObcReadoutListItem.prototype, "deferredSetpointHidePhase", 2);