snice 7.5.0 → 7.7.0

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

@@ -50,7 +50,7 @@ void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be lo
           </span>
         </if>
       </button>
-    `}handleInternalClick(e){if(this.interactionDisabled)return e.preventDefault(),void e.stopPropagation();if(""!==this.href){const i="string"==typeof this.href?this.href.trim():"";if(!i||!t.isSafeUrl(i))return e.preventDefault(),void e.stopPropagation();if(this.download){const e=document.createElement("a");e.href=i,e.download=this.download,e.click()}else this.target?window.open(i,this.target,"noopener"):window.location.href=i}else{const e=this.internals?.form||this.closest("form");if(e)switch(this.type){case"submit":e.requestSubmit();break;case"reset":e.reset()}}this.dispatchEvent(new CustomEvent("button-click",{bubbles:!0,composed:!0,detail:{originalEvent:e}}))}formDisabledCallback(e){this.formDisabled=e}styles(){return t.css`${":host([hidden]){display:none}:host{display:inline-block;position:relative;width:auto;cursor:pointer}:host([disabled]){cursor:not-allowed}:host([justify-text=start]) .button{justify-content:flex-start}:host([justify-text=end]) .button{justify-content:flex-end}:host([justify-text=center]) .button{justify-content:center}.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) var(--snice-ease-out, cubic-bezier(.22,1,.36,1)),background-color var(--snice-transition-fast, 150ms) var(--snice-ease-out, cubic-bezier(.22,1,.36,1)),border-color var(--snice-transition-fast, 150ms) var(--snice-ease-out, cubic-bezier(.22,1,.36,1)),box-shadow var(--snice-transition-fast, 150ms) var(--snice-ease-out, cubic-bezier(.22,1,.36,1)),transform 180ms var(--snice-ease-spring, cubic-bezier(.34,1.56,.64,1));cursor:inherit;position:relative}.button::before{content:'';position:absolute;inset:0;border-radius:inherit;background:var(--snice-gradient-convex,none);pointer-events:none}.button:active:not(.button--disabled){transition:color 50ms var(--snice-ease-out, ease),background-color 50ms var(--snice-ease-out, ease),border-color 50ms var(--snice-ease-out, ease),box-shadow 50ms var(--snice-ease-out, ease),transform 80ms var(--snice-ease-out, ease);transform:translateY(0) scale(.97)}.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:2rem;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:3rem;padding:0 var(--snice-spacing-lg,1.5rem);border-radius:var(--snice-border-radius-md,.25rem)}.button--default{background-color:var(--snice-color-surface,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-surface-container-low,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-surface-container,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) scale(.97)}.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) scale(.97)}.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) scale(.97)}.button--warning{background-color:var(--snice-color-warning,rgb(202 138 4));color:var(--button-warning-text,rgb(69 26 3));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) scale(.97)}.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) scale(.97)}.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.button--default:hover:not(.button--disabled){background-color:var(--snice-color-surface-hover,rgb(245 245 245));box-shadow:none;transform:none}.button--outline.button--primary:hover:not(.button--disabled){background-color:var(--snice-color-primary-subtle,rgb(239 246 255));color:var(--snice-color-primary-hover,rgb(29 78 216));box-shadow:none;transform:none}.button--outline.button--success:hover:not(.button--disabled){background-color:var(--snice-color-success-subtle,rgb(220 252 231));color:var(--snice-color-success-hover,rgb(21 128 61));box-shadow:none;transform:none}.button--outline.button--warning:hover:not(.button--disabled){background-color:var(--snice-color-warning-subtle,rgb(254 249 195));color:var(--snice-color-warning-hover,rgb(161 98 7));box-shadow:none;transform:none}.button--outline.button--danger:hover:not(.button--disabled){background-color:var(--snice-color-danger-subtle,rgb(254 226 226));color:var(--snice-color-danger-hover,rgb(185 28 28));box-shadow:none;transform:none}.button--outline:active:not(.button--disabled){background-color:var(--snice-color-primary-subtle-hover,var(--snice-color-surface-active,rgb(235 235 235)));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:2rem}.button--medium.button--circle{--size:2.5rem}.button--large.button--circle{--size:3rem}.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}.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;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(*){font-size:1.25em;line-height:1;display:flex;align-items:center;justify-content:center}.button--circle .icon-slot ::slotted(svg){width:1.25em;height:1.25em}@media (prefers-reduced-motion:reduce){.icon-slot,.spinner,button,button:active{transition-duration:0s!important;animation-duration:0s!important}button:active{transform:none}}"}`}setLoading(e){this.loading=e}setDisabled(e){this.disabled=e}setVariant(e){this.variant=e}focus(e){this.effectiveDisabled||this.button?.focus(e)}blur(){this.button?.blur()}click(){this.effectiveDisabled||this.button?.click()}get form(){return function(e,t){if(t?.form)return t.form;const i=e.getAttribute("form");if(null!==i){const t=e.getRootNode();return"querySelectorAll"in t?Array.from(t.querySelectorAll("form[id]")).find(e=>e instanceof HTMLFormElement&&e.id===i)??null:null}return e.closest("form")}(this,this.internals)}get labels(){return this.internals?.labels??null}})})();let m=(()=>{let e,n,o,a,s,l,c,d,h,u,m,g,v,p,b,f,k,w,y,x,M,C,A,j,S,L,B,_,z=[t.element("snice-login")],E=[],$=HTMLElement,Z=[],H=[],I=[],V=[],D=[],T=[],F=[],P=[],R=[],q=[],O=[],Y=[],U=[],N=[],K=[],W=[],G=[],J=[],Q=[],X=[],ee=[],te=[],ie=[],re=[],ne=[],oe=[],ae=[],se=[],le=[],ce=[],de=[],he=[],ue=[],me=[],ge=[],ve=[],pe=[];return class extends ${static{n=this}static{const be="function"==typeof Symbol&&Symbol.metadata?Object.create($[Symbol.metadata]??null):void 0;o=[t.property({})],a=[t.property({})],s=[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"})],u=[t.property({attribute:"action-text"})],m=[t.query(".login")],g=[t.query(".login__form")],v=[t.query('input[name="username"]')],p=[t.query('input[name="password"]')],b=[t.query('input[name="remember"]')],f=[t.query("snice-alert")],k=[t.query("snice-button")],w=[t.queryAll("input")],y=[t.property({attribute:!1})],x=[t.property({attribute:!1})],M=[t.render()],C=[t.styles()],A=[t.watch("variant","size")],j=[t.request("login-user")],S=[t.dispatch("login-attempt",{bubbles:!0,composed:!0})],L=[t.dispatch("login-forgot-password",{bubbles:!0,composed:!0})],B=[t.dispatch("login-success",{bubbles:!0,composed:!0})],_=[t.dispatch("login-error",{bubbles:!0,composed:!0})],i(this,null,M,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:be},null,Z),i(this,null,C,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:be},null,Z),i(this,null,A,{kind:"method",name:"updateLoginClasses",static:!1,private:!1,access:{has:e=>"updateLoginClasses"in e,get:e=>e.updateLoginClasses},metadata:be},null,Z),i(this,null,j,{kind:"method",name:"login",static:!1,private:!1,access:{has:e=>"login"in e,get:e=>e.login},metadata:be},null,Z),i(this,null,S,{kind:"method",name:"handleSubmit",static:!1,private:!1,access:{has:e=>"handleSubmit"in e,get:e=>e.handleSubmit},metadata:be},null,Z),i(this,null,L,{kind:"method",name:"handleForgotPassword",static:!1,private:!1,access:{has:e=>"handleForgotPassword"in e,get:e=>e.handleForgotPassword},metadata:be},null,Z),i(this,null,B,{kind:"method",name:"dispatchLoginSuccess",static:!1,private:!1,access:{has:e=>"dispatchLoginSuccess"in e,get:e=>e.dispatchLoginSuccess},metadata:be},null,Z),i(this,null,_,{kind:"method",name:"dispatchLoginError",static:!1,private:!1,access:{has:e=>"dispatchLoginError"in e,get:e=>e.dispatchLoginError},metadata:be},null,Z),i(null,null,o,{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:be},H,I),i(null,null,a,{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:be},V,D),i(null,null,s,{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:be},T,F),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:be},P,R),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:be},q,O),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:be},Y,U),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:be},N,K),i(null,null,u,{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:be},W,G),i(null,null,m,{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:be},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:be},X,ee),i(null,null,v,{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:be},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:be},re,ne),i(null,null,b,{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:be},oe,ae),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:be},se,le),i(null,null,k,{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:be},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:be},he,ue),i(null,null,y,{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:be},me,ge),i(null,null,x,{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:be},ve,pe),i(null,e={value:n},z,{kind:"class",name:n.name,metadata:be},null,E),n=e.value,be&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:be}),r(n,E)}render(){const e=["login",`login--${this.variant}`,`login--${this.size}`].join(" ");return t.html`
+    `}handleInternalClick(e){if(this.interactionDisabled)return e.preventDefault(),void e.stopPropagation();if(""!==this.href){const i="string"==typeof this.href?this.href.trim():"";if(!i||!t.isSafeUrl(i))return e.preventDefault(),void e.stopPropagation();if(this.download){const e=document.createElement("a");e.href=i,e.download=this.download,e.click()}else this.target?window.open(i,this.target,"noopener"):window.location.href=i}else{const e=this.internals?.form||this.closest("form");if(e)switch(this.type){case"submit":e.requestSubmit();break;case"reset":e.reset()}}this.dispatchEvent(new CustomEvent("button-click",{bubbles:!0,composed:!0,detail:{originalEvent:e}}))}formDisabledCallback(e){this.formDisabled=e}styles(){return t.css`${":host([hidden]){display:none}:host{display:inline-block;position:relative;width:auto;cursor:pointer}:host([disabled]){cursor:not-allowed}:host([justify-text=start]) .button{justify-content:flex-start}:host([justify-text=end]) .button{justify-content:flex-end}:host([justify-text=center]) .button{justify-content:center}.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) var(--snice-ease-out, cubic-bezier(.22,1,.36,1)),background-color var(--snice-transition-fast, 150ms) var(--snice-ease-out, cubic-bezier(.22,1,.36,1)),border-color var(--snice-transition-fast, 150ms) var(--snice-ease-out, cubic-bezier(.22,1,.36,1)),box-shadow var(--snice-transition-fast, 150ms) var(--snice-ease-out, cubic-bezier(.22,1,.36,1)),transform 180ms var(--snice-ease-spring, cubic-bezier(.34,1.56,.64,1));cursor:inherit;position:relative}.button::before{content:'';position:absolute;inset:0;border-radius:inherit;background:var(--snice-gradient-convex,none);pointer-events:none}.button:active:not(.button--disabled){transition:color 50ms var(--snice-ease-out, ease),background-color 50ms var(--snice-ease-out, ease),border-color 50ms var(--snice-ease-out, ease),box-shadow 50ms var(--snice-ease-out, ease),transform 80ms var(--snice-ease-out, ease);transform:translateY(0) scale(.97)}.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:2rem;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:3rem;padding:0 var(--snice-spacing-lg,1.5rem);border-radius:var(--snice-border-radius-md,.25rem)}.button--default{background-color:var(--snice-color-surface,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-surface-container-low,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-surface-container,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) scale(.97)}.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) scale(.97)}.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) scale(.97)}.button--warning{background-color:var(--snice-color-warning,rgb(202 138 4));color:var(--button-warning-text,rgb(69 26 3));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) scale(.97)}.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) scale(.97)}.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.button--default:hover:not(.button--disabled){background-color:var(--snice-color-surface-hover,rgb(245 245 245));box-shadow:none;transform:none}.button--outline.button--primary:hover:not(.button--disabled){background-color:var(--snice-color-primary-subtle,rgb(239 246 255));color:var(--snice-color-primary-hover,rgb(29 78 216));box-shadow:none;transform:none}.button--outline.button--success:hover:not(.button--disabled){background-color:var(--snice-color-success-subtle,rgb(220 252 231));color:var(--snice-color-success-hover,rgb(21 128 61));box-shadow:none;transform:none}.button--outline.button--warning:hover:not(.button--disabled){background-color:var(--snice-color-warning-subtle,rgb(254 249 195));color:var(--snice-color-warning-hover,rgb(161 98 7));box-shadow:none;transform:none}.button--outline.button--danger:hover:not(.button--disabled){background-color:var(--snice-color-danger-subtle,rgb(254 226 226));color:var(--snice-color-danger-hover,rgb(185 28 28));box-shadow:none;transform:none}.button--outline:active:not(.button--disabled){background-color:var(--snice-color-primary-subtle-hover,var(--snice-color-surface-active,rgb(235 235 235)));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:2rem}.button--medium.button--circle{--size:2.5rem}.button--large.button--circle{--size:3rem}.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}.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;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 svg{width:1.25em;height:1.25em}.button--circle .icon-slot ::slotted(*){font-size:1.25em;line-height:1;display:flex;align-items:center;justify-content:center}.button--circle .icon-slot ::slotted(svg){width:1.25em;height:1.25em}@media (prefers-reduced-motion:reduce){.icon-slot,.spinner,button,button:active{transition-duration:0s!important;animation-duration:0s!important}button:active{transform:none}}"}`}setLoading(e){this.loading=e}setDisabled(e){this.disabled=e}setVariant(e){this.variant=e}focus(e){this.effectiveDisabled||this.button?.focus(e)}blur(){this.button?.blur()}click(){this.effectiveDisabled||this.button?.click()}get form(){return function(e,t){if(t?.form)return t.form;const i=e.getAttribute("form");if(null!==i){const t=e.getRootNode();return"querySelectorAll"in t?Array.from(t.querySelectorAll("form[id]")).find(e=>e instanceof HTMLFormElement&&e.id===i)??null:null}return e.closest("form")}(this,this.internals)}get labels(){return this.internals?.labels??null}})})();let m=(()=>{let e,n,o,a,s,l,c,d,h,u,m,g,v,p,b,f,k,w,y,x,M,C,A,j,S,L,B,_,z=[t.element("snice-login")],E=[],$=HTMLElement,Z=[],H=[],I=[],V=[],D=[],T=[],F=[],P=[],R=[],q=[],O=[],Y=[],U=[],N=[],K=[],W=[],G=[],J=[],Q=[],X=[],ee=[],te=[],ie=[],re=[],ne=[],oe=[],ae=[],se=[],le=[],ce=[],de=[],he=[],ue=[],me=[],ge=[],ve=[],pe=[];return class extends ${static{n=this}static{const be="function"==typeof Symbol&&Symbol.metadata?Object.create($[Symbol.metadata]??null):void 0;o=[t.property({})],a=[t.property({})],s=[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"})],u=[t.property({attribute:"action-text"})],m=[t.query(".login")],g=[t.query(".login__form")],v=[t.query('input[name="username"]')],p=[t.query('input[name="password"]')],b=[t.query('input[name="remember"]')],f=[t.query("snice-alert")],k=[t.query("snice-button")],w=[t.queryAll("input")],y=[t.property({attribute:!1})],x=[t.property({attribute:!1})],M=[t.render()],C=[t.styles()],A=[t.watch("variant","size")],j=[t.request("login-user")],S=[t.dispatch("login-attempt",{bubbles:!0,composed:!0})],L=[t.dispatch("login-forgot-password",{bubbles:!0,composed:!0})],B=[t.dispatch("login-success",{bubbles:!0,composed:!0})],_=[t.dispatch("login-error",{bubbles:!0,composed:!0})],i(this,null,M,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:be},null,Z),i(this,null,C,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:be},null,Z),i(this,null,A,{kind:"method",name:"updateLoginClasses",static:!1,private:!1,access:{has:e=>"updateLoginClasses"in e,get:e=>e.updateLoginClasses},metadata:be},null,Z),i(this,null,j,{kind:"method",name:"login",static:!1,private:!1,access:{has:e=>"login"in e,get:e=>e.login},metadata:be},null,Z),i(this,null,S,{kind:"method",name:"handleSubmit",static:!1,private:!1,access:{has:e=>"handleSubmit"in e,get:e=>e.handleSubmit},metadata:be},null,Z),i(this,null,L,{kind:"method",name:"handleForgotPassword",static:!1,private:!1,access:{has:e=>"handleForgotPassword"in e,get:e=>e.handleForgotPassword},metadata:be},null,Z),i(this,null,B,{kind:"method",name:"dispatchLoginSuccess",static:!1,private:!1,access:{has:e=>"dispatchLoginSuccess"in e,get:e=>e.dispatchLoginSuccess},metadata:be},null,Z),i(this,null,_,{kind:"method",name:"dispatchLoginError",static:!1,private:!1,access:{has:e=>"dispatchLoginError"in e,get:e=>e.dispatchLoginError},metadata:be},null,Z),i(null,null,o,{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:be},H,I),i(null,null,a,{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:be},V,D),i(null,null,s,{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:be},T,F),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:be},P,R),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:be},q,O),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:be},Y,U),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:be},N,K),i(null,null,u,{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:be},W,G),i(null,null,m,{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:be},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:be},X,ee),i(null,null,v,{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:be},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:be},re,ne),i(null,null,b,{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:be},oe,ae),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:be},se,le),i(null,null,k,{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:be},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:be},he,ue),i(null,null,y,{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:be},me,ge),i(null,null,x,{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:be},ve,pe),i(null,e={value:n},z,{kind:"class",name:n.name,metadata:be},null,E),n=e.value,be&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:be}),r(n,E)}render(){const e=["login",`login--${this.variant}`,`login--${this.size}`].join(" ");return t.html`
       <div part="base" class="${e}">
         <slot name="before-header"></slot>