@singlebase/elements 0.7.0 → 0.8.0

package/dist/authui-display-CMVHTNFz.cjs

@@ -1,956 +0,0 @@
-"use strict";var Xe=Object.defineProperty;var xe=o=>{throw TypeError(o)};var Ze=(o,n,t)=>n in o?Xe(o,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[n]=t;var p=(o,n,t)=>Ze(o,typeof n!="symbol"?n+"":n,t),Ue=(o,n,t)=>n.has(o)||xe("Cannot "+t);var l=(o,n,t)=>(Ue(o,n,"read from private field"),t?t.call(o):n.get(o)),h=(o,n,t)=>n.has(o)?xe("Cannot add the same private member more than once"):n instanceof WeakSet?n.add(o):n.set(o,t),c=(o,n,t,e)=>(Ue(o,n,"write to private field"),e?e.call(o,t):n.set(o,t),t);const i=require("lit"),r=require("lit/decorators.js"),E=require("lit/directives/if-defined.js"),y=require("@singlebase/singlebase-sdk"),Be=require("./uploader-COP8PkJ6.cjs"),$e=require("./files-4T62wkwj.cjs"),S=require("@singlebase/core");class Re{constructor(n){p(this,"host");p(this,"client",null);p(this,"unsubscribe",null);p(this,"state",{status:"loading",session:null,user:null});this.host=n,n.addController(this)}bind(n){var t;n!==this.client&&((t=this.unsubscribe)==null||t.call(this),this.unsubscribe=null,this.client=n,n&&(this.state=n.getState(),this.unsubscribe=n.subscribe(e=>{this.state=e,this.host.requestUpdate()}),this.host.requestUpdate()))}hostDisconnected(){var n;(n=this.unsubscribe)==null||n.call(this),this.unsubscribe=null}}const we={signInTitle:"Sign in",signUpTitle:"Create your account",forgotTitle:"Reset your password",verifyTitle:"Enter your code",otpTitle:"Sign in with a code",newPassTitle:"Choose a new password",inviteTitle:"You have been invited",signInSubEmailAndOauth:"Use your email or a connected provider.",signInSubEmailOnly:"Use your email address and password.",signInSubOauthOnly:"Continue with a connected provider.",signUpSub:"Free to start. No card required.",forgotSub:"We will email you a six-digit code to confirm it is you.",otpSub:"No password needed — we will email you a six-digit code.",inviteSub:"Set up your account to continue.",signInCta:"Sign in",signUpCta:"Create account",forgotCta:"Send code",verifyCta:"Verify code",otpCta:"Email me a code",newPassCta:"Save password",inviteCta:"Create account",continueCta:"Continue",backCta:"Back",emailMethodTitle:"Email",emailMethodTitleSignUp:"Email and password",emailMethodMeta:"Password or one-time code",emailMethodMetaSignUp:"Create with an address",emailMethodMetaOtp:"One-time code",oauthMethodTitle:"Single sign-on",oauthMethodMeta:"Google, GitHub, and more",fullNameLabel:"Full name",fullNamePlaceholder:"Ada Lovelace",emailLabel:"Email",emailPlaceholder:"you@company.com",passwordLabel:"Password",passwordPlaceholder:"••••••••",newPasswordLabel:"New password",newPasswordPlaceholder:"At least 10 characters",confirmPasswordLabel:"Confirm password",confirmPasswordPlaceholder:"Repeat it",currentPasswordLabel:"Current password",firstNameLabel:"First name",firstNamePlaceholder:"Ada",lastNameLabel:"Last name",lastNamePlaceholder:"Lovelace",phoneLabel:"Phone number",phonePlaceholder:"+1 (555) 000-0000",invitedEmailLabel:"Invited email",forgotLink:"Forgot?",otpInsteadLink:"Email me a one-time code instead",footTextSignIn:"New here?",footActionSignIn:"Create an account",footTextSignUp:"Already have an account?",footActionSignUp:"Sign in",resendQuestion:"Did not get it?",resendCta:"Resend code",oauthPrimaryLabel:"Continue with Google",oauthContinueWith:"Continue with",blockedTitleDisabled:"Sign-in is turned off",blockedTitleUnavailable:"Sign-in unavailable",blockedBodyDisabled:"Authentication is currently disabled for this application.",blockedBodyUnavailable:"No sign-in methods are enabled for this application.",blockedHint:"Contact the site owner if you think this is a mistake.",signOutCta:"Sign out",addPhotoLink:"Add photo",changePhotoLink:"Change",photoUploading:"Uploading…",photoUpdated:"Photo updated",editingLabel:"Editing",uploadPhotoCta:"Upload photo",replacePhotoCta:"Replace photo",photoHint:"PNG or JPG, up to 2 MB.",doneCta:"Done",cancelCta:"Cancel",editAccountCta:"Edit account",saveChangesCta:"Save changes",emailChangeHint:"We will send a verification link to the new address.",passwordSectionTitle:"Password",passwordChangedHint:"Last changed three months ago.",changePasswordCta:"Change password",updatePasswordCta:"Update password",twoFaTitle:"Two-factor authentication",twoFaHintOff:"Add a second step when signing in.",twoFaHintOn:"Enabled with an authenticator app.",twoFaScanHint:"Scan with your authenticator app, then enter the 6-digit code.",connectedTitle:"Connected accounts",connectedHint:"Sign in with any provider you connect here.",addAnotherLabel:"Add another",disconnectCta:"Disconnect",notConnectedLabel:"Not connected",deleteAccountCta:"Delete account",deleteAccountConfirmCta:"Permanently delete account",deletePanelBody:"This removes your profile, sessions and connected providers. It cannot be undone.",deleteConfirmLabel:"Type DELETE to confirm",deleteConfirmPlaceholder:"DELETE",savedNote:"Saved",passwordUpdatedNote:"Password updated",changeEmailTitle:"Email",newEmailLabel:"New email",changeEmailCta:"Send verification code",changeUsernameTitle:"Username",newUsernameLabel:"New username",changeUsernameCta:"Send verification code",genericErrorMessage:"Something went wrong. Please try again.",rateLimitedMessage:"Too many attempts. Try again in 5 minutes or reset your password.",codeSentNeutral:"If an eligible account exists, a code has been sent.",invalidEmailError:"Enter a valid email address.",requiredError:"This cannot be empty.",passwordMinError:"Use at least 10 characters.",passwordMatchError:"Both passwords must match.",codeIncompleteError:"Enter all six digits.",invalidPhoneError:"Enter a valid phone number.",notYetSupported:"Not yet supported",alreadySignedInTitle:"You are already signed in",alreadySignedInSub:"Continue where you left off, or sign out to use another account.",alreadySignedInSubPrefix:"Signed in as",continueHint:"Continuing takes you to your account.",consentPrefix:"By continuing you agree to our",consentJoin:"and",termsLabel:"Terms",privacyLabel:"Privacy Policy",emailUnchangedError:"That is already your email address.",emailUpdatedNote:"Email updated",changeEmailCtaShort:"Change email",changeEmailHint:"We will send a code to your current address to confirm it is you.",changeEmailConfirmHint:"Enter the code we sent, and your email becomes",changeEmailElsewhereHint:"Your email is changed below, with a verification step.",confirmChangeCta:"Confirm change",codeLabel:"Verification code",linkRequiresSignIn:"Sign in first, then link a provider.",oauthCallbackTitle:"Finishing sign-in",oauthCallbackSub:"One moment while we complete your sign-in.",oauthDenied:"Sign-in was cancelled or denied."};function je(o){return o?{...we,...o}:we}var ts=Object.defineProperty,es=Object.getOwnPropertyDescriptor,C=(o,n,t,e)=>{for(var s=es(n,t),a=o.length-1,d;a>=0;a--)(d=o[a])&&(s=d(n,t,s)||s);return s&&ts(n,t,s),s},A,k,_,O,T,x;class f extends i.LitElement{constructor(){super(...arguments);h(this,A,null);h(this,k,{});h(this,_);h(this,O);h(this,T);h(this,x);p(this,"auth",new Re(this));p(this,"appliedConfig",new Set)}get client(){return l(this,A)}set client(t){c(this,A,t)}get messages(){return l(this,k)}set messages(t){c(this,k,t)}get theme(){return l(this,_)}set theme(t){c(this,_,t)}get density(){return l(this,O)}set density(t){c(this,O,t)}get fieldStyle(){return l(this,T)}set fieldStyle(t){c(this,T,t)}get radius(){return l(this,x)}set radius(t){c(this,x,t)}get resolvedClient(){var t;return this.client?this.client:((t=S.getDefaultClient())==null?void 0:t.auth)??null}get uiConfig(){var t;return((t=this.resolvedClient)==null?void 0:t.authui)??null}get msg(){var e;const t=(e=this.uiConfig)==null?void 0:e.messages;return je(t?{...t,...this.messages}:this.messages)}applyUIConfig(){const t=this.uiConfig;if(t){for(const e of S.AUTHUI_PROP_KEYS){const s=t[e];s!==void 0&&e in this&&(this.hasAttribute(S.authUIAttributeFor(e))||this.appliedConfig.has(e)||(this.appliedConfig.add(e),this[e]=s))}for(const[e,s]of Object.entries(t.tokens??{}))e.startsWith("--")&&(this.style.getPropertyValue(e)||this.style.setProperty(e,s))}}isAuthenticated(){var t;return((t=this.resolvedClient)==null?void 0:t.isAuthenticated())??!1}getUser(){var t;return((t=this.resolvedClient)==null?void 0:t.getUser())??null}async refreshSession(){var t;return(t=this.resolvedClient)==null?void 0:t.refreshSession()}async logout(){var t;await((t=this.resolvedClient)==null?void 0:t.logout())}willUpdate(t){super.willUpdate(t),this.auth.bind(this.resolvedClient),this.applyUIConfig()}}A=new WeakMap,k=new WeakMap,_=new WeakMap,O=new WeakMap,T=new WeakMap,x=new WeakMap,p(f,"styles",[$e.tokenDefaults,Be.sharedStyles]);C([r.property({attribute:!1})],f.prototype,"client");C([r.property({attribute:!1})],f.prototype,"messages");C([r.property({reflect:!0})],f.prototype,"theme");C([r.property({reflect:!0})],f.prototype,"density");C([r.property({reflect:!0,attribute:"field-style"})],f.prototype,"fieldStyle");C([r.property({reflect:!0})],f.prototype,"radius");class fe{constructor(n){p(this,"host");p(this,"client",null);p(this,"cache",new WeakMap);p(this,"settings",null);p(this,"error",null);this.host=n,n.addController(this)}hostConnected(){}load(n,t){if(t){this.settings=t;return}if(!n||n===this.client)return;this.client=n;let e=this.cache.get(n);e||(e=n.getSettings(),this.cache.set(n,e)),e.then(s=>{this.settings=s,this.error=null,this.host.requestUpdate()}).catch(s=>{this.error=s,this.host.requestUpdate()})}}const ss=["load","success","error","signin","signup","signout","session","account-updated","password-change","email-change","username-change","expired","navigate","goto"],is={load:"auth:ready",signin:"auth:signin",signup:"auth:signup",session:"auth:session","account-updated":"auth:profile-update",signout:"auth:signout",error:"auth:error",navigate:"auth:navigate"};function Le(o){return"on"+o.replace(/(^|-)([a-z])/g,(n,t,e)=>e.toUpperCase())}class as{constructor(n){p(this,"unsubscribes",[]);p(this,"client",null);this.host=n,n.addController(this)}bind(n){n!==this.client&&(this.release(),this.client=n,n&&(this.unsubscribes=ss.map(t=>n.on(t,e=>this.publish(t,e)))))}publish(n,t){const e=this.host[Le(n)];if(typeof e=="function")try{e.call(this.host,t)}catch(d){console.error(`[singlebase] ${Le(n)} threw:`,d)}const s={detail:t,bubbles:!0,composed:!0};this.host.dispatchEvent(new CustomEvent(`singlebase-${n}`,s));const a=is[n];a&&this.host.dispatchEvent(new CustomEvent(a,s))}release(){this.unsubscribes.forEach(n=>n()),this.unsubscribes=[]}hostDisconnected(){this.release(),this.client=null}}var ns=Object.defineProperty,rs=Object.getOwnPropertyDescriptor,Ee=(o,n,t,e)=>{for(var s=rs(n,t),a=o.length-1,d;a>=0;a--)(d=o[a])&&(s=d(n,t,s)||s);return s&&ns(n,t,s),s},U,L,M;class me extends f{constructor(){super(...arguments);h(this,U,"idle");h(this,L,"");h(this,M,"");p(this,"abortController",null)}get phase(){return l(this,U)}set phase(t){c(this,U,t)}get formError(){return l(this,L)}set formError(t){c(this,L,t)}get noticeMessage(){return l(this,M)}set noticeMessage(t){c(this,M,t)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this.abortController)==null||t.abort()}get signal(){var t;return(t=this.abortController)==null||t.abort(),this.abortController=new AbortController,this.abortController.signal}async run(t){this.phase="submitting",this.formError="";try{await t(),this.phase="success"}catch(e){if(this.isAbortError(e))return;this.phase="error",this.formError=this.describeError(e)}}isAbortError(t){return t instanceof DOMException&&t.name==="AbortError"}describeError(t){if(t instanceof y.SinglebaseAuthError){const e=y.mapErrorToHint(t.code);return e==="disable_retry_show_rate_limited"?this.msg.rateLimitedMessage:e==="generic_credentials_message"?this.msg.genericErrorMessage:this.msg.genericErrorMessage}return this.msg.genericErrorMessage}get submitting(){return this.phase==="submitting"}renderStatus(){return i.html`
-      <div
-        role="status"
-        aria-live="polite"
-        style="position:absolute;width:1px;height:1px;overflow:hidden;"
-      >
-        ${this.phase==="submitting"?"Submitting…":""}
-        ${this.phase==="success"?"Done.":""}
-      </div>
-      ${this.formError?i.html`<p class="banner" role="alert">${this.formError}</p>`:null}
-      ${this.noticeMessage?i.html`<p class="notice" role="status">${this.noticeMessage}</p>`:null}
-    `}}U=new WeakMap,L=new WeakMap,M=new WeakMap;Ee([r.state()],me.prototype,"phase");Ee([r.state()],me.prototype,"formError");Ee([r.state()],me.prototype,"noticeMessage");function Ce(o){return[o==null?void 0:o.first_name,o==null?void 0:o.last_name].filter(Boolean).join(" ").trim()}function Pe(o){const n=Ce(o);if(n)return n.split(/\s+/).map(e=>e[0]).join("").slice(0,2).toUpperCase();const t=(o==null?void 0:o.email)??"";return t?t[0].toUpperCase():"·"}var os=Object.defineProperty,ls=Object.getOwnPropertyDescriptor,g=(o,n,t,e)=>{for(var s=e>1?void 0:e?ls(n,t):n,a=o.length-1,d;a>=0;a--)(d=o[a])&&(s=(e?d(n,t,s):d(s))||s);return e&&s&&os(n,t,s),s};const hs={profile_photo:!0},cs=".jpg,.jpeg,.png,.webp,image/jpeg,image/png,image/webp";var N,D,I,F,B,R,j,q,H,G,V,K,Y,W,z,J,Q,X,Z,tt,et,st,it,at,nt,rt,Me;exports.SinglebaseAccountScreen=(Me=class extends me{constructor(){super(...arguments);h(this,N,"");h(this,D,"");h(this,I,null);h(this,F,"singlebase-oauth-nonce");h(this,B,"");h(this,R,"");h(this,j,!1);h(this,q,"");h(this,H,"");h(this,G,"");h(this,V,"");h(this,K,"");h(this,Y,0);h(this,W,"");h(this,z,"");h(this,J,"");h(this,Q,"");h(this,X,"");h(this,Z,"request");h(this,tt,"");h(this,et,"");h(this,st,"");h(this,it,"");h(this,at,"");h(this,nt,"");h(this,rt,"");p(this,"settingsCtl",new fe(this));p(this,"flashTimer");p(this,"uidBase",`sb-acct-${Math.random().toString(36).slice(2,8)}`);p(this,"uploadClientFor",null);p(this,"uploadClientCache",null);p(this,"onChoosePhoto",()=>{var t;this.formError="",(t=this.renderRoot.querySelector("singlebase-uploader"))==null||t.open()});p(this,"onPhotoSelected",()=>{this.photoBusy=!0,this.toast=""});p(this,"onPhotoUploaded",async t=>{var a;const{completed:e,failed:s}=t.detail;try{e.length?(await((a=this.resolvedClient)==null?void 0:a.getAccount()),this.photoFailed="",this.toast=this.msg.photoUpdated):s.length&&(this.formError=s[0].error||this.msg.genericErrorMessage)}catch(d){this.formError=this.describeError(d)}finally{this.photoBusy=!1}});p(this,"onPhotoProblem",t=>{this.photoBusy=!1,this.formError=t.detail.message})}get logoText(){return l(this,N)}set logoText(t){c(this,N,t)}get logoUrl(){return l(this,D)}set logoUrl(t){c(this,D,t)}get settings(){return l(this,I)}set settings(t){c(this,I,t)}get nonceStorageKey(){return l(this,F)}set nonceStorageKey(t){c(this,F,t)}get editMode(){return l(this,B)}set editMode(t){c(this,B,t)}get toast(){return l(this,R)}set toast(t){c(this,R,t)}get photoBusy(){return l(this,j)}set photoBusy(t){c(this,j,t)}get photoFailed(){return l(this,q)}set photoFailed(t){c(this,q,t)}get profileSaved(){return l(this,H)}set profileSaved(t){c(this,H,t)}get passSaved(){return l(this,G)}set passSaved(t){c(this,G,t)}get profileError(){return l(this,V)}set profileError(t){c(this,V,t)}get newPassError(){return l(this,K)}set newPassError(t){c(this,K,t)}get deleteStage(){return l(this,Y)}set deleteStage(t){c(this,Y,t)}get confirmText(){return l(this,W)}set confirmText(t){c(this,W,t)}get dFirst(){return l(this,z)}set dFirst(t){c(this,z,t)}get dLast(){return l(this,J)}set dLast(t){c(this,J,t)}get dPhone(){return l(this,Q)}set dPhone(t){c(this,Q,t)}get dEmail(){return l(this,X)}set dEmail(t){c(this,X,t)}get emailStep(){return l(this,Z)}set emailStep(t){c(this,Z,t)}get dNewEmail(){return l(this,tt)}set dNewEmail(t){c(this,tt,t)}get emailCode(){return l(this,et)}set emailCode(t){c(this,et,t)}get emailError(){return l(this,st)}set emailError(t){c(this,st,t)}get emailSaved(){return l(this,it)}set emailSaved(t){c(this,it,t)}get curPass(){return l(this,at)}set curPass(t){c(this,at,t)}get newPass(){return l(this,nt)}set newPass(t){c(this,nt,t)}get confirmPass(){return l(this,rt)}set confirmPass(t){c(this,rt,t)}uid(t){return`${this.uidBase}-${t}`}willUpdate(t){super.willUpdate(t),this.settingsCtl.load(this.resolvedClient,this.settings)}disconnectedCallback(){super.disconnectedCallback(),clearTimeout(this.flashTimer)}flash(t,e){this[t]=e,clearTimeout(this.flashTimer),this.flashTimer=setTimeout(()=>{this[t]=""},2600)}renderLogo(){return this.logoUrl?i.html`<img
-        part="logo"
-        src=${this.logoUrl}
-        alt=${this.logoText}
-        style="display:block;align-self:flex-start;height:var(--sb-logo-height,20px);width:auto;max-width:100%"
-      />`:this.logoText?i.html`<div class="logo-dot" part="logo">${this.logoText}</div>`:i.nothing}get user(){const t=this.auth.state;return t.status==="authenticated"?t.user:null}get fullName(){return Ce(this.user)}get initials(){return Pe(this.user)}get uploadClient(){const t=this.resolvedClient;return t?(this.uploadClientFor!==t&&(this.uploadClientFor=t,this.uploadClientCache={files:y.createFilesUploadApi(t.dispatcher)}),this.uploadClientCache):null}startProfileEdit(){const t=this.user;t&&(this.dFirst=t.first_name??"",this.dLast=t.last_name??"",this.dPhone=t.phone??"",this.dEmail=t.email,this.profileError="",this.profileSaved="",this.passSaved="",this.toast="",this.editMode="profile")}async onSaveProfile(){const t=this.resolvedClient;if(t){if(!this.dFirst.trim()||!this.dLast.trim()){this.profileError="First and last name cannot be empty.";return}if(this.dPhone.replace(/\D/g,"").length<7){this.profileError=this.msg.invalidPhoneError;return}await this.run(async()=>{await t.updateAccount({first_name:this.dFirst,last_name:this.dLast,phone:this.dPhone},this.signal),this.editMode="",this.flash("profileSaved",this.msg.savedNote)})}}startPassEdit(){this.curPass="",this.newPass="",this.confirmPass="",this.newPassError="",this.passSaved="",this.profileSaved="",this.toast="",this.editMode="password"}async onChangePass(){const t=this.resolvedClient;if(t){if(!this.curPass){this.newPassError="Enter your current password.";return}if(this.newPass.length<10){this.newPassError=this.msg.passwordMinError;return}if(this.newPass!==this.confirmPass){this.newPassError=this.msg.passwordMatchError;return}await this.run(async()=>{await t.changePassword({password:this.newPass},this.signal),this.editMode="",this.curPass="",this.newPass="",this.confirmPass="",this.flash("passSaved",this.msg.passwordUpdatedNote)})}}startEmailEdit(){this.emailStep="request",this.dNewEmail="",this.emailCode="",this.emailError="",this.emailSaved="",this.toast="",this.editMode="email"}async onRequestEmailCode(){const t=this.resolvedClient;if(!(!t||!this.user)){if(!this.dNewEmail.includes("@")){this.emailError=this.msg.invalidEmailError;return}if(this.dNewEmail.toLowerCase()===this.user.email.toLowerCase()){this.emailError=this.msg.emailUnchangedError;return}await this.run(async()=>{await t.requestCode({email:this.user.email,purpose:"email_change"},this.signal),this.emailStep="confirm",this.emailError=""})}}async onConfirmEmailChange(){const t=this.resolvedClient;if(!(!t||!this.user)){if(this.emailCode.length<6){this.emailError=this.msg.codeIncompleteError;return}await this.run(async()=>{await t.changeEmail({email:this.user.email,code:this.emailCode,new_email:this.dNewEmail},this.signal),this.editMode="",this.emailCode="",this.dNewEmail="",this.flash("emailSaved",this.msg.emailUpdatedNote)})}}renderEmailSection(){var s;const t=this.editMode!=="email",e=this.editMode!==""&&this.editMode!=="email";return i.html`
-      <div class="rule"></div>
-      <div class="section">
-        <h3 class="sec-title">${this.msg.changeEmailTitle}</h3>
-        ${t?i.html`
-                <div class="between">
-                  <p class="hint">${((s=this.user)==null?void 0:s.email)??""}</p>
-                  <div class="btn-row-end">
-                    ${this.emailSaved?i.html`<span role="status" class="saved-note">${this.emailSaved}</span>`:i.nothing}
-                    <button
-                      type="button"
-                      class="edit-link"
-                      ?disabled=${e}
-                      @click=${this.startEmailEdit}
-                    >
-                      ${this.msg.changeEmailCtaShort}
-                    </button>
-                  </div>
-                </div>
-              `:this.emailStep==="request"?i.html`
-                  <div class="edit-card">
-                    <div class="field">
-                      <label for=${this.uid("newemail")}>${this.msg.newEmailLabel}</label>
-                      <input
-                        id=${this.uid("newemail")}
-                        type="email"
-                        part="input"
-                        .value=${this.dNewEmail}
-                        placeholder=${this.msg.emailPlaceholder}
-                        aria-invalid=${this.emailError?"true":"false"}
-                        ?disabled=${this.submitting}
-                        @input=${a=>{this.dNewEmail=a.target.value,this.emailError=""}}
-                      />
-                      <p class="hint">${this.msg.changeEmailHint}</p>
-                    </div>
-                    ${this.emailError?i.html`<p class="err">${this.emailError}</p>`:i.nothing}
-                    <div class="edit-actions">
-                      <button
-                        type="button"
-                        class="primary-sm"
-                        ?disabled=${this.submitting}
-                        @click=${this.onRequestEmailCode}
-                      >
-                        ${this.submitting?i.html`<span class="spinner"></span>`:i.nothing}
-                        <span>${this.msg.changeEmailCta}</span>
-                      </button>
-                      <button
-                        type="button"
-                        class="ghost-sm"
-                        @click=${()=>{this.editMode="",this.emailError=""}}
-                      >
-                        ${this.msg.cancelCta}
-                      </button>
-                    </div>
-                  </div>
-                `:i.html`
-                  <div class="edit-card">
-                    <p class="hint">${this.msg.codeSentNeutral}</p>
-                    <div class="field">
-                      <label for=${this.uid("emailcode")}>${this.msg.codeLabel}</label>
-                      <input
-                        id=${this.uid("emailcode")}
-                        type="text"
-                        inputmode="numeric"
-                        autocomplete="one-time-code"
-                        part="input"
-                        .value=${this.emailCode}
-                        placeholder="000000"
-                        aria-invalid=${this.emailError?"true":"false"}
-                        ?disabled=${this.submitting}
-                        @input=${a=>{this.emailCode=a.target.value.replace(/\D/g,"").slice(0,6),this.emailError=""}}
-                      />
-                      <p class="hint">${this.msg.changeEmailConfirmHint} ${this.dNewEmail}</p>
-                    </div>
-                    ${this.emailError?i.html`<p class="err">${this.emailError}</p>`:i.nothing}
-                    <div class="edit-actions">
-                      <button
-                        type="button"
-                        class="primary-sm"
-                        ?disabled=${this.submitting}
-                        @click=${this.onConfirmEmailChange}
-                      >
-                        ${this.submitting?i.html`<span class="spinner"></span>`:i.nothing}
-                        <span>${this.msg.confirmChangeCta}</span>
-                      </button>
-                      <button
-                        type="button"
-                        class="ghost-sm"
-                        @click=${()=>{this.editMode="",this.emailError=""}}
-                      >
-                        ${this.msg.cancelCta}
-                      </button>
-                    </div>
-                  </div>
-                `}
-      </div>
-    `}async onSignOut(){const t=this.resolvedClient;t&&await this.run(async()=>{await t.signOut()})}async onConnectProvider(t){const e=this.resolvedClient,s=this.auth.state;!e||s.status!=="authenticated"||await this.run(async()=>{var m;const a=await e.createOAuthNonce(this.signal);(m=globalThis.sessionStorage)==null||m.setItem(this.nonceStorageKey,a);const{oauth_redirect_url:d}=await e.startOAuth({provider:t,nonce:a,intent:"link",id_token:s.session.id_token,refresh_token:s.session.refresh_token},this.signal);globalThis.location.assign(d)})}get availableProviders(){const t=this.settings??this.settingsCtl.settings;if(!t||!t.oauth_settings.enabled)return[];const e={google:"G",github:"GH",linkedin:"in",facebook:"f"};return Object.entries(t.oauth_providers).filter(([,s])=>s.enabled).map(([s,a])=>({id:s,name:a.provider_name,mark:e[s]??a.provider_name.slice(0,2)}))}renderIdentity(){const t=this.user,e=this.editMode!==""&&this.editMode!=="avatar",s=t!=null&&t.profile_photo&&t.profile_photo!==this.photoFailed?t.profile_photo:"";return i.html`
-      <div class="acct-nav">
-        <div class="acct-who">
-          <div class="avatar-col">
-            <div class="avatar ${s?"has-photo":""}" part="avatar">
-              ${s?i.html`<img
-                      src=${s}
-                      alt=""
-                      part="avatar-image"
-                      @error=${()=>this.photoFailed=s}
-                    />`:this.initials}
-            </div>
-            <button
-              type="button"
-              class="edit-link"
-              style="font-size:12px"
-              ?disabled=${this.photoBusy||e}
-              @click=${this.onChoosePhoto}
-            >
-              ${this.photoBusy?this.msg.photoUploading:t!=null&&t.profile_photo?this.msg.changePhotoLink:this.msg.addPhotoLink}
-            </button>
-            <singlebase-uploader
-              style="display:none"
-              view="button"
-              max-files="1"
-              branding="false"
-              accept=${cs}
-              .client=${this.uploadClient}
-              .options=${hs}
-              @singlebase-upload-selected=${this.onPhotoSelected}
-              @singlebase-upload-complete=${this.onPhotoUploaded}
-              @singlebase-upload-error=${this.onPhotoProblem}
-              @singlebase-upload-rejected=${this.onPhotoProblem}
-            ></singlebase-uploader>
-          </div>
-          <div class="acct-who-text">
-            <div class="acct-name">${this.fullName||"—"}</div>
-            <div class="acct-email">${(t==null?void 0:t.email)??""}</div>
-          </div>
-        </div>
-        <button type="button" class="link-sm" ?disabled=${this.submitting} @click=${this.onSignOut}>
-          ${this.msg.signOutCta}
-        </button>
-      </div>
-    `}renderProfileSection(){const t=this.user;if(!t)return i.nothing;const e=this.editMode!=="profile",s=this.editMode!==""&&this.editMode!=="profile",a=[[this.msg.firstNameLabel,t.first_name||"—"],[this.msg.lastNameLabel,t.last_name||"—"],[this.msg.phoneLabel,t.phone||"—"],[this.msg.emailLabel,t.email||"—"]];return i.html`
-      <div class="section">
-        ${e?i.html`
-                <div class="sum-list">
-                  ${a.map(([d,m])=>i.html`
-                      <div class="sum-row">
-                        <span class="sum-label">${d}</span>
-                        <span class="sum-value">${m}</span>
-                      </div>
-                    `)}
-                </div>
-                <div class="btn-row-end">
-                  ${this.profileSaved?i.html`<span role="status" class="saved-note">${this.profileSaved}</span>`:i.nothing}
-                  <button
-                    type="button"
-                    class="edit-link"
-                    ?disabled=${s}
-                    @click=${this.startProfileEdit}
-                  >
-                    ${this.msg.editAccountCta}
-                  </button>
-                </div>
-              `:i.html`
-                <div class="edit-card">
-                  <div class="two-up">
-                    <div class="field">
-                      <label for=${this.uid("first")}>${this.msg.firstNameLabel}</label>
-                      <input
-                        id=${this.uid("first")}
-                        type="text"
-                        part="input"
-                        .value=${this.dFirst}
-                        placeholder=${this.msg.firstNamePlaceholder}
-                        ?disabled=${this.submitting}
-                        @input=${d=>{this.dFirst=d.target.value,this.profileError=""}}
-                      />
-                    </div>
-                    <div class="field">
-                      <label for=${this.uid("last")}>${this.msg.lastNameLabel}</label>
-                      <input
-                        id=${this.uid("last")}
-                        type="text"
-                        part="input"
-                        .value=${this.dLast}
-                        placeholder=${this.msg.lastNamePlaceholder}
-                        ?disabled=${this.submitting}
-                        @input=${d=>{this.dLast=d.target.value,this.profileError=""}}
-                      />
-                    </div>
-                  </div>
-                  <div class="field">
-                    <label for=${this.uid("phone")}>${this.msg.phoneLabel}</label>
-                    <input
-                      id=${this.uid("phone")}
-                      type="tel"
-                      part="input"
-                      .value=${this.dPhone}
-                      placeholder=${this.msg.phonePlaceholder}
-                      ?disabled=${this.submitting}
-                      @input=${d=>{this.dPhone=d.target.value,this.profileError=""}}
-                    />
-                  </div>
-                  <div class="field">
-                    <label for=${this.uid("email")}>${this.msg.emailLabel}</label>
-                    <input
-                      id=${this.uid("email")}
-                      type="email"
-                      part="input"
-                      .value=${this.dEmail}
-                      disabled
-                      title=${this.msg.notYetSupported}
-                    />
-                    <p class="hint">${this.msg.changeEmailElsewhereHint}</p>
-                  </div>
-                  ${this.profileError?i.html`<p class="err">${this.profileError}</p>`:i.nothing}
-                  <div class="edit-actions">
-                    <button
-                      type="button"
-                      class="primary-sm"
-                      ?disabled=${this.submitting}
-                      @click=${this.onSaveProfile}
-                    >
-                      ${this.submitting?i.html`<span class="spinner"></span>`:i.nothing}
-                      <span>${this.msg.saveChangesCta}</span>
-                    </button>
-                    <button
-                      type="button"
-                      class="ghost-sm"
-                      @click=${()=>{this.editMode="",this.profileError=""}}
-                    >
-                      ${this.msg.cancelCta}
-                    </button>
-                  </div>
-                </div>
-              `}
-      </div>
-    `}renderPasswordSection(){const t=this.editMode!=="password",e=this.editMode!==""&&this.editMode!=="password";return i.html`
-      <div class="rule"></div>
-      <div class="section">
-        <h3 class="sec-title">${this.msg.passwordSectionTitle}</h3>
-        ${t?i.html`
-                <div class="between">
-                  <p class="hint">${this.msg.passwordChangedHint}</p>
-                  <div class="btn-row-end">
-                    ${this.passSaved?i.html`<span role="status" class="saved-note">${this.passSaved}</span>`:i.nothing}
-                    <button
-                      type="button"
-                      class="edit-link"
-                      ?disabled=${e}
-                      @click=${this.startPassEdit}
-                    >
-                      ${this.msg.changePasswordCta}
-                    </button>
-                  </div>
-                </div>
-              `:i.html`
-                <div class="edit-card">
-                  <div class="field">
-                    <label for=${this.uid("curpass")}>${this.msg.currentPasswordLabel}</label>
-                    <input
-                      id=${this.uid("curpass")}
-                      type="password"
-                      part="input"
-                      .value=${this.curPass}
-                      placeholder=${this.msg.passwordPlaceholder}
-                      ?disabled=${this.submitting}
-                      @input=${s=>{this.curPass=s.target.value,this.newPassError=""}}
-                    />
-                  </div>
-                  <div class="field">
-                    <label for=${this.uid("newpass")}>${this.msg.newPasswordLabel}</label>
-                    <input
-                      id=${this.uid("newpass")}
-                      type="password"
-                      part="input"
-                      .value=${this.newPass}
-                      placeholder=${this.msg.newPasswordPlaceholder}
-                      aria-invalid=${this.newPassError?"true":"false"}
-                      ?disabled=${this.submitting}
-                      @input=${s=>{this.newPass=s.target.value,this.newPassError=""}}
-                    />
-                  </div>
-                  <div class="field">
-                    <label for=${this.uid("confirmpass")}>Confirm new password</label>
-                    <input
-                      id=${this.uid("confirmpass")}
-                      type="password"
-                      part="input"
-                      .value=${this.confirmPass}
-                      placeholder=${this.msg.confirmPasswordPlaceholder}
-                      aria-invalid=${this.newPassError?"true":"false"}
-                      ?disabled=${this.submitting}
-                      @input=${s=>{this.confirmPass=s.target.value,this.newPassError=""}}
-                    />
-                    ${this.newPassError?i.html`<p class="err">${this.newPassError}</p>`:i.nothing}
-                  </div>
-                  <div class="edit-actions">
-                    <button
-                      type="button"
-                      class="primary-sm"
-                      ?disabled=${this.submitting}
-                      @click=${this.onChangePass}
-                    >
-                      ${this.submitting?i.html`<span class="spinner"></span>`:i.nothing}
-                      <span>${this.msg.updatePasswordCta}</span>
-                    </button>
-                    <button type="button" class="ghost-sm" @click=${()=>this.editMode=""}>
-                      ${this.msg.cancelCta}
-                    </button>
-                  </div>
-                </div>
-              `}
-      </div>
-    `}renderTwoFactorSection(){return i.html`
-      <div class="rule"></div>
-      <div class="section">
-        <div class="between">
-          <div>
-            <h3 class="sec-title">${this.msg.twoFaTitle}</h3>
-            <p class="hint">${this.msg.twoFaHintOff}</p>
-          </div>
-          <button
-            type="button"
-            class="switch"
-            aria-pressed="false"
-            aria-label=${`${this.msg.twoFaTitle} (${this.msg.notYetSupported})`}
-            disabled
-            title=${this.msg.notYetSupported}
-          >
-            <span class="knob"></span>
-          </button>
-        </div>
-        <p class="disabled-note">
-          ${this.msg.notYetSupported} — enrolling a second factor is not part of the current API.
-        </p>
-      </div>
-    `}renderConnectedSection(){const t=this.availableProviders;return t.length===0?i.nothing:i.html`
-      <div class="rule"></div>
-      <div class="section">
-        <h3 class="sec-title">${this.msg.connectedTitle}</h3>
-        <p class="hint">${this.msg.connectedHint}</p>
-        <span class="sub-label">${this.msg.addAnotherLabel}</span>
-        <div class="tile-grid">
-          ${t.map(e=>i.html`
-              <button
-                type="button"
-                class="tile"
-                aria-label=${`Connect ${e.name}`}
-                ?disabled=${this.submitting}
-                @click=${()=>this.onConnectProvider(e.id)}
-              >
-                <span class="tile-mark">${e.mark}</span>
-                <span class="tile-name">${e.name}</span>
-                <span class="tile-plus">+</span>
-              </button>
-            `)}
-        </div>
-        <p class="disabled-note">
-          ${this.msg.notYetSupported} — listing or disconnecting linked providers is not part of the
-          current API.
-        </p>
-      </div>
-    `}renderDangerSection(){return i.html`
-      <div class="rule"></div>
-      <div class="section">
-        ${this.deleteStage===0?i.html`<button
-                type="button"
-                class="danger-link"
-                disabled
-                title=${this.msg.notYetSupported}
-              >
-                ${this.msg.deleteAccountCta}
-              </button>`:i.nothing}
-        <p class="disabled-note">
-          ${this.msg.notYetSupported} — account deletion is not part of the current API.
-        </p>
-      </div>
-    `}render(){return this.user?i.html`
-      <div class="acct-root">
-        ${this.renderLogo()} ${this.renderIdentity()}
-        <div class="acct-body">
-          ${this.toast?i.html`<div class="notice" role="status">${this.toast}</div>`:i.nothing}
-          ${this.formError?i.html`<div class="banner" role="alert">${this.formError}</div>`:i.nothing}
-          ${this.renderProfileSection()} ${this.renderEmailSection()}
-          ${this.renderPasswordSection()}
-          ${i.nothing}
-          ${this.renderConnectedSection()}
-          ${i.nothing}
-        </div>
-      </div>
-    `:i.html`<p class="disabled-note">Not signed in.</p>`}},N=new WeakMap,D=new WeakMap,I=new WeakMap,F=new WeakMap,B=new WeakMap,R=new WeakMap,j=new WeakMap,q=new WeakMap,H=new WeakMap,G=new WeakMap,V=new WeakMap,K=new WeakMap,Y=new WeakMap,W=new WeakMap,z=new WeakMap,J=new WeakMap,Q=new WeakMap,X=new WeakMap,Z=new WeakMap,tt=new WeakMap,et=new WeakMap,st=new WeakMap,it=new WeakMap,at=new WeakMap,nt=new WeakMap,rt=new WeakMap,Me);g([r.property({attribute:"logo-text"})],exports.SinglebaseAccountScreen.prototype,"logoText",1);g([r.property({attribute:"logo-url"})],exports.SinglebaseAccountScreen.prototype,"logoUrl",1);g([r.property({attribute:!1})],exports.SinglebaseAccountScreen.prototype,"settings",1);g([r.property({attribute:"nonce-storage-key"})],exports.SinglebaseAccountScreen.prototype,"nonceStorageKey",1);g([r.state()],exports.SinglebaseAccountScreen.prototype,"editMode",1);g([r.state()],exports.SinglebaseAccountScreen.prototype,"toast",1);g([r.state()],exports.SinglebaseAccountScreen.prototype,"photoBusy",1);g([r.state()],exports.SinglebaseAccountScreen.prototype,"photoFailed",1);g([r.state()],exports.SinglebaseAccountScreen.prototype,"profileSaved",1);g([r.state()],exports.SinglebaseAccountScreen.prototype,"passSaved",1);g([r.state()],exports.SinglebaseAccountScreen.prototype,"profileError",1);g([r.state()],exports.SinglebaseAccountScreen.prototype,"newPassError",1);g([r.state()],exports.SinglebaseAccountScreen.prototype,"deleteStage",1);g([r.state()],exports.SinglebaseAccountScreen.prototype,"confirmText",1);g([r.state()],exports.SinglebaseAccountScreen.prototype,"dFirst",1);g([r.state()],exports.SinglebaseAccountScreen.prototype,"dLast",1);g([r.state()],exports.SinglebaseAccountScreen.prototype,"dPhone",1);g([r.state()],exports.SinglebaseAccountScreen.prototype,"dEmail",1);g([r.state()],exports.SinglebaseAccountScreen.prototype,"emailStep",1);g([r.state()],exports.SinglebaseAccountScreen.prototype,"dNewEmail",1);g([r.state()],exports.SinglebaseAccountScreen.prototype,"emailCode",1);g([r.state()],exports.SinglebaseAccountScreen.prototype,"emailError",1);g([r.state()],exports.SinglebaseAccountScreen.prototype,"emailSaved",1);g([r.state()],exports.SinglebaseAccountScreen.prototype,"curPass",1);g([r.state()],exports.SinglebaseAccountScreen.prototype,"newPass",1);g([r.state()],exports.SinglebaseAccountScreen.prototype,"confirmPass",1);exports.SinglebaseAccountScreen=g([r.customElement("singlebase-authui-account")],exports.SinglebaseAccountScreen);var ds=Object.defineProperty,us=Object.getOwnPropertyDescriptor,w=(o,n,t,e)=>{for(var s=e>1?void 0:e?us(n,t):n,a=o.length-1,d;a>=0;a--)(d=o[a])&&(s=(e?d(n,t,s):d(s))||s);return e&&s&&ds(n,t,s),s},ot,lt,ht,ct,dt,ut,pt,Ne;exports.SinglebaseAuthButtons=(Ne=class extends me{constructor(){super(...arguments);h(this,ot,"signout");h(this,lt,"signin");h(this,ht,"");h(this,ct,"");h(this,dt,!1);h(this,ut,null);h(this,pt,"singlebase-oauth-nonce");p(this,"settingsCtl",new fe(this))}get type(){return l(this,ot)}set type(t){c(this,ot,t)}get intent(){return l(this,lt)}set intent(t){c(this,lt,t)}get provider(){return l(this,ht)}set provider(t){c(this,ht,t)}get providerName(){return l(this,ct)}set providerName(t){c(this,ct,t)}get embedded(){return l(this,dt)}set embedded(t){c(this,dt,t)}get settings(){return l(this,ut)}set settings(t){c(this,ut,t)}get nonceStorageKey(){return l(this,pt)}set nonceStorageKey(t){c(this,pt,t)}willUpdate(t){super.willUpdate(t),this.type==="oauth"&&this.settingsCtl.load(this.resolvedClient,this.settings)}get effectiveSettings(){return this.settings??this.settingsCtl.settings}get providers(){const t=this.effectiveSettings;if(!t||!t.oauth_settings.enabled)return[];if(!(this.intent==="signup"?t.oauth_settings.allow_signup:t.oauth_settings.allow_signin)&&this.intent!=="link")return[];const s={google:"G",github:"GH",linkedin:"in",facebook:"f"};return Object.entries(t.oauth_providers).filter(([,a])=>a.enabled).map(([a,d])=>({id:a,name:d.provider_name,mark:s[a]??d.provider_name.slice(0,2)}))}async startOAuth(t,e,s=!1){const a=this.resolvedClient;if(!a)return;let d,m;if(s){const b=this.auth.state;if(b.status!=="authenticated"){this.formError=this.msg.linkRequiresSignIn,this.phase="error";return}d=b.session.id_token,m=b.session.refresh_token}await this.run(async()=>{var be;const b=await a.createOAuthNonce(this.signal);(be=globalThis.sessionStorage)==null||be.setItem(this.nonceStorageKey,b);const{oauth_redirect_url:v}=await a.startOAuth({provider:t,nonce:b,intent:e,...s?{id_token:d,refresh_token:m}:{}},this.signal);globalThis.location.assign(v)})}renderOAuth(){const t=this.providers;if(t.length===0)return i.nothing;const[e,...s]=t;return i.html`
-      <div class="stack">
-        ${this.formError?i.html`<div class="banner" part="banner" role="alert">${this.formError}</div>`:i.nothing}
-
-        <button
-          type="button"
-          class="oauth-primary"
-          part="oauth-button"
-          ?disabled=${this.submitting}
-          @click=${()=>this.startOAuth(e.id,this.intent)}
-        >
-          <span class="g-mark">${e.mark}</span>
-          <span>${this.msg.oauthContinueWith} ${e.name}</span>
-        </button>
-
-        ${s.length?i.html`
-                <div class="icon-row">
-                  ${s.map(a=>i.html`
-                      <button
-                        type="button"
-                        class="icon-btn"
-                        part="oauth-button"
-                        aria-label=${`${this.msg.oauthContinueWith} ${a.name}`}
-                        title=${`${this.msg.oauthContinueWith} ${a.name}`}
-                        ?disabled=${this.submitting}
-                        @click=${()=>this.startOAuth(a.id,this.intent)}
-                      >
-                        <span class="tile-mark">${a.mark}</span>
-                      </button>
-                    `)}
-                </div>
-              `:i.nothing}
-      </div>
-    `}renderLink(){return i.html`
-      <div class="stack">
-        ${this.renderStatus()}
-        <button
-          type="button"
-          class="secondary"
-          part="oauth-button"
-          ?disabled=${this.submitting}
-          @click=${()=>this.startOAuth(this.provider,"link",!0)}
-        >
-          ${this.submitting?i.html`<span class="spinner"></span>`:i.nothing}
-          <span>${this.msg.oauthContinueWith} ${this.providerName||this.provider}</span>
-        </button>
-      </div>
-    `}async onSignOut(){const t=this.resolvedClient;t&&await this.run(async()=>{await t.signOut()})}renderSignOut(){return this.embedded?i.html`<button
-        type="button"
-        class="link-sm"
-        part="button-signout"
-        ?disabled=${this.submitting}
-        @click=${this.onSignOut}
-      >
-        ${this.msg.signOutCta}
-      </button>`:i.html`
-      <div class="stack">
-        ${this.formError?i.html`<p class="banner" role="alert">${this.formError}</p>`:i.nothing}
-        <button
-          type="button"
-          class="link-sm"
-          part="button-signout"
-          ?disabled=${this.submitting}
-          @click=${this.onSignOut}
-        >
-          ${this.msg.signOutCta}
-        </button>
-      </div>
-    `}render(){return this.type==="oauth"?this.renderOAuth():this.type==="link"?this.renderLink():this.renderSignOut()}},ot=new WeakMap,lt=new WeakMap,ht=new WeakMap,ct=new WeakMap,dt=new WeakMap,ut=new WeakMap,pt=new WeakMap,Ne);w([r.property()],exports.SinglebaseAuthButtons.prototype,"type",1);w([r.property()],exports.SinglebaseAuthButtons.prototype,"intent",1);w([r.property()],exports.SinglebaseAuthButtons.prototype,"provider",1);w([r.property({attribute:"provider-name"})],exports.SinglebaseAuthButtons.prototype,"providerName",1);w([r.property({type:Boolean})],exports.SinglebaseAuthButtons.prototype,"embedded",1);w([r.property({attribute:!1})],exports.SinglebaseAuthButtons.prototype,"settings",1);w([r.property({attribute:"nonce-storage-key"})],exports.SinglebaseAuthButtons.prototype,"nonceStorageKey",1);exports.SinglebaseAuthButtons=w([r.customElement("singlebase-authui-buttons")],exports.SinglebaseAuthButtons);var qe=Object.defineProperty,ps=Object.getOwnPropertyDescriptor,gs=(o,n,t)=>n in o?qe(o,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[n]=t,u=(o,n,t,e)=>{for(var s=e>1?void 0:e?ps(n,t):n,a=o.length-1,d;a>=0;a--)(d=o[a])&&(s=(e?d(n,t,s):d(s))||s);return e&&s&&qe(n,t,s),s},ms=(o,n,t)=>gs(o,n+"",t);const He=["signin","signup","forgot","verify","otp","newpass","invite"],Ge=["account"],bs=[...He,...Ge,"oauth-callback"];function ye(o){return He.includes(o)}function Ve(o){return Ge.includes(o)}function Se(o){return bs.includes(o)}const $={fromAttribute:o=>o===null?!0:o!=="false",toAttribute:o=>o?null:"false"};var gt,mt,bt,ft,vt,wt,yt,St,$t,Et,Ct,Pt,At,kt,_t,Ot,Tt,xt,Ut,Lt,Mt,Nt,Dt,It,Ft,Bt,Rt,jt,qt,Ht,Gt,Vt,Kt,Yt,Wt,zt,Jt,Qt,Xt,Zt,te,ee,se,ie,ae,ne,re,De;exports.SinglebaseAuthScreen=(De=class extends f{constructor(){super(...arguments);h(this,gt,"signin");h(this,mt,"");h(this,bt,!1);h(this,ft,null);h(this,vt,!0);h(this,wt,!0);h(this,yt,!0);h(this,St,!0);h(this,$t,!0);h(this,Et,!0);h(this,Ct,"card");h(this,Pt,"bottom");h(this,At,!1);h(this,kt,"");h(this,_t,"");h(this,Ot,"");h(this,Tt,"");h(this,xt,"");h(this,Ut,!0);h(this,Lt,"");h(this,Mt,"");h(this,Nt,"");h(this,Dt,"singlebase-oauth-nonce");h(this,It,"");h(this,Ft,"");h(this,Bt,"");h(this,Rt,0);h(this,jt,"");h(this,qt,"");h(this,Ht,"");h(this,Gt,"");h(this,Vt,"");h(this,Kt,"");h(this,Yt,"");h(this,Wt,"");h(this,zt,"");h(this,Jt,["","","","","",""]);h(this,Qt,"signin_code");h(this,Xt,!1);h(this,Zt,"");h(this,te,"");h(this,ee,"");h(this,se,"");h(this,ie,"");h(this,ae,0);h(this,ne,!1);p(this,"settingsCtl",new fe(this));p(this,"bridge",new as(this));p(this,"uidBase",`sb-${Math.random().toString(36).slice(2,8)}`);p(this,"gotoUnsubscribe");p(this,"gotoClient",null);h(this,re,!1);p(this,"abortController",null);p(this,"onContinue",()=>{this.followRedirect()||(this.dispatchEvent(new CustomEvent("singlebase-continue",{detail:{user:this.getUser()},bubbles:!0,composed:!0})),this.goto("account"))});p(this,"onInterstitialSignOut",async()=>{var t;await((t=this.resolvedClient)==null?void 0:t.logout()),this.goto("signin")})}get initialScreen(){return l(this,gt)}set initialScreen(t){c(this,gt,t)}get screen(){return l(this,mt)}set screen(t){c(this,mt,t)}get noAccountView(){return l(this,bt)}set noAccountView(t){c(this,bt,t)}get settings(){return l(this,ft)}set settings(t){c(this,ft,t)}get authEnabled(){return l(this,vt)}set authEnabled(t){c(this,vt,t)}get allowEmailSignin(){return l(this,wt)}set allowEmailSignin(t){c(this,wt,t)}get allowEmailSignup(){return l(this,yt)}set allowEmailSignup(t){c(this,yt,t)}get allowEmailOtp(){return l(this,St)}set allowEmailOtp(t){c(this,St,t)}get allowOauth(){return l(this,$t)}set allowOauth(t){c(this,$t,t)}get allowAccountCreation(){return l(this,Et)}set allowAccountCreation(t){c(this,Et,t)}get layout(){return l(this,Ct)}set layout(t){c(this,Ct,t)}get oauthPlacement(){return l(this,Pt)}set oauthPlacement(t){c(this,Pt,t)}get stepped(){return l(this,At)}set stepped(t){c(this,At,t)}get logoText(){return l(this,kt)}set logoText(t){c(this,kt,t)}get logoUrl(){return l(this,_t)}set logoUrl(t){c(this,_t,t)}get brandLine(){return l(this,Ot)}set brandLine(t){c(this,Ot,t)}get brandFoot(){return l(this,Tt)}set brandFoot(t){c(this,Tt,t)}get signInTitle(){return l(this,xt)}set signInTitle(t){c(this,xt,t)}get branding(){return l(this,Ut)}set branding(t){c(this,Ut,t)}get redirectUrl(){return l(this,Lt)}set redirectUrl(t){c(this,Lt,t)}get tosUrl(){return l(this,Mt)}set tosUrl(t){c(this,Mt,t)}get privacyUrl(){return l(this,Nt)}set privacyUrl(t){c(this,Nt,t)}get nonceStorageKey(){return l(this,Dt)}set nonceStorageKey(t){c(this,Dt,t)}get inviteEmail(){return l(this,It)}set inviteEmail(t){c(this,It,t)}get inviteOrg(){return l(this,Ft)}set inviteOrg(t){c(this,Ft,t)}get inviteCode(){return l(this,Bt)}set inviteCode(t){c(this,Bt,t)}get step(){return l(this,Rt)}set step(t){c(this,Rt,t)}get method(){return l(this,jt)}set method(t){c(this,jt,t)}get email(){return l(this,qt)}set email(t){c(this,qt,t)}get password(){return l(this,Ht)}set password(t){c(this,Ht,t)}get name(){return l(this,Gt)}set name(t){c(this,Gt,t)}get firstName(){return l(this,Vt)}set firstName(t){c(this,Vt,t)}get lastName(){return l(this,Kt)}set lastName(t){c(this,Kt,t)}get phone(){return l(this,Yt)}set phone(t){c(this,Yt,t)}get newPass(){return l(this,Wt)}set newPass(t){c(this,Wt,t)}get confirmPass(){return l(this,zt)}set confirmPass(t){c(this,zt,t)}get code(){return l(this,Jt)}set code(t){c(this,Jt,t)}get verifyNext(){return l(this,Qt)}set verifyNext(t){c(this,Qt,t)}get loading(){return l(this,Xt)}set loading(t){c(this,Xt,t)}get banner(){return l(this,Zt)}set banner(t){c(this,Zt,t)}get notice(){return l(this,te)}set notice(t){c(this,te,t)}get emailError(){return l(this,ee)}set emailError(t){c(this,ee,t)}get passError(){return l(this,se)}set passError(t){c(this,se,t)}get newPassError(){return l(this,ie)}set newPassError(t){c(this,ie,t)}get attempts(){return l(this,ae)}set attempts(t){c(this,ae,t)}get needsMfaCode(){return l(this,ne)}set needsMfaCode(t){c(this,ne,t)}uid(t){return`${this.uidBase}-${t}`}willUpdate(t){super.willUpdate(t),this.settingsCtl.load(this.resolvedClient,this.settings),this.bridge.bind(this.resolvedClient),this.bindGoto(this.resolvedClient)}disconnectedCallback(){var t,e;super.disconnectedCallback(),(t=this.gotoUnsubscribe)==null||t.call(this),this.gotoUnsubscribe=void 0,this.gotoClient=null,(e=this.abortController)==null||e.abort()}bindGoto(t){var a;if(t===this.gotoClient||((a=this.gotoUnsubscribe)==null||a.call(this),this.gotoUnsubscribe=void 0,this.gotoClient=t,!t))return;const e=t.on("goto",({screen:d})=>{Se(d)&&this.goto(d)}),s=t.on("signin",()=>{this.followRedirect()});this.gotoUnsubscribe=()=>{e(),s()}}goto(t){this.screen!==t&&(this.screen=t,this.step=0,this.banner="",this.notice="",this.dispatchEvent(new CustomEvent("singlebase-screen-change",{detail:{screen:t},bubbles:!0,composed:!0})))}get cfg(){const t=this.settings??this.settingsCtl.settings;if(!t)return{authEnabled:this.authEnabled,allowEmailSignin:this.allowEmailSignin,allowEmailSignup:this.allowEmailSignup&&this.allowAccountCreation,allowEmailOtp:this.allowEmailOtp,allowOauth:this.allowOauth,mfa:!1};const e=t.auth_settings,s=e.second_factor==="email_otp";return{authEnabled:t.enabled&&e.enabled&&this.authEnabled,allowEmailSignin:e.allow_signin&&this.allowEmailSignin,allowEmailSignup:e.allow_signup&&this.allowEmailSignup&&this.allowAccountCreation,allowEmailOtp:this.allowEmailOtp&&e.allow_signin&&!s,allowOauth:t.oauth_settings.enabled&&this.allowOauth,mfa:s}}get requestedScreen(){const t=this.screen||this.initialScreen||"signin";return Se(t)?t:"signin"}get activeScreen(){if(this.isOAuthCallback)return"oauth-callback";const t=this.auth.state.status==="authenticated",e=this.requestedScreen;if(Ve(e))return t?e:"signin";if(t)return this.screen!==""||this.initialScreen!=="signin"?e:"account";const s=this.cfg;let a=e;return a==="signup"&&!s.allowEmailSignup&&(a="signin"),(a==="forgot"||a==="newpass")&&!s.allowEmailSignin&&(a="signin"),a==="otp"&&!s.allowEmailOtp&&(a="signin"),a==="signin"&&!s.allowEmailSignin&&s.allowEmailOtp&&(a="otp"),a}get showsSignedInInterstitial(){return this.auth.state.status==="authenticated"&&ye(this.activeScreen)}get redirectTarget(){var t;return Be.resolveRedirectTarget(this.redirectUrl||this.redirectParam,(t=globalThis.location)==null?void 0:t.href,e=>console.warn(`[singlebase] ${e}`))}get redirectParam(){var e;const t=new URLSearchParams(((e=globalThis.location)==null?void 0:e.search)??"");return t.get("redirect")??t.get("next")??""}followRedirect(){var e;const t=this.redirectTarget;return t?((e=globalThis.location)==null||e.assign(t),!0):!1}get isOAuthCallback(){var e;const t=new URLSearchParams(((e=globalThis.location)==null?void 0:e.search)??"");return t.has("access_code")||t.has("error")}get callbackDone(){return l(this,re)}set callbackDone(t){c(this,re,t)}cleanCallbackUrl(){var s;const t=(s=globalThis.location)==null?void 0:s.href;if(!t||!globalThis.history)return;const e=new URL(t);e.searchParams.delete("access_code"),e.searchParams.delete("error"),globalThis.history.replaceState({},"",e.toString())}async handleOAuthCallback(){var m,b;if(this.callbackDone)return;this.callbackDone=!0;const t=new URLSearchParams(((m=globalThis.location)==null?void 0:m.search)??""),e=t.get("access_code"),s=t.get("error"),a=this.resolvedClient;if(s){this.cleanCallbackUrl(),this.banner=this.msg.oauthDenied;return}if(!e||!a)return;const d=(b=globalThis.sessionStorage)==null?void 0:b.getItem(this.nonceStorageKey);if(this.cleanCallbackUrl(),!d){this.banner=this.msg.genericErrorMessage;return}await this.withLoading(async()=>{var v;await a.completeOAuth({access_code:e,nonce:d},this.signal()),(v=globalThis.sessionStorage)==null||v.removeItem(this.nonceStorageKey)})}renderLogo(){return this.logoUrl?i.html`<img class="logo-img" part="logo" src=${this.logoUrl} alt=${this.logoText} />`:this.logoText?i.html`<div class="logo-dot" part="logo">${this.logoText}</div>`:i.nothing}renderBrandMark(){return this.logoUrl?i.html`<img class="brand-img" part="logo" src=${this.logoUrl} alt=${this.logoText} />`:this.logoText?i.html`<div class="brand-mark" part="logo">${this.logoText}</div>`:i.nothing}renderBranding(){return $e.renderBranding(this.branding,"Auth")}panel(t){return i.html`<div class="panel">${t}${this.renderBranding()}</div>`}renderOAuthCallback(){return i.html`
-      <div class="stack">
-        <div class="head">
-          ${this.renderLogo()}
-          <h2 class="title" part="title">${this.msg.oauthCallbackTitle}</h2>
-          <p class="sub">${this.msg.oauthCallbackSub}</p>
-        </div>
-        ${this.banner?i.html`<div class="banner" part="banner" role="alert">${this.banner}</div>`:i.html`<div class="stack" style="align-items:center;">
-                <span class="spinner" part="spinner"></span>
-              </div>`}
-        ${this.banner?i.html`<button type="button" class="ghost" @click=${()=>this.goto("signin")}>
-                <span>${this.msg.backCta}</span>
-              </button>`:i.nothing}
-      </div>
-    `}setScreen(t,e={}){const s=this.screen!==t;this.screen=t,this.banner="",this.emailError="",this.passError="",Object.assign(this,e),s&&this.dispatchEvent(new CustomEvent("singlebase-screen-change",{detail:{screen:t},bubbles:!0,composed:!0}))}async withLoading(t){this.loading=!0,this.banner="";try{await t()}catch(e){this.banner=this.describeError(e)}finally{this.loading=!1}}describeError(t){if(t instanceof y.SinglebaseAuthError){if(t.code==="AUTH_RATE_LIMITED")return this.msg.rateLimitedMessage;if(t.code==="INVALID_TOKEN")return"That code is not valid. Check it and try again."}return this.msg.genericErrorMessage}get codeValue(){return this.code.join("")}async onSubmit(t){t==null||t.preventDefault();const e=this.resolvedClient;if(!e)return;const s=this.activeScreen;if(this.cfg,s==="forgot"||s==="otp"){if(!this.email.includes("@")){this.emailError=this.msg.invalidEmailError;return}const a=s==="forgot"?"password_reset":"signin";await this.withLoading(async()=>{await e.requestCode({email:this.email,purpose:a},this.signal()),this.notice=this.msg.codeSentNeutral,this.screen="verify",this.verifyNext=s==="forgot"?"newpass":"signin_code",this.code=["","","","","",""]});return}if(s==="verify"){if(this.codeValue.length<6){this.banner=this.msg.codeIncompleteError;return}if(this.verifyNext==="newpass"){this.setScreen("newpass",{notice:""});return}await this.withLoading(async()=>{await e.signIn({email:this.email,grant_type:"code",code:this.codeValue},this.signal()),this.notice=""});return}if(s==="newpass"){if(this.newPass.length<10){this.newPassError=this.msg.passwordMinError;return}if(this.newPass!==this.confirmPass){this.newPassError=this.msg.passwordMatchError;return}await this.withLoading(async()=>{await e.resetPassword({email:this.email,code:this.codeValue,new_password:this.newPass},this.signal()),this.newPass="",this.confirmPass=""});return}if(s==="invite"){if(!this.firstName.trim()||!this.lastName.trim()){this.banner="Enter your first and last name.";return}if(this.phone.replace(/\D/g,"").length<7){this.banner=this.msg.invalidPhoneError;return}if(this.password.length<10){this.passError=this.msg.passwordMinError;return}const a=this.inviteCode||this.codeValue;if(a.length<6){this.banner=this.msg.codeIncompleteError;return}await this.withLoading(async()=>{await e.acceptInvite({email:this.inviteEmail,grant_type:"code",purpose:"invite",code:a,password:this.password,phone:this.phone},this.signal())});return}if(this.stepped&&(s==="signup"&&this.step<2||s==="signin"&&this.step<1)){if(!this.email.includes("@")){this.emailError=this.msg.invalidEmailError;return}this.step+=1;return}if(!this.email.includes("@")){this.emailError=this.msg.invalidEmailError;return}if(s==="signup"){if(this.password.length<8){this.passError="Password must be at least 8 characters.";return}const[a,...d]=this.name.trim().split(/\s+/);await this.withLoading(async()=>{const m=await e.signUp({email:this.email,password:this.password,first_name:a||this.name,last_name:d.join(" ")||"—"},this.signal()),b=y.resolveScreen({next_action:m.next_action,next_operation:m.next_operation});this.setScreen("signin",{notice:"Account created. Sign in to continue.",step:0,password:"",needsMfaCode:b==="signin_with_code"})});return}if(this.password.length<8){this.attempts+=1,this.passError="Password must be at least 8 characters.",this.banner=this.attempts>=3?this.msg.rateLimitedMessage:"";return}await this.withLoading(async()=>{try{await e.signIn({email:this.email,password:this.password,...this.needsMfaCode?{code:this.codeValue}:{}},this.signal()),this.step=0}catch(a){if(a instanceof y.SinglebaseAuthError&&a.code==="CODE_REQUIRED"){this.needsMfaCode=!0,await e.requestCode({email:this.email,purpose:"signin"},this.signal()),this.notice=this.msg.codeSentNeutral;return}if(a instanceof y.SinglebaseAuthError&&a.code==="INVALID_CREDENTIALS"){this.attempts+=1,this.banner=this.attempts>=3?this.msg.rateLimitedMessage:"That email and password do not match.";return}throw a}})}signal(){var t;return(t=this.abortController)==null||t.abort(),this.abortController=new AbortController,this.abortController.signal}onCodeInput(t,e){var b;const a=e.target.value.replace(/\D/g,"");if(a.length>1){this.fillCode(t,a);return}const d=a.slice(-1),m=this.code.slice();m[t]=d,this.code=m,this.banner="",d&&((b=this.renderRoot.querySelectorAll(".code-row input, .code-row-sm input")[t+1])==null||b.focus())}onCodePaste(t,e){var a;const s=(((a=e.clipboardData)==null?void 0:a.getData("text"))??"").replace(/\D/g,"");s&&(e.preventDefault(),this.fillCode(t,s))}fillCode(t,e){const s=this.code.slice();for(let d=0;d<e.length&&t+d<s.length;d+=1)s[t+d]=e[d];this.code=s,this.banner="";const a=Math.min(t+e.length,s.length-1);this.updateComplete.then(()=>{var m;(m=this.renderRoot.querySelectorAll(".code-row input, .code-row-sm input")[a])==null||m.focus()})}async onResend(){const t=this.resolvedClient;if(!t||this.loading)return;const e=this.verifyNext==="newpass"?"password_reset":"signin";await this.withLoading(async()=>{await t.requestCode({email:this.email,purpose:e},this.signal()),this.notice="New code sent.",this.code=["","","","","",""]})}goBack(){if(this.step>0&&["forgot","verify","otp","newpass"].indexOf(this.activeScreen)<0){this.step-=1,this.banner="",this.notice="";return}this.setScreen("signin",{step:0,notice:"",code:["","","","","",""]})}titleFor(t){const e=this.msg;switch(t){case"signup":return e.signUpTitle;case"forgot":return e.forgotTitle;case"verify":return e.verifyTitle;case"otp":return e.otpTitle;case"newpass":return e.newPassTitle;case"invite":return e.inviteTitle;default:return this.signInTitle||e.signInTitle}}subFor(t){const e=this.msg,s=this.cfg;switch(t){case"signup":return e.signUpSub;case"forgot":return e.forgotSub;case"verify":return`We sent a 6-digit code to ${this.email||"your inbox"}. It expires in 10 minutes.`;case"otp":return e.otpSub;case"newpass":return`Your code is confirmed. Set a new password for ${this.email||"your account"}.`;case"invite":return`${this.inviteOrg||"Acme"} invited you to join. Set up your account to continue.`;default:return!s.allowEmailSignin&&!s.allowEmailOtp?e.signInSubOauthOnly:s.allowOauth?e.signInSubEmailAndOauth:e.signInSubEmailOnly}}ctaFor(t){const e=this.msg;if(this.stepped&&(t==="signup"&&this.step<2||t==="signin"&&this.step<1))return e.continueCta;switch(t){case"signup":return e.signUpCta;case"forgot":return e.forgotCta;case"verify":return e.verifyCta;case"otp":return e.otpCta;case"newpass":return e.newPassCta;case"invite":return e.inviteCta;default:return e.signInCta}}stepPct(){if(!this.stepped)return 100;const t=this.activeScreen==="signup"?3:2;return Math.round((this.step+1)/t*100)}renderPrimary(t){return i.html`
-      <button type="submit" class="primary" part="button-primary" ?disabled=${this.loading}>
-        ${this.loading?i.html`<span class="spinner" part="spinner"></span>`:i.nothing}
-        <span>${t}</span>
-      </button>
-    `}renderEmailField(t){return i.html`
-      <div class="field">
-        <label for=${t}>${this.msg.emailLabel}</label>
-        <input
-          id=${t}
-          type="email"
-          part="input"
-          .value=${this.email}
-          placeholder=${this.msg.emailPlaceholder}
-          aria-invalid=${this.emailError?"true":"false"}
-          ?disabled=${this.loading}
-          @input=${e=>{this.email=e.target.value,this.emailError="",this.banner=""}}
-        />
-        ${this.emailError?i.html`<p class="err">${this.emailError}</p>`:i.nothing}
-      </div>
-    `}renderPasswordField(t,e){return i.html`
-      <div class="field">
-        <div class="label-row">
-          <label for=${t}>${this.msg.passwordLabel}</label>
-          ${e?i.html`<button
-                  type="button"
-                  class="link-sm"
-                  @click=${()=>this.setScreen("forgot",{step:0})}
-                >
-                  ${this.msg.forgotLink}
-                </button>`:i.nothing}
-        </div>
-        <input
-          id=${t}
-          type="password"
-          part="input"
-          .value=${this.password}
-          placeholder=${this.msg.passwordPlaceholder}
-          aria-invalid=${this.passError?"true":"false"}
-          ?disabled=${this.loading}
-          @input=${s=>{this.password=s.target.value,this.passError="",this.banner=""}}
-        />
-        ${this.passError?i.html`<p class="err">${this.passError}</p>`:i.nothing}
-      </div>
-    `}renderCodeRow(t=!1){return i.html`
-      <div class=${t?"code-row-sm":"code-row"} role="group" aria-label="Verification code">
-        ${this.code.map((e,s)=>i.html`
-            <input
-              type="text"
-              inputmode="numeric"
-              maxlength="1"
-              part="code-box"
-              aria-label=${`Digit ${s+1}`}
-              autocomplete=${s===0?"one-time-code":"off"}
-              .value=${e}
-              ?disabled=${this.loading}
-              @input=${a=>this.onCodeInput(s,a)}
-              @paste=${a=>this.onCodePaste(s,a)}
-            />
-          `)}
-      </div>
-    `}renderEmailMethodBody(t){const e=this.cfg,s=this.stepped,a=t==="signup"&&(!s||this.step===0),d=t==="signup"&&(!s||this.step===1)||t==="signin"&&(!s||this.step===0)||t==="otp",m=t==="signup"&&(!s||this.step===2)||t==="signin"&&(!s||this.step===1),b=t==="signin"&&e.allowEmailSignin&&e.allowEmailOtp&&(!s||this.step===0);return i.html`
-      ${a?i.html`
-              <div class="field">
-                <label for=${this.uid("name")}>${this.msg.fullNameLabel}</label>
-                <input
-                  id=${this.uid("name")}
-                  type="text"
-                  part="input"
-                  .value=${this.name}
-                  placeholder=${this.msg.fullNamePlaceholder}
-                  ?disabled=${this.loading}
-                  @input=${v=>this.name=v.target.value}
-                />
-              </div>
-            `:i.nothing}
-      ${d?this.renderEmailField(this.uid("email")):i.nothing}
-      ${m?this.renderPasswordField(this.uid("pass"),e.allowEmailSignin&&t==="signin"):i.nothing}
-      ${this.needsMfaCode&&t==="signin"?i.html`
-              <div class="field">
-                <span class="label">Verification code</span>
-                ${this.renderCodeRow(!0)}
-              </div>
-            `:i.nothing}
-      ${this.renderPrimary(this.ctaFor(t))}
-      ${b?i.html`<button
-              type="button"
-              class="edit-link"
-              @click=${()=>this.setScreen("otp",{step:0})}
-            >
-              ${this.msg.otpInsteadLink}
-            </button>`:i.nothing}
-    `}renderAccordion(t){const e=this.cfg,s=t==="signin"&&e.allowEmailSignin||t==="signup"&&e.allowEmailSignup||t==="otp"&&e.allowEmailOtp,a=e.allowOauth;if(!s&&!a)return i.nothing;const d=s&&a,m=s?a&&this.method||"email":"oauth",b=m==="email",v=m==="oauth",be=t==="signup"?this.msg.emailMethodTitleSignUp:this.msg.emailMethodTitle,Ye=t==="otp"?this.msg.emailMethodMetaOtp:t==="signup"?this.msg.emailMethodMetaSignUp:this.msg.emailMethodMeta,Ae=(Oe,We,ze,Je,Qe,Te)=>i.html`
-      <div class="acc-item ${Oe?"open":""} ${d?"":"bare"}" part="acc-item">
-        ${d?i.html`
-                <button
-                  type="button"
-                  class="acc-head"
-                  aria-expanded=${Oe?"true":"false"}
-                  aria-controls=${this.uid(`acc-${Te}`)}
-                  @click=${Qe}
-                >
-                  <span class="chev" aria-hidden="true">›</span>
-                  <span class="acc-title">${We}</span>
-                  <span class="acc-meta">${ze}</span>
-                </button>
-              `:i.nothing}
-        <div class="acc-body" id=${this.uid(`acc-${Te}`)}>
-          <div class="acc-clip">
-            <div class="acc-inner">${Je}</div>
-          </div>
-        </div>
-      </div>
-    `,ke=s?Ae(b,be,Ye,this.renderEmailMethodBody(t),()=>this.method=b?"":"email","email"):i.nothing,_e=a?Ae(v,this.msg.oauthMethodTitle,this.msg.oauthMethodMeta,i.html`<singlebase-authui-buttons
-            type="oauth"
-            embedded
-            theme=${E.ifDefined(this.theme)}
-            density=${E.ifDefined(this.density)}
-            field-style=${E.ifDefined(this.fieldStyle)}
-            .client=${this.resolvedClient}
-            .messages=${this.messages}
-            .settings=${this.settings??this.settingsCtl.settings}
-            intent=${t==="signup"?"signup":"signin"}
-          ></singlebase-authui-buttons>`,()=>this.method=v?"":"oauth","oauth"):i.nothing;return i.html`
-      <div class="acc-wrap">
-        ${this.oauthPlacement==="top"?i.html`${_e}${ke}`:i.html`${ke}${_e}`}
-      </div>
-    `}renderScreenBody(t){return this.cfg,["signin","signup","otp"].indexOf(t)>=0?this.renderAccordion(t):t==="forgot"?i.html`<div class="fields">${this.renderEmailField(this.uid("reset"))}</div>`:t==="verify"?i.html`
-        ${this.renderCodeRow()}
-        <div class="resend-row">
-          <span class="hint">${this.msg.resendQuestion}</span>
-          <button type="button" class="link-sm" ?disabled=${this.loading} @click=${this.onResend}>
-            ${this.msg.resendCta}
-          </button>
-        </div>
-      `:t==="newpass"?i.html`
-        <div class="fields">
-          <div class="field">
-            <label for=${this.uid("newpass")}>${this.msg.newPasswordLabel}</label>
-            <input
-              id=${this.uid("newpass")}
-              type="password"
-              part="input"
-              .value=${this.newPass}
-              placeholder=${this.msg.newPasswordPlaceholder}
-              aria-invalid=${this.newPassError?"true":"false"}
-              ?disabled=${this.loading}
-              @input=${s=>{this.newPass=s.target.value,this.newPassError=""}}
-            />
-          </div>
-          <div class="field">
-            <label for=${this.uid("confirmpass")}>${this.msg.confirmPasswordLabel}</label>
-            <input
-              id=${this.uid("confirmpass")}
-              type="password"
-              part="input"
-              .value=${this.confirmPass}
-              placeholder=${this.msg.confirmPasswordPlaceholder}
-              aria-invalid=${this.newPassError?"true":"false"}
-              ?disabled=${this.loading}
-              @input=${s=>{this.confirmPass=s.target.value,this.newPassError=""}}
-            />
-            ${this.newPassError?i.html`<p class="err">${this.newPassError}</p>`:i.nothing}
-          </div>
-        </div>
-      `:t==="invite"?i.html`
-        <div class="fields">
-          <div class="invite-box">
-            <span class="invite-label">${this.msg.invitedEmailLabel}</span>
-            <span class="invite-email">${this.inviteEmail}</span>
-          </div>
-          ${this.inviteCode?i.nothing:i.html`<div class="field">
-                  <span class="label">Invite code</span>
-                  ${this.renderCodeRow(!0)}
-                </div>`}
-          <div class="two-up">
-            <div class="field">
-              <label for=${this.uid("first")}>${this.msg.firstNameLabel}</label>
-              <input
-                id=${this.uid("first")}
-                type="text"
-                part="input"
-                .value=${this.firstName}
-                placeholder=${this.msg.firstNamePlaceholder}
-                ?disabled=${this.loading}
-                @input=${s=>this.firstName=s.target.value}
-              />
-            </div>
-            <div class="field">
-              <label for=${this.uid("last")}>${this.msg.lastNameLabel}</label>
-              <input
-                id=${this.uid("last")}
-                type="text"
-                part="input"
-                .value=${this.lastName}
-                placeholder=${this.msg.lastNamePlaceholder}
-                ?disabled=${this.loading}
-                @input=${s=>this.lastName=s.target.value}
-              />
-            </div>
-          </div>
-          <div class="field">
-            <label for=${this.uid("phone")}>${this.msg.phoneLabel}</label>
-            <input
-              id=${this.uid("phone")}
-              type="tel"
-              part="input"
-              .value=${this.phone}
-              placeholder=${this.msg.phonePlaceholder}
-              ?disabled=${this.loading}
-              @input=${s=>this.phone=s.target.value}
-            />
-          </div>
-          <div class="field">
-            <label for=${this.uid("invitepass")}>${this.msg.passwordLabel}</label>
-            <input
-              id=${this.uid("invitepass")}
-              type="password"
-              part="input"
-              .value=${this.password}
-              placeholder=${this.msg.newPasswordPlaceholder}
-              aria-invalid=${this.passError?"true":"false"}
-              ?disabled=${this.loading}
-              @input=${s=>{this.password=s.target.value,this.passError=""}}
-            />
-            ${this.passError?i.html`<p class="err">${this.passError}</p>`:i.nothing}
-          </div>
-        </div>
-      `:i.nothing}renderGuest(t){const e=this.cfg,s=["forgot","verify","newpass","invite"].indexOf(t)>=0,a=this.stepped&&this.step>0||["forgot","verify","otp","newpass"].indexOf(t)>=0,d=t==="signin"&&e.allowEmailSignup||t==="signup"&&e.allowEmailSignin,m=this.stepped&&(t==="signin"||t==="signup");return i.html`
-      <form class="stack" @submit=${this.onSubmit} novalidate>
-        <div class="head">
-          ${this.layout!=="split"?this.renderLogo():i.nothing}
-          <h2 class="title" part="title">${this.titleFor(t)}</h2>
-          <p class="sub">${this.subFor(t)}</p>
-        </div>
-
-        ${m?i.html`<div class="step-bar">
-                <div class="step-fill" style="width:${this.stepPct()}%"></div>
-              </div>`:i.nothing}
-        ${this.banner?i.html`<div class="banner" part="banner" role="alert">${this.banner}</div>`:i.nothing}
-        ${this.notice?i.html`<div class="notice" part="notice" role="status">${this.notice}</div>`:i.nothing}
-        ${this.renderScreenBody(t)}
-        ${s||a?i.html`
-                <div class="actions">
-                  ${s?this.renderPrimary(this.ctaFor(t)):i.nothing}
-                  ${a?i.html`<button type="button" class="ghost" @click=${this.goBack}>
-                          ${this.msg.backCta}
-                        </button>`:i.nothing}
-                </div>
-              `:i.nothing}
-        ${d?i.html`
-                <p class="foot">
-                  <span
-                    >${t==="signup"?this.msg.footTextSignUp:this.msg.footTextSignIn}</span
-                  >
-                  <button
-                    type="button"
-                    class="link"
-                    @click=${()=>this.setScreen(t==="signup"?"signin":"signup",{step:0,notice:""})}
-                  >
-                    ${t==="signup"?this.msg.footActionSignUp:this.msg.footActionSignIn}
-                  </button>
-                </p>
-              `:i.nothing}
-        ${this.renderConsent()}
-
-        <span class="sr-only" role="status" aria-live="polite">
-          ${this.loading?"Submitting…":""}
-        </span>
-      </form>
-    `}renderBlocked(){const e=!this.cfg.authEnabled;return i.html`
-      <div class="stack">
-        <div class="head">
-          ${this.layout!=="split"?this.renderLogo():i.nothing}
-          <h2 class="title" part="title">
-            ${e?this.msg.blockedTitleDisabled:this.msg.blockedTitleUnavailable}
-          </h2>
-          <p class="sub">
-            ${e?this.msg.blockedBodyDisabled:this.msg.blockedBodyUnavailable}
-          </p>
-        </div>
-        <div class="notice" part="notice" role="status">${this.msg.blockedHint}</div>
-      </div>
-    `}renderSignedIn(){const t=this.auth.state.status==="authenticated"?this.auth.state.user:null,e=this.redirectTarget;return i.html`
-      <div class="stack">
-        <div class="head">
-          ${this.renderLogo()}
-          <h2 class="title" part="title">${this.msg.alreadySignedInTitle}</h2>
-          <p class="sub">
-            ${t!=null&&t.email?`${this.msg.alreadySignedInSubPrefix} ${t.email}.`:this.msg.alreadySignedInSub}
-          </p>
-        </div>
-
-        <div class="actions">
-          <button type="button" class="primary" part="button-primary" @click=${this.onContinue}>
-            <span>${this.msg.continueCta}</span>
-          </button>
-          <button type="button" class="ghost" @click=${this.onInterstitialSignOut}>
-            <span>${this.msg.signOutCta}</span>
-          </button>
-        </div>
-
-        ${e?i.nothing:i.html`<p class="hint">${this.msg.continueHint}</p>`}
-      </div>
-    `}renderConsent(){if(!this.tosUrl&&!this.privacyUrl)return i.nothing;const t=this.tosUrl?i.html`<a class="link-sm" href=${this.tosUrl} target="_blank" rel="noopener noreferrer"
-          >${this.msg.termsLabel}</a
-        >`:i.nothing,e=this.privacyUrl?i.html`<a class="link-sm" href=${this.privacyUrl} target="_blank" rel="noopener noreferrer"
-          >${this.msg.privacyLabel}</a
-        >`:i.nothing;return i.html`
-      <p class="hint" part="consent">
-        ${this.msg.consentPrefix}
-        ${t}${this.tosUrl&&this.privacyUrl?i.html` ${this.msg.consentJoin} `:i.nothing}${e}.
-      </p>
-    `}render(){const t=this.activeScreen;if(t==="oauth-callback")return this.handleOAuthCallback(),this.panel(this.renderOAuthCallback());if(t==="account")return this.noAccountView?i.nothing:this.panel(i.html`
-        <singlebase-authui-account
-          theme=${E.ifDefined(this.theme)}
-          density=${E.ifDefined(this.density)}
-          field-style=${E.ifDefined(this.fieldStyle)}
-          .client=${this.resolvedClient}
-          .messages=${this.messages}
-          logo-text=${this.logoText}
-          logo-url=${this.logoUrl}
-        ></singlebase-authui-account>
-      `);if(this.showsSignedInInterstitial)return this.noAccountView?i.nothing:this.panel(this.renderSignedIn());const e=this.cfg,s=!e.allowEmailSignin&&!e.allowEmailOtp&&!e.allowOauth,a=!e.authEnabled||s&&ye(t);return i.html`
-      ${this.layout==="split"?i.html`
-              <div class="brand-panel">
-                ${this.renderBrandMark()}
-                ${this.brandLine?i.html`<div class="brand-copy">${this.brandLine}</div>`:i.nothing}
-                ${this.brandFoot?i.html`<div class="brand-foot">${this.brandFoot}</div>`:i.nothing}
-              </div>
-            `:i.nothing}
-      ${this.panel(a?this.renderBlocked():this.renderGuest(t))}
-    `}},gt=new WeakMap,mt=new WeakMap,bt=new WeakMap,ft=new WeakMap,vt=new WeakMap,wt=new WeakMap,yt=new WeakMap,St=new WeakMap,$t=new WeakMap,Et=new WeakMap,Ct=new WeakMap,Pt=new WeakMap,At=new WeakMap,kt=new WeakMap,_t=new WeakMap,Ot=new WeakMap,Tt=new WeakMap,xt=new WeakMap,Ut=new WeakMap,Lt=new WeakMap,Mt=new WeakMap,Nt=new WeakMap,Dt=new WeakMap,It=new WeakMap,Ft=new WeakMap,Bt=new WeakMap,Rt=new WeakMap,jt=new WeakMap,qt=new WeakMap,Ht=new WeakMap,Gt=new WeakMap,Vt=new WeakMap,Kt=new WeakMap,Yt=new WeakMap,Wt=new WeakMap,zt=new WeakMap,Jt=new WeakMap,Qt=new WeakMap,Xt=new WeakMap,Zt=new WeakMap,te=new WeakMap,ee=new WeakMap,se=new WeakMap,ie=new WeakMap,ae=new WeakMap,ne=new WeakMap,re=new WeakMap,De);ms(exports.SinglebaseAuthScreen,"styles",[...f.styles,$e.brandingStyles,i.css`
-      /* the mock's root */
-      :host {
-        display: flex;
-        width: 100%;
-        box-sizing: border-box;
-        background: var(--sb-surface, #ffffff);
-        color: var(--sb-ink, #16181a);
-        border: 1px solid var(--sb-border, #e4e6e9);
-        border-radius: calc((var(--sb-radius, 4px) + 4px) * var(--sb-radius-scale, 1));
-        overflow: hidden;
-      }
-
-      .brand-panel {
-        flex: 0 0 40%;
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-        gap: 24px;
-        padding: var(--sb-pad, 20px);
-        background: var(--sb-surface-alt, #fafafa);
-        border-right: 1px solid var(--sb-border, #e4e6e9);
-      }
-
-      /* A flex column would stretch an image to full width and wreck its
-         aspect ratio, so both logos opt out of the cross-axis stretch. */
-      .logo-img {
-        display: block;
-        align-self: flex-start;
-        height: var(--sb-logo-height, 20px);
-        width: auto;
-        max-width: 100%;
-        margin-bottom: 6px;
-      }
-
-      .brand-img {
-        display: block;
-        align-self: flex-start;
-        height: var(--sb-brand-logo-height, 28px);
-        width: auto;
-        max-width: 100%;
-      }
-
-      .brand-mark {
-        font-family: var(--sb-mono, "Geist Mono", ui-monospace, monospace);
-        font-size: 13px;
-        letter-spacing: 0.08em;
-        text-transform: uppercase;
-        color: var(--sb-ink, #16181a);
-      }
-
-      .brand-copy {
-        font-size: 20px;
-        line-height: 1.35;
-        letter-spacing: -0.01em;
-        color: var(--sb-ink, #16181a);
-        text-wrap: pretty;
-      }
-
-      .brand-foot {
-        font-family: var(--sb-mono, "Geist Mono", ui-monospace, monospace);
-        font-size: 11px;
-        color: var(--sb-muted-ink, #61666c);
-      }
-
-      .branding {
-        margin-top: 18px;
-      }
-
-      /* the mock's panel */
-      .panel {
-        flex: 1;
-        min-width: 0;
-        padding: var(--sb-pad, 20px);
-      }
-
-      @media (max-width: 520px) {
-        :host {
-          flex-direction: column;
-        }
-        .brand-panel {
-          flex: 0 0 auto;
-          border-right: none;
-          border-bottom: 1px solid var(--sb-border, #e4e6e9);
-        }
-      }
-    `]);u([r.property({attribute:"initial-screen"})],exports.SinglebaseAuthScreen.prototype,"initialScreen",1);u([r.property({reflect:!0})],exports.SinglebaseAuthScreen.prototype,"screen",1);u([r.property({type:Boolean,attribute:"no-account-view"})],exports.SinglebaseAuthScreen.prototype,"noAccountView",1);u([r.property({attribute:!1})],exports.SinglebaseAuthScreen.prototype,"settings",1);u([r.property({converter:$,attribute:"auth-enabled"})],exports.SinglebaseAuthScreen.prototype,"authEnabled",1);u([r.property({converter:$,attribute:"allow-email-signin"})],exports.SinglebaseAuthScreen.prototype,"allowEmailSignin",1);u([r.property({converter:$,attribute:"allow-email-signup"})],exports.SinglebaseAuthScreen.prototype,"allowEmailSignup",1);u([r.property({converter:$,attribute:"allow-email-otp"})],exports.SinglebaseAuthScreen.prototype,"allowEmailOtp",1);u([r.property({converter:$,attribute:"allow-oauth"})],exports.SinglebaseAuthScreen.prototype,"allowOauth",1);u([r.property({converter:$,attribute:"allow-account-creation"})],exports.SinglebaseAuthScreen.prototype,"allowAccountCreation",1);u([r.property()],exports.SinglebaseAuthScreen.prototype,"layout",1);u([r.property({attribute:"oauth-placement"})],exports.SinglebaseAuthScreen.prototype,"oauthPlacement",1);u([r.property({type:Boolean})],exports.SinglebaseAuthScreen.prototype,"stepped",1);u([r.property({attribute:"logo-text"})],exports.SinglebaseAuthScreen.prototype,"logoText",1);u([r.property({attribute:"logo-url"})],exports.SinglebaseAuthScreen.prototype,"logoUrl",1);u([r.property({attribute:"brand-line"})],exports.SinglebaseAuthScreen.prototype,"brandLine",1);u([r.property({attribute:"brand-foot"})],exports.SinglebaseAuthScreen.prototype,"brandFoot",1);u([r.property({attribute:"sign-in-title"})],exports.SinglebaseAuthScreen.prototype,"signInTitle",1);u([r.property({converter:$,attribute:"branding"})],exports.SinglebaseAuthScreen.prototype,"branding",1);u([r.property({attribute:"redirect-url"})],exports.SinglebaseAuthScreen.prototype,"redirectUrl",1);u([r.property({attribute:"tos-url"})],exports.SinglebaseAuthScreen.prototype,"tosUrl",1);u([r.property({attribute:"privacy-url"})],exports.SinglebaseAuthScreen.prototype,"privacyUrl",1);u([r.property({attribute:"nonce-storage-key"})],exports.SinglebaseAuthScreen.prototype,"nonceStorageKey",1);u([r.property({attribute:"invite-email"})],exports.SinglebaseAuthScreen.prototype,"inviteEmail",1);u([r.property({attribute:"invite-org"})],exports.SinglebaseAuthScreen.prototype,"inviteOrg",1);u([r.property({attribute:"invite-code"})],exports.SinglebaseAuthScreen.prototype,"inviteCode",1);u([r.state()],exports.SinglebaseAuthScreen.prototype,"step",1);u([r.state()],exports.SinglebaseAuthScreen.prototype,"method",1);u([r.state()],exports.SinglebaseAuthScreen.prototype,"email",1);u([r.state()],exports.SinglebaseAuthScreen.prototype,"password",1);u([r.state()],exports.SinglebaseAuthScreen.prototype,"name",1);u([r.state()],exports.SinglebaseAuthScreen.prototype,"firstName",1);u([r.state()],exports.SinglebaseAuthScreen.prototype,"lastName",1);u([r.state()],exports.SinglebaseAuthScreen.prototype,"phone",1);u([r.state()],exports.SinglebaseAuthScreen.prototype,"newPass",1);u([r.state()],exports.SinglebaseAuthScreen.prototype,"confirmPass",1);u([r.state()],exports.SinglebaseAuthScreen.prototype,"code",1);u([r.state()],exports.SinglebaseAuthScreen.prototype,"verifyNext",1);u([r.state()],exports.SinglebaseAuthScreen.prototype,"loading",1);u([r.state()],exports.SinglebaseAuthScreen.prototype,"banner",1);u([r.state()],exports.SinglebaseAuthScreen.prototype,"notice",1);u([r.state()],exports.SinglebaseAuthScreen.prototype,"emailError",1);u([r.state()],exports.SinglebaseAuthScreen.prototype,"passError",1);u([r.state()],exports.SinglebaseAuthScreen.prototype,"newPassError",1);u([r.state()],exports.SinglebaseAuthScreen.prototype,"attempts",1);u([r.state()],exports.SinglebaseAuthScreen.prototype,"needsMfaCode",1);u([r.state()],exports.SinglebaseAuthScreen.prototype,"callbackDone",1);exports.SinglebaseAuthScreen=u([r.customElement("singlebase-authui")],exports.SinglebaseAuthScreen);var fs=Object.defineProperty,vs=Object.getOwnPropertyDescriptor,ve=(o,n,t,e)=>{for(var s=e>1?void 0:e?vs(n,t):n,a=o.length-1,d;a>=0;a--)(d=o[a])&&(s=(e?d(n,t,s):d(s))||s);return e&&s&&fs(n,t,s),s};const ws=["loading","authenticated","unauthenticated"];var oe,le,he,Ie;exports.SinglebaseAuthGuard=(Ie=class extends f{constructor(){super(...arguments);h(this,oe,"");h(this,le,null);h(this,he,"unauthenticated");p(this,"warnedFor",null)}get slot(){return l(this,oe)}set slot(t){c(this,oe,t)}get predicate(){return l(this,le)}set predicate(t){c(this,le,t)}get onMismatch(){return l(this,he)}set onMismatch(t){c(this,he,t)}createRenderRoot(){return this}get activeState(){const t=this.auth.state.status;if(t==="loading")return"loading";if(t!=="authenticated")return"unauthenticated";if(!this.predicate)return"authenticated";this.warnOnce(this.predicate);const e=this.auth.state.user;return S.matchesPredicate(e,this.predicate)?"authenticated":this.onMismatch==="hidden"?"hidden":"unauthenticated"}warnOnce(t){const e=JSON.stringify(t);if(this.warnedFor!==e){this.warnedFor=e;for(const s of S.validatePredicate(t))console.warn(`[singlebase] <singlebase-authui-guard> predicate: ${s}`)}}render(){const t=this.activeState;if(this.slot){const e=ws.includes(this.slot)&&this.slot===t;return this.toggleAttribute("hidden",!e),i.html`<slot></slot>`}this.toggleAttribute("hidden",!1);for(const e of Array.from(this.children)){const s=e.getAttribute("slot");e.toggleAttribute("hidden",s!==t)}return i.html`<slot></slot>`}},oe=new WeakMap,le=new WeakMap,he=new WeakMap,Ie);ve([r.property({reflect:!0})],exports.SinglebaseAuthGuard.prototype,"slot",1);ve([r.property({converter:{fromAttribute:o=>{if(!o)return null;try{return JSON.parse(o)}catch{return console.error("[singlebase] guard predicate is not valid JSON:",o),null}},toAttribute:o=>o?JSON.stringify(o):null}})],exports.SinglebaseAuthGuard.prototype,"predicate",1);ve([r.property({attribute:"on-mismatch"})],exports.SinglebaseAuthGuard.prototype,"onMismatch",1);exports.SinglebaseAuthGuard=ve([r.customElement("singlebase-authui-guard")],exports.SinglebaseAuthGuard);var Ke=Object.defineProperty,ys=Object.getOwnPropertyDescriptor,Ss=(o,n,t)=>n in o?Ke(o,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[n]=t,P=(o,n,t,e)=>{for(var s=e>1?void 0:e?ys(n,t):n,a=o.length-1,d;a>=0;a--)(d=o[a])&&(s=(e?d(n,t,s):d(s))||s);return e&&s&&Ke(n,t,s),s},$s=(o,n,t)=>Ss(o,n+"",t);const Es="profile_photo";var ce,de,ue,pe,ge,Fe;exports.SinglebaseAuthDisplay=(Fe=class extends f{constructor(){super(...arguments);h(this,ce,"");h(this,de,"");h(this,ue,!1);h(this,pe,"");h(this,ge,!1)}get path(){return l(this,ce)}set path(t){c(this,ce,t)}get fallback(){return l(this,de)}set fallback(t){c(this,de,t)}get avatar(){return l(this,ue)}set avatar(t){c(this,ue,t)}get alt(){return l(this,pe)}set alt(t){c(this,pe,t)}get imageFailed(){return l(this,ge)}set imageFailed(t){c(this,ge,t)}willUpdate(t){super.willUpdate(t),(t.has("path")||t.has("avatar"))&&(this.imageFailed=!1)}get profile(){const t=this.auth.state;return t.status==="authenticated"?t.user:null}get textValue(){const t=this.profile;if(!t||!this.path)return"";const e=S.getPath(t,this.path);return e==null||e===""?"":Array.isArray(e)?e.filter(s=>s!=null).join(", "):typeof e=="object"?"":String(e)}get avatarSrc(){const t=this.profile;if(!t)return"";const e=S.getPath(t,this.path||Es);return typeof e=="string"?e:""}render(){if(this.auth.state.status==="loading")return i.nothing;if(this.avatar)return this.renderAvatar();const t=this.textValue;return t?i.html`<span part="text">${t}</span>`:this.fallback?i.html`<span part="text">${this.fallback}</span>`:i.nothing}renderAvatar(){const t=this.profile;if(!t)return i.nothing;const e=this.avatarSrc;return e&&!this.imageFailed?i.html`<img
-        part="avatar-image"
-        src=${e}
-        alt=${this.alt}
-        @error=${()=>this.imageFailed=!0}
-      />`:i.html`<span
-      part="avatar-initials"
-      class="initials"
-      aria-hidden=${this.alt?"false":"true"}
-      >${Pe(t)}</span
-    >`}},ce=new WeakMap,de=new WeakMap,ue=new WeakMap,pe=new WeakMap,ge=new WeakMap,Fe);$s(exports.SinglebaseAuthDisplay,"styles",[...f.styles,i.css`
-      /* Text sits in a sentence; an avatar is a box the host sizes. */
-      :host {
-        display: inline;
-      }
-
-      :host([avatar]) {
-        display: inline-block;
-        width: 42px;
-        height: 42px;
-        vertical-align: middle;
-      }
-
-      img,
-      .initials {
-        display: block;
-        width: 100%;
-        height: 100%;
-        border-radius: inherit;
-        box-sizing: border-box;
-      }
-
-      img {
-        object-fit: cover;
-      }
-
-      /* Matches the avatar in the account view. */
-      .initials {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        background: var(--sb-surface-alt, #fafafa);
-        border: 1px dashed var(--sb-border, #e4e6e9);
-        font-family: var(--sb-mono, "Geist Mono", ui-monospace, monospace);
-        font-size: 0.8em;
-        color: var(--sb-muted-ink, #61666c);
-        user-select: none;
-      }
-    `]);P([r.property()],exports.SinglebaseAuthDisplay.prototype,"path",1);P([r.property()],exports.SinglebaseAuthDisplay.prototype,"fallback",1);P([r.property({type:Boolean,reflect:!0})],exports.SinglebaseAuthDisplay.prototype,"avatar",1);P([r.property()],exports.SinglebaseAuthDisplay.prototype,"alt",1);P([r.state()],exports.SinglebaseAuthDisplay.prototype,"imageFailed",1);exports.SinglebaseAuthDisplay=P([r.customElement("singlebase-authui-display")],exports.SinglebaseAuthDisplay);exports.AuthController=Re;exports.SettingsController=fe;exports.defaultMessages=we;exports.fullNameOf=Ce;exports.initialsOf=Pe;exports.isGuestScreen=ye;exports.isProtectedScreen=Ve;exports.isScreen=Se;exports.resolveMessages=je;
-//# sourceMappingURL=authui-display-CMVHTNFz.cjs.map