@oicl/openbridge-webcomponents-full-bundle 2.0.0-next.132 → 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);
@@ -118263,21 +118281,8 @@ let ObcUserMenu = class extends i$4 {
     this.recentUsers = [];
     this.signedInActions = [];
   }
-  get defaultSignedInActions() {
-    return [
-      { id: "calendar", label: msg("Calendar") },
-      { id: "log", label: msg("Log") },
-      { id: "preferences", label: msg("Preferences") },
-      { id: "user-account", label: msg("User account") }
-    ];
-  }
-  get defaultRecentUsers() {
-    const label = msg("Username");
-    return [
-      { initials: "AB", label },
-      { initials: "CD", label },
-      { initials: "EF", label }
-    ];
+  get showRecentUsers() {
+    return this.hasRecentlySignedIn && this.recentUsers.length > 0;
   }
   renderTextInput(placeholder, type = HTMLInputTypeAttribute.Text, value = "", onInput, errorText = "") {
     const isPassword = type === HTMLInputTypeAttribute.Password;
@@ -118298,7 +118303,7 @@ let ObcUserMenu = class extends i$4 {
   }
   renderUserButtons(count, isLarge) {
     const size = isLarge ? Size.large : Size.regular;
-    const users = (this.recentUsers.length ? this.recentUsers : this.defaultRecentUsers).slice(0, count);
+    const users = this.recentUsers.slice(0, count);
     return b`
       <div
         class=${e$1({
@@ -118322,11 +118327,11 @@ let ObcUserMenu = class extends i$4 {
       </div>
     `;
   }
-  renderUserProfile(layout, size, initials, label) {
+  renderUserProfile(layout, size) {
+    if (!this.userInitials && !this.userLabel) {
+      return A;
+    }
     const userButtonSize = size === "large" ? Size.large : Size.regular;
-    const fallbackUser = this.recentUsers[0] ?? this.defaultRecentUsers[0];
-    const resolvedInitials = initials ?? this.userInitials ?? fallbackUser.initials;
-    const resolvedLabel = label ?? this.userLabel ?? fallbackUser.label;
     return b`
       <div
         class=${e$1({
@@ -118342,8 +118347,8 @@ let ObcUserMenu = class extends i$4 {
           .variant=${Variant.initials}
           .styleType=${StyleType.normal}
           .size=${userButtonSize}
-          .initials=${resolvedInitials}
-          .label=${resolvedLabel}
+          .initials=${this.userInitials ?? ""}
+          .label=${this.userLabel ?? ""}
         ></obc-user-button>
       </div>
     `;
@@ -118447,7 +118452,7 @@ let ObcUserMenu = class extends i$4 {
           ${msg("Sign in")}
         </obc-button>
       </div>
-      ${this.hasRecentlySignedIn ? b`
+      ${this.showRecentUsers ? b`
             <div class="recent-container">
               <div class="title-container">
                 <div class="subtitle">${msg("Recently signed in")}</div>
@@ -118487,8 +118492,8 @@ let ObcUserMenu = class extends i$4 {
           ${msg("Sign in")}
         </obc-button>
       </div>
-      <div class="divider" aria-hidden="true"></div>
-      ${this.hasRecentlySignedIn ? b`
+      ${this.showRecentUsers ? b`
+            <div class="divider" aria-hidden="true"></div>
             <div class="recent-container recent">
               <div class="title-container">
                 <div class="subtitle">${msg("Recent")}</div>
@@ -118526,7 +118531,7 @@ let ObcUserMenu = class extends i$4 {
           </obc-button>
         </div>
       </div>
-      ${this.hasRecentlySignedIn ? b`
+      ${this.showRecentUsers ? b`
             <div class="recent-container">
               <div class="title-container">
                 <div class="subtitle">${msg("Recently signed in")}</div>
@@ -118562,8 +118567,8 @@ let ObcUserMenu = class extends i$4 {
           ${msg("Sign in")}
         </obc-button>
       </div>
-      <div class="divider" aria-hidden="true"></div>
-      ${this.hasRecentlySignedIn ? b`
+      ${this.showRecentUsers ? b`
+            <div class="divider" aria-hidden="true"></div>
             <div class="recent-container recent">
               <div class="title-container">
                 <div class="subtitle">${msg("Recent")}</div>
@@ -118608,7 +118613,6 @@ let ObcUserMenu = class extends i$4 {
     `;
   }
   renderSignedIn() {
-    const actions = this.signedInActions.length ? this.signedInActions : this.defaultSignedInActions;
     return b`
       <div class="title-container">
         <h3 class="title">${msg("User")}</h3>
@@ -118617,24 +118621,26 @@ let ObcUserMenu = class extends i$4 {
         ${this.renderUserProfile("vertical", "large")}
       </div>
       <div class="divider" aria-hidden="true"></div>
-      <div class="nav-container">
-        ${actions.map((action) => {
+      ${this.signedInActions.length ? b`
+            <div class="nav-container">
+              ${this.signedInActions.map((action) => {
       const normalizedId = this.normalizeActionId(action.id);
       return b`
-            <obc-navigation-item
-              .label=${action.label}
-              hasIcon
-              @click=${() => this.handleSignedInActionClick(action)}
-            >
-              <span slot="icon">
-                <slot name="signed-in-action-icon-${normalizedId}">
-                  ${this.getSignedInActionIcon(normalizedId)}
-                </slot>
-              </span>
-            </obc-navigation-item>
-          `;
+                  <obc-navigation-item
+                    .label=${action.label}
+                    hasIcon
+                    @click=${() => this.handleSignedInActionClick(action)}
+                  >
+                    <span slot="icon">
+                      <slot name="signed-in-action-icon-${normalizedId}">
+                        ${this.getSignedInActionIcon(normalizedId)}
+                      </slot>
+                    </span>
+                  </obc-navigation-item>
+                `;
     })}
-      </div>
+            </div>
+          ` : A}
       <div class="button-container">
         <obc-button
           variant=${ButtonVariant.normal}
@@ -118647,8 +118653,9 @@ let ObcUserMenu = class extends i$4 {
     `;
   }
   renderSignedInSmall() {
-    const actions = this.signedInActions.length ? this.signedInActions : this.defaultSignedInActions;
-    const primaryAction = actions[2];
+    const primaryAction = this.signedInActions.find(
+      (action) => action.id === this.primaryActionId
+    );
     return b`
       <div class="title-container">
         <h3 class="title">${msg("User")}</h3>
@@ -118737,6 +118744,9 @@ __decorateClass$sA([
 __decorateClass$sA([
   n$3({ type: Array, attribute: false })
 ], ObcUserMenu.prototype, "signedInActions", 2);
+__decorateClass$sA([
+  n$3({ type: String })
+], ObcUserMenu.prototype, "primaryActionId", 2);
 ObcUserMenu = __decorateClass$sA([
   customElement("obc-user-menu"),
   localized()