snice 4.22.0 → 4.23.0

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

@@ -1,15 +1,15 @@
 /*!
- * snice v4.21.0
+ * snice v4.22.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.
  */
-void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be loaded before snice-login.min.js");var SniceLogin=function(t,e){"use strict";function i(t,e,i,a,n,s){function r(t){if(void 0!==t&&"function"!=typeof t)throw new TypeError("Function expected");return t}for(var o,l=a.kind,c="getter"===l?"get":"setter"===l?"set":"value",d=!e&&t?a.static?t:t.prototype:null,h=e||(d?Object.getOwnPropertyDescriptor(d,a.name):{}),m=!1,u=i.length-1;u>=0;u--){var g={};for(var b in a)g[b]="access"===b?{}:a[b];for(var b in a.access)g.access[b]=a.access[b];g.addInitializer=function(t){if(m)throw new TypeError("Cannot add initializers after decoration has completed");s.push(r(t||null))};var p=(0,i[u])("accessor"===l?{get:h.get,set:h.set}:h[c],g);if("accessor"===l){if(void 0===p)continue;if(null===p||"object"!=typeof p)throw new TypeError("Object expected");(o=r(p.get))&&(h.get=o),(o=r(p.set))&&(h.set=o),(o=r(p.init))&&n.unshift(o)}else(o=r(p))&&("field"===l?n.unshift(o):h[c]=o)}d&&Object.defineProperty(d,a.name,h),m=!0}function a(t,e,i){for(var a=arguments.length>2,n=0;n<e.length;n++)i=a?e[n].call(t,i):e[n].call(t);return a?i:void 0}function n(t,i="icon"){if(!t)return e.html``;if(t.startsWith("img://")){const a=t.slice(6);return e.html`<img class="${i}" src="${a}" alt="" part="icon" />`}if(t.startsWith("text://")){const a=t.slice(7);return e.html`<span class="${i}" part="icon">${a}</span>`}return/^(https?:\/\/|\/|\.\/|\.\.\/|data:)/.test(t)||/^[^:]*\w\.(svg|png|jpe?g|jfif|pjp|gif|webp|avif|jxl|ico|cur|bmp|tiff?|heic|heif|apng)$/i.test(t)?e.html`<img class="${i}" src="${t}" alt="" part="icon" />`:e.html`<span class="${i}" part="icon">${t}</span>`}"function"==typeof SuppressedError&&SuppressedError;(()=>{let t,s,r,o,l,c,d,h,m,u,g,b,p,v=[e.element("snice-alert")],f=[],y=HTMLElement,w=[],k=[],x=[],_=[],z=[],E=[],S=[],$=[],I=[],L=[],A=[],j=[],P=[];(class extends y{static{s=this}constructor(){super(...arguments),this.variant=(a(this,w),a(this,k,"info")),this.size=(a(this,x),a(this,_,"medium")),this.title=(a(this,z),a(this,E,"")),this.dismissible=(a(this,S),a(this,$,!1)),this.icon=(a(this,I),a(this,L,"")),this.alertElement=(a(this,A),a(this,j,void 0)),this.isHidden=(a(this,P),!1)}static{const n="function"==typeof Symbol&&Symbol.metadata?Object.create(y[Symbol.metadata]??null):void 0;r=[e.property({})],o=[e.property({})],l=[e.property({})],c=[e.property({type:Boolean})],d=[e.property({})],h=[e.query(".alert")],m=[e.render()],u=[e.styles()],g=[e.dispatch("alert-dismiss")],b=[e.dispatch("alert-hidden")],p=[e.dispatch("alert-shown")],i(this,null,m,{kind:"method",name:"render",static:!1,private:!1,access:{has:t=>"render"in t,get:t=>t.render},metadata:n},null,w),i(this,null,u,{kind:"method",name:"styles",static:!1,private:!1,access:{has:t=>"styles"in t,get:t=>t.styles},metadata:n},null,w),i(this,null,g,{kind:"method",name:"handleDismiss",static:!1,private:!1,access:{has:t=>"handleDismiss"in t,get:t=>t.handleDismiss},metadata:n},null,w),i(this,null,b,{kind:"method",name:"dispatchAlertHidden",static:!1,private:!1,access:{has:t=>"dispatchAlertHidden"in t,get:t=>t.dispatchAlertHidden},metadata:n},null,w),i(this,null,p,{kind:"method",name:"dispatchAlertShown",static:!1,private:!1,access:{has:t=>"dispatchAlertShown"in t,get:t=>t.dispatchAlertShown},metadata:n},null,w),i(null,null,r,{kind:"field",name:"variant",static:!1,private:!1,access:{has:t=>"variant"in t,get:t=>t.variant,set:(t,e)=>{t.variant=e}},metadata:n},k,x),i(null,null,o,{kind:"field",name:"size",static:!1,private:!1,access:{has:t=>"size"in t,get:t=>t.size,set:(t,e)=>{t.size=e}},metadata:n},_,z),i(null,null,l,{kind:"field",name:"title",static:!1,private:!1,access:{has:t=>"title"in t,get:t=>t.title,set:(t,e)=>{t.title=e}},metadata:n},E,S),i(null,null,c,{kind:"field",name:"dismissible",static:!1,private:!1,access:{has:t=>"dismissible"in t,get:t=>t.dismissible,set:(t,e)=>{t.dismissible=e}},metadata:n},$,I),i(null,null,d,{kind:"field",name:"icon",static:!1,private:!1,access:{has:t=>"icon"in t,get:t=>t.icon,set:(t,e)=>{t.icon=e}},metadata:n},L,A),i(null,null,h,{kind:"field",name:"alertElement",static:!1,private:!1,access:{has:t=>"alertElement"in t,get:t=>t.alertElement,set:(t,e)=>{t.alertElement=e}},metadata:n},j,P),i(null,t={value:s},v,{kind:"class",name:s.name,metadata:n},null,f),s=t.value,n&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:n}),a(s,f)}render(){const t=this.icon?"none"!==this.icon:this.shouldShowDefaultIcon(),i=["alert",`alert--${this.variant}`,`alert--${this.size}`,this.isHidden?"alert--hidden":""].filter(Boolean).join(" "),a=!this.icon||"none"===this.icon?"alert-icon alert-icon--default":"alert-icon";return e.html`
+void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be loaded before snice-login.min.js");var SniceLogin=function(t,e){"use strict";function i(t,e,i,n,s,a){function r(t){if(void 0!==t&&"function"!=typeof t)throw new TypeError("Function expected");return t}for(var o,l=n.kind,c="getter"===l?"get":"setter"===l?"set":"value",d=!e&&t?n.static?t:t.prototype:null,h=e||(d?Object.getOwnPropertyDescriptor(d,n.name):{}),m=!1,u=i.length-1;u>=0;u--){var g={};for(var b in n)g[b]="access"===b?{}:n[b];for(var b in n.access)g.access[b]=n.access[b];g.addInitializer=function(t){if(m)throw new TypeError("Cannot add initializers after decoration has completed");a.push(r(t||null))};var p=(0,i[u])("accessor"===l?{get:h.get,set:h.set}:h[c],g);if("accessor"===l){if(void 0===p)continue;if(null===p||"object"!=typeof p)throw new TypeError("Object expected");(o=r(p.get))&&(h.get=o),(o=r(p.set))&&(h.set=o),(o=r(p.init))&&s.unshift(o)}else(o=r(p))&&("field"===l?s.unshift(o):h[c]=o)}d&&Object.defineProperty(d,n.name,h),m=!0}function n(t,e,i){for(var n=arguments.length>2,s=0;s<e.length;s++)i=n?e[s].call(t,i):e[s].call(t);return n?i:void 0}function s(t,i="icon"){if(!t)return e.html``;if(t.startsWith("img://")){const n=t.slice(6);return e.html`<img class="${i}" src="${n}" alt="" part="icon" />`}if(t.startsWith("text://")){const n=t.slice(7);return e.html`<span class="${i}" part="icon">${n}</span>`}return/^(https?:\/\/|\/|\.\/|\.\.\/|data:)/.test(t)||/^[^:]*\w\.(svg|png|jpe?g|jfif|pjp|gif|webp|avif|jxl|ico|cur|bmp|tiff?|heic|heif|apng)$/i.test(t)?e.html`<img class="${i}" src="${t}" alt="" part="icon" />`:e.html`<span class="${i}" part="icon">${t}</span>`}"function"==typeof SuppressedError&&SuppressedError;(()=>{let t,a,r,o,l,c,d,h,m,u,g,b,p,f=[e.element("snice-alert")],v=[],y=HTMLElement,w=[],k=[],x=[],_=[],z=[],E=[],S=[],$=[],I=[],L=[],A=[],j=[],P=[];(class extends y{static{a=this}constructor(){super(...arguments),this.variant=(n(this,w),n(this,k,"info")),this.size=(n(this,x),n(this,_,"medium")),this.title=(n(this,z),n(this,E,"")),this.dismissible=(n(this,S),n(this,$,!1)),this.icon=(n(this,I),n(this,L,"")),this.alertElement=(n(this,A),n(this,j,void 0)),this.isHidden=(n(this,P),!1)}static{const s="function"==typeof Symbol&&Symbol.metadata?Object.create(y[Symbol.metadata]??null):void 0;r=[e.property({})],o=[e.property({})],l=[e.property({})],c=[e.property({type:Boolean})],d=[e.property({})],h=[e.query(".alert")],m=[e.render()],u=[e.styles()],g=[e.dispatch("alert-dismiss")],b=[e.dispatch("alert-hidden")],p=[e.dispatch("alert-shown")],i(this,null,m,{kind:"method",name:"render",static:!1,private:!1,access:{has:t=>"render"in t,get:t=>t.render},metadata:s},null,w),i(this,null,u,{kind:"method",name:"styles",static:!1,private:!1,access:{has:t=>"styles"in t,get:t=>t.styles},metadata:s},null,w),i(this,null,g,{kind:"method",name:"handleDismiss",static:!1,private:!1,access:{has:t=>"handleDismiss"in t,get:t=>t.handleDismiss},metadata:s},null,w),i(this,null,b,{kind:"method",name:"dispatchAlertHidden",static:!1,private:!1,access:{has:t=>"dispatchAlertHidden"in t,get:t=>t.dispatchAlertHidden},metadata:s},null,w),i(this,null,p,{kind:"method",name:"dispatchAlertShown",static:!1,private:!1,access:{has:t=>"dispatchAlertShown"in t,get:t=>t.dispatchAlertShown},metadata:s},null,w),i(null,null,r,{kind:"field",name:"variant",static:!1,private:!1,access:{has:t=>"variant"in t,get:t=>t.variant,set:(t,e)=>{t.variant=e}},metadata:s},k,x),i(null,null,o,{kind:"field",name:"size",static:!1,private:!1,access:{has:t=>"size"in t,get:t=>t.size,set:(t,e)=>{t.size=e}},metadata:s},_,z),i(null,null,l,{kind:"field",name:"title",static:!1,private:!1,access:{has:t=>"title"in t,get:t=>t.title,set:(t,e)=>{t.title=e}},metadata:s},E,S),i(null,null,c,{kind:"field",name:"dismissible",static:!1,private:!1,access:{has:t=>"dismissible"in t,get:t=>t.dismissible,set:(t,e)=>{t.dismissible=e}},metadata:s},$,I),i(null,null,d,{kind:"field",name:"icon",static:!1,private:!1,access:{has:t=>"icon"in t,get:t=>t.icon,set:(t,e)=>{t.icon=e}},metadata:s},L,A),i(null,null,h,{kind:"field",name:"alertElement",static:!1,private:!1,access:{has:t=>"alertElement"in t,get:t=>t.alertElement,set:(t,e)=>{t.alertElement=e}},metadata:s},j,P),i(null,t={value:a},f,{kind:"class",name:a.name,metadata:s},null,v),a=t.value,s&&Object.defineProperty(a,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s}),n(a,v)}render(){const t=this.icon?"none"!==this.icon:this.shouldShowDefaultIcon(),i=["alert",`alert--${this.variant}`,`alert--${this.size}`,this.isHidden?"alert--hidden":""].filter(Boolean).join(" "),n=!this.icon||"none"===this.icon?"alert-icon alert-icon--default":"alert-icon";return e.html`
       <div class="${i}" role="alert" aria-live="polite" @animationend=${this.handleAnimationEnd}>
         <if value="${t}">
-          <div class="${a}" part="icon">
+          <div class="${n}" part="icon">
             <slot name="icon">
-              ${this.icon?n(this.icon,"alert-icon-content"):""}
+              ${this.icon?s(this.icon,"alert-icon-content"):""}
             </slot>
           </div>
         </if>
@@ -29,14 +29,14 @@ void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be lo
           </button>
         </if>
       </div>
-    `}styles(){return e.css`${':host{display:block;--alert-padding:0.75rem 1rem;--alert-border-radius:6px;--alert-font-size:0.875rem;--alert-icon-size:1.25rem;--alert-border-width:1px}.alert{display:flex;align-items:flex-start;padding:var(--alert-padding);border-radius:var(--alert-border-radius);font-size:var(--alert-font-size);line-height:1.5;border:var(--alert-border-width) solid;position:relative;animation:.3s slideIn}.alert--hidden{display:none}@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.alert--hiding{animation:.3s forwards slideOut}:host([variant=info]) .alert{background:hsl(215 85% 92%);border-color:hsl(215 70% 72%);color:hsl(215 70% 25%)}:host([variant=success]) .alert{background:hsl(145 60% 90%);border-color:hsl(145 50% 55%);color:hsl(145 60% 22%)}:host([variant=warning]) .alert{background:hsl(45 90% 88%);border-color:hsl(40 80% 55%);color:hsl(35 80% 22%)}:host([variant=error]) .alert{background:hsl(0 85% 93%);border-color:hsl(0 65% 65%);color:hsl(0 65% 28%)}@media (prefers-color-scheme:dark){:host([variant=info]) .alert{background:hsl(215 50% 18%);border-color:hsl(215 50% 40%);color:hsl(215 80% 80%)}:host([variant=success]) .alert{background:hsl(145 40% 16%);border-color:hsl(145 40% 38%);color:hsl(145 60% 75%)}:host([variant=warning]) .alert{background:hsl(45 50% 16%);border-color:hsl(40 50% 40%);color:hsl(45 70% 78%)}:host([variant=error]) .alert{background:hsl(0 45% 18%);border-color:hsl(0 45% 40%);color:hsl(0 60% 80%)}}.alert-icon{flex-shrink:0;width:var(--alert-icon-size);height:var(--alert-icon-size);margin-right:.75rem;display:flex;align-items:center;justify-content:center}.alert-icon svg{width:100%;height:100%}.alert-icon ::slotted(*){display:flex;align-items:center;justify-content:center;width:var(--alert-icon-size);height:var(--alert-icon-size);font-size:var(--alert-icon-size);line-height:1}.alert-icon ::slotted(svg){width:var(--alert-icon-size);height:var(--alert-icon-size)}.alert-icon ::slotted(img){width:var(--alert-icon-size);height:var(--alert-icon-size);object-fit:contain}:host([variant=info]) .alert-icon--default::before{content:"ℹ";font-size:1.125rem;font-weight:700}:host([variant=success]) .alert-icon--default::before{content:"✓";font-size:1rem;font-weight:700}:host([variant=warning]) .alert-icon--default::before{content:"⚠";font-size:1.125rem}:host([variant=error]) .alert-icon--default::before{content:"✕";font-size:1rem;font-weight:700}.alert-content{flex:1;min-width:0}.alert-title{font-weight:600;margin-bottom:.25rem}.alert-title:empty{display:none}.alert-description{color:inherit;opacity:.9}.alert-dismiss{flex-shrink:0;margin-left:.75rem;margin-right:-.25rem;padding:.25rem;background:0 0;border:none;cursor:pointer;opacity:.6;transition:opacity .2s;border-radius:4px;display:flex;align-items:center;justify-content:center;color:inherit}.alert-dismiss:hover{opacity:1}.alert-dismiss:focus-visible{outline:currentColor solid 2px;outline-offset:2px}.alert-dismiss svg{width:1rem;height:1rem}:host([size=small]){--alert-padding:0.5rem 0.75rem;--alert-font-size:0.75rem;--alert-icon-size:1rem;--alert-border-radius:4px}:host([size=large]){--alert-padding:1rem 1.25rem;--alert-font-size:1rem;--alert-icon-size:1.5rem;--alert-border-radius:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}'}`}shouldShowDefaultIcon(){return"none"!==this.icon}handleDismiss(){return this.hide(),{variant:this.variant,title:this.title}}handleAnimationEnd(t){"slideOut"===t.animationName&&(this.isHidden=!0,this.alertElement&&(this.alertElement.classList.add("alert--hidden"),this.alertElement.classList.remove("alert--hiding")),this.dispatchAlertHidden())}dispatchAlertHidden(){return{variant:this.variant,title:this.title}}dispatchAlertShown(){return{variant:this.variant,title:this.title}}show(){this.isHidden=!1,this.alertElement&&this.alertElement.classList.remove("alert--hidden","alert--hiding"),this.dispatchAlertShown()}hide(){this.alertElement&&!this.isHidden&&this.alertElement.classList.add("alert--hiding")}})})();(()=>{let t,s,r,o,l,c,d,h,m,u,g,b,p,v,f,y,w,k,x,_,z,E,S=[e.element("snice-button",{formAssociated:!0})],$=[],I=HTMLElement,L=[],A=[],j=[],P=[],C=[],q=[],M=[],D=[],F=[],B=[],O=[],H=[],R=[],T=[],Y=[],V=[],U=[],N=[],K=[],W=[],Z=[],G=[],J=[],Q=[],X=[],tt=[],et=[],it=[],at=[],nt=[],st=[],rt=[],ot=[],lt=[],ct=[];(class extends I{static{s=this}static{const n="function"==typeof Symbol&&Symbol.metadata?Object.create(I[Symbol.metadata]??null):void 0;r=[e.property({})],o=[e.property({})],l=[e.property({})],c=[e.property({type:Boolean})],d=[e.property({type:Boolean})],h=[e.property({type:Boolean})],m=[e.property({type:Boolean})],u=[e.property({type:Boolean})],g=[e.property({type:String})],b=[e.property({type:String})],p=[e.property({type:String})],v=[e.property({type:String})],f=[e.property({attribute:"icon-placement"})],y=[e.query(".button")],w=[e.query(".spinner")],k=[e.query(".label")],x=[e.query(".icon")],_=[e.on("slotchange",{target:'slot[name="icon"]'})],z=[e.render()],E=[e.styles()],i(this,null,_,{kind:"method",name:"handleIconSlotChange",static:!1,private:!1,access:{has:t=>"handleIconSlotChange"in t,get:t=>t.handleIconSlotChange},metadata:n},null,L),i(this,null,z,{kind:"method",name:"render",static:!1,private:!1,access:{has:t=>"render"in t,get:t=>t.render},metadata:n},null,L),i(this,null,E,{kind:"method",name:"styles",static:!1,private:!1,access:{has:t=>"styles"in t,get:t=>t.styles},metadata:n},null,L),i(null,null,r,{kind:"field",name:"variant",static:!1,private:!1,access:{has:t=>"variant"in t,get:t=>t.variant,set:(t,e)=>{t.variant=e}},metadata:n},A,j),i(null,null,o,{kind:"field",name:"size",static:!1,private:!1,access:{has:t=>"size"in t,get:t=>t.size,set:(t,e)=>{t.size=e}},metadata:n},P,C),i(null,null,l,{kind:"field",name:"type",static:!1,private:!1,access:{has:t=>"type"in t,get:t=>t.type,set:(t,e)=>{t.type=e}},metadata:n},q,M),i(null,null,c,{kind:"field",name:"disabled",static:!1,private:!1,access:{has:t=>"disabled"in t,get:t=>t.disabled,set:(t,e)=>{t.disabled=e}},metadata:n},D,F),i(null,null,d,{kind:"field",name:"loading",static:!1,private:!1,access:{has:t=>"loading"in t,get:t=>t.loading,set:(t,e)=>{t.loading=e}},metadata:n},B,O),i(null,null,h,{kind:"field",name:"outline",static:!1,private:!1,access:{has:t=>"outline"in t,get:t=>t.outline,set:(t,e)=>{t.outline=e}},metadata:n},H,R),i(null,null,m,{kind:"field",name:"pill",static:!1,private:!1,access:{has:t=>"pill"in t,get:t=>t.pill,set:(t,e)=>{t.pill=e}},metadata:n},T,Y),i(null,null,u,{kind:"field",name:"circle",static:!1,private:!1,access:{has:t=>"circle"in t,get:t=>t.circle,set:(t,e)=>{t.circle=e}},metadata:n},V,U),i(null,null,g,{kind:"field",name:"href",static:!1,private:!1,access:{has:t=>"href"in t,get:t=>t.href,set:(t,e)=>{t.href=e}},metadata:n},N,K),i(null,null,b,{kind:"field",name:"target",static:!1,private:!1,access:{has:t=>"target"in t,get:t=>t.target,set:(t,e)=>{t.target=e}},metadata:n},W,Z),i(null,null,p,{kind:"field",name:"download",static:!1,private:!1,access:{has:t=>"download"in t,get:t=>t.download,set:(t,e)=>{t.download=e}},metadata:n},G,J),i(null,null,v,{kind:"field",name:"icon",static:!1,private:!1,access:{has:t=>"icon"in t,get:t=>t.icon,set:(t,e)=>{t.icon=e}},metadata:n},Q,X),i(null,null,f,{kind:"field",name:"iconPlacement",static:!1,private:!1,access:{has:t=>"iconPlacement"in t,get:t=>t.iconPlacement,set:(t,e)=>{t.iconPlacement=e}},metadata:n},tt,et),i(null,null,y,{kind:"field",name:"button",static:!1,private:!1,access:{has:t=>"button"in t,get:t=>t.button,set:(t,e)=>{t.button=e}},metadata:n},it,at),i(null,null,w,{kind:"field",name:"spinner",static:!1,private:!1,access:{has:t=>"spinner"in t,get:t=>t.spinner,set:(t,e)=>{t.spinner=e}},metadata:n},nt,st),i(null,null,k,{kind:"field",name:"label",static:!1,private:!1,access:{has:t=>"label"in t,get:t=>t.label,set:(t,e)=>{t.label=e}},metadata:n},rt,ot),i(null,null,x,{kind:"field",name:"iconElement",static:!1,private:!1,access:{has:t=>"iconElement"in t,get:t=>t.iconElement,set:(t,e)=>{t.iconElement=e}},metadata:n},lt,ct),i(null,t={value:s},S,{kind:"class",name:s.name,metadata:n},null,$),s=t.value,n&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:n}),a(s,$)}constructor(){super(),this.internals=a(this,L),this.variant=a(this,A,"default"),this.size=(a(this,j),a(this,P,"medium")),this.type=(a(this,C),a(this,q,"button")),this.disabled=(a(this,M),a(this,D,!1)),this.loading=(a(this,F),a(this,B,!1)),this.outline=(a(this,O),a(this,H,!1)),this.pill=(a(this,R),a(this,T,!1)),this.circle=(a(this,Y),a(this,V,!1)),this.href=(a(this,U),a(this,N,"")),this.target=(a(this,K),a(this,W,"")),this.download=(a(this,Z),a(this,G,"")),this.icon=(a(this,J),a(this,Q,"")),this.iconPlacement=(a(this,X),a(this,tt,"start")),this.hasIconSlot=(a(this,et),!1),this.button=a(this,it,void 0),this.spinner=(a(this,at),a(this,nt,void 0)),this.label=(a(this,st),a(this,rt,void 0)),this.iconElement=(a(this,ot),a(this,lt,void 0)),a(this,ct),"function"==typeof this.attachInternals&&(this.internals=this.attachInternals())}handleIconSlotChange(){const t=this.shadowRoot?.querySelector('slot[name="icon"]');this.hasIconSlot=(t?.assignedNodes().length??0)>0}render(){const t=this.icon||this.hasIconSlot,i=t&&"start"===this.iconPlacement,a=t&&"end"===this.iconPlacement,s=["button",`button--${this.variant||"default"}`,`button--${this.size||"medium"}`,this.outline?"button--outline":"",this.pill?"button--pill":"",this.circle?"button--circle":"",this.loading?"button--loading":"",this.disabled?"button--disabled":"",t?"button--has-icon":"",t?`button--icon-${this.iconPlacement}`:""].filter(Boolean).join(" ");return e.html`
-      <button class="${s}" type="${this.type}" ?disabled="${this.disabled}" part="base" @click="${t=>this.handleInternalClick(t)}">
+    `}styles(){return e.css`${':host{display:block;--alert-padding:0.75rem 1rem;--alert-border-radius:6px;--alert-font-size:0.875rem;--alert-icon-size:1.25rem;--alert-border-width:1px}.alert{display:flex;align-items:flex-start;padding:var(--alert-padding);border-radius:var(--alert-border-radius);font-size:var(--alert-font-size);line-height:1.5;border:var(--alert-border-width) solid;position:relative;animation:.3s slideIn}.alert--hidden{display:none}@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.alert--hiding{animation:.3s forwards slideOut}:host([variant=info]) .alert{background:hsl(215 85% 92%);border-color:hsl(215 70% 72%);color:hsl(215 70% 25%)}:host([variant=success]) .alert{background:hsl(145 60% 90%);border-color:hsl(145 50% 55%);color:hsl(145 60% 22%)}:host([variant=warning]) .alert{background:hsl(45 90% 88%);border-color:hsl(40 80% 55%);color:hsl(35 80% 22%)}:host([variant=error]) .alert{background:hsl(0 85% 93%);border-color:hsl(0 65% 65%);color:hsl(0 65% 28%)}@media (prefers-color-scheme:dark){:host([variant=info]) .alert{background:hsl(215 50% 18%);border-color:hsl(215 50% 40%);color:hsl(215 80% 80%)}:host([variant=success]) .alert{background:hsl(145 40% 16%);border-color:hsl(145 40% 38%);color:hsl(145 60% 75%)}:host([variant=warning]) .alert{background:hsl(45 50% 16%);border-color:hsl(40 50% 40%);color:hsl(45 70% 78%)}:host([variant=error]) .alert{background:hsl(0 45% 18%);border-color:hsl(0 45% 40%);color:hsl(0 60% 80%)}}.alert-icon{flex-shrink:0;width:var(--alert-icon-size);height:var(--alert-icon-size);margin-right:.75rem;display:flex;align-items:center;justify-content:center}.alert-icon svg{width:100%;height:100%}.alert-icon ::slotted(*){display:flex;align-items:center;justify-content:center;width:var(--alert-icon-size);height:var(--alert-icon-size);font-size:var(--alert-icon-size);line-height:1}.alert-icon ::slotted(svg){width:var(--alert-icon-size);height:var(--alert-icon-size)}.alert-icon ::slotted(img){width:var(--alert-icon-size);height:var(--alert-icon-size);object-fit:contain}:host([variant=info]) .alert-icon--default::before{content:"ℹ";font-size:1.125rem;font-weight:700}:host([variant=success]) .alert-icon--default::before{content:"✓";font-size:1rem;font-weight:700}:host([variant=warning]) .alert-icon--default::before{content:"⚠";font-size:1.125rem}:host([variant=error]) .alert-icon--default::before{content:"✕";font-size:1rem;font-weight:700}.alert-content{flex:1;min-width:0}.alert-title{font-weight:600;margin-bottom:.25rem}.alert-title:empty{display:none}.alert-description{color:inherit;opacity:.9}.alert-dismiss{flex-shrink:0;margin-left:.75rem;margin-right:-.25rem;padding:.25rem;background:0 0;border:none;cursor:pointer;opacity:.6;transition:opacity .2s;border-radius:4px;display:flex;align-items:center;justify-content:center;color:inherit}.alert-dismiss:hover{opacity:1}.alert-dismiss:focus-visible{outline:currentColor solid 2px;outline-offset:2px}.alert-dismiss svg{width:1rem;height:1rem}:host([size=small]){--alert-padding:0.5rem 0.75rem;--alert-font-size:0.75rem;--alert-icon-size:1rem;--alert-border-radius:4px}:host([size=large]){--alert-padding:1rem 1.25rem;--alert-font-size:1rem;--alert-icon-size:1.5rem;--alert-border-radius:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}'}`}shouldShowDefaultIcon(){return"none"!==this.icon}handleDismiss(){return this.hide(),{variant:this.variant,title:this.title}}handleAnimationEnd(t){"slideOut"===t.animationName&&(this.isHidden=!0,this.alertElement&&(this.alertElement.classList.add("alert--hidden"),this.alertElement.classList.remove("alert--hiding")),this.dispatchAlertHidden())}dispatchAlertHidden(){return{variant:this.variant,title:this.title}}dispatchAlertShown(){return{variant:this.variant,title:this.title}}show(){this.isHidden=!1,this.alertElement&&this.alertElement.classList.remove("alert--hidden","alert--hiding"),this.dispatchAlertShown()}hide(){this.alertElement&&!this.isHidden&&this.alertElement.classList.add("alert--hiding")}})})();(()=>{let t,a,r,o,l,c,d,h,m,u,g,b,p,f,v,y,w,k,x,_,z,E,S=[e.element("snice-button",{formAssociated:!0})],$=[],I=HTMLElement,L=[],A=[],j=[],P=[],C=[],q=[],M=[],D=[],F=[],B=[],O=[],H=[],R=[],T=[],Y=[],V=[],U=[],N=[],K=[],W=[],Z=[],G=[],J=[],Q=[],X=[],tt=[],et=[],it=[],nt=[],st=[],at=[],rt=[],ot=[],lt=[],ct=[];(class extends I{static{a=this}static{const s="function"==typeof Symbol&&Symbol.metadata?Object.create(I[Symbol.metadata]??null):void 0;r=[e.property({})],o=[e.property({})],l=[e.property({})],c=[e.property({type:Boolean})],d=[e.property({type:Boolean})],h=[e.property({type:Boolean})],m=[e.property({type:Boolean})],u=[e.property({type:Boolean})],g=[e.property({type:String})],b=[e.property({type:String})],p=[e.property({type:String})],f=[e.property({type:String})],v=[e.property({attribute:"icon-placement"})],y=[e.query(".button")],w=[e.query(".spinner")],k=[e.query(".label")],x=[e.query(".icon")],_=[e.on("slotchange",{target:'slot[name="icon"]'})],z=[e.render()],E=[e.styles()],i(this,null,_,{kind:"method",name:"handleIconSlotChange",static:!1,private:!1,access:{has:t=>"handleIconSlotChange"in t,get:t=>t.handleIconSlotChange},metadata:s},null,L),i(this,null,z,{kind:"method",name:"render",static:!1,private:!1,access:{has:t=>"render"in t,get:t=>t.render},metadata:s},null,L),i(this,null,E,{kind:"method",name:"styles",static:!1,private:!1,access:{has:t=>"styles"in t,get:t=>t.styles},metadata:s},null,L),i(null,null,r,{kind:"field",name:"variant",static:!1,private:!1,access:{has:t=>"variant"in t,get:t=>t.variant,set:(t,e)=>{t.variant=e}},metadata:s},A,j),i(null,null,o,{kind:"field",name:"size",static:!1,private:!1,access:{has:t=>"size"in t,get:t=>t.size,set:(t,e)=>{t.size=e}},metadata:s},P,C),i(null,null,l,{kind:"field",name:"type",static:!1,private:!1,access:{has:t=>"type"in t,get:t=>t.type,set:(t,e)=>{t.type=e}},metadata:s},q,M),i(null,null,c,{kind:"field",name:"disabled",static:!1,private:!1,access:{has:t=>"disabled"in t,get:t=>t.disabled,set:(t,e)=>{t.disabled=e}},metadata:s},D,F),i(null,null,d,{kind:"field",name:"loading",static:!1,private:!1,access:{has:t=>"loading"in t,get:t=>t.loading,set:(t,e)=>{t.loading=e}},metadata:s},B,O),i(null,null,h,{kind:"field",name:"outline",static:!1,private:!1,access:{has:t=>"outline"in t,get:t=>t.outline,set:(t,e)=>{t.outline=e}},metadata:s},H,R),i(null,null,m,{kind:"field",name:"pill",static:!1,private:!1,access:{has:t=>"pill"in t,get:t=>t.pill,set:(t,e)=>{t.pill=e}},metadata:s},T,Y),i(null,null,u,{kind:"field",name:"circle",static:!1,private:!1,access:{has:t=>"circle"in t,get:t=>t.circle,set:(t,e)=>{t.circle=e}},metadata:s},V,U),i(null,null,g,{kind:"field",name:"href",static:!1,private:!1,access:{has:t=>"href"in t,get:t=>t.href,set:(t,e)=>{t.href=e}},metadata:s},N,K),i(null,null,b,{kind:"field",name:"target",static:!1,private:!1,access:{has:t=>"target"in t,get:t=>t.target,set:(t,e)=>{t.target=e}},metadata:s},W,Z),i(null,null,p,{kind:"field",name:"download",static:!1,private:!1,access:{has:t=>"download"in t,get:t=>t.download,set:(t,e)=>{t.download=e}},metadata:s},G,J),i(null,null,f,{kind:"field",name:"icon",static:!1,private:!1,access:{has:t=>"icon"in t,get:t=>t.icon,set:(t,e)=>{t.icon=e}},metadata:s},Q,X),i(null,null,v,{kind:"field",name:"iconPlacement",static:!1,private:!1,access:{has:t=>"iconPlacement"in t,get:t=>t.iconPlacement,set:(t,e)=>{t.iconPlacement=e}},metadata:s},tt,et),i(null,null,y,{kind:"field",name:"button",static:!1,private:!1,access:{has:t=>"button"in t,get:t=>t.button,set:(t,e)=>{t.button=e}},metadata:s},it,nt),i(null,null,w,{kind:"field",name:"spinner",static:!1,private:!1,access:{has:t=>"spinner"in t,get:t=>t.spinner,set:(t,e)=>{t.spinner=e}},metadata:s},st,at),i(null,null,k,{kind:"field",name:"label",static:!1,private:!1,access:{has:t=>"label"in t,get:t=>t.label,set:(t,e)=>{t.label=e}},metadata:s},rt,ot),i(null,null,x,{kind:"field",name:"iconElement",static:!1,private:!1,access:{has:t=>"iconElement"in t,get:t=>t.iconElement,set:(t,e)=>{t.iconElement=e}},metadata:s},lt,ct),i(null,t={value:a},S,{kind:"class",name:a.name,metadata:s},null,$),a=t.value,s&&Object.defineProperty(a,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s}),n(a,$)}constructor(){super(),this.internals=n(this,L),this.variant=n(this,A,"default"),this.size=(n(this,j),n(this,P,"medium")),this.type=(n(this,C),n(this,q,"button")),this.disabled=(n(this,M),n(this,D,!1)),this.loading=(n(this,F),n(this,B,!1)),this.outline=(n(this,O),n(this,H,!1)),this.pill=(n(this,R),n(this,T,!1)),this.circle=(n(this,Y),n(this,V,!1)),this.href=(n(this,U),n(this,N,"")),this.target=(n(this,K),n(this,W,"")),this.download=(n(this,Z),n(this,G,"")),this.icon=(n(this,J),n(this,Q,"")),this.iconPlacement=(n(this,X),n(this,tt,"start")),this.hasIconSlot=(n(this,et),!1),this.button=n(this,it,void 0),this.spinner=(n(this,nt),n(this,st,void 0)),this.label=(n(this,at),n(this,rt,void 0)),this.iconElement=(n(this,ot),n(this,lt,void 0)),n(this,ct),"function"==typeof this.attachInternals&&(this.internals=this.attachInternals())}handleIconSlotChange(){const t=this.shadowRoot?.querySelector('slot[name="icon"]');this.hasIconSlot=(t?.assignedNodes().length??0)>0}render(){const t=this.icon||this.hasIconSlot,i=t&&"start"===this.iconPlacement,n=t&&"end"===this.iconPlacement,a=["button",`button--${this.variant||"default"}`,`button--${this.size||"medium"}`,this.outline?"button--outline":"",this.pill?"button--pill":"",this.circle?"button--circle":"",this.loading?"button--loading":"",this.disabled?"button--disabled":"",t?"button--has-icon":"",t?`button--icon-${this.iconPlacement}`:""].filter(Boolean).join(" ");return e.html`
+      <button class="${a}" type="${this.type}" ?disabled="${this.disabled}" part="base" @click="${t=>this.handleInternalClick(t)}">
         <span class="spinner" part="spinner"></span>
         <if ${i}>
           <span class="icon-slot" part="icon">
             <slot name="icon">
               <if ${this.icon}>
-                ${n(this.icon,"icon")}
+                ${s(this.icon,"icon")}
               </if>
             </slot>
           </span>
@@ -44,17 +44,17 @@ void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be lo
         <span class="label" part="label">
           <slot></slot>
         </span>
-        <if ${a}>
+        <if ${n}>
           <span class="icon-slot" part="icon">
             <slot name="icon">
               <if ${this.icon}>
-                ${n(this.icon,"icon")}
+                ${s(this.icon,"icon")}
               </if>
             </slot>
           </span>
         </if>
       </button>
-    `}handleInternalClick(t){if(this.disabled||this.loading)return t.preventDefault(),void t.stopPropagation();if(this.href)if(this.download){const t=document.createElement("a");t.href=this.href,t.download=this.download,t.click()}else this.target?window.open(this.href,this.target):window.location.href=this.href;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:t}}))}styles(){return e.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);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);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)}.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);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);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);transform:translateY(-1px)}.button--primary:active:not(.button--disabled){background-color:var(--snice-color-primary-active,rgb(27 76 214));border-color:var(--snice-color-primary-active,rgb(27 76 214));box-shadow:var(--snice-shadow-inset-sm);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);transform:translateY(-1px)}.button--success:active:not(.button--disabled){background-color:var(--snice-color-success-active,rgb(19 126 59));border-color:var(--snice-color-success-active,rgb(19 126 59));box-shadow:var(--snice-shadow-inset-sm);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);transform:translateY(-1px)}.button--warning:active:not(.button--disabled){background-color:var(--snice-color-warning-active,rgb(159 96 5));border-color:var(--snice-color-warning-active,rgb(159 96 5));box-shadow:var(--snice-shadow-inset-sm);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);transform:translateY(-1px)}.button--danger:active:not(.button--disabled){background-color:var(--snice-color-danger-active,rgb(183 26 26));border-color:var(--snice-color-danger-active,rgb(183 26 26));box-shadow:var(--snice-shadow-inset-sm);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:hsl(var(--snice-color-blue-500) / .1);color:var(--snice-color-primary-hover,rgb(29 78 216));box-shadow:none;transform:none}.button--text:active:not(.button--disabled){background-color:hsl(var(--snice-color-blue-500) / .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:hsl(var(--snice-color-gray-500) / .1);box-shadow:none;transform:none}.button--outline:active:not(.button--disabled){background-color:hsl(var(--snice-color-gray-500) / .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}.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(t){this.loading=t}setDisabled(t){this.disabled=t}setVariant(t){this.variant=t}focus(t){this.button?.focus(t)}blur(){this.button?.blur()}click(){this.button?.click()}})})();let s=(()=>{let t,n,s,r,o,l,c,d,h,m,u,g,b,p,v,f,y,w,k,x,_,z,E,S,$,I,L,A,j=[e.element("snice-login")],P=[],C=HTMLElement,q=[],M=[],D=[],F=[],B=[],O=[],H=[],R=[],T=[],Y=[],V=[],U=[],N=[],K=[],W=[],Z=[],G=[],J=[],Q=[],X=[],tt=[],et=[],it=[],at=[],nt=[],st=[],rt=[],ot=[],lt=[],ct=[],dt=[],ht=[],mt=[],ut=[],gt=[],bt=[],pt=[];return class extends C{static{n=this}static{const vt="function"==typeof Symbol&&Symbol.metadata?Object.create(C[Symbol.metadata]??null):void 0;s=[e.property({})],r=[e.property({})],o=[e.property({})],l=[e.property({type:Boolean})],c=[e.property({type:Boolean})],d=[e.property({type:Boolean,attribute:"show-remember-me"})],h=[e.property({type:Boolean,attribute:"show-forgot-password"})],m=[e.property({attribute:"action-text"})],u=[e.query(".login")],g=[e.query(".login__form")],b=[e.query('input[name="username"]')],p=[e.query('input[name="password"]')],v=[e.query('input[name="remember"]')],f=[e.query("snice-alert")],y=[e.query("snice-button")],w=[e.queryAll("input")],k=[e.property({attribute:!1})],x=[e.property({attribute:!1})],_=[e.render()],z=[e.styles()],E=[e.watch("variant","size")],S=[e.request("login-user")],$=[e.dispatch("login-attempt",{bubbles:!0,composed:!0})],I=[e.dispatch("login-forgot-password",{bubbles:!0,composed:!0})],L=[e.dispatch("login-success",{bubbles:!0,composed:!0})],A=[e.dispatch("login-error",{bubbles:!0,composed:!0})],i(this,null,_,{kind:"method",name:"render",static:!1,private:!1,access:{has:t=>"render"in t,get:t=>t.render},metadata:vt},null,q),i(this,null,z,{kind:"method",name:"styles",static:!1,private:!1,access:{has:t=>"styles"in t,get:t=>t.styles},metadata:vt},null,q),i(this,null,E,{kind:"method",name:"updateLoginClasses",static:!1,private:!1,access:{has:t=>"updateLoginClasses"in t,get:t=>t.updateLoginClasses},metadata:vt},null,q),i(this,null,S,{kind:"method",name:"login",static:!1,private:!1,access:{has:t=>"login"in t,get:t=>t.login},metadata:vt},null,q),i(this,null,$,{kind:"method",name:"handleSubmit",static:!1,private:!1,access:{has:t=>"handleSubmit"in t,get:t=>t.handleSubmit},metadata:vt},null,q),i(this,null,I,{kind:"method",name:"handleForgotPassword",static:!1,private:!1,access:{has:t=>"handleForgotPassword"in t,get:t=>t.handleForgotPassword},metadata:vt},null,q),i(this,null,L,{kind:"method",name:"dispatchLoginSuccess",static:!1,private:!1,access:{has:t=>"dispatchLoginSuccess"in t,get:t=>t.dispatchLoginSuccess},metadata:vt},null,q),i(this,null,A,{kind:"method",name:"dispatchLoginError",static:!1,private:!1,access:{has:t=>"dispatchLoginError"in t,get:t=>t.dispatchLoginError},metadata:vt},null,q),i(null,null,s,{kind:"field",name:"variant",static:!1,private:!1,access:{has:t=>"variant"in t,get:t=>t.variant,set:(t,e)=>{t.variant=e}},metadata:vt},M,D),i(null,null,r,{kind:"field",name:"size",static:!1,private:!1,access:{has:t=>"size"in t,get:t=>t.size,set:(t,e)=>{t.size=e}},metadata:vt},F,B),i(null,null,o,{kind:"field",name:"title",static:!1,private:!1,access:{has:t=>"title"in t,get:t=>t.title,set:(t,e)=>{t.title=e}},metadata:vt},O,H),i(null,null,l,{kind:"field",name:"disabled",static:!1,private:!1,access:{has:t=>"disabled"in t,get:t=>t.disabled,set:(t,e)=>{t.disabled=e}},metadata:vt},R,T),i(null,null,c,{kind:"field",name:"loading",static:!1,private:!1,access:{has:t=>"loading"in t,get:t=>t.loading,set:(t,e)=>{t.loading=e}},metadata:vt},Y,V),i(null,null,d,{kind:"field",name:"showRememberMe",static:!1,private:!1,access:{has:t=>"showRememberMe"in t,get:t=>t.showRememberMe,set:(t,e)=>{t.showRememberMe=e}},metadata:vt},U,N),i(null,null,h,{kind:"field",name:"showForgotPassword",static:!1,private:!1,access:{has:t=>"showForgotPassword"in t,get:t=>t.showForgotPassword,set:(t,e)=>{t.showForgotPassword=e}},metadata:vt},K,W),i(null,null,m,{kind:"field",name:"actionText",static:!1,private:!1,access:{has:t=>"actionText"in t,get:t=>t.actionText,set:(t,e)=>{t.actionText=e}},metadata:vt},Z,G),i(null,null,u,{kind:"field",name:"loginContainer",static:!1,private:!1,access:{has:t=>"loginContainer"in t,get:t=>t.loginContainer,set:(t,e)=>{t.loginContainer=e}},metadata:vt},J,Q),i(null,null,g,{kind:"field",name:"form",static:!1,private:!1,access:{has:t=>"form"in t,get:t=>t.form,set:(t,e)=>{t.form=e}},metadata:vt},X,tt),i(null,null,b,{kind:"field",name:"usernameInput",static:!1,private:!1,access:{has:t=>"usernameInput"in t,get:t=>t.usernameInput,set:(t,e)=>{t.usernameInput=e}},metadata:vt},et,it),i(null,null,p,{kind:"field",name:"passwordInput",static:!1,private:!1,access:{has:t=>"passwordInput"in t,get:t=>t.passwordInput,set:(t,e)=>{t.passwordInput=e}},metadata:vt},at,nt),i(null,null,v,{kind:"field",name:"rememberInput",static:!1,private:!1,access:{has:t=>"rememberInput"in t,get:t=>t.rememberInput,set:(t,e)=>{t.rememberInput=e}},metadata:vt},st,rt),i(null,null,f,{kind:"field",name:"alertElement",static:!1,private:!1,access:{has:t=>"alertElement"in t,get:t=>t.alertElement,set:(t,e)=>{t.alertElement=e}},metadata:vt},ot,lt),i(null,null,y,{kind:"field",name:"buttonElement",static:!1,private:!1,access:{has:t=>"buttonElement"in t,get:t=>t.buttonElement,set:(t,e)=>{t.buttonElement=e}},metadata:vt},ct,dt),i(null,null,w,{kind:"field",name:"inputElements",static:!1,private:!1,access:{has:t=>"inputElements"in t,get:t=>t.inputElements,set:(t,e)=>{t.inputElements=e}},metadata:vt},ht,mt),i(null,null,k,{kind:"field",name:"alertMessage",static:!1,private:!1,access:{has:t=>"alertMessage"in t,get:t=>t.alertMessage,set:(t,e)=>{t.alertMessage=e}},metadata:vt},ut,gt),i(null,null,x,{kind:"field",name:"alertVariant",static:!1,private:!1,access:{has:t=>"alertVariant"in t,get:t=>t.alertVariant,set:(t,e)=>{t.alertVariant=e}},metadata:vt},bt,pt),i(null,t={value:n},j,{kind:"class",name:n.name,metadata:vt},null,P),n=t.value,vt&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:vt}),a(n,P)}render(){const t=["login",`login--${this.variant}`,`login--${this.size}`].join(" ");return e.html`
+    `}handleInternalClick(t){if(this.disabled||this.loading)return t.preventDefault(),void t.stopPropagation();if(this.href)if(this.download){const t=document.createElement("a");t.href=this.href,t.download=this.download,t.click()}else this.target?window.open(this.href,this.target):window.location.href=this.href;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:t}}))}styles(){return e.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);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);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)}.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);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);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);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);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);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);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);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);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);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);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:hsl(var(--snice-color-blue-500) / .1);color:var(--snice-color-primary-hover,rgb(29 78 216));box-shadow:none;transform:none}.button--text:active:not(.button--disabled){background-color:hsl(var(--snice-color-blue-500) / .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:hsl(var(--snice-color-gray-500) / .1);box-shadow:none;transform:none}.button--outline:active:not(.button--disabled){background-color:hsl(var(--snice-color-gray-500) / .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}.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(t){this.loading=t}setDisabled(t){this.disabled=t}setVariant(t){this.variant=t}focus(t){this.button?.focus(t)}blur(){this.button?.blur()}click(){this.button?.click()}})})();let a=(()=>{let t,s,a,r,o,l,c,d,h,m,u,g,b,p,f,v,y,w,k,x,_,z,E,S,$,I,L,A,j=[e.element("snice-login")],P=[],C=HTMLElement,q=[],M=[],D=[],F=[],B=[],O=[],H=[],R=[],T=[],Y=[],V=[],U=[],N=[],K=[],W=[],Z=[],G=[],J=[],Q=[],X=[],tt=[],et=[],it=[],nt=[],st=[],at=[],rt=[],ot=[],lt=[],ct=[],dt=[],ht=[],mt=[],ut=[],gt=[],bt=[],pt=[];return class extends C{static{s=this}static{const ft="function"==typeof Symbol&&Symbol.metadata?Object.create(C[Symbol.metadata]??null):void 0;a=[e.property({})],r=[e.property({})],o=[e.property({})],l=[e.property({type:Boolean})],c=[e.property({type:Boolean})],d=[e.property({type:Boolean,attribute:"show-remember-me"})],h=[e.property({type:Boolean,attribute:"show-forgot-password"})],m=[e.property({attribute:"action-text"})],u=[e.query(".login")],g=[e.query(".login__form")],b=[e.query('input[name="username"]')],p=[e.query('input[name="password"]')],f=[e.query('input[name="remember"]')],v=[e.query("snice-alert")],y=[e.query("snice-button")],w=[e.queryAll("input")],k=[e.property({attribute:!1})],x=[e.property({attribute:!1})],_=[e.render()],z=[e.styles()],E=[e.watch("variant","size")],S=[e.request("login-user")],$=[e.dispatch("login-attempt",{bubbles:!0,composed:!0})],I=[e.dispatch("login-forgot-password",{bubbles:!0,composed:!0})],L=[e.dispatch("login-success",{bubbles:!0,composed:!0})],A=[e.dispatch("login-error",{bubbles:!0,composed:!0})],i(this,null,_,{kind:"method",name:"render",static:!1,private:!1,access:{has:t=>"render"in t,get:t=>t.render},metadata:ft},null,q),i(this,null,z,{kind:"method",name:"styles",static:!1,private:!1,access:{has:t=>"styles"in t,get:t=>t.styles},metadata:ft},null,q),i(this,null,E,{kind:"method",name:"updateLoginClasses",static:!1,private:!1,access:{has:t=>"updateLoginClasses"in t,get:t=>t.updateLoginClasses},metadata:ft},null,q),i(this,null,S,{kind:"method",name:"login",static:!1,private:!1,access:{has:t=>"login"in t,get:t=>t.login},metadata:ft},null,q),i(this,null,$,{kind:"method",name:"handleSubmit",static:!1,private:!1,access:{has:t=>"handleSubmit"in t,get:t=>t.handleSubmit},metadata:ft},null,q),i(this,null,I,{kind:"method",name:"handleForgotPassword",static:!1,private:!1,access:{has:t=>"handleForgotPassword"in t,get:t=>t.handleForgotPassword},metadata:ft},null,q),i(this,null,L,{kind:"method",name:"dispatchLoginSuccess",static:!1,private:!1,access:{has:t=>"dispatchLoginSuccess"in t,get:t=>t.dispatchLoginSuccess},metadata:ft},null,q),i(this,null,A,{kind:"method",name:"dispatchLoginError",static:!1,private:!1,access:{has:t=>"dispatchLoginError"in t,get:t=>t.dispatchLoginError},metadata:ft},null,q),i(null,null,a,{kind:"field",name:"variant",static:!1,private:!1,access:{has:t=>"variant"in t,get:t=>t.variant,set:(t,e)=>{t.variant=e}},metadata:ft},M,D),i(null,null,r,{kind:"field",name:"size",static:!1,private:!1,access:{has:t=>"size"in t,get:t=>t.size,set:(t,e)=>{t.size=e}},metadata:ft},F,B),i(null,null,o,{kind:"field",name:"title",static:!1,private:!1,access:{has:t=>"title"in t,get:t=>t.title,set:(t,e)=>{t.title=e}},metadata:ft},O,H),i(null,null,l,{kind:"field",name:"disabled",static:!1,private:!1,access:{has:t=>"disabled"in t,get:t=>t.disabled,set:(t,e)=>{t.disabled=e}},metadata:ft},R,T),i(null,null,c,{kind:"field",name:"loading",static:!1,private:!1,access:{has:t=>"loading"in t,get:t=>t.loading,set:(t,e)=>{t.loading=e}},metadata:ft},Y,V),i(null,null,d,{kind:"field",name:"showRememberMe",static:!1,private:!1,access:{has:t=>"showRememberMe"in t,get:t=>t.showRememberMe,set:(t,e)=>{t.showRememberMe=e}},metadata:ft},U,N),i(null,null,h,{kind:"field",name:"showForgotPassword",static:!1,private:!1,access:{has:t=>"showForgotPassword"in t,get:t=>t.showForgotPassword,set:(t,e)=>{t.showForgotPassword=e}},metadata:ft},K,W),i(null,null,m,{kind:"field",name:"actionText",static:!1,private:!1,access:{has:t=>"actionText"in t,get:t=>t.actionText,set:(t,e)=>{t.actionText=e}},metadata:ft},Z,G),i(null,null,u,{kind:"field",name:"loginContainer",static:!1,private:!1,access:{has:t=>"loginContainer"in t,get:t=>t.loginContainer,set:(t,e)=>{t.loginContainer=e}},metadata:ft},J,Q),i(null,null,g,{kind:"field",name:"form",static:!1,private:!1,access:{has:t=>"form"in t,get:t=>t.form,set:(t,e)=>{t.form=e}},metadata:ft},X,tt),i(null,null,b,{kind:"field",name:"usernameInput",static:!1,private:!1,access:{has:t=>"usernameInput"in t,get:t=>t.usernameInput,set:(t,e)=>{t.usernameInput=e}},metadata:ft},et,it),i(null,null,p,{kind:"field",name:"passwordInput",static:!1,private:!1,access:{has:t=>"passwordInput"in t,get:t=>t.passwordInput,set:(t,e)=>{t.passwordInput=e}},metadata:ft},nt,st),i(null,null,f,{kind:"field",name:"rememberInput",static:!1,private:!1,access:{has:t=>"rememberInput"in t,get:t=>t.rememberInput,set:(t,e)=>{t.rememberInput=e}},metadata:ft},at,rt),i(null,null,v,{kind:"field",name:"alertElement",static:!1,private:!1,access:{has:t=>"alertElement"in t,get:t=>t.alertElement,set:(t,e)=>{t.alertElement=e}},metadata:ft},ot,lt),i(null,null,y,{kind:"field",name:"buttonElement",static:!1,private:!1,access:{has:t=>"buttonElement"in t,get:t=>t.buttonElement,set:(t,e)=>{t.buttonElement=e}},metadata:ft},ct,dt),i(null,null,w,{kind:"field",name:"inputElements",static:!1,private:!1,access:{has:t=>"inputElements"in t,get:t=>t.inputElements,set:(t,e)=>{t.inputElements=e}},metadata:ft},ht,mt),i(null,null,k,{kind:"field",name:"alertMessage",static:!1,private:!1,access:{has:t=>"alertMessage"in t,get:t=>t.alertMessage,set:(t,e)=>{t.alertMessage=e}},metadata:ft},ut,gt),i(null,null,x,{kind:"field",name:"alertVariant",static:!1,private:!1,access:{has:t=>"alertVariant"in t,get:t=>t.alertVariant,set:(t,e)=>{t.alertVariant=e}},metadata:ft},bt,pt),i(null,t={value:s},j,{kind:"class",name:s.name,metadata:ft},null,P),s=t.value,ft&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:ft}),n(s,P)}render(){const t=["login",`login--${this.variant}`,`login--${this.size}`].join(" ");return e.html`
       <div part="base" class="${t}">
         <slot name="before-header"></slot>
 
@@ -141,5 +141,5 @@ void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be lo
           <slot name="footer"></slot>
         </div>
       </div>
-    `}styles(){return e.css`${":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif)}.login{max-width:24rem;margin:0 auto}.login--card{background:var(--snice-color-background-element,rgb(252 251 249));border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-lg,.5rem);padding:var(--snice-spacing-xl,2rem);box-shadow:var(--snice-shadow-md)}.login--minimal{background:0 0;border:none;padding:0;box-shadow:none}.login--small{max-width:20rem}.login--large{max-width:28rem}.login__header{text-align:center;margin-bottom:var(--snice-spacing-xl,2rem)}.login__title{margin:0 0 var(--snice-spacing-xs,.5rem) 0;font-size:var(--snice-font-size-2xl, 1.5rem);font-weight:var(--snice-font-weight-bold,700);color:var(--snice-color-text,rgb(23 23 23))}.login__subtitle{margin:0;font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text-secondary,rgb(82 82 82))}.login__form{display:flex;flex-direction:column;gap:var(--snice-spacing-md,1rem)}.login__field{display:flex;flex-direction:column;gap:var(--snice-spacing-2xs,.25rem)}.login__label{font-size:var(--snice-font-size-sm, .875rem);font-weight:var(--snice-font-weight-medium,500);color:var(--snice-color-text,rgb(23 23 23))}.login__input{padding:var(--snice-spacing-sm,.75rem);border:1px solid var(--snice-color-border);border-radius:var(--snice-border-radius-md,.25rem);font-size:var(--snice-font-size-md, 1rem);font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);transition:border-color var(--snice-transition-fast, 150ms) ease;background:var(--snice-color-background-input);color:var(--snice-color-text)}.login__input:focus{outline:0;border-color:var(--snice-color-border-focus,rgb(59 130 246));box-shadow:0 0 0 var(--snice-focus-ring-width,2px) var(--snice-focus-ring-color)}.login__input:disabled{background:var(--snice-color-background-secondary,rgb(250 250 250));color:var(--snice-color-text-tertiary,rgb(115 115 115));cursor:not-allowed}.login__input--error{border-color:var(--snice-color-danger,rgb(220 38 38))}.login__input--error:focus{border-color:var(--snice-color-danger,rgb(220 38 38));box-shadow:0 0 0 var(--snice-focus-ring-width,2px) var(--snice-color-danger-alpha,rgb(239 68 68 / .2))}.login__options{display:flex;justify-content:space-between;align-items:center;margin:var(--snice-spacing-xs,.5rem) 0}.login__remember{display:flex;align-items:center;gap:var(--snice-spacing-xs,.5rem);font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text-secondary,rgb(82 82 82))}.login__checkbox{margin:0}.login__forgot{font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-primary,rgb(37 99 235));text-decoration:none;transition:color var(--snice-transition-fast, 150ms) ease}.login__forgot:hover{color:var(--snice-color-primary-hover,rgb(29 78 216));text-decoration:underline}.login__footer{text-align:center;margin-top:var(--snice-spacing-lg,1.5rem)}.login__footer ::slotted(*){font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text-secondary,rgb(82 82 82))}.login__footer ::slotted(a){color:var(--snice-color-primary,rgb(37 99 235));text-decoration:none}.login__footer ::slotted(a:hover){text-decoration:underline}.login--small .login__title{font-size:1.25rem}.login--small .login__button,.login--small .login__input{padding:.625rem;font-size:.875rem}.login--small .login__button{min-height:2.5rem}.login--large .login__title{font-size:1.875rem}.login--large .login__button,.login--large .login__input{padding:1rem;font-size:1.125rem}.login--large .login__button{min-height:3.5rem}[hidden]{display:none}snice-alert{margin-top:var(--snice-spacing-md,1rem)}@media (max-width:640px){.login{max-width:none;margin:0}.login--card{border-radius:0;border-left:none;border-right:none}}"}`}updateLoginClasses(){this.loginContainer&&(this.loginContainer.className=`login login--${this.variant} login--${this.size}`)}async*login(t){if(t||(t=this.getFormData()),!t.username||!t.password)return{success:!1,error:"Username and password are required"};try{return await(yield t)}catch(t){return{success:!1,error:t instanceof Error?t.message:"Login failed"}}}async handleButtonClick(t){t.preventDefault(),this.form&&this.form.requestSubmit()}async handleSubmit(t){if(t.preventDefault(),this.loading||this.disabled)return;this.clearAlert(),this.loading=!0,this.updateLoadingState(),await new Promise(t=>setTimeout(t,0));try{const t=this.getFormData();if(!t.username||!t.password)return this.showAlert("Username and password are required","error"),this.loading=!1,void this.updateLoadingState();const e=await this.login(t);e.success?(this.showAlert("Login successful!","success"),this.dispatchLoginSuccess(e)):(this.showAlert(e.error||"Login failed","error"),this.dispatchLoginError(e.error||"Login failed"))}catch(t){const e=t instanceof Error?t.message:"Login failed";this.showAlert(e,"error"),this.dispatchLoginError(e)}finally{this.loading=!1,this.updateLoadingState()}return{username:this.getFormData().username,timestamp:(new Date).toISOString()}}handleEnterKey(t){"Enter"!==t.key||this.loading||this.disabled||!this.form||this.form.requestSubmit()}handleForgotPassword(t){return t.preventDefault(),{timestamp:(new Date).toISOString()}}dispatchLoginSuccess(t){return{timestamp:(new Date).toISOString()}}dispatchLoginError(t){return{error:t,timestamp:(new Date).toISOString()}}getFormData(){const t=this.shadowRoot?.querySelector("#username"),e=this.shadowRoot?.querySelector("#password"),i=this.shadowRoot?.querySelector('input[name="remember"]');return{username:t?.value||"",password:e?.value||"",remember:i?.checked||!1}}showAlert(t,e){this.alertMessage=t,this.alertVariant=e,this.updateAlert()}clearAlert(){this.alertMessage="",this.alertVariant="",this.updateAlert()}updateAlert(){this.alertElement&&(this.alertElement.setAttribute("variant",this.alertVariant),this.alertElement.textContent=this.alertMessage,this.alertMessage?this.alertElement.removeAttribute("hidden"):this.alertElement.setAttribute("hidden",""))}updateLoadingState(){this.buttonElement&&(this.loading?this.buttonElement.setAttribute("loading",""):this.buttonElement.removeAttribute("loading"),this.disabled?this.buttonElement.setAttribute("disabled",""):this.buttonElement.removeAttribute("disabled")),this.inputElements?.forEach(t=>{this.disabled||this.loading?t.setAttribute("disabled",""):t.removeAttribute("disabled")})}setError(t){this.showAlert(t,"error")}clearError(){this.clearAlert()}setCredentials(t){void 0!==t.username&&this.usernameInput&&(this.usernameInput.value=t.username),void 0!==t.password&&this.passwordInput&&(this.passwordInput.value=t.password),void 0!==t.remember&&this.rememberInput&&(this.rememberInput.checked=t.remember)}reset(){this.form&&this.form.reset(),this.clearAlert(),this.loading=!1}constructor(){super(...arguments),this.variant=(a(this,q),a(this,M,"default")),this.size=(a(this,D),a(this,F,"medium")),this.title=(a(this,B),a(this,O,"Sign In")),this.disabled=(a(this,H),a(this,R,!1)),this.loading=(a(this,T),a(this,Y,!1)),this.showRememberMe=(a(this,V),a(this,U,!0)),this.showForgotPassword=(a(this,N),a(this,K,!0)),this.actionText=(a(this,W),a(this,Z,"Sign In")),this.loginContainer=(a(this,G),a(this,J,void 0)),this.form=(a(this,Q),a(this,X,void 0)),this.usernameInput=(a(this,tt),a(this,et,void 0)),this.passwordInput=(a(this,it),a(this,at,void 0)),this.rememberInput=(a(this,nt),a(this,st,void 0)),this.alertElement=(a(this,rt),a(this,ot,void 0)),this.buttonElement=(a(this,lt),a(this,ct,void 0)),this.inputElements=(a(this,dt),a(this,ht,void 0)),this.alertMessage=(a(this,mt),a(this,ut,"")),this.alertVariant=(a(this,gt),a(this,bt,"")),a(this,pt)}},n})();return t.SniceLogin=s,t}({},Snice);
+    `}styles(){return e.css`${":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif)}.login{max-width:24rem;margin:0 auto}.login--card{background:var(--snice-color-background-element,rgb(252 251 249));border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-lg,.5rem);padding:var(--snice-spacing-xl,2rem);box-shadow:var(--snice-shadow-md)}.login--minimal{background:0 0;border:none;padding:0;box-shadow:none}.login--small{max-width:20rem}.login--large{max-width:28rem}.login__header{text-align:center;margin-bottom:var(--snice-spacing-xl,2rem)}.login__title{margin:0 0 var(--snice-spacing-xs,.5rem) 0;font-size:var(--snice-font-size-2xl, 1.5rem);font-weight:var(--snice-font-weight-bold,700);color:var(--snice-color-text,rgb(23 23 23))}.login__subtitle{margin:0;font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text-secondary,rgb(82 82 82))}.login__form{display:flex;flex-direction:column;gap:var(--snice-spacing-md,1rem)}.login__field{display:flex;flex-direction:column;gap:var(--snice-spacing-2xs,.25rem)}.login__label{font-size:var(--snice-font-size-sm, .875rem);font-weight:var(--snice-font-weight-medium,500);color:var(--snice-color-text,rgb(23 23 23))}.login__input{padding:var(--snice-spacing-sm,.75rem);border:1px solid var(--snice-color-border);border-radius:var(--snice-border-radius-md,.25rem);font-size:var(--snice-font-size-md, 1rem);font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);transition:border-color var(--snice-transition-fast, 150ms) ease;background:var(--snice-color-background-input);color:var(--snice-color-text)}.login__input:focus{outline:0;border-color:var(--snice-color-border-focus,rgb(59 130 246));box-shadow:0 0 0 var(--snice-focus-ring-width,2px) var(--snice-focus-ring-color)}.login__input:disabled{background:var(--snice-color-background-secondary,rgb(250 250 250));color:var(--snice-color-text-tertiary,rgb(115 115 115));cursor:not-allowed}.login__input--error{border-color:var(--snice-color-danger,rgb(220 38 38))}.login__input--error:focus{border-color:var(--snice-color-danger,rgb(220 38 38));box-shadow:0 0 0 var(--snice-focus-ring-width,2px) var(--snice-color-danger-alpha,rgb(239 68 68 / .2))}.login__options{display:flex;justify-content:space-between;align-items:center;margin:var(--snice-spacing-xs,.5rem) 0}.login__remember{display:flex;align-items:center;gap:var(--snice-spacing-xs,.5rem);font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text-secondary,rgb(82 82 82))}.login__checkbox{margin:0}.login__forgot{font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-primary,rgb(37 99 235));text-decoration:none;transition:color var(--snice-transition-fast, 150ms) ease}.login__forgot:hover{color:var(--snice-color-primary-hover,rgb(29 78 216));text-decoration:underline}.login__footer{text-align:center;margin-top:var(--snice-spacing-lg,1.5rem)}.login__footer ::slotted(*){font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text-secondary,rgb(82 82 82))}.login__footer ::slotted(a){color:var(--snice-color-primary,rgb(37 99 235));text-decoration:none}.login__footer ::slotted(a:hover){text-decoration:underline}.login--small .login__title{font-size:1.25rem}.login--small .login__button,.login--small .login__input{padding:.625rem;font-size:.875rem}.login--small .login__button{min-height:2.5rem}.login--large .login__title{font-size:1.875rem}.login--large .login__button,.login--large .login__input{padding:1rem;font-size:1.125rem}.login--large .login__button{min-height:3.5rem}[hidden]{display:none}snice-alert{margin-top:var(--snice-spacing-md,1rem)}@media (max-width:640px){.login{max-width:none;margin:0}.login--card{border-radius:0;border-left:none;border-right:none}}"}`}updateLoginClasses(){this.loginContainer&&(this.loginContainer.className=`login login--${this.variant} login--${this.size}`)}async*login(t){if(t||(t=this.getFormData()),!t.username||!t.password)return{success:!1,error:"Username and password are required"};try{return await(yield t)}catch(t){return{success:!1,error:t instanceof Error?t.message:"Login failed"}}}async handleButtonClick(t){t.preventDefault(),this.form&&this.form.requestSubmit()}async handleSubmit(t){if(t.preventDefault(),this.loading||this.disabled)return;this.clearAlert(),this.loading=!0,this.updateLoadingState(),await new Promise(t=>setTimeout(t,0));try{const t=this.getFormData();if(!t.username||!t.password)return this.showAlert("Username and password are required","error"),this.loading=!1,void this.updateLoadingState();const e=await this.login(t);e.success?(this.showAlert("Login successful!","success"),this.dispatchLoginSuccess(e)):(this.showAlert(e.error||"Login failed","error"),this.dispatchLoginError(e.error||"Login failed"))}catch(t){const e=t instanceof Error?t.message:"Login failed";this.showAlert(e,"error"),this.dispatchLoginError(e)}finally{this.loading=!1,this.updateLoadingState()}return{username:this.getFormData().username,timestamp:(new Date).toISOString()}}handleEnterKey(t){"Enter"!==t.key||this.loading||this.disabled||!this.form||this.form.requestSubmit()}handleForgotPassword(t){return t.preventDefault(),{timestamp:(new Date).toISOString()}}dispatchLoginSuccess(t){return{timestamp:(new Date).toISOString()}}dispatchLoginError(t){return{error:t,timestamp:(new Date).toISOString()}}getFormData(){const t=this.shadowRoot?.querySelector("#username"),e=this.shadowRoot?.querySelector("#password"),i=this.shadowRoot?.querySelector('input[name="remember"]');return{username:t?.value||"",password:e?.value||"",remember:i?.checked||!1}}showAlert(t,e){this.alertMessage=t,this.alertVariant=e,this.updateAlert()}clearAlert(){this.alertMessage="",this.alertVariant="",this.updateAlert()}updateAlert(){this.alertElement&&(this.alertElement.setAttribute("variant",this.alertVariant),this.alertElement.textContent=this.alertMessage,this.alertMessage?this.alertElement.removeAttribute("hidden"):this.alertElement.setAttribute("hidden",""))}updateLoadingState(){this.buttonElement&&(this.loading?this.buttonElement.setAttribute("loading",""):this.buttonElement.removeAttribute("loading"),this.disabled?this.buttonElement.setAttribute("disabled",""):this.buttonElement.removeAttribute("disabled")),this.inputElements?.forEach(t=>{this.disabled||this.loading?t.setAttribute("disabled",""):t.removeAttribute("disabled")})}setError(t){this.showAlert(t,"error")}clearError(){this.clearAlert()}setCredentials(t){void 0!==t.username&&this.usernameInput&&(this.usernameInput.value=t.username),void 0!==t.password&&this.passwordInput&&(this.passwordInput.value=t.password),void 0!==t.remember&&this.rememberInput&&(this.rememberInput.checked=t.remember)}reset(){this.form&&this.form.reset(),this.clearAlert(),this.loading=!1}constructor(){super(...arguments),this.variant=(n(this,q),n(this,M,"default")),this.size=(n(this,D),n(this,F,"medium")),this.title=(n(this,B),n(this,O,"Sign In")),this.disabled=(n(this,H),n(this,R,!1)),this.loading=(n(this,T),n(this,Y,!1)),this.showRememberMe=(n(this,V),n(this,U,!0)),this.showForgotPassword=(n(this,N),n(this,K,!0)),this.actionText=(n(this,W),n(this,Z,"Sign In")),this.loginContainer=(n(this,G),n(this,J,void 0)),this.form=(n(this,Q),n(this,X,void 0)),this.usernameInput=(n(this,tt),n(this,et,void 0)),this.passwordInput=(n(this,it),n(this,nt,void 0)),this.rememberInput=(n(this,st),n(this,at,void 0)),this.alertElement=(n(this,rt),n(this,ot,void 0)),this.buttonElement=(n(this,lt),n(this,ct,void 0)),this.inputElements=(n(this,dt),n(this,ht,void 0)),this.alertMessage=(n(this,mt),n(this,ut,"")),this.alertVariant=(n(this,gt),n(this,bt,"")),n(this,pt)}},s})();return t.SniceLogin=a,t}({},Snice);
 //# sourceMappingURL=snice-login.min.js.map