@oicl/openbridge-webcomponents-full-bundle 2.0.0-next.133 → 2.0.0-next.134

package/bundle/openbridge-webcomponents.bundle.js

@@ -15533,7 +15533,14 @@ const compentStyle$1d = i$7`* {
     display: flex;
     justify-content: center;
     align-items: center;
-    gap: 10px;
+    gap: 0;
+  }
+.readout-stack .value-text .hinted-zero {
+    color: var(
+      --obc-automation-button-readout-stack-hinted-color,
+      var(--element-disabled-color)
+    );
+    font-weight: var(--global-typography-generic-l-font-weight-regular);
   }
 .readout-stack.small .readout-item {
     font-family: var(--global-typography-font-family);
@@ -16497,10 +16504,17 @@ let ObcAutomationButtonReadoutStack = class extends i$4 {
   renderValueText(text) {
     return b`<span class="value-text">${text}</span>`;
   }
+  /**
+   * Numeric readout with hinted zeros.
+   *
+   * The minus sign occupies a digit slot, so the readout stays `nDigits` wide
+   * and the sign renders ahead of the hinted padding (`-05`, not `0-5`).
+   */
   renderValue(readout) {
     const v2 = readout.value.toFixed(0);
+    const sign2 = v2.startsWith("-") ? "-" : "";
+    const digits = sign2 ? v2.slice(1) : v2;
     const zeroPadding = v2.length < readout.nDigits ? "0".repeat(readout.nDigits - v2.length) : "";
-    const paddedValue = zeroPadding + v2;
     let directionIcon = A;
     if (readout.icon == "arrow") {
       if (readout.direction == "up") {
@@ -16548,7 +16562,11 @@ let ObcAutomationButtonReadoutStack = class extends i$4 {
       }
     }
     const content = b`
-      ${this.renderValueText(paddedValue)}
+      <span class="value-text"
+        >${sign2}${zeroPadding ? b`<span class="hinted-zero" aria-hidden="true"
+              >${zeroPadding}</span
+            >` : A}${digits}</span
+      >
       <span class="unit">${readout.unit}</span>
     `;
     return this.renderValueContainer("value", directionIcon, content);