@oicl/openbridge-webcomponents 2.0.0-next.139 → 2.0.0-next.140

package/bundle/openbridge-webcomponents.bundle.js

@@ -122193,6 +122193,10 @@ const componentStyle$l = i$7`* {
       calc(var(--app-components-user-menu-padding-horizontal) * 2);
   }
 
+.signin-only:is(.card .login-container) {
+      padding-bottom: var(--app-components-user-menu-padding-vertical);
+    }
+
 .card.size-small.type-sign-in .login-container,.card.size-small.type-user-sign-in .login-container {
     padding-bottom: var(--app-components-user-menu-padding-vertical);
   }
@@ -122374,7 +122378,9 @@ let ObcUserMenu = class extends i$4 {
     this.type = "sign-in";
     this.size = "regular";
     this.hasRecentlySignedIn = false;
+    this.showUsername = true;
     this.username = "";
+    this.showPassword = true;
     this.password = "";
     this.usernameError = "";
     this.passwordError = "";
@@ -122500,12 +122506,13 @@ let ObcUserMenu = class extends i$4 {
   }
   validateSignIn() {
     let valid = true;
-    const needsUsername = this.type === "sign-in";
+    const needsUsername = this.type === "sign-in" && this.showUsername;
+    const needsPassword = this.showPassword;
     if (needsUsername && !this.username) {
       this.usernameError = msg("Username is required");
       valid = false;
     }
-    if (!this.password) {
+    if (needsPassword && !this.password) {
       this.passwordError = msg("Password is required");
       valid = false;
     }
@@ -122517,7 +122524,10 @@ let ObcUserMenu = class extends i$4 {
     }
     this.dispatchEvent(
       new CustomEvent("sign-in-click", {
-        detail: { username: this.username, password: this.password }
+        detail: {
+          username: this.showUsername ? this.username : void 0,
+          password: this.showPassword ? this.password : void 0
+        }
       })
     );
   }
@@ -122529,21 +122539,26 @@ let ObcUserMenu = class extends i$4 {
       <div class="title-container">
         <h3 class="title">${msg("Sign in")}</h3>
       </div>
-      <div class="login-container">
-        ${this.renderTextInput(
+      <div
+        class=${e$1({
+      "login-container": true,
+      "signin-only": !this.showRecentUsers
+    })}
+      >
+        ${this.showUsername ? this.renderTextInput(
       msg("Username"),
       HTMLInputTypeAttribute.Text,
       this.username,
       this.handleUsernameInput.bind(this),
       this.usernameError
-    )}
-        ${this.renderTextInput(
+    ) : A}
+        ${this.showPassword ? this.renderTextInput(
       msg("Password"),
       HTMLInputTypeAttribute.Password,
       this.password,
       this.handlePasswordInput.bind(this),
       this.passwordError
-    )}
+    ) : A}
         <obc-button
           variant=${ButtonVariant.raised}
           fullWidth
@@ -122569,21 +122584,26 @@ let ObcUserMenu = class extends i$4 {
       <div class="title-container">
         <h3 class="title">${msg("Sign in")}</h3>
       </div>
-      <div class="login-container">
-        ${this.renderTextInput(
+      <div
+        class=${e$1({
+      "login-container": true,
+      "signin-only": !this.showRecentUsers
+    })}
+      >
+        ${this.showUsername ? this.renderTextInput(
       msg("Username"),
       HTMLInputTypeAttribute.Text,
       this.username,
       this.handleUsernameInput.bind(this),
       this.usernameError
-    )}
-        ${this.renderTextInput(
+    ) : A}
+        ${this.showPassword ? this.renderTextInput(
       msg("Password"),
       HTMLInputTypeAttribute.Password,
       this.password,
       this.handlePasswordInput.bind(this),
       this.passwordError
-    )}
+    ) : A}
         <obc-button
           variant=${ButtonVariant.raised}
           fullWidth
@@ -122610,18 +122630,23 @@ let ObcUserMenu = class extends i$4 {
       <div class="title-container">
         <h3 class="title">${msg("Sign in")}</h3>
       </div>
-      <div class="login-container">
+      <div
+        class=${e$1({
+      "login-container": true,
+      "signin-only": !this.showRecentUsers
+    })}
+      >
         <div class="user-primary">
           ${this.renderUserProfile("vertical", "large")}
         </div>
         <div class="fields">
-          ${this.renderTextInput(
+          ${this.showPassword ? this.renderTextInput(
       msg("Password"),
       HTMLInputTypeAttribute.Password,
       this.password,
       this.handlePasswordInput.bind(this),
       this.passwordError
-    )}
+    ) : A}
           <obc-button
             variant=${ButtonVariant.raised}
             fullWidth
@@ -122651,14 +122676,19 @@ let ObcUserMenu = class extends i$4 {
       <div class="user-container">
         ${this.renderUserProfile("horizontal", "regular")}
       </div>
-      <div class="login-container">
-        ${this.renderTextInput(
+      <div
+        class=${e$1({
+      "login-container": true,
+      "signin-only": !this.showRecentUsers
+    })}
+      >
+        ${this.showPassword ? this.renderTextInput(
       msg("Password"),
       HTMLInputTypeAttribute.Password,
       this.password,
       this.handlePasswordInput.bind(this),
       this.passwordError
-    )}
+    ) : A}
         <obc-button
           variant=${ButtonVariant.raised}
           fullWidth
@@ -122820,9 +122850,15 @@ __decorateClass$sK([
 __decorateClass$sK([
   n$3({ type: Boolean })
 ], ObcUserMenu.prototype, "hasRecentlySignedIn", 2);
+__decorateClass$sK([
+  n$3({ type: Boolean, attribute: false })
+], ObcUserMenu.prototype, "showUsername", 2);
 __decorateClass$sK([
   n$3({ type: String })
 ], ObcUserMenu.prototype, "username", 2);
+__decorateClass$sK([
+  n$3({ type: Boolean, attribute: false })
+], ObcUserMenu.prototype, "showPassword", 2);
 __decorateClass$sK([
   n$3({ type: String })
 ], ObcUserMenu.prototype, "password", 2);