@xlabs-store/core 0.0.2 → 0.0.3

package/components/x-login.js

@@ -1 +1 @@
-import{t as i,p as o,H as e,d as r,h as a,c as n}from"./p-BLqwG7xa.js";import{d as t}from"./p-9T3IQVUX.js";import{d as l}from"./p-k2uLDFNn.js";import{d as s}from"./p-DIZuWptV.js";import{d as x}from"./p-DZtvVtvb.js";import{d}from"./p-CmfyRJYt.js";import{d as c}from"./p-D4Joi-Km.js";import{d as m}from"./p-BzX-LA7W.js";import{d as g}from"./p-CzjK_fJj.js";import{d as p}from"./p-N4_1eZ9k.js";import{d as f}from"./p-CxMQkHjk.js";import{d as b}from"./p-DXMO8s1V.js";import{d as u}from"./p-C1PUbETy.js";import{d as v}from"./p-DwySgZYx.js";import{d as h}from"./p-DPo53FC8.js";import{d as w}from"./p-tMIvQ4L0.js";import{d as y}from"./p-DUjF0MeP.js";import{d as k}from"./p-jTIj1nFL.js";import{d as j}from"./p-Cuf33Rgj.js";import{d as z}from"./p-CIOnWzKr.js";import{d as E}from"./p-xzKm-BQN.js";import{d as S}from"./p-BogEYBiK.js";import{d as C}from"./p-C1_JmoB8.js";import{d as L}from"./p-4BROAJ-M.js";import{d as B}from"./p-Dn1c0e9W.js";import{d as P}from"./p-Da7AZprv.js";import{d as D}from"./p-Cp3SPBy3.js";import{d as U}from"./p-BSLE4EQn.js";import{d as F}from"./p-D_184xNl.js";import{d as I}from"./p-Cf_74fjT.js";import{d as M}from"./p-Brr9Q7gj.js";import{d as N}from"./p-B97Hj_bs.js";import{d as T}from"./p-CXhCHTJf.js";import{d as q}from"./p-CzErFq8K.js";import{d as A}from"./p-ez-wfqCC.js";import{d as O}from"./p-BoPZ9Se8.js";import{d as K}from"./p-BvOnPBRo.js";import{d as Q}from"./p-yktKa2eA.js";import{d as R}from"./p-DTPUsC3Q.js";import{d as W}from"./p-CkyEMR2k.js";import{d as _}from"./p-CnPsn8zN.js";import{d as H}from"./p-BGNOiTqa.js";import{d as V}from"./p-EYMvnfpO.js";import{d as G}from"./p-PNU1f8B9.js";import{d as J}from"./p-BnnNgLpE.js";import{d as Z}from"./p-CgaLhv3u.js";import{d as Y}from"./p-DtIk7IPf.js";import{d as X}from"./p-SFcKtdEL.js";import{d as $}from"./p-DobuHW4v.js";import{d as ii}from"./p-DINdyuGa.js";import{d as oi}from"./p-BQtB82ld.js";const ei={brandName:"Acme Inc.",title:"Login to your account",description:"Enter your email below to login to your account",emailPlaceholder:"name@example.com",passwordPlaceholder:"",submitLabel:"Login",emailLabel:"Email",passwordLabel:"Password",showForgotPassword:!0,showSignUpLink:!0,showRememberMe:!1,showSocialLogin:!1,showTerms:!1},ri=[{name:"google",label:"Login with Google"},{name:"github",label:"Login with GitHub"}],ai=o(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.xSubmit=r(this,"xSubmit",7),this.xSocialLogin=r(this,"xSocialLogin",7),this.xForgotPassword=r(this,"xForgotPassword",7),this.xSignUp=r(this,"xSignUp",7)}get el(){return this}variant="simple";config={};loading=!1;disabled=!1;error="";formSchema;email="";password="";rememberMe=!1;xSubmit;xSocialLogin;xForgotPassword;xSignUp;get cfg(){return{...ei,...this.config}}get socialProviders(){return this.cfg.socialProviders||ri}get socialLayout(){return this.cfg.socialLayout||"bottom"}capitalize(i){return i.charAt(0).toUpperCase()+i.slice(1)}get forgotPasswordPos(){return this.cfg.forgotPasswordPosition||"top-right"}isIconUrl(i){return!!i&&(i.startsWith("http://")||i.startsWith("https://")||i.startsWith("/")||i.startsWith("data:image/"))}buildDefaultLoginSchema(i){const o=this.cfg;return{id:"login-form-schema",layout:{type:"vertical",labelAlign:"left"},elements:[{type:"grid",name:"login_grid",columns:12,gap:16,disabled:this.disabled,elements:[{id:"login-email",type:"email",label:o.emailLabel,name:"email",placeholder:o.emailPlaceholder,span:12,size:"large",defaultValue:this.email,validators:[{type:"required"},{type:"email"}],validationMessages:{required:o.emailRequiredError||"Email is required",email:o.emailFormatError||"Please enter a valid email address"}},..."email-only"===this.variant?[]:[{id:"login-password",type:"password",label:o.passwordLabel,name:"password",placeholder:o.passwordPlaceholder,span:12,size:"large",defaultValue:this.password,validators:[{type:"required"}],validationMessages:{required:o.passwordRequiredError||"Password is required"}}],...o.showRememberMe?[{id:"login-remember-me",type:"checkbox",label:"",name:"rememberMe",span:12,options:[{label:"Remember me",value:!0}],defaultValue:this.rememberMe?[!0]:[],disabled:this.disabled}]:[],{id:"login-submit",type:"button",name:"submit_btn",content:i||o.submitLabel,buttonType:"primary",htmlType:"submit",shape:"default",span:12,block:!0,loading:this.loading,disabled:this.disabled,size:"large",align:"left"}]}]}}handleFormSubmit=i=>{if(this.disabled||this.loading)return;const o=i.detail?.value||{};this.email=o.email||"",this.password=o.password||"";const e=o.rememberMe;this.rememberMe=Array.isArray(e)?e.includes(!0):!!e,this.xSubmit.emit({email:this.email,password:"email-only"===this.variant?void 0:this.password,rememberMe:this.rememberMe})};handleSocialClick=i=>{this.xSocialLogin.emit({provider:i})};handleSignUp=i=>{this.cfg.signUpUrl||(i.preventDefault(),this.xSignUp.emit())};renderBrand(){const{brandName:i,brandLogo:o}=this.cfg;return a("div",{class:"x-login-brand"},a("slot",{name:"brand"},o?a("img",{class:"x-login-brand-logo",src:o,alt:i}):a("div",{class:"x-login-brand-icon"},i?.charAt(0)?.toUpperCase()||"A"),a("span",null,i)))}renderHeader(i,o){const e=o||this.cfg.description;return a("div",{class:"x-login-header"},a("slot",{name:"header"},a("h1",{class:"x-login-title"},i||this.cfg.title),e&&a("p",{class:"x-login-description"},e)))}renderError(){return this.error?a("div",{class:"x-login-error"},a("slot",{name:"error"},this.error)):null}renderForgotPassword(){return null}renderFormOptions(){return"bottom-right"===this.forgotPasswordPos&&this.cfg.showForgotPassword?a("div",{class:"x-login-options-row x-login-options-row--right"},this.renderForgotPassword()):null}renderFormBuilder(i){const o=this.formSchema||this.buildDefaultLoginSchema(i);return a("div",{class:"x-login-form"},"top-right"===this.forgotPasswordPos&&this.cfg.showForgotPassword&&a("div",{class:"x-login-field-row x-login-field-row--right"},this.renderForgotPassword()),a("x-form-builder",{schema:o,onFormSubmit:this.handleFormSubmit}),this.renderFormOptions())}renderDivider(i){const o=this.cfg.socialDividerText,e=void 0===o?"Or continue with":o,r=e.trim().length>0;return a("div",{class:{"x-login-layout-divider":!0,"x-login-layout-divider--vertical":!!i,"x-login-layout-divider--horizontal":!i,"x-login-layout-divider--has-text":r}},r&&a("span",{class:"x-login-layout-divider-text"},e))}renderSocialButtons(){if(!this.cfg.showSocialLogin||"side"===this.socialLayout)return null;if("icon-grid"===this.socialLayout)return this.renderSocialIconGrid();const i=this.socialProviders;return a("div",{class:"x-login-social"},this.renderDivider(!1),a("div",{class:"x-login-social-grid"},i.map((i=>a("x-button",{type:"default",block:!0,disabled:this.disabled,onClick:()=>this.handleSocialClick(i.name)},i.icon&&(this.isIconUrl(i.icon)?a("img",{slot:"icon",src:i.icon,alt:"",class:"x-login-social-img-icon"}):a("x-icon",{slot:"icon",name:i.icon})),i.label||"Login with "+this.capitalize(i.name))))))}renderSocialIconGrid(){if(!this.cfg.showSocialLogin)return null;const i=this.socialProviders;return a("div",{class:"x-login-social"},this.renderDivider(!1),a("div",{class:"x-login-social-icon-grid"},i.map((i=>a("button",{class:"x-login-social-icon-btn",type:"button",title:i.label||this.capitalize(i.name),disabled:this.disabled,onClick:()=>this.handleSocialClick(i.name)},i.icon?this.isIconUrl(i.icon)?a("img",{src:i.icon,alt:"",class:"x-login-social-img-icon"}):a("x-icon",{name:i.icon}):a("span",{class:"x-login-social-icon-letter"},i.name.charAt(0).toUpperCase()))))))}renderSocialSidePanel(){if(!this.cfg.showSocialLogin||"side"!==this.socialLayout)return null;const i=this.socialProviders;return a("div",{class:"x-login-social-side"},a("div",{class:"x-login-social-side-header"},this.cfg.socialSideTitle||"Sign in with Your Social Account"),a("div",{class:"x-login-social-side-list"},i.map((i=>a("x-button",{type:"default",block:!0,disabled:this.disabled,onClick:()=>this.handleSocialClick(i.name)},i.icon&&(this.isIconUrl(i.icon)?a("img",{slot:"icon",src:i.icon,alt:"",class:"x-login-social-img-icon"}):a("x-icon",{slot:"icon",name:i.icon})),i.label||"Login with "+this.capitalize(i.name))))))}renderWrappedCard(i){return"side"===this.socialLayout&&this.cfg.showSocialLogin?a("div",{class:"x-login-card x-login-card--with-side"},a("div",{class:"x-login-card-main"},i),this.renderDivider(!0),this.renderSocialSidePanel()):a("div",{class:"x-login-card"},i)}renderSignUpLink(){if(!this.cfg.showSignUpLink)return null;const{signUpUrl:i}=this.cfg;return a("slot",{name:"signup-link"},a("div",{class:"x-login-signup"},"Don't have an account?"," ",a("a",{class:"x-login-link x-login-link--inline",href:i||"#",onClick:this.handleSignUp},"Sign up")))}renderTerms(){if(!this.cfg.showTerms)return null;const{termsUrl:i,privacyUrl:o}=this.cfg;return a("slot",{name:"terms"},a("div",{class:"x-login-terms"},"By clicking continue, you agree to our"," ",a("a",{class:"x-login-link",href:i||"#"},"Terms of Service")," ","and"," ",a("a",{class:"x-login-link",href:o||"#"},"Privacy Policy"),"."))}renderSimple(){const i=[this.renderHeader(),this.renderError(),this.renderFormBuilder(),this.renderSocialButtons(),this.renderSignUpLink()];return a("div",{class:"x-login-simple"},a("div",{class:"x-login-simple-inner"},this.renderWrappedCard(i)))}renderSplitImage(){const{coverImage:i}=this.cfg,o="side"===this.socialLayout&&this.cfg.showSocialLogin,e=a("div",{class:{"x-login-split-form-wrapper":!0,"x-login-wrapper--with-side":o}},this.renderHeader(),this.renderError(),a("slot",{name:"form-before"}),this.renderFormBuilder(),a("slot",{name:"form-after"}),this.renderSocialButtons(),this.renderSignUpLink());return a("div",{class:"x-login-split-image"},a("div",{class:"x-login-split-form-side"},a("div",{class:"x-login-split-brand"},this.renderBrand()),a("div",{class:"x-login-split-form-center"},o?a("div",{class:"x-login-card--with-side"},a("div",{class:"x-login-card-main"},e),this.renderDivider(!0),this.renderSocialSidePanel()):e)),a("div",{class:"x-login-split-image-side"},a("slot",{name:"cover-image"},i&&a("img",{src:i,alt:"Cover"}))))}renderMutedBg(){const i=[this.renderHeader(),this.renderError(),a("slot",{name:"form-before"}),this.renderFormBuilder(),a("slot",{name:"form-after"}),this.renderSocialButtons(),this.renderSignUpLink()];return a("div",{class:"x-login-muted-bg"},a("div",{class:"x-login-muted-inner"},this.renderBrand(),this.renderWrappedCard(i)))}renderCardImage(){const{coverImage:i,brandName:o}=this.cfg,e="side"===this.socialLayout&&this.cfg.showSocialLogin,r=a("div",{class:{"x-login-card-image-form":!0,"x-login-wrapper--with-side":e}},this.renderHeader("Welcome back",`Login to your ${o} account`),this.renderError(),a("slot",{name:"form-before"}),this.renderFormBuilder(),a("slot",{name:"form-after"}),this.renderSocialButtons(),this.renderSignUpLink(),this.renderTerms());return a("div",{class:"x-login-card-image"},a("div",{class:{"x-login-card-image-container":!0,"x-login-container--with-side":e}},a("div",{class:{"x-login-card-image-grid":!0,"x-login-grid--with-side":e}},a("div",{class:"x-login-card-image-cover"},a("slot",{name:"cover-image"},i&&a("img",{src:i,alt:"Cover"}))),e?a("div",{class:"x-login-card--with-side"},r,this.renderDivider(!0),this.renderSocialSidePanel()):r)))}renderEmailOnly(){const{brandName:i}=this.cfg;return a("div",{class:"x-login-email-only"},a("div",{class:"x-login-email-inner"},this.renderBrand(),this.renderHeader("Welcome to "+i,void 0),this.renderError(),a("slot",{name:"form-before"}),this.renderFormBuilder("Login with Email"),a("slot",{name:"form-after"}),this.renderSocialButtons(),this.renderSignUpLink(),this.renderTerms()))}render(){let i;switch(this.variant){case"split-image":i=this.renderSplitImage();break;case"muted-bg":i=this.renderMutedBg();break;case"card-image":i=this.renderCardImage();break;case"email-only":i=this.renderEmailOnly();break;default:i=this.renderSimple()}return a(n,{key:"ce2e6931dcdb6762ed778ce8f04512f71bd652f1",class:{"x-login":!0,["x-login-variant-"+this.variant]:!0,"x-login-loading":this.loading,"x-login-disabled":this.disabled}},i)}static get style(){return'@charset "UTF-8";:host{display:block;font-family:var(--x-login-font-family, var(--x-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif));-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}.x-login-header{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--x-login-gap-sm, var(--x-spacing-sm, 8px));text-align:center}.x-login-title{margin:0;font-size:var(--x-login-title-font-size, 24px);font-weight:var(--x-login-title-font-weight, 600);line-height:var(--x-login-title-line-height, 1.33);color:var(--x-login-title-color, var(--x-color-text, rgba(0, 0, 0, 0.88)))}.x-login-description{margin:0;font-size:var(--x-login-description-font-size, var(--x-font-size-base, 14px));color:var(--x-login-description-color, var(--x-color-text-secondary, rgba(0, 0, 0, 0.45)))}.x-login-form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--x-login-gap, var(--x-spacing-md, 16px))}.x-login-field{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--x-login-field-gap, var(--x-spacing-xs, 6px))}.x-login-field-error{color:var(--x-color-error, #ff4d4f);font-size:12px;margin-top:4px;line-height:1.2}.x-login-label{font-size:var(--x-login-label-font-size, var(--x-font-size-base, 14px));font-weight:var(--x-login-label-font-weight, 500);color:var(--x-login-label-color, var(--x-color-text, rgba(0, 0, 0, 0.88)))}.x-login-field-row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.x-login-link{color:var(--x-login-link-color, var(--x-color-link, #1677ff));font-size:var(--x-login-link-font-size, var(--x-font-size-sm, 12px));text-decoration:underline;text-underline-offset:4px;cursor:pointer;background:none;border:none;padding:0;-webkit-transition:color var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)));transition:color var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)))}.x-login-link:hover{color:var(--x-login-link-color-hover, var(--x-color-link-hover, #69b1ff))}.x-login-link--inline{font-size:var(--x-login-description-font-size, var(--x-font-size-base, 14px));text-decoration:underline;text-underline-offset:4px}.x-login-error{padding:var(--x-login-error-padding, 8px 12px);background:var(--x-login-error-bg, var(--x-color-error-bg, #fff2f0));border:var(--x-login-error-border, 1px solid var(--x-color-error-border, #ffccc7));border-radius:var(--x-login-error-border-radius, var(--x-border-radius-base, 6px));color:var(--x-login-error-color, var(--x-color-error, #ff4d4f));font-size:var(--x-login-error-font-size, var(--x-font-size-sm, 12px))}.x-login-signup{text-align:center;font-size:var(--x-login-description-font-size, var(--x-font-size-base, 14px));color:var(--x-login-description-color, var(--x-color-text-secondary, rgba(0, 0, 0, 0.45)))}.x-login-social{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--x-login-gap-sm, var(--x-spacing-sm, 8px))}.x-login-social-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--x-login-gap-sm, var(--x-spacing-sm, 8px));max-height:240px;overflow-y:auto;padding-right:4px}.x-login-social-grid:has(>:only-child){grid-template-columns:1fr}.x-login-social-img-icon{width:1.25em;height:1.25em;-o-object-fit:contain;object-fit:contain;-ms-flex-negative:0;flex-shrink:0;display:inline-block;vertical-align:middle}.x-login-card.x-login-card--with-side{-ms-flex-direction:row;flex-direction:row;max-width:none}@media (max-width: 768px){.x-login-card.x-login-card--with-side{-ms-flex-direction:column;flex-direction:column}}.x-login-card-main{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--x-login-gap, var(--x-spacing-md, 16px));min-width:0}.x-login-social-side{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--x-login-gap-sm, var(--x-spacing-sm, 8px));width:var(--x-login-social-side-width, 260px);-ms-flex-negative:0;flex-shrink:0}@media (max-width: 768px){.x-login-social-side{width:100%}}.x-login-social-side-header{font-size:var(--x-login-social-side-title-font-size, var(--x-font-size-base, 14px));font-weight:500;color:var(--x-login-social-side-title-color, var(--x-color-text-secondary, rgba(0, 0, 0, 0.45)));text-align:center;margin-bottom:var(--x-login-gap-sm, var(--x-spacing-sm, 8px))}.x-login-social-side-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--x-login-gap-sm, var(--x-spacing-sm, 8px));overflow-y:auto;max-height:400px;padding-right:4px}.x-login-social-icon-grid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--x-login-gap-sm, var(--x-spacing-sm, 8px));-ms-flex-pack:center;justify-content:center}.x-login-social-icon-btn{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--x-login-social-icon-size, 48px);height:var(--x-login-social-icon-size, 48px);border:var(--x-login-social-btn-border, 1px solid var(--x-color-border, #d9d9d9));border-radius:var(--x-login-social-icon-border-radius, var(--x-border-radius-base, 6px));background:var(--x-login-social-btn-bg, var(--x-color-bg-container, #ffffff));color:var(--x-login-social-btn-color, var(--x-color-text, rgba(0, 0, 0, 0.88)));font-size:var(--x-login-social-icon-font-size, 18px);cursor:pointer;-webkit-transition:border-color var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1))), background-color var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1))), -webkit-box-shadow var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)));transition:border-color var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1))), background-color var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1))), -webkit-box-shadow var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)));transition:border-color var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1))), background-color var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1))), box-shadow var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)));transition:border-color var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1))), background-color var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1))), box-shadow var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1))), -webkit-box-shadow var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)));outline:none;padding:0}.x-login-social-icon-btn:hover{border-color:var(--x-color-primary, #1677ff);-webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.08);box-shadow:0 2px 4px rgba(0, 0, 0, 0.08)}.x-login-social-icon-btn:active{background:var(--x-color-fill-secondary, rgba(0, 0, 0, 0.06))}.x-login-social-icon-btn:disabled{cursor:not-allowed;opacity:0.5}.x-login-social-icon-letter{font-weight:700;text-transform:uppercase}.x-login-simple .x-login-simple-inner:has(.x-login-card--with-side){max-width:720px}.x-login-muted-bg .x-login-muted-inner:has(.x-login-card--with-side){max-width:720px}.x-login-terms{text-align:center;font-size:var(--x-login-terms-font-size, var(--x-font-size-sm, 12px));color:var(--x-login-terms-color, var(--x-color-text-secondary, rgba(0, 0, 0, 0.45)));line-height:1.6}.x-login-brand{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:var(--x-login-gap-sm, var(--x-spacing-sm, 8px));font-size:var(--x-login-brand-font-size, var(--x-font-size-base, 14px));font-weight:var(--x-login-brand-font-weight, 600);color:var(--x-login-title-color, var(--x-color-text, rgba(0, 0, 0, 0.88)));text-decoration:none}.x-login-brand-logo{width:var(--x-login-brand-logo-size, 24px);height:var(--x-login-brand-logo-size, 24px);border-radius:var(--x-border-radius-sm, 4px);-o-object-fit:contain;object-fit:contain}.x-login-brand-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--x-login-brand-logo-size, 24px);height:var(--x-login-brand-logo-size, 24px);border-radius:var(--x-border-radius-sm, 4px);background:var(--x-color-primary, #1677ff);color:#ffffff;font-size:12px;font-weight:700}.x-login-remember-row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.x-login-options-row{display:-ms-flexbox;display:flex}.x-login-options-row--spaced{-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.x-login-options-row--right{-ms-flex-pack:end;justify-content:flex-end}.x-login-card{background:var(--x-login-card-bg, var(--x-color-bg-container, #ffffff));border:var(--x-login-card-border, 1px solid var(--x-color-border-secondary, #f0f0f0));border-radius:var(--x-login-card-border-radius, var(--x-border-radius-lg, 8px));-webkit-box-shadow:var(--x-login-card-shadow, 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02));box-shadow:var(--x-login-card-shadow, 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02));padding:var(--x-login-card-padding, var(--x-spacing-xl, 24px));display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--x-login-gap, var(--x-spacing-md, 16px))}.x-login-simple{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-height:var(--x-login-min-height, 100vh);padding:var(--x-login-padding, var(--x-spacing-xl, 24px));background:var(--x-login-page-bg, var(--x-color-bg-base, #ffffff))}.x-login-simple .x-login-simple-inner{width:100%;max-width:var(--x-login-max-width, 400px)}.x-login-split-image{display:grid;grid-template-columns:1fr 1fr;min-height:var(--x-login-min-height, 100vh)}@media (max-width: 1024px){.x-login-split-image{grid-template-columns:1fr}}.x-login-split-image .x-login-split-form-side{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--x-login-gap, var(--x-spacing-md, 16px));padding:var(--x-login-padding, var(--x-spacing-xl, 24px))}.x-login-split-image .x-login-split-brand{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}@media (min-width: 769px){.x-login-split-image .x-login-split-brand{-ms-flex-pack:start;justify-content:flex-start}}.x-login-split-image .x-login-split-form-center{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.x-login-split-image .x-login-split-form-center .x-login-card--with-side{display:-ms-flexbox;display:flex;width:100%;max-width:var(--x-login-social-side-card-width, 720px)}.x-login-split-image .x-login-split-form-wrapper{width:100%;max-width:360px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--x-login-gap, var(--x-spacing-md, 16px))}.x-login-split-image .x-login-split-form-wrapper.x-login-wrapper--with-side{max-width:var(--x-login-social-side-form-width, 360px);margin:0 auto;-ms-flex:1;flex:1}.x-login-split-image .x-login-split-image-side{position:relative;background:var(--x-login-muted-bg, var(--x-color-bg-layout, #f5f5f5));overflow:hidden}@media (max-width: 1024px){.x-login-split-image .x-login-split-image-side{display:none}}.x-login-split-image .x-login-split-image-side img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.x-login-muted-bg{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:var(--x-login-gap, var(--x-spacing-md, 16px));min-height:var(--x-login-min-height, 100vh);padding:var(--x-login-padding, var(--x-spacing-xl, 24px));background:var(--x-login-muted-bg, var(--x-color-bg-layout, #f5f5f5))}.x-login-muted-bg .x-login-muted-inner{width:100%;max-width:var(--x-login-max-width, 400px);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--x-login-gap, var(--x-spacing-md, 16px))}.x-login-card-image{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-height:var(--x-login-min-height, 100vh);padding:var(--x-login-padding, var(--x-spacing-xl, 24px));background:var(--x-login-muted-bg, var(--x-color-bg-layout, #f5f5f5))}.x-login-card-image .x-login-card-image-container{width:100%;max-width:var(--x-login-card-max-width, 900px)}.x-login-card-image .x-login-card-image-container.x-login-container--with-side{max-width:var(--x-login-social-side-image-card-width, 1000px)}.x-login-card-image .x-login-card-image-grid{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:var(--x-login-card-bg, var(--x-color-bg-container, #ffffff));border:var(--x-login-card-border, 1px solid var(--x-color-border-secondary, #f0f0f0));border-radius:var(--x-login-card-border-radius, var(--x-border-radius-lg, 8px));-webkit-box-shadow:var(--x-login-card-shadow, 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02));box-shadow:var(--x-login-card-shadow, 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02))}.x-login-card-image .x-login-card-image-grid.x-login-grid--with-side{grid-template-columns:minmax(0, 1fr) auto}@media (max-width: 768px){.x-login-card-image .x-login-card-image-grid{grid-template-columns:1fr}}.x-login-card-image .x-login-card-image-cover{position:relative;overflow:hidden}@media (max-width: 768px){.x-login-card-image .x-login-card-image-cover{display:none}}.x-login-card-image .x-login-card-image-cover img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.x-login-card-image .x-login-card-image-form{padding:var(--x-login-card-padding, var(--x-spacing-xl, 24px));display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--x-login-gap, var(--x-spacing-md, 16px))}.x-login-card-image .x-login-card-image-form.x-login-wrapper--with-side{max-width:var(--x-login-social-side-form-width, 360px);margin:0 auto;-ms-flex:1;flex:1;padding-right:var(--x-login-padding, var(--x-spacing-xl, 24px))}.x-login-card-image .x-login-card--with-side{display:-ms-flexbox;display:flex;background:var(--x-login-card-bg, var(--x-color-bg-container, #ffffff))}.x-login-email-only{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:var(--x-login-gap, var(--x-spacing-md, 16px));min-height:var(--x-login-min-height, 100vh);padding:var(--x-login-padding, var(--x-spacing-xl, 24px));background:var(--x-login-page-bg, var(--x-color-bg-base, #ffffff))}.x-login-email-only .x-login-email-inner{width:100%;max-width:var(--x-login-max-width, 400px);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--x-login-gap, var(--x-spacing-md, 16px))}.x-login-email-only .x-login-header{gap:4px}.x-login-layout-divider{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--x-color-text-secondary, rgba(0, 0, 0, 0.45));font-size:12px}.x-login-layout-divider--vertical{-ms-flex-direction:column;flex-direction:column;margin:0 24px;-ms-flex-item-align:stretch;align-self:stretch}.x-login-layout-divider--vertical::before,.x-login-layout-divider--vertical::after{content:"";-ms-flex:1 1 0%;flex:1 1 0%;border-left:1px solid var(--x-color-border-secondary, #f0f0f0)}.x-login-layout-divider--vertical.x-login-layout-divider--has-text::before{margin-bottom:8px}.x-login-layout-divider--vertical.x-login-layout-divider--has-text::after{margin-top:8px}@media (max-width: 768px){.x-login-layout-divider--vertical{-ms-flex-direction:row;flex-direction:row;margin:24px 0;width:100%}.x-login-layout-divider--vertical::before,.x-login-layout-divider--vertical::after{border-left:none;border-top:1px solid var(--x-color-border-secondary, #f0f0f0)}.x-login-layout-divider--vertical.x-login-layout-divider--has-text::before{margin-bottom:0;margin-right:8px;margin-top:0}.x-login-layout-divider--vertical.x-login-layout-divider--has-text::after{margin-top:0;margin-left:8px;margin-bottom:0}}.x-login-layout-divider--horizontal{-ms-flex-direction:row;flex-direction:row;margin:24px 0;width:100%}.x-login-layout-divider--horizontal::before,.x-login-layout-divider--horizontal::after{content:"";-ms-flex:1 1 0%;flex:1 1 0%;border-top:1px solid var(--x-color-border-secondary, #f0f0f0)}.x-login-layout-divider--horizontal.x-login-layout-divider--has-text::before{margin-right:8px;margin-bottom:0px}.x-login-layout-divider--horizontal.x-login-layout-divider--has-text::after{margin-left:8px;margin-top:0px}@media (max-width: 640px){.x-login-simple,.x-login-muted-bg,.x-login-card-image,.x-login-email-only{padding:var(--x-login-padding-sm, var(--x-spacing-md, 16px))}.x-login-card{padding:var(--x-login-padding-sm, var(--x-spacing-md, 16px))}}'}},[769,"x-login",{variant:[1],config:[16],loading:[4],disabled:[4],error:[1],formSchema:[16],email:[32],password:[32],rememberMe:[32]}]);function ni(){"undefined"!=typeof customElements&&["x-login","x-address","x-auto-complete","x-auto-complete-dropdown-content","x-avatar","x-button","x-captcha","x-card","x-cascader","x-cascader-dropdown-content","x-checkbox","x-color-picker","x-color-picker-panel","x-date-picker","x-date-picker-dropdown-content","x-divider","x-dropdown","x-dropdown-content","x-editor","x-empty","x-form-builder","x-form-item","x-icon","x-input","x-input-number","x-modal","x-modal-content","x-pagination","x-popover","x-popover-content","x-radio","x-radio-group","x-range-picker","x-range-picker-dropdown-content","x-rate","x-select","x-select-dropdown-content","x-slider","x-spin","x-switch","x-tab-pane","x-table","x-tabs","x-time-picker","x-time-picker-dropdown-content","x-tooltip","x-tooltip-content","x-transfer","x-tree-select","x-tree-select-dropdown-content","x-upload"].forEach((o=>{switch(o){case"x-login":customElements.get(i(o))||customElements.define(i(o),ai);break;case"x-address":customElements.get(i(o))||t();break;case"x-auto-complete":customElements.get(i(o))||l();break;case"x-auto-complete-dropdown-content":customElements.get(i(o))||s();break;case"x-avatar":customElements.get(i(o))||x();break;case"x-button":customElements.get(i(o))||d();break;case"x-captcha":customElements.get(i(o))||c();break;case"x-card":customElements.get(i(o))||m();break;case"x-cascader":customElements.get(i(o))||g();break;case"x-cascader-dropdown-content":customElements.get(i(o))||p();break;case"x-checkbox":customElements.get(i(o))||f();break;case"x-color-picker":customElements.get(i(o))||b();break;case"x-color-picker-panel":customElements.get(i(o))||u();break;case"x-date-picker":customElements.get(i(o))||v();break;case"x-date-picker-dropdown-content":customElements.get(i(o))||h();break;case"x-divider":customElements.get(i(o))||w();break;case"x-dropdown":customElements.get(i(o))||y();break;case"x-dropdown-content":customElements.get(i(o))||k();break;case"x-editor":customElements.get(i(o))||j();break;case"x-empty":customElements.get(i(o))||z();break;case"x-form-builder":customElements.get(i(o))||E();break;case"x-form-item":customElements.get(i(o))||S();break;case"x-icon":customElements.get(i(o))||C();break;case"x-input":customElements.get(i(o))||L();break;case"x-input-number":customElements.get(i(o))||B();break;case"x-modal":customElements.get(i(o))||P();break;case"x-modal-content":customElements.get(i(o))||D();break;case"x-pagination":customElements.get(i(o))||U();break;case"x-popover":customElements.get(i(o))||F();break;case"x-popover-content":customElements.get(i(o))||I();break;case"x-radio":customElements.get(i(o))||M();break;case"x-radio-group":customElements.get(i(o))||N();break;case"x-range-picker":customElements.get(i(o))||T();break;case"x-range-picker-dropdown-content":customElements.get(i(o))||q();break;case"x-rate":customElements.get(i(o))||A();break;case"x-select":customElements.get(i(o))||O();break;case"x-select-dropdown-content":customElements.get(i(o))||K();break;case"x-slider":customElements.get(i(o))||Q();break;case"x-spin":customElements.get(i(o))||R();break;case"x-switch":customElements.get(i(o))||W();break;case"x-tab-pane":customElements.get(i(o))||_();break;case"x-table":customElements.get(i(o))||H();break;case"x-tabs":customElements.get(i(o))||V();break;case"x-time-picker":customElements.get(i(o))||G();break;case"x-time-picker-dropdown-content":customElements.get(i(o))||J();break;case"x-tooltip":customElements.get(i(o))||Z();break;case"x-tooltip-content":customElements.get(i(o))||Y();break;case"x-transfer":customElements.get(i(o))||X();break;case"x-tree-select":customElements.get(i(o))||$();break;case"x-tree-select-dropdown-content":customElements.get(i(o))||ii();break;case"x-upload":customElements.get(i(o))||oi()}}))}ni();const ti=ai,li=ni;export{ti as XLogin,li as defineCustomElement}
+import{t as i,p as o,H as e,d as r,h as a,c as n}from"./p-BLqwG7xa.js";import{d as t}from"./p-9T3IQVUX.js";import{d as l}from"./p-k2uLDFNn.js";import{d as s}from"./p-DIZuWptV.js";import{d as x}from"./p-DZtvVtvb.js";import{d}from"./p-CmfyRJYt.js";import{d as c}from"./p-D4Joi-Km.js";import{d as m}from"./p-BzX-LA7W.js";import{d as g}from"./p-CzjK_fJj.js";import{d as p}from"./p-N4_1eZ9k.js";import{d as f}from"./p-CxMQkHjk.js";import{d as b}from"./p-DXMO8s1V.js";import{d as u}from"./p-C1PUbETy.js";import{d as v}from"./p-DwySgZYx.js";import{d as h}from"./p-DPo53FC8.js";import{d as w}from"./p-tMIvQ4L0.js";import{d as y}from"./p-DUjF0MeP.js";import{d as k}from"./p-jTIj1nFL.js";import{d as j}from"./p-Cuf33Rgj.js";import{d as z}from"./p-CIOnWzKr.js";import{d as E}from"./p-CzHtwC1k.js";import{d as S}from"./p-BogEYBiK.js";import{d as C}from"./p-C1_JmoB8.js";import{d as L}from"./p-4BROAJ-M.js";import{d as P}from"./p-Dn1c0e9W.js";import{d as B}from"./p-Da7AZprv.js";import{d as D}from"./p-Cp3SPBy3.js";import{d as I}from"./p-BSLE4EQn.js";import{d as U}from"./p-D_184xNl.js";import{d as F}from"./p-Cf_74fjT.js";import{d as M}from"./p-Brr9Q7gj.js";import{d as N}from"./p-B97Hj_bs.js";import{d as T}from"./p-CXhCHTJf.js";import{d as A}from"./p-CzErFq8K.js";import{d as q}from"./p-ez-wfqCC.js";import{d as Q}from"./p-BoPZ9Se8.js";import{d as R}from"./p-BvOnPBRo.js";import{d as H}from"./p-yktKa2eA.js";import{d as O}from"./p-DTPUsC3Q.js";import{d as W}from"./p-CkyEMR2k.js";import{d as _}from"./p-CnPsn8zN.js";import{d as K}from"./p-CQQI-pRu.js";import{d as V}from"./p-EYMvnfpO.js";import{d as J}from"./p-PNU1f8B9.js";import{d as Z}from"./p-BnnNgLpE.js";import{d as G}from"./p-CgaLhv3u.js";import{d as Y}from"./p-DtIk7IPf.js";import{d as X}from"./p-SFcKtdEL.js";import{d as $}from"./p-DobuHW4v.js";import{d as ii}from"./p-DINdyuGa.js";import{d as oi}from"./p-BQtB82ld.js";const ei={brandName:"Acme Inc.",title:"Login to your account",description:"Enter your email below to login to your account",emailPlaceholder:"name@example.com",passwordPlaceholder:"",submitLabel:"Login",emailLabel:"Email",passwordLabel:"Password",showForgotPassword:!0,showSignUpLink:!0,showRememberMe:!1,showSocialLogin:!1,showTerms:!1},ri=[{name:"google",label:"Login with Google"},{name:"github",label:"Login with GitHub"}],ai=o(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.xSubmit=r(this,"xSubmit",7),this.xSocialLogin=r(this,"xSocialLogin",7),this.xForgotPassword=r(this,"xForgotPassword",7),this.xSignUp=r(this,"xSignUp",7)}get el(){return this}variant="simple";config={};loading=!1;disabled=!1;error="";formSchema;email="";password="";rememberMe=!1;xSubmit;xSocialLogin;xForgotPassword;xSignUp;get cfg(){return{...ei,...this.config}}get socialProviders(){return this.cfg.socialProviders||ri}get socialLayout(){return this.cfg.socialLayout||"bottom"}capitalize(i){return i.charAt(0).toUpperCase()+i.slice(1)}get forgotPasswordPos(){return this.cfg.forgotPasswordPosition||"top-right"}isIconUrl(i){return!!i&&(i.startsWith("http://")||i.startsWith("https://")||i.startsWith("/")||i.startsWith("data:image/"))}buildDefaultLoginSchema(i){const o=this.cfg;return{id:"login-form-schema",layout:{type:"vertical",labelAlign:"left"},elements:[{type:"grid",name:"login_grid",columns:12,gap:16,disabled:this.disabled,elements:[{id:"login-email",type:"email",label:o.emailLabel,name:"email",placeholder:o.emailPlaceholder,span:12,size:"large",defaultValue:this.email,validators:[{type:"required"},{type:"email"}],validationMessages:{required:o.emailRequiredError||"Email is required",email:o.emailFormatError||"Please enter a valid email address"}},..."email-only"===this.variant?[]:[{id:"login-password",type:"password",label:o.passwordLabel,name:"password",placeholder:o.passwordPlaceholder,span:12,size:"large",defaultValue:this.password,validators:[{type:"required"}],validationMessages:{required:o.passwordRequiredError||"Password is required"}}],...o.showRememberMe?[{id:"login-remember-me",type:"checkbox",label:"",name:"rememberMe",span:12,options:[{label:"Remember me",value:!0}],defaultValue:this.rememberMe?[!0]:[],disabled:this.disabled}]:[],{id:"login-submit",type:"button",name:"submit_btn",content:i||o.submitLabel,buttonType:"primary",htmlType:"submit",shape:"default",span:12,block:!0,loading:this.loading,disabled:this.disabled,size:"large",align:"left"}]}]}}handleFormSubmit=i=>{if(this.disabled||this.loading)return;const o=i.detail?.value||{};this.email=o.email||"",this.password=o.password||"";const e=o.rememberMe;this.rememberMe=Array.isArray(e)?e.includes(!0):!!e,this.xSubmit.emit({email:this.email,password:"email-only"===this.variant?void 0:this.password,rememberMe:this.rememberMe})};handleSocialClick=i=>{this.xSocialLogin.emit({provider:i})};handleSignUp=i=>{this.cfg.signUpUrl||(i.preventDefault(),this.xSignUp.emit())};renderBrand(){const{brandName:i,brandLogo:o}=this.cfg;return a("div",{class:"x-login-brand"},a("slot",{name:"brand"},o?a("img",{class:"x-login-brand-logo",src:o,alt:i}):a("div",{class:"x-login-brand-icon"},i?.charAt(0)?.toUpperCase()||"A"),a("span",null,i)))}renderHeader(i,o){const e=o||this.cfg.description;return a("div",{class:"x-login-header"},a("slot",{name:"header"},a("h1",{class:"x-login-title"},i||this.cfg.title),e&&a("p",{class:"x-login-description"},e)))}renderError(){return this.error?a("div",{class:"x-login-error"},a("slot",{name:"error"},this.error)):null}renderForgotPassword(){return null}renderFormOptions(){return"bottom-right"===this.forgotPasswordPos&&this.cfg.showForgotPassword?a("div",{class:"x-login-options-row x-login-options-row--right"},this.renderForgotPassword()):null}renderFormBuilder(i){const o=this.formSchema||this.buildDefaultLoginSchema(i);return a("div",{class:"x-login-form"},"top-right"===this.forgotPasswordPos&&this.cfg.showForgotPassword&&a("div",{class:"x-login-field-row x-login-field-row--right"},this.renderForgotPassword()),a("x-form-builder",{schema:o,onFormSubmit:this.handleFormSubmit}),this.renderFormOptions())}renderDivider(i){const o=this.cfg.socialDividerText,e=void 0===o?"Or continue with":o,r=e.trim().length>0;return a("div",{class:{"x-login-layout-divider":!0,"x-login-layout-divider--vertical":!!i,"x-login-layout-divider--horizontal":!i,"x-login-layout-divider--has-text":r}},r&&a("span",{class:"x-login-layout-divider-text"},e))}renderSocialButtons(){if(!this.cfg.showSocialLogin||"side"===this.socialLayout)return null;if("icon-grid"===this.socialLayout)return this.renderSocialIconGrid();const i=this.socialProviders;return a("div",{class:"x-login-social"},this.renderDivider(!1),a("div",{class:"x-login-social-grid"},i.map((i=>a("x-button",{type:"default",block:!0,disabled:this.disabled,onClick:()=>this.handleSocialClick(i.name)},i.icon&&(this.isIconUrl(i.icon)?a("img",{slot:"icon",src:i.icon,alt:"",class:"x-login-social-img-icon"}):a("x-icon",{slot:"icon",name:i.icon})),i.label||"Login with "+this.capitalize(i.name))))))}renderSocialIconGrid(){if(!this.cfg.showSocialLogin)return null;const i=this.socialProviders;return a("div",{class:"x-login-social"},this.renderDivider(!1),a("div",{class:"x-login-social-icon-grid"},i.map((i=>a("button",{class:"x-login-social-icon-btn",type:"button",title:i.label||this.capitalize(i.name),disabled:this.disabled,onClick:()=>this.handleSocialClick(i.name)},i.icon?this.isIconUrl(i.icon)?a("img",{src:i.icon,alt:"",class:"x-login-social-img-icon"}):a("x-icon",{name:i.icon}):a("span",{class:"x-login-social-icon-letter"},i.name.charAt(0).toUpperCase()))))))}renderSocialSidePanel(){if(!this.cfg.showSocialLogin||"side"!==this.socialLayout)return null;const i=this.socialProviders;return a("div",{class:"x-login-social-side"},a("div",{class:"x-login-social-side-header"},this.cfg.socialSideTitle||"Sign in with Your Social Account"),a("div",{class:"x-login-social-side-list"},i.map((i=>a("x-button",{type:"default",block:!0,disabled:this.disabled,onClick:()=>this.handleSocialClick(i.name)},i.icon&&(this.isIconUrl(i.icon)?a("img",{slot:"icon",src:i.icon,alt:"",class:"x-login-social-img-icon"}):a("x-icon",{slot:"icon",name:i.icon})),i.label||"Login with "+this.capitalize(i.name))))))}renderWrappedCard(i){return"side"===this.socialLayout&&this.cfg.showSocialLogin?a("div",{class:"x-login-card x-login-card--with-side"},a("div",{class:"x-login-card-main"},i),this.renderDivider(!0),this.renderSocialSidePanel()):a("div",{class:"x-login-card"},i)}renderSignUpLink(){if(!this.cfg.showSignUpLink)return null;const{signUpUrl:i}=this.cfg;return a("slot",{name:"signup-link"},a("div",{class:"x-login-signup"},"Don't have an account?"," ",a("a",{class:"x-login-link x-login-link--inline",href:i||"#",onClick:this.handleSignUp},"Sign up")))}renderTerms(){if(!this.cfg.showTerms)return null;const{termsUrl:i,privacyUrl:o}=this.cfg;return a("slot",{name:"terms"},a("div",{class:"x-login-terms"},"By clicking continue, you agree to our"," ",a("a",{class:"x-login-link",href:i||"#"},"Terms of Service")," ","and"," ",a("a",{class:"x-login-link",href:o||"#"},"Privacy Policy"),"."))}renderSimple(){const i=[this.renderHeader(),this.renderError(),this.renderFormBuilder(),this.renderSocialButtons(),this.renderSignUpLink()];return a("div",{class:"x-login-simple"},a("div",{class:"x-login-simple-inner"},this.renderWrappedCard(i)))}renderSplitImage(){const{coverImage:i}=this.cfg,o="side"===this.socialLayout&&this.cfg.showSocialLogin,e=a("div",{class:{"x-login-split-form-wrapper":!0,"x-login-wrapper--with-side":o}},this.renderHeader(),this.renderError(),a("slot",{name:"form-before"}),this.renderFormBuilder(),a("slot",{name:"form-after"}),this.renderSocialButtons(),this.renderSignUpLink());return a("div",{class:"x-login-split-image"},a("div",{class:"x-login-split-form-side"},a("div",{class:"x-login-split-brand"},this.renderBrand()),a("div",{class:"x-login-split-form-center"},o?a("div",{class:"x-login-card--with-side"},a("div",{class:"x-login-card-main"},e),this.renderDivider(!0),this.renderSocialSidePanel()):e)),a("div",{class:"x-login-split-image-side"},a("slot",{name:"cover-image"},i&&a("img",{src:i,alt:"Cover"}))))}renderMutedBg(){const i=[this.renderHeader(),this.renderError(),a("slot",{name:"form-before"}),this.renderFormBuilder(),a("slot",{name:"form-after"}),this.renderSocialButtons(),this.renderSignUpLink()];return a("div",{class:"x-login-muted-bg"},a("div",{class:"x-login-muted-inner"},this.renderBrand(),this.renderWrappedCard(i)))}renderCardImage(){const{coverImage:i,brandName:o}=this.cfg,e="side"===this.socialLayout&&this.cfg.showSocialLogin,r=a("div",{class:{"x-login-card-image-form":!0,"x-login-wrapper--with-side":e}},this.renderHeader("Welcome back",`Login to your ${o} account`),this.renderError(),a("slot",{name:"form-before"}),this.renderFormBuilder(),a("slot",{name:"form-after"}),this.renderSocialButtons(),this.renderSignUpLink(),this.renderTerms());return a("div",{class:"x-login-card-image"},a("div",{class:{"x-login-card-image-container":!0,"x-login-container--with-side":e}},a("div",{class:{"x-login-card-image-grid":!0,"x-login-grid--with-side":e}},a("div",{class:"x-login-card-image-cover"},a("slot",{name:"cover-image"},i&&a("img",{src:i,alt:"Cover"}))),e?a("div",{class:"x-login-card--with-side"},r,this.renderDivider(!0),this.renderSocialSidePanel()):r)))}renderEmailOnly(){const{brandName:i}=this.cfg;return a("div",{class:"x-login-email-only"},a("div",{class:"x-login-email-inner"},this.renderBrand(),this.renderHeader("Welcome to "+i,void 0),this.renderError(),a("slot",{name:"form-before"}),this.renderFormBuilder("Login with Email"),a("slot",{name:"form-after"}),this.renderSocialButtons(),this.renderSignUpLink(),this.renderTerms()))}render(){let i;switch(this.variant){case"split-image":i=this.renderSplitImage();break;case"muted-bg":i=this.renderMutedBg();break;case"card-image":i=this.renderCardImage();break;case"email-only":i=this.renderEmailOnly();break;default:i=this.renderSimple()}return a(n,{key:"ce2e6931dcdb6762ed778ce8f04512f71bd652f1",class:{"x-login":!0,["x-login-variant-"+this.variant]:!0,"x-login-loading":this.loading,"x-login-disabled":this.disabled}},i)}static get style(){return'@charset "UTF-8";:host{display:block;font-family:var(--x-login-font-family, var(--x-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif));-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}.x-login-header{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--x-login-gap-sm, var(--x-spacing-sm, 8px));text-align:center}.x-login-title{margin:0;font-size:var(--x-login-title-font-size, 24px);font-weight:var(--x-login-title-font-weight, 600);line-height:var(--x-login-title-line-height, 1.33);color:var(--x-login-title-color, var(--x-color-text, rgba(0, 0, 0, 0.88)))}.x-login-description{margin:0;font-size:var(--x-login-description-font-size, var(--x-font-size-base, 14px));color:var(--x-login-description-color, var(--x-color-text-secondary, rgba(0, 0, 0, 0.45)))}.x-login-form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--x-login-gap, var(--x-spacing-md, 16px))}.x-login-field{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--x-login-field-gap, var(--x-spacing-xs, 6px))}.x-login-field-error{color:var(--x-color-error, #ff4d4f);font-size:12px;margin-top:4px;line-height:1.2}.x-login-label{font-size:var(--x-login-label-font-size, var(--x-font-size-base, 14px));font-weight:var(--x-login-label-font-weight, 500);color:var(--x-login-label-color, var(--x-color-text, rgba(0, 0, 0, 0.88)))}.x-login-field-row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.x-login-link{color:var(--x-login-link-color, var(--x-color-link, #1677ff));font-size:var(--x-login-link-font-size, var(--x-font-size-sm, 12px));text-decoration:underline;text-underline-offset:4px;cursor:pointer;background:none;border:none;padding:0;-webkit-transition:color var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)));transition:color var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)))}.x-login-link:hover{color:var(--x-login-link-color-hover, var(--x-color-link-hover, #69b1ff))}.x-login-link--inline{font-size:var(--x-login-description-font-size, var(--x-font-size-base, 14px));text-decoration:underline;text-underline-offset:4px}.x-login-error{padding:var(--x-login-error-padding, 8px 12px);background:var(--x-login-error-bg, var(--x-color-error-bg, #fff2f0));border:var(--x-login-error-border, 1px solid var(--x-color-error-border, #ffccc7));border-radius:var(--x-login-error-border-radius, var(--x-border-radius-base, 6px));color:var(--x-login-error-color, var(--x-color-error, #ff4d4f));font-size:var(--x-login-error-font-size, var(--x-font-size-sm, 12px))}.x-login-signup{text-align:center;font-size:var(--x-login-description-font-size, var(--x-font-size-base, 14px));color:var(--x-login-description-color, var(--x-color-text-secondary, rgba(0, 0, 0, 0.45)))}.x-login-social{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--x-login-gap-sm, var(--x-spacing-sm, 8px))}.x-login-social-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--x-login-gap-sm, var(--x-spacing-sm, 8px));max-height:240px;overflow-y:auto;padding-right:4px}.x-login-social-grid:has(>:only-child){grid-template-columns:1fr}.x-login-social-img-icon{width:1.25em;height:1.25em;-o-object-fit:contain;object-fit:contain;-ms-flex-negative:0;flex-shrink:0;display:inline-block;vertical-align:middle}.x-login-card.x-login-card--with-side{-ms-flex-direction:row;flex-direction:row;max-width:none}@media (max-width: 768px){.x-login-card.x-login-card--with-side{-ms-flex-direction:column;flex-direction:column}}.x-login-card-main{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--x-login-gap, var(--x-spacing-md, 16px));min-width:0}.x-login-social-side{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--x-login-gap-sm, var(--x-spacing-sm, 8px));width:var(--x-login-social-side-width, 260px);-ms-flex-negative:0;flex-shrink:0}@media (max-width: 768px){.x-login-social-side{width:100%}}.x-login-social-side-header{font-size:var(--x-login-social-side-title-font-size, var(--x-font-size-base, 14px));font-weight:500;color:var(--x-login-social-side-title-color, var(--x-color-text-secondary, rgba(0, 0, 0, 0.45)));text-align:center;margin-bottom:var(--x-login-gap-sm, var(--x-spacing-sm, 8px))}.x-login-social-side-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--x-login-gap-sm, var(--x-spacing-sm, 8px));overflow-y:auto;max-height:400px;padding-right:4px}.x-login-social-icon-grid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--x-login-gap-sm, var(--x-spacing-sm, 8px));-ms-flex-pack:center;justify-content:center}.x-login-social-icon-btn{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--x-login-social-icon-size, 48px);height:var(--x-login-social-icon-size, 48px);border:var(--x-login-social-btn-border, 1px solid var(--x-color-border, #d9d9d9));border-radius:var(--x-login-social-icon-border-radius, var(--x-border-radius-base, 6px));background:var(--x-login-social-btn-bg, var(--x-color-bg-container, #ffffff));color:var(--x-login-social-btn-color, var(--x-color-text, rgba(0, 0, 0, 0.88)));font-size:var(--x-login-social-icon-font-size, 18px);cursor:pointer;-webkit-transition:border-color var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1))), background-color var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1))), -webkit-box-shadow var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)));transition:border-color var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1))), background-color var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1))), -webkit-box-shadow var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)));transition:border-color var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1))), background-color var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1))), box-shadow var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)));transition:border-color var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1))), background-color var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1))), box-shadow var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1))), -webkit-box-shadow var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)));outline:none;padding:0}.x-login-social-icon-btn:hover{border-color:var(--x-color-primary, #1677ff);-webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.08);box-shadow:0 2px 4px rgba(0, 0, 0, 0.08)}.x-login-social-icon-btn:active{background:var(--x-color-fill-secondary, rgba(0, 0, 0, 0.06))}.x-login-social-icon-btn:disabled{cursor:not-allowed;opacity:0.5}.x-login-social-icon-letter{font-weight:700;text-transform:uppercase}.x-login-simple .x-login-simple-inner:has(.x-login-card--with-side){max-width:720px}.x-login-muted-bg .x-login-muted-inner:has(.x-login-card--with-side){max-width:720px}.x-login-terms{text-align:center;font-size:var(--x-login-terms-font-size, var(--x-font-size-sm, 12px));color:var(--x-login-terms-color, var(--x-color-text-secondary, rgba(0, 0, 0, 0.45)));line-height:1.6}.x-login-brand{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:var(--x-login-gap-sm, var(--x-spacing-sm, 8px));font-size:var(--x-login-brand-font-size, var(--x-font-size-base, 14px));font-weight:var(--x-login-brand-font-weight, 600);color:var(--x-login-title-color, var(--x-color-text, rgba(0, 0, 0, 0.88)));text-decoration:none}.x-login-brand-logo{width:var(--x-login-brand-logo-size, 24px);height:var(--x-login-brand-logo-size, 24px);border-radius:var(--x-border-radius-sm, 4px);-o-object-fit:contain;object-fit:contain}.x-login-brand-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--x-login-brand-logo-size, 24px);height:var(--x-login-brand-logo-size, 24px);border-radius:var(--x-border-radius-sm, 4px);background:var(--x-color-primary, #1677ff);color:#ffffff;font-size:12px;font-weight:700}.x-login-remember-row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.x-login-options-row{display:-ms-flexbox;display:flex}.x-login-options-row--spaced{-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.x-login-options-row--right{-ms-flex-pack:end;justify-content:flex-end}.x-login-card{background:var(--x-login-card-bg, var(--x-color-bg-container, #ffffff));border:var(--x-login-card-border, 1px solid var(--x-color-border-secondary, #f0f0f0));border-radius:var(--x-login-card-border-radius, var(--x-border-radius-lg, 8px));-webkit-box-shadow:var(--x-login-card-shadow, 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02));box-shadow:var(--x-login-card-shadow, 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02));padding:var(--x-login-card-padding, var(--x-spacing-xl, 24px));display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--x-login-gap, var(--x-spacing-md, 16px))}.x-login-simple{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-height:var(--x-login-min-height, 100vh);padding:var(--x-login-padding, var(--x-spacing-xl, 24px));background:var(--x-login-page-bg, var(--x-color-bg-base, #ffffff))}.x-login-simple .x-login-simple-inner{width:100%;max-width:var(--x-login-max-width, 400px)}.x-login-split-image{display:grid;grid-template-columns:1fr 1fr;min-height:var(--x-login-min-height, 100vh)}@media (max-width: 1024px){.x-login-split-image{grid-template-columns:1fr}}.x-login-split-image .x-login-split-form-side{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--x-login-gap, var(--x-spacing-md, 16px));padding:var(--x-login-padding, var(--x-spacing-xl, 24px))}.x-login-split-image .x-login-split-brand{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}@media (min-width: 769px){.x-login-split-image .x-login-split-brand{-ms-flex-pack:start;justify-content:flex-start}}.x-login-split-image .x-login-split-form-center{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.x-login-split-image .x-login-split-form-center .x-login-card--with-side{display:-ms-flexbox;display:flex;width:100%;max-width:var(--x-login-social-side-card-width, 720px)}.x-login-split-image .x-login-split-form-wrapper{width:100%;max-width:360px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--x-login-gap, var(--x-spacing-md, 16px))}.x-login-split-image .x-login-split-form-wrapper.x-login-wrapper--with-side{max-width:var(--x-login-social-side-form-width, 360px);margin:0 auto;-ms-flex:1;flex:1}.x-login-split-image .x-login-split-image-side{position:relative;background:var(--x-login-muted-bg, var(--x-color-bg-layout, #f5f5f5));overflow:hidden}@media (max-width: 1024px){.x-login-split-image .x-login-split-image-side{display:none}}.x-login-split-image .x-login-split-image-side img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.x-login-muted-bg{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:var(--x-login-gap, var(--x-spacing-md, 16px));min-height:var(--x-login-min-height, 100vh);padding:var(--x-login-padding, var(--x-spacing-xl, 24px));background:var(--x-login-muted-bg, var(--x-color-bg-layout, #f5f5f5))}.x-login-muted-bg .x-login-muted-inner{width:100%;max-width:var(--x-login-max-width, 400px);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--x-login-gap, var(--x-spacing-md, 16px))}.x-login-card-image{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-height:var(--x-login-min-height, 100vh);padding:var(--x-login-padding, var(--x-spacing-xl, 24px));background:var(--x-login-muted-bg, var(--x-color-bg-layout, #f5f5f5))}.x-login-card-image .x-login-card-image-container{width:100%;max-width:var(--x-login-card-max-width, 900px)}.x-login-card-image .x-login-card-image-container.x-login-container--with-side{max-width:var(--x-login-social-side-image-card-width, 1000px)}.x-login-card-image .x-login-card-image-grid{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:var(--x-login-card-bg, var(--x-color-bg-container, #ffffff));border:var(--x-login-card-border, 1px solid var(--x-color-border-secondary, #f0f0f0));border-radius:var(--x-login-card-border-radius, var(--x-border-radius-lg, 8px));-webkit-box-shadow:var(--x-login-card-shadow, 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02));box-shadow:var(--x-login-card-shadow, 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02))}.x-login-card-image .x-login-card-image-grid.x-login-grid--with-side{grid-template-columns:minmax(0, 1fr) auto}@media (max-width: 768px){.x-login-card-image .x-login-card-image-grid{grid-template-columns:1fr}}.x-login-card-image .x-login-card-image-cover{position:relative;overflow:hidden}@media (max-width: 768px){.x-login-card-image .x-login-card-image-cover{display:none}}.x-login-card-image .x-login-card-image-cover img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.x-login-card-image .x-login-card-image-form{padding:var(--x-login-card-padding, var(--x-spacing-xl, 24px));display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--x-login-gap, var(--x-spacing-md, 16px))}.x-login-card-image .x-login-card-image-form.x-login-wrapper--with-side{max-width:var(--x-login-social-side-form-width, 360px);margin:0 auto;-ms-flex:1;flex:1;padding-right:var(--x-login-padding, var(--x-spacing-xl, 24px))}.x-login-card-image .x-login-card--with-side{display:-ms-flexbox;display:flex;background:var(--x-login-card-bg, var(--x-color-bg-container, #ffffff))}.x-login-email-only{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:var(--x-login-gap, var(--x-spacing-md, 16px));min-height:var(--x-login-min-height, 100vh);padding:var(--x-login-padding, var(--x-spacing-xl, 24px));background:var(--x-login-page-bg, var(--x-color-bg-base, #ffffff))}.x-login-email-only .x-login-email-inner{width:100%;max-width:var(--x-login-max-width, 400px);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--x-login-gap, var(--x-spacing-md, 16px))}.x-login-email-only .x-login-header{gap:4px}.x-login-layout-divider{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--x-color-text-secondary, rgba(0, 0, 0, 0.45));font-size:12px}.x-login-layout-divider--vertical{-ms-flex-direction:column;flex-direction:column;margin:0 24px;-ms-flex-item-align:stretch;align-self:stretch}.x-login-layout-divider--vertical::before,.x-login-layout-divider--vertical::after{content:"";-ms-flex:1 1 0%;flex:1 1 0%;border-left:1px solid var(--x-color-border-secondary, #f0f0f0)}.x-login-layout-divider--vertical.x-login-layout-divider--has-text::before{margin-bottom:8px}.x-login-layout-divider--vertical.x-login-layout-divider--has-text::after{margin-top:8px}@media (max-width: 768px){.x-login-layout-divider--vertical{-ms-flex-direction:row;flex-direction:row;margin:24px 0;width:100%}.x-login-layout-divider--vertical::before,.x-login-layout-divider--vertical::after{border-left:none;border-top:1px solid var(--x-color-border-secondary, #f0f0f0)}.x-login-layout-divider--vertical.x-login-layout-divider--has-text::before{margin-bottom:0;margin-right:8px;margin-top:0}.x-login-layout-divider--vertical.x-login-layout-divider--has-text::after{margin-top:0;margin-left:8px;margin-bottom:0}}.x-login-layout-divider--horizontal{-ms-flex-direction:row;flex-direction:row;margin:24px 0;width:100%}.x-login-layout-divider--horizontal::before,.x-login-layout-divider--horizontal::after{content:"";-ms-flex:1 1 0%;flex:1 1 0%;border-top:1px solid var(--x-color-border-secondary, #f0f0f0)}.x-login-layout-divider--horizontal.x-login-layout-divider--has-text::before{margin-right:8px;margin-bottom:0px}.x-login-layout-divider--horizontal.x-login-layout-divider--has-text::after{margin-left:8px;margin-top:0px}@media (max-width: 640px){.x-login-simple,.x-login-muted-bg,.x-login-card-image,.x-login-email-only{padding:var(--x-login-padding-sm, var(--x-spacing-md, 16px))}.x-login-card{padding:var(--x-login-padding-sm, var(--x-spacing-md, 16px))}}'}},[769,"x-login",{variant:[1],config:[16],loading:[4],disabled:[4],error:[1],formSchema:[16],email:[32],password:[32],rememberMe:[32]}]);function ni(){"undefined"!=typeof customElements&&["x-login","x-address","x-auto-complete","x-auto-complete-dropdown-content","x-avatar","x-button","x-captcha","x-card","x-cascader","x-cascader-dropdown-content","x-checkbox","x-color-picker","x-color-picker-panel","x-date-picker","x-date-picker-dropdown-content","x-divider","x-dropdown","x-dropdown-content","x-editor","x-empty","x-form-builder","x-form-item","x-icon","x-input","x-input-number","x-modal","x-modal-content","x-pagination","x-popover","x-popover-content","x-radio","x-radio-group","x-range-picker","x-range-picker-dropdown-content","x-rate","x-select","x-select-dropdown-content","x-slider","x-spin","x-switch","x-tab-pane","x-table","x-tabs","x-time-picker","x-time-picker-dropdown-content","x-tooltip","x-tooltip-content","x-transfer","x-tree-select","x-tree-select-dropdown-content","x-upload"].forEach((o=>{switch(o){case"x-login":customElements.get(i(o))||customElements.define(i(o),ai);break;case"x-address":customElements.get(i(o))||t();break;case"x-auto-complete":customElements.get(i(o))||l();break;case"x-auto-complete-dropdown-content":customElements.get(i(o))||s();break;case"x-avatar":customElements.get(i(o))||x();break;case"x-button":customElements.get(i(o))||d();break;case"x-captcha":customElements.get(i(o))||c();break;case"x-card":customElements.get(i(o))||m();break;case"x-cascader":customElements.get(i(o))||g();break;case"x-cascader-dropdown-content":customElements.get(i(o))||p();break;case"x-checkbox":customElements.get(i(o))||f();break;case"x-color-picker":customElements.get(i(o))||b();break;case"x-color-picker-panel":customElements.get(i(o))||u();break;case"x-date-picker":customElements.get(i(o))||v();break;case"x-date-picker-dropdown-content":customElements.get(i(o))||h();break;case"x-divider":customElements.get(i(o))||w();break;case"x-dropdown":customElements.get(i(o))||y();break;case"x-dropdown-content":customElements.get(i(o))||k();break;case"x-editor":customElements.get(i(o))||j();break;case"x-empty":customElements.get(i(o))||z();break;case"x-form-builder":customElements.get(i(o))||E();break;case"x-form-item":customElements.get(i(o))||S();break;case"x-icon":customElements.get(i(o))||C();break;case"x-input":customElements.get(i(o))||L();break;case"x-input-number":customElements.get(i(o))||P();break;case"x-modal":customElements.get(i(o))||B();break;case"x-modal-content":customElements.get(i(o))||D();break;case"x-pagination":customElements.get(i(o))||I();break;case"x-popover":customElements.get(i(o))||U();break;case"x-popover-content":customElements.get(i(o))||F();break;case"x-radio":customElements.get(i(o))||M();break;case"x-radio-group":customElements.get(i(o))||N();break;case"x-range-picker":customElements.get(i(o))||T();break;case"x-range-picker-dropdown-content":customElements.get(i(o))||A();break;case"x-rate":customElements.get(i(o))||q();break;case"x-select":customElements.get(i(o))||Q();break;case"x-select-dropdown-content":customElements.get(i(o))||R();break;case"x-slider":customElements.get(i(o))||H();break;case"x-spin":customElements.get(i(o))||O();break;case"x-switch":customElements.get(i(o))||W();break;case"x-tab-pane":customElements.get(i(o))||_();break;case"x-table":customElements.get(i(o))||K();break;case"x-tabs":customElements.get(i(o))||V();break;case"x-time-picker":customElements.get(i(o))||J();break;case"x-time-picker-dropdown-content":customElements.get(i(o))||Z();break;case"x-tooltip":customElements.get(i(o))||G();break;case"x-tooltip-content":customElements.get(i(o))||Y();break;case"x-transfer":customElements.get(i(o))||X();break;case"x-tree-select":customElements.get(i(o))||$();break;case"x-tree-select-dropdown-content":customElements.get(i(o))||ii();break;case"x-upload":customElements.get(i(o))||oi()}}))}ni();const ti=ai,li=ni;export{ti as XLogin,li as defineCustomElement}

package/components/x-table.js

@@ -1 +1 @@
-import{X as o,d as s}from"./p-BGNOiTqa.js";const a=o,p=s;export{a as XTable,p as defineCustomElement}
+import{X as o,d as p}from"./p-CQQI-pRu.js";const s=o,r=p;export{s as XTable,r as defineCustomElement}