snice 4.28.0 → 4.29.0

package/dist/cdn/login/snice-login.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.28.0
+ * snice v4.29.0
  * A decorator-driven web component library with differential rendering, routing, controllers, and 130+ ready-made UI components. Use as much or as little as you want. Zero dependencies, works anywhere.
  * (c) 2024
  * Released under the MIT License.
@@ -54,7 +54,7 @@ void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be lo
           </span>
         </if>
       </button>
-    `}handleInternalClick(e){if(this.disabled||this.loading)return e.preventDefault(),void e.stopPropagation();if(this.href)if(this.download){const e=document.createElement("a");e.href=this.href,e.download=this.download,e.click()}else this.target?window.open(this.href,this.target):window.location.href=this.href;const t=this.internals?.form||this.closest("form");if(t)switch(this.type){case"submit":t.requestSubmit();break;case"reset":t.reset()}this.dispatchEvent(new CustomEvent("button-click",{bubbles:!0,composed:!0,detail:{originalEvent:e}}))}styles(){return t.css`${":host{display:inline-block;position:relative;width:auto;cursor:pointer}:host([disabled]){cursor:not-allowed}.button{display:inline-flex;align-items:center;justify-content:center;width:100%;border:1px solid;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);font-weight:var(--snice-font-weight-medium,500);text-decoration:none;user-select:none;white-space:nowrap;vertical-align:middle;padding:0;box-shadow:var(--snice-shadow-xs,0 1px 2px 0 rgb(0 0 0 / .03));transition:color var(--snice-transition-fast, 150ms) ease,background-color var(--snice-transition-fast, 150ms) ease,border-color var(--snice-transition-fast, 150ms) ease,box-shadow var(--snice-transition-fast, 150ms) ease,transform var(--snice-transition-fast, 150ms) cubic-bezier(.3, 0, .2, 1);cursor:inherit;position:relative}.button::before{content:'';position:absolute;inset:0;border-radius:inherit;background:var(--snice-gradient-button,none);pointer-events:none}.button:active{transition:color 50ms,background-color 50ms,border-color 50ms,box-shadow 50ms}.button:focus-visible{outline:0;box-shadow:0 0 0 var(--snice-focus-ring-width,2px) var(--snice-focus-ring-color,rgb(59 130 246 / .5))}.button--disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.button--small{font-size:var(--snice-font-size-sm, .875rem);height:1.875rem;padding:0 var(--snice-spacing-sm,.75rem);border-radius:var(--snice-border-radius-md,.25rem)}.button--medium{font-size:var(--snice-font-size-md, 1rem);height:2.5rem;padding:0 var(--snice-spacing-md,1rem);border-radius:var(--snice-border-radius-md,.25rem)}.button--large{font-size:var(--snice-font-size-lg, 1.125rem);height:3.125rem;padding:0 var(--snice-spacing-lg,1.5rem);border-radius:var(--snice-border-radius-md,.25rem)}.button--default{background-color:var(--snice-color-background,rgb(255 255 255));color:var(--snice-color-text,rgb(23 23 23));border-color:var(--snice-color-border,rgb(226 226 226))}.button--default:hover:not(.button--disabled){background-color:var(--snice-color-background-secondary,rgb(250 250 250));border-color:var(--snice-color-border-hover,rgb(204 204 204));box-shadow:var(--snice-shadow-sm,0 1px 2px 0 rgb(0 0 0 / .05));transform:translateY(-1px)}.button--default:active:not(.button--disabled){background-color:var(--snice-color-background-tertiary,rgb(248 248 248));border-color:var(--snice-color-border-hover,rgb(204 204 204));box-shadow:var(--snice-shadow-inset-sm,inset 0 1px 2px rgb(0 0 0 / .05));transform:translateY(0)}.button--primary{background-color:var(--snice-color-primary,rgb(37 99 235));color:var(--snice-color-text-inverse,rgb(250 250 250));border-color:var(--snice-color-primary,rgb(37 99 235))}.button--primary:hover:not(.button--disabled){background-color:var(--snice-color-primary-hover,rgb(29 78 216));border-color:var(--snice-color-primary-hover,rgb(29 78 216));box-shadow:var(--snice-shadow-sm,0 1px 2px 0 rgb(0 0 0 / .05));transform:translateY(-1px)}.button--primary:active:not(.button--disabled){background-color:color-mix(in srgb,var(--snice-color-primary,rgb(37 99 235)) 85%,#fff);border-color:color-mix(in srgb,var(--snice-color-primary,rgb(37 99 235)) 85%,#fff);box-shadow:var(--snice-shadow-inset-sm,inset 0 1px 2px rgb(0 0 0 / .05));transform:translateY(0)}.button--success{background-color:var(--snice-color-success,rgb(22 163 74));color:var(--snice-color-text-inverse,rgb(250 250 250));border-color:var(--snice-color-success,rgb(22 163 74))}.button--success:hover:not(.button--disabled){background-color:var(--snice-color-success-hover,rgb(21 128 61));border-color:var(--snice-color-success-hover,rgb(21 128 61));box-shadow:var(--snice-shadow-sm,0 1px 2px 0 rgb(0 0 0 / .05));transform:translateY(-1px)}.button--success:active:not(.button--disabled){background-color:color-mix(in srgb,var(--snice-color-success,rgb(22 163 74)) 85%,#fff);border-color:color-mix(in srgb,var(--snice-color-success,rgb(22 163 74)) 85%,#fff);box-shadow:var(--snice-shadow-inset-sm,inset 0 1px 2px rgb(0 0 0 / .05));transform:translateY(0)}.button--warning{background-color:var(--snice-color-warning,rgb(202 138 4));color:var(--snice-color-text-inverse,rgb(250 250 250));border-color:var(--snice-color-warning,rgb(202 138 4))}.button--warning:hover:not(.button--disabled){background-color:var(--snice-color-warning-hover,rgb(161 98 7));border-color:var(--snice-color-warning-hover,rgb(161 98 7));box-shadow:var(--snice-shadow-sm,0 1px 2px 0 rgb(0 0 0 / .05));transform:translateY(-1px)}.button--warning:active:not(.button--disabled){background-color:color-mix(in srgb,var(--snice-color-warning,rgb(202 138 4)) 85%,#fff);border-color:color-mix(in srgb,var(--snice-color-warning,rgb(202 138 4)) 85%,#fff);box-shadow:var(--snice-shadow-inset-sm,inset 0 1px 2px rgb(0 0 0 / .05));transform:translateY(0)}.button--danger{background-color:var(--snice-color-danger,rgb(220 38 38));color:var(--snice-color-text-inverse,rgb(250 250 250));border-color:var(--snice-color-danger,rgb(220 38 38))}.button--danger:hover:not(.button--disabled){background-color:var(--snice-color-danger-hover,rgb(185 28 28));border-color:var(--snice-color-danger-hover,rgb(185 28 28));box-shadow:var(--snice-shadow-sm,0 1px 2px 0 rgb(0 0 0 / .05));transform:translateY(-1px)}.button--danger:active:not(.button--disabled){background-color:color-mix(in srgb,var(--snice-color-danger,rgb(220 38 38)) 85%,#fff);border-color:color-mix(in srgb,var(--snice-color-danger,rgb(220 38 38)) 85%,#fff);box-shadow:var(--snice-shadow-inset-sm,inset 0 1px 2px rgb(0 0 0 / .05));transform:translateY(0)}.button--text{background-color:transparent;color:var(--snice-color-primary,rgb(37 99 235));border-color:transparent;box-shadow:none}.button--text::before{display:none}.button--text:hover:not(.button--disabled){background-color:var(--snice-color-primary-alpha,rgb(37 99 235 / .1));color:var(--snice-color-primary-hover,rgb(29 78 216));box-shadow:none;transform:none}.button--text:active:not(.button--disabled){background-color:var(--snice-color-primary-alpha-strong,rgb(37 99 235 / .15));box-shadow:none;transform:none}.button--outline{box-shadow:none}.button--outline::before{display:none}.button--outline.button--default{background-color:transparent;color:var(--snice-color-text,rgb(23 23 23))}.button--outline.button--primary{background-color:transparent;color:var(--snice-color-primary,rgb(37 99 235))}.button--outline.button--success{background-color:transparent;color:var(--snice-color-success,rgb(22 163 74))}.button--outline.button--warning{background-color:transparent;color:var(--snice-color-warning,rgb(202 138 4))}.button--outline.button--danger{background-color:transparent;color:var(--snice-color-danger,rgb(220 38 38))}.button--outline:hover:not(.button--disabled){background-color:var(--snice-color-border-alpha,rgb(82 82 82 / .1));box-shadow:none;transform:none}.button--outline:active:not(.button--disabled){background-color:var(--snice-color-border-alpha-strong,rgb(82 82 82 / .15));box-shadow:none;transform:none}.button--pill{border-radius:var(--snice-border-radius-pill,9999px)}.button--circle{border-radius:var(--snice-border-radius-circle,50%);width:var(--size);padding:0}.button--small.button--circle{--size:1.875rem}.button--medium.button--circle{--size:2.5rem}.button--large.button--circle{--size:3.125rem}.button--loading{position:relative;cursor:wait}.button--loading .label{visibility:hidden}.spinner{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1em;height:1em}.button--loading .spinner{display:block}.spinner::after{content:'';display:block;width:100%;height:100%;box-sizing:border-box;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.icon-slot{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.25em;height:1.25em;line-height:1;transform:translateY(1px)}.icon-slot:empty{display:none}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.25em;height:1.25em;line-height:1}.icon img{width:100%;height:100%;object-fit:contain}.icon svg{width:100%;height:100%}.icon-slot ::slotted(*){display:flex;align-items:center;justify-content:center;width:1.25em;height:1.25em;font-size:1.25em;line-height:1}.icon-slot ::slotted(svg){width:1.25em;height:1.25em}.icon-slot ::slotted(img){width:1.25em;height:1.25em;object-fit:contain}.button--icon-start .icon,.button--icon-start .icon-slot{margin-right:.5em}.button--icon-end .icon,.button--icon-end .icon-slot{margin-left:.5em}.button--circle .icon,.button--circle .icon-slot{margin:0}"}`}setLoading(e){this.loading=e}setDisabled(e){this.disabled=e}setVariant(e){this.variant=e}focus(e){this.button?.focus(e)}blur(){this.button?.blur()}click(){this.button?.click()}})})();let n=(()=>{let e,a,n,s,o,l,c,d,h,m,u,g,b,p,v,f,y,w,x,k,_,z,S,E,$,L,I,A,j=[t.element("snice-login")],C=[],P=HTMLElement,M=[],q=[],D=[],F=[],B=[],H=[],O=[],R=[],Y=[],T=[],V=[],U=[],K=[],N=[],W=[],Z=[],G=[],J=[],Q=[],X=[],ee=[],te=[],ie=[],re=[],ae=[],ne=[],se=[],oe=[],le=[],ce=[],de=[],he=[],me=[],ue=[],ge=[],be=[],pe=[];return class extends P{static{a=this}static{const ve="function"==typeof Symbol&&Symbol.metadata?Object.create(P[Symbol.metadata]??null):void 0;n=[t.property({})],s=[t.property({})],o=[t.property({})],l=[t.property({type:Boolean})],c=[t.property({type:Boolean})],d=[t.property({type:Boolean,attribute:"show-remember-me"})],h=[t.property({type:Boolean,attribute:"show-forgot-password"})],m=[t.property({attribute:"action-text"})],u=[t.query(".login")],g=[t.query(".login__form")],b=[t.query('input[name="username"]')],p=[t.query('input[name="password"]')],v=[t.query('input[name="remember"]')],f=[t.query("snice-alert")],y=[t.query("snice-button")],w=[t.queryAll("input")],x=[t.property({attribute:!1})],k=[t.property({attribute:!1})],_=[t.render()],z=[t.styles()],S=[t.watch("variant","size")],E=[t.request("login-user")],$=[t.dispatch("login-attempt",{bubbles:!0,composed:!0})],L=[t.dispatch("login-forgot-password",{bubbles:!0,composed:!0})],I=[t.dispatch("login-success",{bubbles:!0,composed:!0})],A=[t.dispatch("login-error",{bubbles:!0,composed:!0})],i(this,null,_,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:ve},null,M),i(this,null,z,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:ve},null,M),i(this,null,S,{kind:"method",name:"updateLoginClasses",static:!1,private:!1,access:{has:e=>"updateLoginClasses"in e,get:e=>e.updateLoginClasses},metadata:ve},null,M),i(this,null,E,{kind:"method",name:"login",static:!1,private:!1,access:{has:e=>"login"in e,get:e=>e.login},metadata:ve},null,M),i(this,null,$,{kind:"method",name:"handleSubmit",static:!1,private:!1,access:{has:e=>"handleSubmit"in e,get:e=>e.handleSubmit},metadata:ve},null,M),i(this,null,L,{kind:"method",name:"handleForgotPassword",static:!1,private:!1,access:{has:e=>"handleForgotPassword"in e,get:e=>e.handleForgotPassword},metadata:ve},null,M),i(this,null,I,{kind:"method",name:"dispatchLoginSuccess",static:!1,private:!1,access:{has:e=>"dispatchLoginSuccess"in e,get:e=>e.dispatchLoginSuccess},metadata:ve},null,M),i(this,null,A,{kind:"method",name:"dispatchLoginError",static:!1,private:!1,access:{has:e=>"dispatchLoginError"in e,get:e=>e.dispatchLoginError},metadata:ve},null,M),i(null,null,n,{kind:"field",name:"variant",static:!1,private:!1,access:{has:e=>"variant"in e,get:e=>e.variant,set:(e,t)=>{e.variant=t}},metadata:ve},q,D),i(null,null,s,{kind:"field",name:"size",static:!1,private:!1,access:{has:e=>"size"in e,get:e=>e.size,set:(e,t)=>{e.size=t}},metadata:ve},F,B),i(null,null,o,{kind:"field",name:"title",static:!1,private:!1,access:{has:e=>"title"in e,get:e=>e.title,set:(e,t)=>{e.title=t}},metadata:ve},H,O),i(null,null,l,{kind:"field",name:"disabled",static:!1,private:!1,access:{has:e=>"disabled"in e,get:e=>e.disabled,set:(e,t)=>{e.disabled=t}},metadata:ve},R,Y),i(null,null,c,{kind:"field",name:"loading",static:!1,private:!1,access:{has:e=>"loading"in e,get:e=>e.loading,set:(e,t)=>{e.loading=t}},metadata:ve},T,V),i(null,null,d,{kind:"field",name:"showRememberMe",static:!1,private:!1,access:{has:e=>"showRememberMe"in e,get:e=>e.showRememberMe,set:(e,t)=>{e.showRememberMe=t}},metadata:ve},U,K),i(null,null,h,{kind:"field",name:"showForgotPassword",static:!1,private:!1,access:{has:e=>"showForgotPassword"in e,get:e=>e.showForgotPassword,set:(e,t)=>{e.showForgotPassword=t}},metadata:ve},N,W),i(null,null,m,{kind:"field",name:"actionText",static:!1,private:!1,access:{has:e=>"actionText"in e,get:e=>e.actionText,set:(e,t)=>{e.actionText=t}},metadata:ve},Z,G),i(null,null,u,{kind:"field",name:"loginContainer",static:!1,private:!1,access:{has:e=>"loginContainer"in e,get:e=>e.loginContainer,set:(e,t)=>{e.loginContainer=t}},metadata:ve},J,Q),i(null,null,g,{kind:"field",name:"form",static:!1,private:!1,access:{has:e=>"form"in e,get:e=>e.form,set:(e,t)=>{e.form=t}},metadata:ve},X,ee),i(null,null,b,{kind:"field",name:"usernameInput",static:!1,private:!1,access:{has:e=>"usernameInput"in e,get:e=>e.usernameInput,set:(e,t)=>{e.usernameInput=t}},metadata:ve},te,ie),i(null,null,p,{kind:"field",name:"passwordInput",static:!1,private:!1,access:{has:e=>"passwordInput"in e,get:e=>e.passwordInput,set:(e,t)=>{e.passwordInput=t}},metadata:ve},re,ae),i(null,null,v,{kind:"field",name:"rememberInput",static:!1,private:!1,access:{has:e=>"rememberInput"in e,get:e=>e.rememberInput,set:(e,t)=>{e.rememberInput=t}},metadata:ve},ne,se),i(null,null,f,{kind:"field",name:"alertElement",static:!1,private:!1,access:{has:e=>"alertElement"in e,get:e=>e.alertElement,set:(e,t)=>{e.alertElement=t}},metadata:ve},oe,le),i(null,null,y,{kind:"field",name:"buttonElement",static:!1,private:!1,access:{has:e=>"buttonElement"in e,get:e=>e.buttonElement,set:(e,t)=>{e.buttonElement=t}},metadata:ve},ce,de),i(null,null,w,{kind:"field",name:"inputElements",static:!1,private:!1,access:{has:e=>"inputElements"in e,get:e=>e.inputElements,set:(e,t)=>{e.inputElements=t}},metadata:ve},he,me),i(null,null,x,{kind:"field",name:"alertMessage",static:!1,private:!1,access:{has:e=>"alertMessage"in e,get:e=>e.alertMessage,set:(e,t)=>{e.alertMessage=t}},metadata:ve},ue,ge),i(null,null,k,{kind:"field",name:"alertVariant",static:!1,private:!1,access:{has:e=>"alertVariant"in e,get:e=>e.alertVariant,set:(e,t)=>{e.alertVariant=t}},metadata:ve},be,pe),i(null,e={value:a},j,{kind:"class",name:a.name,metadata:ve},null,C),a=e.value,ve&&Object.defineProperty(a,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:ve}),r(a,C)}render(){const e=["login",`login--${this.variant}`,`login--${this.size}`].join(" ");return t.html`
+    `}handleInternalClick(e){if(this.disabled||this.loading)return e.preventDefault(),void e.stopPropagation();if(this.href)if(this.download){const e=document.createElement("a");e.href=this.href,e.download=this.download,e.click()}else this.target?window.open(this.href,this.target):window.location.href=this.href;const t=this.internals?.form||this.closest("form");if(t)switch(this.type){case"submit":t.requestSubmit();break;case"reset":t.reset()}this.dispatchEvent(new CustomEvent("button-click",{bubbles:!0,composed:!0,detail:{originalEvent:e}}))}styles(){return t.css`${":host{display:inline-block;position:relative;width:auto;cursor:pointer}:host([disabled]){cursor:not-allowed}.button{display:inline-flex;align-items:center;justify-content:center;width:100%;border:1px solid;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);font-weight:var(--snice-font-weight-medium,500);text-decoration:none;user-select:none;white-space:nowrap;vertical-align:middle;padding:0;box-shadow:var(--snice-shadow-xs,0 1px 2px 0 rgb(0 0 0 / .03));transition:color var(--snice-transition-fast, 150ms) ease,background-color var(--snice-transition-fast, 150ms) ease,border-color var(--snice-transition-fast, 150ms) ease,box-shadow var(--snice-transition-fast, 150ms) ease,transform var(--snice-transition-fast, 150ms) cubic-bezier(.3, 0, .2, 1);cursor:inherit;position:relative}.button::before{content:'';position:absolute;inset:0;border-radius:inherit;background:var(--snice-gradient-button,none);pointer-events:none}.button:active{transition:color 50ms,background-color 50ms,border-color 50ms,box-shadow 50ms}.button:focus-visible{outline:0;box-shadow:0 0 0 var(--snice-focus-ring-width,2px) var(--snice-focus-ring-color,rgb(59 130 246 / .5))}.button--disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.button--small{font-size:var(--snice-font-size-sm, .875rem);height:1.875rem;padding:0 var(--snice-spacing-sm,.75rem);border-radius:var(--snice-border-radius-md,.25rem)}.button--medium{font-size:var(--snice-font-size-md, 1rem);height:2.5rem;padding:0 var(--snice-spacing-md,1rem);border-radius:var(--snice-border-radius-md,.25rem)}.button--large{font-size:var(--snice-font-size-lg, 1.125rem);height:3.125rem;padding:0 var(--snice-spacing-lg,1.5rem);border-radius:var(--snice-border-radius-md,.25rem)}.button--default{background-color:var(--snice-color-background,rgb(255 255 255));color:var(--snice-color-text,rgb(23 23 23));border-color:var(--snice-color-border,rgb(226 226 226))}.button--default:hover:not(.button--disabled){background-color:var(--snice-color-background-secondary,rgb(250 250 250));border-color:var(--snice-color-border-hover,rgb(204 204 204));box-shadow:var(--snice-shadow-sm,0 1px 2px 0 rgb(0 0 0 / .05));transform:translateY(-1px)}.button--default:active:not(.button--disabled){background-color:var(--snice-color-background-tertiary,rgb(248 248 248));border-color:var(--snice-color-border-hover,rgb(204 204 204));box-shadow:var(--snice-shadow-inset-sm,inset 0 1px 2px rgb(0 0 0 / .05));transform:translateY(0)}.button--primary{background-color:var(--snice-color-primary,rgb(37 99 235));color:var(--snice-color-text-inverse,rgb(250 250 250));border-color:var(--snice-color-primary,rgb(37 99 235))}.button--primary:hover:not(.button--disabled){background-color:var(--snice-color-primary-hover,rgb(29 78 216));border-color:var(--snice-color-primary-hover,rgb(29 78 216));box-shadow:var(--snice-shadow-sm,0 1px 2px 0 rgb(0 0 0 / .05));transform:translateY(-1px)}.button--primary:active:not(.button--disabled){background-color:color-mix(in srgb,var(--snice-color-primary,rgb(37 99 235)) 85%,#fff);border-color:color-mix(in srgb,var(--snice-color-primary,rgb(37 99 235)) 85%,#fff);box-shadow:var(--snice-shadow-inset-sm,inset 0 1px 2px rgb(0 0 0 / .05));transform:translateY(0)}.button--success{background-color:var(--snice-color-success,rgb(22 163 74));color:var(--snice-color-text-inverse,rgb(250 250 250));border-color:var(--snice-color-success,rgb(22 163 74))}.button--success:hover:not(.button--disabled){background-color:var(--snice-color-success-hover,rgb(21 128 61));border-color:var(--snice-color-success-hover,rgb(21 128 61));box-shadow:var(--snice-shadow-sm,0 1px 2px 0 rgb(0 0 0 / .05));transform:translateY(-1px)}.button--success:active:not(.button--disabled){background-color:color-mix(in srgb,var(--snice-color-success,rgb(22 163 74)) 85%,#fff);border-color:color-mix(in srgb,var(--snice-color-success,rgb(22 163 74)) 85%,#fff);box-shadow:var(--snice-shadow-inset-sm,inset 0 1px 2px rgb(0 0 0 / .05));transform:translateY(0)}.button--warning{background-color:var(--snice-color-warning,rgb(202 138 4));color:var(--snice-color-text-inverse,rgb(250 250 250));border-color:var(--snice-color-warning,rgb(202 138 4))}.button--warning:hover:not(.button--disabled){background-color:var(--snice-color-warning-hover,rgb(161 98 7));border-color:var(--snice-color-warning-hover,rgb(161 98 7));box-shadow:var(--snice-shadow-sm,0 1px 2px 0 rgb(0 0 0 / .05));transform:translateY(-1px)}.button--warning:active:not(.button--disabled){background-color:color-mix(in srgb,var(--snice-color-warning,rgb(202 138 4)) 85%,#fff);border-color:color-mix(in srgb,var(--snice-color-warning,rgb(202 138 4)) 85%,#fff);box-shadow:var(--snice-shadow-inset-sm,inset 0 1px 2px rgb(0 0 0 / .05));transform:translateY(0)}.button--danger{background-color:var(--snice-color-danger,rgb(220 38 38));color:var(--snice-color-text-inverse,rgb(250 250 250));border-color:var(--snice-color-danger,rgb(220 38 38))}.button--danger:hover:not(.button--disabled){background-color:var(--snice-color-danger-hover,rgb(185 28 28));border-color:var(--snice-color-danger-hover,rgb(185 28 28));box-shadow:var(--snice-shadow-sm,0 1px 2px 0 rgb(0 0 0 / .05));transform:translateY(-1px)}.button--danger:active:not(.button--disabled){background-color:color-mix(in srgb,var(--snice-color-danger,rgb(220 38 38)) 85%,#fff);border-color:color-mix(in srgb,var(--snice-color-danger,rgb(220 38 38)) 85%,#fff);box-shadow:var(--snice-shadow-inset-sm,inset 0 1px 2px rgb(0 0 0 / .05));transform:translateY(0)}.button--text{background-color:transparent;color:var(--snice-color-primary,rgb(37 99 235));border-color:transparent;box-shadow:none}.button--text::before{display:none}.button--text:hover:not(.button--disabled){background-color:var(--snice-color-primary-alpha,rgb(37 99 235 / .1));color:var(--snice-color-primary-hover,rgb(29 78 216));box-shadow:none;transform:none}.button--text:active:not(.button--disabled){background-color:var(--snice-color-primary-alpha-strong,rgb(37 99 235 / .15));box-shadow:none;transform:none}.button--outline{box-shadow:none}.button--outline::before{display:none}.button--outline.button--default{background-color:transparent;color:var(--snice-color-text,rgb(23 23 23))}.button--outline.button--primary{background-color:transparent;color:var(--snice-color-primary,rgb(37 99 235))}.button--outline.button--success{background-color:transparent;color:var(--snice-color-success,rgb(22 163 74))}.button--outline.button--warning{background-color:transparent;color:var(--snice-color-warning,rgb(202 138 4))}.button--outline.button--danger{background-color:transparent;color:var(--snice-color-danger,rgb(220 38 38))}.button--outline:hover:not(.button--disabled){background-color:var(--snice-color-border-alpha,rgb(82 82 82 / .1));box-shadow:none;transform:none}.button--outline:active:not(.button--disabled){background-color:var(--snice-color-border-alpha-strong,rgb(82 82 82 / .15));box-shadow:none;transform:none}.button--pill{border-radius:var(--snice-border-radius-pill,9999px)}.button--circle{border-radius:var(--snice-border-radius-circle,50%);width:var(--size);padding:0}.button--small.button--circle{--size:1.875rem}.button--medium.button--circle{--size:2.5rem}.button--large.button--circle{--size:3.125rem}.button--loading{position:relative;cursor:wait}.button--loading .label{visibility:hidden}.spinner{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1em;height:1em}.button--loading .spinner{display:block}.spinner::after{content:'';display:block;width:100%;height:100%;box-sizing:border-box;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.icon-slot{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.25em;height:1.25em;line-height:1;transform:translateY(1px)}.icon-slot:empty{display:none}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.25em;height:1.25em;line-height:1}.icon img{width:100%;height:100%;object-fit:contain}.icon svg{width:100%;height:100%}.icon-slot ::slotted(*){display:flex;align-items:center;justify-content:center;width:1.25em;height:1.25em;font-size:1.25em;line-height:1}.icon-slot ::slotted(svg){width:1.25em;height:1.25em}.icon-slot ::slotted(img){width:1.25em;height:1.25em;object-fit:contain}.button--icon-start .icon,.button--icon-start .icon-slot{margin-right:.5em}.button--icon-end .icon,.button--icon-end .icon-slot{margin-left:.5em}.button--circle .icon,.button--circle .icon-slot{margin:0;transform:none;width:auto;height:auto}.button--circle .icon-slot ::slotted(*){width:auto;height:auto;font-size:1.25em;line-height:1;display:flex;align-items:center;justify-content:center}"}`}setLoading(e){this.loading=e}setDisabled(e){this.disabled=e}setVariant(e){this.variant=e}focus(e){this.button?.focus(e)}blur(){this.button?.blur()}click(){this.button?.click()}})})();let n=(()=>{let e,a,n,s,o,l,c,d,h,m,u,g,b,p,v,f,y,w,x,k,_,z,S,E,$,L,I,A,j=[t.element("snice-login")],C=[],P=HTMLElement,M=[],q=[],D=[],F=[],B=[],H=[],O=[],R=[],Y=[],T=[],V=[],U=[],K=[],N=[],W=[],Z=[],G=[],J=[],Q=[],X=[],ee=[],te=[],ie=[],re=[],ae=[],ne=[],se=[],oe=[],le=[],ce=[],de=[],he=[],me=[],ue=[],ge=[],be=[],pe=[];return class extends P{static{a=this}static{const ve="function"==typeof Symbol&&Symbol.metadata?Object.create(P[Symbol.metadata]??null):void 0;n=[t.property({})],s=[t.property({})],o=[t.property({})],l=[t.property({type:Boolean})],c=[t.property({type:Boolean})],d=[t.property({type:Boolean,attribute:"show-remember-me"})],h=[t.property({type:Boolean,attribute:"show-forgot-password"})],m=[t.property({attribute:"action-text"})],u=[t.query(".login")],g=[t.query(".login__form")],b=[t.query('input[name="username"]')],p=[t.query('input[name="password"]')],v=[t.query('input[name="remember"]')],f=[t.query("snice-alert")],y=[t.query("snice-button")],w=[t.queryAll("input")],x=[t.property({attribute:!1})],k=[t.property({attribute:!1})],_=[t.render()],z=[t.styles()],S=[t.watch("variant","size")],E=[t.request("login-user")],$=[t.dispatch("login-attempt",{bubbles:!0,composed:!0})],L=[t.dispatch("login-forgot-password",{bubbles:!0,composed:!0})],I=[t.dispatch("login-success",{bubbles:!0,composed:!0})],A=[t.dispatch("login-error",{bubbles:!0,composed:!0})],i(this,null,_,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:ve},null,M),i(this,null,z,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:ve},null,M),i(this,null,S,{kind:"method",name:"updateLoginClasses",static:!1,private:!1,access:{has:e=>"updateLoginClasses"in e,get:e=>e.updateLoginClasses},metadata:ve},null,M),i(this,null,E,{kind:"method",name:"login",static:!1,private:!1,access:{has:e=>"login"in e,get:e=>e.login},metadata:ve},null,M),i(this,null,$,{kind:"method",name:"handleSubmit",static:!1,private:!1,access:{has:e=>"handleSubmit"in e,get:e=>e.handleSubmit},metadata:ve},null,M),i(this,null,L,{kind:"method",name:"handleForgotPassword",static:!1,private:!1,access:{has:e=>"handleForgotPassword"in e,get:e=>e.handleForgotPassword},metadata:ve},null,M),i(this,null,I,{kind:"method",name:"dispatchLoginSuccess",static:!1,private:!1,access:{has:e=>"dispatchLoginSuccess"in e,get:e=>e.dispatchLoginSuccess},metadata:ve},null,M),i(this,null,A,{kind:"method",name:"dispatchLoginError",static:!1,private:!1,access:{has:e=>"dispatchLoginError"in e,get:e=>e.dispatchLoginError},metadata:ve},null,M),i(null,null,n,{kind:"field",name:"variant",static:!1,private:!1,access:{has:e=>"variant"in e,get:e=>e.variant,set:(e,t)=>{e.variant=t}},metadata:ve},q,D),i(null,null,s,{kind:"field",name:"size",static:!1,private:!1,access:{has:e=>"size"in e,get:e=>e.size,set:(e,t)=>{e.size=t}},metadata:ve},F,B),i(null,null,o,{kind:"field",name:"title",static:!1,private:!1,access:{has:e=>"title"in e,get:e=>e.title,set:(e,t)=>{e.title=t}},metadata:ve},H,O),i(null,null,l,{kind:"field",name:"disabled",static:!1,private:!1,access:{has:e=>"disabled"in e,get:e=>e.disabled,set:(e,t)=>{e.disabled=t}},metadata:ve},R,Y),i(null,null,c,{kind:"field",name:"loading",static:!1,private:!1,access:{has:e=>"loading"in e,get:e=>e.loading,set:(e,t)=>{e.loading=t}},metadata:ve},T,V),i(null,null,d,{kind:"field",name:"showRememberMe",static:!1,private:!1,access:{has:e=>"showRememberMe"in e,get:e=>e.showRememberMe,set:(e,t)=>{e.showRememberMe=t}},metadata:ve},U,K),i(null,null,h,{kind:"field",name:"showForgotPassword",static:!1,private:!1,access:{has:e=>"showForgotPassword"in e,get:e=>e.showForgotPassword,set:(e,t)=>{e.showForgotPassword=t}},metadata:ve},N,W),i(null,null,m,{kind:"field",name:"actionText",static:!1,private:!1,access:{has:e=>"actionText"in e,get:e=>e.actionText,set:(e,t)=>{e.actionText=t}},metadata:ve},Z,G),i(null,null,u,{kind:"field",name:"loginContainer",static:!1,private:!1,access:{has:e=>"loginContainer"in e,get:e=>e.loginContainer,set:(e,t)=>{e.loginContainer=t}},metadata:ve},J,Q),i(null,null,g,{kind:"field",name:"form",static:!1,private:!1,access:{has:e=>"form"in e,get:e=>e.form,set:(e,t)=>{e.form=t}},metadata:ve},X,ee),i(null,null,b,{kind:"field",name:"usernameInput",static:!1,private:!1,access:{has:e=>"usernameInput"in e,get:e=>e.usernameInput,set:(e,t)=>{e.usernameInput=t}},metadata:ve},te,ie),i(null,null,p,{kind:"field",name:"passwordInput",static:!1,private:!1,access:{has:e=>"passwordInput"in e,get:e=>e.passwordInput,set:(e,t)=>{e.passwordInput=t}},metadata:ve},re,ae),i(null,null,v,{kind:"field",name:"rememberInput",static:!1,private:!1,access:{has:e=>"rememberInput"in e,get:e=>e.rememberInput,set:(e,t)=>{e.rememberInput=t}},metadata:ve},ne,se),i(null,null,f,{kind:"field",name:"alertElement",static:!1,private:!1,access:{has:e=>"alertElement"in e,get:e=>e.alertElement,set:(e,t)=>{e.alertElement=t}},metadata:ve},oe,le),i(null,null,y,{kind:"field",name:"buttonElement",static:!1,private:!1,access:{has:e=>"buttonElement"in e,get:e=>e.buttonElement,set:(e,t)=>{e.buttonElement=t}},metadata:ve},ce,de),i(null,null,w,{kind:"field",name:"inputElements",static:!1,private:!1,access:{has:e=>"inputElements"in e,get:e=>e.inputElements,set:(e,t)=>{e.inputElements=t}},metadata:ve},he,me),i(null,null,x,{kind:"field",name:"alertMessage",static:!1,private:!1,access:{has:e=>"alertMessage"in e,get:e=>e.alertMessage,set:(e,t)=>{e.alertMessage=t}},metadata:ve},ue,ge),i(null,null,k,{kind:"field",name:"alertVariant",static:!1,private:!1,access:{has:e=>"alertVariant"in e,get:e=>e.alertVariant,set:(e,t)=>{e.alertVariant=t}},metadata:ve},be,pe),i(null,e={value:a},j,{kind:"class",name:a.name,metadata:ve},null,C),a=e.value,ve&&Object.defineProperty(a,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:ve}),r(a,C)}render(){const e=["login",`login--${this.variant}`,`login--${this.size}`].join(" ");return t.html`
       <div part="base" class="${e}">
         <slot name="before-header"></slot>