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

package/bundle/openbridge-webcomponents.bundle.js

@@ -118263,21 +118263,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 +118285,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 +118309,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 +118329,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 +118434,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 +118474,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 +118513,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 +118549,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 +118595,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 +118603,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 +118635,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 +118726,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()