@oicl/openbridge-webcomponents 2.0.0-next.112 → 2.0.0-next.113

package/bundle/openbridge-webcomponents.bundle.js

@@ -57248,6 +57248,55 @@ __decorateClass$v_([
 ObiNotificationAdvice = __decorateClass$v_([
   customElement("obi-notification-advice")
 ], ObiNotificationAdvice);
+var ReadoutValueType = /* @__PURE__ */ ((ReadoutValueType2) => {
+  ReadoutValueType2["number"] = "number";
+  ReadoutValueType2["text"] = "text";
+  return ReadoutValueType2;
+})(ReadoutValueType || {});
+const READOUT_VALUE_TYPES = Object.values(ReadoutValueType);
+function isReadoutValueType(value) {
+  return typeof value === "string" && READOUT_VALUE_TYPES.includes(value);
+}
+function isBlank(value) {
+  return value.trim() === "";
+}
+function assertReadoutValueType(tagName, value, valueType) {
+  const resolved = valueType ?? "number";
+  if (!isReadoutValueType(resolved)) {
+    throw new TypeError(
+      `<${tagName}>: valueType must be ${READOUT_VALUE_TYPES.map((t2) => `"${t2}"`).join(" or ")} (got ${JSON.stringify(valueType)}).`
+    );
+  }
+  if (resolved !== "number" || typeof value !== "string" || isBlank(value)) {
+    return;
+  }
+  if (Number.isFinite(Number(value))) {
+    return;
+  }
+  throw new TypeError(
+    `<${tagName}>: value must be a number when valueType is "number" (got ${JSON.stringify(value)}). Set valueType="text" to render text.`
+  );
+}
+function resolveReadoutNumericValue(value, valueType) {
+  if (valueType === "text" || value === null || value === void 0) {
+    return void 0;
+  }
+  if (typeof value === "number") {
+    return value;
+  }
+  if (isBlank(value)) {
+    return void 0;
+  }
+  const parsed = Number(value);
+  return Number.isFinite(parsed) ? parsed : void 0;
+}
+function resolveReadoutTextValue(value, valueType) {
+  if (valueType !== "text" || value === null || value === void 0) {
+    return void 0;
+  }
+  const text = typeof value === "number" ? String(value) : value;
+  return isBlank(text) ? void 0 : text;
+}
 function dashedGenerator({
   showZeroPadding,
   minValueLength,
@@ -57313,6 +57362,7 @@ let ObcReadoutBlock = class extends i$4 {
     super(...arguments);
     this.variant = "value";
     this.value = null;
+    this.valueType = ReadoutValueType.number;
     this.size = "small";
     this.enhanced = false;
     this.weight = ObcTextboxFontWeight.regular;
@@ -57419,14 +57469,23 @@ let ObcReadoutBlock = class extends i$4 {
       </span>
     `;
   }
+  willUpdate(changed) {
+    super.willUpdate(changed);
+    assertReadoutValueType("obc-readout-block", this.value, this.valueType);
+  }
   render() {
     const valueSize = this.resolvedValueSize;
     const formatOptions = this.numericFormatOptions;
-    const valueForFormat = this.value ?? void 0;
-    const text = this.off ? this.offText : formatNumericValue(valueForFormat, formatOptions);
-    const hintCount = this.off || !this.hintedZeros || valueForFormat === void 0 || valueForFormat < 0 ? 0 : Math.max(this.maxDigits - readoutFormattedInteger(text), 0);
+    const isTextMode = this.valueType === ReadoutValueType.text;
+    const valueForFormat = resolveReadoutNumericValue(
+      this.value,
+      this.valueType
+    );
+    const textValue = resolveReadoutTextValue(this.value, this.valueType);
+    const text = this.off ? this.offText : isTextMode ? textValue ?? "-" : formatNumericValue(valueForFormat, formatOptions);
+    const hintCount = this.off || isTextMode || !this.hintedZeros || valueForFormat === void 0 || valueForFormat < 0 ? 0 : Math.max(this.maxDigits - readoutFormattedInteger(text), 0);
     const hinted = hintCount > 0 ? "0".repeat(hintCount) : "";
-    const reserver = this.hintedZeros ? this.reserverText : this.widerReserver(this.spaceReserver, this.reserverText);
+    const reserver = isTextMode ? this.spaceReserver ?? "" : this.hintedZeros ? this.reserverText : this.widerReserver(this.spaceReserver, this.reserverText);
     const block = b`
       <div
         class=${e$1({
@@ -57468,8 +57527,11 @@ __decorateClass$vZ([
   n$3({ type: String })
 ], ObcReadoutBlock.prototype, "variant", 2);
 __decorateClass$vZ([
-  n$3({ type: Number })
+  n$3({ type: String })
 ], ObcReadoutBlock.prototype, "value", 2);
+__decorateClass$vZ([
+  n$3({ type: String })
+], ObcReadoutBlock.prototype, "valueType", 2);
 __decorateClass$vZ([
   n$3({ type: String })
 ], ObcReadoutBlock.prototype, "size", 2);
@@ -59003,6 +59065,7 @@ let ObcReadoutListItem = class extends i$4 {
     super(...arguments);
     this.hasValue = true;
     this.value = null;
+    this.valueType = ReadoutValueType.number;
     this.off = false;
     this.offText = "OFF";
     this.hasSetpoint = false;
@@ -59054,7 +59117,7 @@ let ObcReadoutListItem = class extends i$4 {
       return false;
     }
     return isDisplayedAtSetpoint(
-      this.value,
+      resolveReadoutNumericValue(this.value, this.valueType) ?? null,
       this.setpoint,
       this.numericFormatOptions(this.resolvedMaxDigits)
     );
@@ -59147,6 +59210,7 @@ let ObcReadoutListItem = class extends i$4 {
         exportparts="block, block-content, block-text, block-icon, degree"
         .variant=${config.variant}
         .value=${config.value ?? null}
+        .valueType=${config.valueType ?? ReadoutValueType.number}
         .size=${this.resolvedSize}
         .valueSize=${config.valueSize}
         .enhanced=${config.enhanced}
@@ -59332,6 +59396,7 @@ let ObcReadoutListItem = class extends i$4 {
         ${this.hasValue ? this.renderBlock({
       variant: ReadoutBlockVariant.value,
       value: this.value,
+      valueType: this.valueType,
       valueSize: this.valueSize,
       enhanced: this.rowEnhanced,
       weight: this.valueWeight,
@@ -59447,6 +59512,10 @@ let ObcReadoutListItem = class extends i$4 {
       </div>
     `;
   }
+  willUpdate(changed) {
+    super.willUpdate(changed);
+    assertReadoutValueType("obc-readout-list-item", this.value, this.valueType);
+  }
   updated(changed) {
     super.updated(changed);
     const firstUpdate = !this.hasCompletedFirstUpdate;
@@ -59527,8 +59596,11 @@ __decorateClass$vY([
   n$3({ type: Boolean, attribute: false })
 ], ObcReadoutListItem.prototype, "hasValue", 2);
 __decorateClass$vY([
-  n$3({ type: Number })
+  n$3({ type: String })
 ], ObcReadoutListItem.prototype, "value", 2);
+__decorateClass$vY([
+  n$3({ type: String })
+], ObcReadoutListItem.prototype, "valueType", 2);
 __decorateClass$vY([
   n$3({ type: Boolean })
 ], ObcReadoutListItem.prototype, "off", 2);
@@ -64177,6 +64249,7 @@ let ObcReadout = class extends i$4 {
     super(...arguments);
     this.hasValue = true;
     this.value = null;
+    this.valueType = ReadoutValueType.number;
     this.off = false;
     this.offText = "OFF";
     this.hasSetpoint = false;
@@ -64251,7 +64324,7 @@ let ObcReadout = class extends i$4 {
       return false;
     }
     return isDisplayedAtSetpoint(
-      this.value,
+      resolveReadoutNumericValue(this.value, this.valueType) ?? null,
       this.setpoint,
       this.numericFormatOptions(this.resolvedMaxDigits)
     );
@@ -64353,6 +64426,7 @@ let ObcReadout = class extends i$4 {
         exportparts="block, block-content, block-text, block-icon, degree"
         .variant=${config.variant}
         .value=${config.value ?? null}
+        .valueType=${config.valueType ?? ReadoutValueType.number}
         .size=${this.resolvedSize}
         .valueSize=${config.valueSize}
         .enhanced=${config.enhanced}
@@ -64493,6 +64567,7 @@ let ObcReadout = class extends i$4 {
         ${this.renderBlock({
       variant: ReadoutBlockVariant.value,
       value: this.value,
+      valueType: this.valueType,
       valueSize: this.valueSize,
       enhanced: this.rowEnhanced,
       weight: this.valueWeight,
@@ -64771,6 +64846,7 @@ let ObcReadout = class extends i$4 {
     }) : b`${this.renderBlock({
       variant: ReadoutBlockVariant.value,
       value: this.value,
+      valueType: this.valueType,
       valueSize: this.primarySize,
       enhanced: false,
       weight: this.valueWeight,
@@ -64828,6 +64904,10 @@ let ObcReadout = class extends i$4 {
       </div>
     `;
   }
+  willUpdate(changed) {
+    super.willUpdate(changed);
+    assertReadoutValueType("obc-readout", this.value, this.valueType);
+  }
   updated(changed) {
     super.updated(changed);
     if (changed.has("sourcePickerContentVisible")) {
@@ -64921,8 +65001,11 @@ __decorateClass$vH([
   n$3({ type: Boolean, attribute: false })
 ], ObcReadout.prototype, "hasValue", 2);
 __decorateClass$vH([
-  n$3({ type: Number })
+  n$3({ type: String })
 ], ObcReadout.prototype, "value", 2);
+__decorateClass$vH([
+  n$3({ type: String })
+], ObcReadout.prototype, "valueType", 2);
 __decorateClass$vH([
   n$3({ type: Boolean })
 ], ObcReadout.prototype, "off", 2);
@@ -227455,14 +227538,19 @@ const OBSERVED_ATTRIBUTES = [
   "unit",
   "src",
   "value",
+  "valuetype",
   "setpoint",
   "advice",
+  // ⚠ inert — see the note above; the real names have no hyphens.
   "max-digits",
   "fraction-digits",
   "has-degree",
   "has-setpoint",
   "has-advice"
 ];
+function isTextValueRow(item) {
+  return item.valueType === ReadoutValueType.text;
+}
 function integerDigitCount(value) {
   if (value === null || value === void 0 || Number.isNaN(value)) {
     return 0;
@@ -227513,11 +227601,22 @@ let ObcReadoutList = class extends i$4 {
     let longestSrc = "";
     let anyDegree = false;
     for (const item of items) {
-      maxFractionDigits = Math.max(maxFractionDigits, item.fractionDigits ?? 0);
+      const hasNumericBlock = !isTextValueRow(item) || item.hasSetpoint || item.hasAdvice;
+      if (hasNumericBlock) {
+        maxFractionDigits = Math.max(
+          maxFractionDigits,
+          item.fractionDigits ?? 0
+        );
+        maxIntegerDigits = Math.max(maxIntegerDigits, item.maxDigits ?? 0);
+      }
       maxIntegerDigits = Math.max(
         maxIntegerDigits,
-        item.maxDigits ?? 0,
-        integerDigitCount(item.value),
+        integerDigitCount(
+          resolveReadoutNumericValue(
+            item.value,
+            item.valueType ?? ReadoutValueType.number
+          )
+        ),
         item.hasSetpoint ? integerDigitCount(item.setpoint) : 0,
         item.hasAdvice ? integerDigitCount(item.advice) : 0
       );
@@ -227536,7 +227635,7 @@ let ObcReadoutList = class extends i$4 {
     for (const item of items) {
       item.valueOptions = {
         ...item.valueOptions,
-        spaceReserver: numericReserver
+        spaceReserver: isTextValueRow(item) ? void 0 : numericReserver
       };
       item.setpointOptions = {
         ...item.setpointOptions,