snice 4.34.2 → 4.35.1

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

@@ -1,11 +1,11 @@
 /*!
- * snice v4.34.2
+ * snice v4.35.1
  * A decorator-driven web component library with differential rendering, routing, controllers, and 130+ ready-made UI components. Use as much or as little as you want. Zero dependencies, works anywhere.
  * (c) 2024
  * Released under the MIT License.
  */
-void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be loaded before snice-login.min.js");var SniceLogin=function(e,t){"use strict";function i(e,t,i,r,a,n){function s(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var o,l=r.kind,c="getter"===l?"get":"setter"===l?"set":"value",d=!t&&e?r.static?e:e.prototype:null,h=t||(d?Object.getOwnPropertyDescriptor(d,r.name):{}),m=!1,u=i.length-1;u>=0;u--){var g={};for(var b in r)g[b]="access"===b?{}:r[b];for(var b in r.access)g.access[b]=r.access[b];g.addInitializer=function(e){if(m)throw new TypeError("Cannot add initializers after decoration has completed");n.push(s(e||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=s(p.get))&&(h.get=o),(o=s(p.set))&&(h.set=o),(o=s(p.init))&&a.unshift(o)}else(o=s(p))&&("field"===l?a.unshift(o):h[c]=o)}d&&Object.defineProperty(d,r.name,h),m=!0}function r(e,t,i){for(var r=arguments.length>2,a=0;a<t.length;a++)i=r?t[a].call(e,i):t[a].call(e);return r?i:void 0}function a(e,i="icon"){if(!e)return t.html``;if(e.startsWith("img://")){const r=e.slice(6);return t.html`<img class="${i}" src="${r}" alt="" part="icon" />`}if(e.startsWith("text://")){const r=e.slice(7);return t.html`<span class="${i}" part="icon">${r}</span>`}return/^(https?:\/\/|\/|\.\/|\.\.\/|data:)/.test(e)||/^[^:]*\w\.(svg|png|jpe?g|jfif|pjp|gif|webp|avif|jxl|ico|cur|bmp|tiff?|heic|heif|apng)(\?.*)?$/i.test(e)?t.html`<img class="${i}" src="${e}" alt="" part="icon" />`:t.html`<span class="${i}" part="icon">${e}</span>`}"function"==typeof SuppressedError&&SuppressedError;(()=>{let e,n,s,o,l,c,d,h,m,u,g,b,p,v=[t.element("snice-alert")],f=[],y=HTMLElement,w=[],x=[],k=[],_=[],z=[],S=[],E=[],$=[],L=[],I=[],A=[],j=[],C=[];(class extends y{static{n=this}constructor(){super(...arguments),this.variant=(r(this,w),r(this,x,"info")),this.size=(r(this,k),r(this,_,"medium")),this.title=(r(this,z),r(this,S,"")),this.dismissible=(r(this,E),r(this,$,!1)),this.icon=(r(this,L),r(this,I,"")),this.alertElement=(r(this,A),r(this,j,void 0)),this.isHidden=(r(this,C),!1)}static{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(y[Symbol.metadata]??null):void 0;s=[t.property({})],o=[t.property({})],l=[t.property({})],c=[t.property({type:Boolean})],d=[t.property({})],h=[t.query(".alert")],m=[t.render()],u=[t.styles()],g=[t.dispatch("alert-dismiss")],b=[t.dispatch("alert-hidden")],p=[t.dispatch("alert-shown")],i(this,null,m,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:a},null,w),i(this,null,u,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:a},null,w),i(this,null,g,{kind:"method",name:"handleDismiss",static:!1,private:!1,access:{has:e=>"handleDismiss"in e,get:e=>e.handleDismiss},metadata:a},null,w),i(this,null,b,{kind:"method",name:"dispatchAlertHidden",static:!1,private:!1,access:{has:e=>"dispatchAlertHidden"in e,get:e=>e.dispatchAlertHidden},metadata:a},null,w),i(this,null,p,{kind:"method",name:"dispatchAlertShown",static:!1,private:!1,access:{has:e=>"dispatchAlertShown"in e,get:e=>e.dispatchAlertShown},metadata:a},null,w),i(null,null,s,{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:a},x,k),i(null,null,o,{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:a},_,z),i(null,null,l,{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:a},S,E),i(null,null,c,{kind:"field",name:"dismissible",static:!1,private:!1,access:{has:e=>"dismissible"in e,get:e=>e.dismissible,set:(e,t)=>{e.dismissible=t}},metadata:a},$,L),i(null,null,d,{kind:"field",name:"icon",static:!1,private:!1,access:{has:e=>"icon"in e,get:e=>e.icon,set:(e,t)=>{e.icon=t}},metadata:a},I,A),i(null,null,h,{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:a},j,C),i(null,e={value:n},v,{kind:"class",name:n.name,metadata:a},null,f),n=e.value,a&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),r(n,f)}render(){const e=this.icon?"none"!==this.icon:this.shouldShowDefaultIcon(),i=["alert",`alert--${this.variant}`,`alert--${this.size}`,this.isHidden?"alert--hidden":""].filter(Boolean).join(" "),r=!this.icon||"none"===this.icon?"alert-icon alert-icon--default":"alert-icon";return t.html`
-      <div class="${i}" role="alert" aria-live="polite" @animationend=${this.handleAnimationEnd}>
+void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be loaded before snice-login.min.js");var SniceLogin=function(e,t){"use strict";function i(e,t,i,r,a,n){function s(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var o,l=r.kind,c="getter"===l?"get":"setter"===l?"set":"value",d=!t&&e?r.static?e:e.prototype:null,h=t||(d?Object.getOwnPropertyDescriptor(d,r.name):{}),m=!1,u=i.length-1;u>=0;u--){var g={};for(var b in r)g[b]="access"===b?{}:r[b];for(var b in r.access)g.access[b]=r.access[b];g.addInitializer=function(e){if(m)throw new TypeError("Cannot add initializers after decoration has completed");n.push(s(e||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=s(p.get))&&(h.get=o),(o=s(p.set))&&(h.set=o),(o=s(p.init))&&a.unshift(o)}else(o=s(p))&&("field"===l?a.unshift(o):h[c]=o)}d&&Object.defineProperty(d,r.name,h),m=!0}function r(e,t,i){for(var r=arguments.length>2,a=0;a<t.length;a++)i=r?t[a].call(e,i):t[a].call(e);return r?i:void 0}function a(e,i="icon"){if(!e)return t.html``;if(e.startsWith("img://")){const r=e.slice(6);return t.html`<img class="${i}" src="${r}" alt="" part="icon" />`}if(e.startsWith("text://")){const r=e.slice(7);return t.html`<span class="${i}" part="icon">${r}</span>`}return/^(https?:\/\/|\/|\.\/|\.\.\/|data:)/.test(e)||/^[^:]*\w\.(svg|png|jpe?g|jfif|pjp|gif|webp|avif|jxl|ico|cur|bmp|tiff?|heic|heif|apng)(\?.*)?$/i.test(e)?t.html`<img class="${i}" src="${e}" alt="" part="icon" />`:/^[a-z][a-z0-9_]*$/.test(e)?t.html`<span class="${i} snice-icon-ligature" style="font-family:var(--snice-icon-font,'Material Symbols Outlined'),sans-serif" part="icon">${e}</span>`:t.html`<span class="${i}" part="icon">${e}</span>`}"function"==typeof SuppressedError&&SuppressedError;(()=>{let e,n,s,o,l,c,d,h,m,u,g,b,p,v=[t.element("snice-alert")],f=[],y=HTMLElement,w=[],x=[],k=[],_=[],z=[],S=[],E=[],$=[],L=[],I=[],A=[],j=[],C=[];(class extends y{static{n=this}constructor(){super(...arguments),this.variant=(r(this,w),r(this,x,"info")),this.size=(r(this,k),r(this,_,"medium")),this.title=(r(this,z),r(this,S,"")),this.dismissible=(r(this,E),r(this,$,!1)),this.icon=(r(this,L),r(this,I,"")),this.alertElement=(r(this,A),r(this,j,void 0)),this.isHidden=(r(this,C),!1)}static{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(y[Symbol.metadata]??null):void 0;s=[t.property({})],o=[t.property({})],l=[t.property({})],c=[t.property({type:Boolean})],d=[t.property({})],h=[t.query(".alert")],m=[t.render()],u=[t.styles()],g=[t.dispatch("alert-dismiss")],b=[t.dispatch("alert-hidden")],p=[t.dispatch("alert-shown")],i(this,null,m,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:a},null,w),i(this,null,u,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:a},null,w),i(this,null,g,{kind:"method",name:"handleDismiss",static:!1,private:!1,access:{has:e=>"handleDismiss"in e,get:e=>e.handleDismiss},metadata:a},null,w),i(this,null,b,{kind:"method",name:"dispatchAlertHidden",static:!1,private:!1,access:{has:e=>"dispatchAlertHidden"in e,get:e=>e.dispatchAlertHidden},metadata:a},null,w),i(this,null,p,{kind:"method",name:"dispatchAlertShown",static:!1,private:!1,access:{has:e=>"dispatchAlertShown"in e,get:e=>e.dispatchAlertShown},metadata:a},null,w),i(null,null,s,{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:a},x,k),i(null,null,o,{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:a},_,z),i(null,null,l,{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:a},S,E),i(null,null,c,{kind:"field",name:"dismissible",static:!1,private:!1,access:{has:e=>"dismissible"in e,get:e=>e.dismissible,set:(e,t)=>{e.dismissible=t}},metadata:a},$,L),i(null,null,d,{kind:"field",name:"icon",static:!1,private:!1,access:{has:e=>"icon"in e,get:e=>e.icon,set:(e,t)=>{e.icon=t}},metadata:a},I,A),i(null,null,h,{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:a},j,C),i(null,e={value:n},v,{kind:"class",name:n.name,metadata:a},null,f),n=e.value,a&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),r(n,f)}render(){const e=this.icon?"none"!==this.icon:this.shouldShowDefaultIcon(),i=["alert",`alert--${this.variant}`,`alert--${this.size}`,this.isHidden?"alert--hidden":""].filter(Boolean).join(" "),r=!this.icon||"none"===this.icon?"alert-icon alert-icon--default":"alert-icon";return t.html`
+      <div class="${i}" role="alert" aria-live="polite" part="base" @animationend=${this.handleAnimationEnd}>
         <if value="${e}">
           <div class="${r}" part="icon">
             <slot name="icon">
@@ -29,7 +29,7 @@ void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be lo
           </button>
         </if>
       </div>
-    `}styles(){return t.css`${':host{display:block;--alert-padding:var(--snice-spacing-sm, 0.75rem) var(--snice-spacing-md, 1rem);--alert-border-radius:var(--snice-border-radius-lg, 0.5rem);--alert-font-size:var(--snice-font-size-sm, 0.875rem);--alert-icon-size:1.25rem;--alert-border-width:1px;--alert-bg:var(--snice-color-background, rgb(255 255 255));--alert-border-color:var(--snice-color-border, rgb(226 226 226));--alert-text-color:var(--snice-color-text, rgb(23 23 23));font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, Helvetica, Arial, sans-serif)}.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:var(--snice-line-height-normal, 1.5);border:var(--alert-border-width) solid var(--alert-border-color);background:var(--alert-bg);color:var(--alert-text-color);position:relative;animation:slideIn var(--snice-transition-medium,250ms) ease}.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:slideOut var(--snice-transition-medium,250ms) ease forwards}:host([variant=info]){--alert-bg:var(--snice-color-alert-info-bg, rgb(219 234 254));--alert-border-color:var(--snice-color-alert-info-border, rgb(147 180 233));--alert-text-color:var(--snice-color-alert-info-text, rgb(30 64 135))}:host([variant=success]){--alert-bg:var(--snice-color-alert-success-bg, rgb(220 252 231));--alert-border-color:var(--snice-color-alert-success-border, rgb(74 179 120));--alert-text-color:var(--snice-color-alert-success-text, rgb(22 101 52))}:host([variant=warning]){--alert-bg:var(--snice-color-alert-warning-bg, rgb(254 243 199));--alert-border-color:var(--snice-color-alert-warning-border, rgb(202 138 4));--alert-text-color:var(--snice-color-alert-warning-text, rgb(113 63 18))}:host([variant=error]){--alert-bg:var(--snice-color-alert-error-bg, rgb(254 226 226));--alert-border-color:var(--snice-color-alert-error-border, rgb(185 94 94));--alert-text-color:var(--snice-color-alert-error-text, rgb(127 29 29))}.alert-icon{flex-shrink:0;width:var(--alert-icon-size);height:var(--alert-icon-size);margin-right:var(--snice-spacing-sm,.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:var(--snice-font-weight-semibold,600);margin-bottom:var(--snice-spacing-2xs,.25rem)}.alert-title:empty{display:none}.alert-description{color:inherit;opacity:.9}.alert-dismiss{flex-shrink:0;margin-left:var(--snice-spacing-sm,.75rem);margin-right:-.25rem;padding:var(--snice-spacing-2xs,.25rem);background:0 0;border:none;cursor:pointer;opacity:.6;transition:opacity var(--snice-transition-fast, 150ms) ease;border-radius:var(--snice-border-radius-md,.25rem);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:var(--snice-spacing-xs, 0.5rem) var(--snice-spacing-sm, 0.75rem);--alert-font-size:var(--snice-font-size-xs, 0.75rem);--alert-icon-size:1rem;--alert-border-radius:var(--snice-border-radius-md, 0.25rem)}:host([size=large]){--alert-padding:var(--snice-spacing-md, 1rem) 1.25rem;--alert-font-size:var(--snice-font-size-md, 1rem);--alert-icon-size:1.5rem;--alert-border-radius:var(--snice-border-radius-lg, 0.5rem)}.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(e){"slideOut"===e.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 e,n,s,o,l,c,d,h,m,u,g,b,p,v,f,y,w,x,k,_,z,S,E=[t.element("snice-button",{formAssociated:!0})],$=[],L=HTMLElement,I=[],A=[],j=[],C=[],P=[],M=[],q=[],D=[],F=[],B=[],H=[],O=[],R=[],Y=[],T=[],V=[],U=[],K=[],N=[],W=[],Z=[],G=[],J=[],Q=[],X=[],ee=[],te=[],ie=[],re=[],ae=[],ne=[],se=[],oe=[],le=[],ce=[],de=[],he=[];(class extends L{static{n=this}static{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(L[Symbol.metadata]??null):void 0;s=[t.property({})],o=[t.property({})],l=[t.property({})],c=[t.property({type:Boolean})],d=[t.property({type:Boolean})],h=[t.property({type:Boolean})],m=[t.property({type:Boolean})],u=[t.property({type:Boolean})],g=[t.property({type:String})],b=[t.property({type:String})],p=[t.property({type:String})],v=[t.property({type:String})],f=[t.property({attribute:"icon-placement"})],y=[t.query('[slot="icon"]',{light:!0})],w=[t.query(".button")],x=[t.query(".spinner")],k=[t.query(".label")],_=[t.query(".icon")],z=[t.render()],S=[t.styles()],i(this,null,z,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:a},null,I),i(this,null,S,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:a},null,I),i(null,null,s,{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:a},A,j),i(null,null,o,{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:a},C,P),i(null,null,l,{kind:"field",name:"type",static:!1,private:!1,access:{has:e=>"type"in e,get:e=>e.type,set:(e,t)=>{e.type=t}},metadata:a},M,q),i(null,null,c,{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:a},D,F),i(null,null,d,{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:a},B,H),i(null,null,h,{kind:"field",name:"outline",static:!1,private:!1,access:{has:e=>"outline"in e,get:e=>e.outline,set:(e,t)=>{e.outline=t}},metadata:a},O,R),i(null,null,m,{kind:"field",name:"pill",static:!1,private:!1,access:{has:e=>"pill"in e,get:e=>e.pill,set:(e,t)=>{e.pill=t}},metadata:a},Y,T),i(null,null,u,{kind:"field",name:"circle",static:!1,private:!1,access:{has:e=>"circle"in e,get:e=>e.circle,set:(e,t)=>{e.circle=t}},metadata:a},V,U),i(null,null,g,{kind:"field",name:"href",static:!1,private:!1,access:{has:e=>"href"in e,get:e=>e.href,set:(e,t)=>{e.href=t}},metadata:a},K,N),i(null,null,b,{kind:"field",name:"target",static:!1,private:!1,access:{has:e=>"target"in e,get:e=>e.target,set:(e,t)=>{e.target=t}},metadata:a},W,Z),i(null,null,p,{kind:"field",name:"download",static:!1,private:!1,access:{has:e=>"download"in e,get:e=>e.download,set:(e,t)=>{e.download=t}},metadata:a},G,J),i(null,null,v,{kind:"field",name:"icon",static:!1,private:!1,access:{has:e=>"icon"in e,get:e=>e.icon,set:(e,t)=>{e.icon=t}},metadata:a},Q,X),i(null,null,f,{kind:"field",name:"iconPlacement",static:!1,private:!1,access:{has:e=>"iconPlacement"in e,get:e=>e.iconPlacement,set:(e,t)=>{e.iconPlacement=t}},metadata:a},ee,te),i(null,null,y,{kind:"field",name:"iconSlotChild",static:!1,private:!1,access:{has:e=>"iconSlotChild"in e,get:e=>e.iconSlotChild,set:(e,t)=>{e.iconSlotChild=t}},metadata:a},ie,re),i(null,null,w,{kind:"field",name:"button",static:!1,private:!1,access:{has:e=>"button"in e,get:e=>e.button,set:(e,t)=>{e.button=t}},metadata:a},ae,ne),i(null,null,x,{kind:"field",name:"spinner",static:!1,private:!1,access:{has:e=>"spinner"in e,get:e=>e.spinner,set:(e,t)=>{e.spinner=t}},metadata:a},se,oe),i(null,null,k,{kind:"field",name:"label",static:!1,private:!1,access:{has:e=>"label"in e,get:e=>e.label,set:(e,t)=>{e.label=t}},metadata:a},le,ce),i(null,null,_,{kind:"field",name:"iconElement",static:!1,private:!1,access:{has:e=>"iconElement"in e,get:e=>e.iconElement,set:(e,t)=>{e.iconElement=t}},metadata:a},de,he),i(null,e={value:n},E,{kind:"class",name:n.name,metadata:a},null,$),n=e.value,a&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),r(n,$)}constructor(){super(),this.internals=r(this,I),this.variant=r(this,A,"default"),this.size=(r(this,j),r(this,C,"medium")),this.type=(r(this,P),r(this,M,"button")),this.disabled=(r(this,q),r(this,D,!1)),this.loading=(r(this,F),r(this,B,!1)),this.outline=(r(this,H),r(this,O,!1)),this.pill=(r(this,R),r(this,Y,!1)),this.circle=(r(this,T),r(this,V,!1)),this.href=(r(this,U),r(this,K,"")),this.target=(r(this,N),r(this,W,"")),this.download=(r(this,Z),r(this,G,"")),this.icon=(r(this,J),r(this,Q,"")),this.iconPlacement=(r(this,X),r(this,ee,"start")),this.iconSlotChild=(r(this,te),r(this,ie,void 0)),this.button=(r(this,re),r(this,ae,void 0)),this.spinner=(r(this,ne),r(this,se,void 0)),this.label=(r(this,oe),r(this,le,void 0)),this.iconElement=(r(this,ce),r(this,de,void 0)),r(this,he),"function"==typeof this.attachInternals&&(this.internals=this.attachInternals())}get hasIconSlot(){return!!this.iconSlotChild}render(){const e=this.icon||this.hasIconSlot,i=e&&"start"===this.iconPlacement,r=e&&"end"===this.iconPlacement,n=["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":"",e?"button--has-icon":"",e?`button--icon-${this.iconPlacement}`:""].filter(Boolean).join(" ");return t.html`
+    `}styles(){return t.css`${':host{display:block;--alert-padding:var(--snice-spacing-sm, 0.75rem) var(--snice-spacing-md, 1rem);--alert-border-radius:var(--snice-border-radius-lg, 0.5rem);--alert-font-size:var(--snice-font-size-sm, 0.875rem);--alert-icon-size:1.25rem;--alert-border-width:1px;--alert-bg:var(--snice-color-background, rgb(255 255 255));--alert-border-color:var(--snice-color-border, rgb(226 226 226));--alert-text-color:var(--snice-color-text, rgb(23 23 23));font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, Helvetica, Arial, sans-serif)}.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:var(--snice-line-height-normal, 1.5);border:var(--alert-border-width) solid var(--alert-border-color);background:var(--alert-bg);color:var(--alert-text-color);position:relative;animation:slideIn var(--snice-transition-medium,250ms) ease}.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:slideOut var(--snice-transition-medium,250ms) ease forwards}:host([variant=info]){--alert-bg:var(--snice-color-alert-info-bg, rgb(219 234 254));--alert-border-color:var(--snice-color-alert-info-border, rgb(147 180 233));--alert-text-color:var(--snice-color-alert-info-text, rgb(30 64 135))}:host([variant=success]){--alert-bg:var(--snice-color-alert-success-bg, rgb(220 252 231));--alert-border-color:var(--snice-color-alert-success-border, rgb(74 179 120));--alert-text-color:var(--snice-color-alert-success-text, rgb(22 101 52))}:host([variant=warning]){--alert-bg:var(--snice-color-alert-warning-bg, rgb(254 243 199));--alert-border-color:var(--snice-color-alert-warning-border, rgb(202 138 4));--alert-text-color:var(--snice-color-alert-warning-text, rgb(113 63 18))}:host([variant=error]){--alert-bg:var(--snice-color-alert-error-bg, rgb(254 226 226));--alert-border-color:var(--snice-color-alert-error-border, rgb(185 94 94));--alert-text-color:var(--snice-color-alert-error-text, rgb(127 29 29))}.alert-icon{flex-shrink:0;width:var(--alert-icon-size);height:var(--alert-icon-size);margin-right:var(--snice-spacing-sm,.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:var(--snice-font-weight-semibold,600);margin-bottom:var(--snice-spacing-2xs,.25rem)}.alert-title:empty{display:none}.alert-description{color:inherit;opacity:.9}.alert-dismiss{flex-shrink:0;margin-left:var(--snice-spacing-sm,.75rem);margin-right:-.25rem;padding:var(--snice-spacing-2xs,.25rem);background:0 0;border:none;cursor:pointer;opacity:.6;transition:opacity var(--snice-transition-fast, 150ms) ease;border-radius:var(--snice-border-radius-md,.25rem);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:var(--snice-spacing-xs, 0.5rem) var(--snice-spacing-sm, 0.75rem);--alert-font-size:var(--snice-font-size-xs, 0.75rem);--alert-icon-size:1rem;--alert-border-radius:var(--snice-border-radius-md, 0.25rem)}:host([size=large]){--alert-padding:var(--snice-spacing-md, 1rem) 1.25rem;--alert-font-size:var(--snice-font-size-md, 1rem);--alert-icon-size:1.5rem;--alert-border-radius:var(--snice-border-radius-lg, 0.5rem)}.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(e){"slideOut"===e.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 e,n,s,o,l,c,d,h,m,u,g,b,p,v,f,y,w,x,k,_,z,S,E=[t.element("snice-button",{formAssociated:!0})],$=[],L=HTMLElement,I=[],A=[],j=[],C=[],P=[],M=[],q=[],D=[],F=[],B=[],O=[],H=[],R=[],Y=[],T=[],V=[],U=[],K=[],N=[],W=[],Z=[],G=[],J=[],Q=[],X=[],ee=[],te=[],ie=[],re=[],ae=[],ne=[],se=[],oe=[],le=[],ce=[],de=[],he=[];(class extends L{static{n=this}static{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(L[Symbol.metadata]??null):void 0;s=[t.property({})],o=[t.property({})],l=[t.property({})],c=[t.property({type:Boolean})],d=[t.property({type:Boolean})],h=[t.property({type:Boolean})],m=[t.property({type:Boolean})],u=[t.property({type:Boolean})],g=[t.property({type:String})],b=[t.property({type:String})],p=[t.property({type:String})],v=[t.property({type:String})],f=[t.property({attribute:"icon-placement"})],y=[t.query('[slot="icon"]',{light:!0})],w=[t.query(".button")],x=[t.query(".spinner")],k=[t.query(".label")],_=[t.query(".icon")],z=[t.render()],S=[t.styles()],i(this,null,z,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:a},null,I),i(this,null,S,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:a},null,I),i(null,null,s,{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:a},A,j),i(null,null,o,{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:a},C,P),i(null,null,l,{kind:"field",name:"type",static:!1,private:!1,access:{has:e=>"type"in e,get:e=>e.type,set:(e,t)=>{e.type=t}},metadata:a},M,q),i(null,null,c,{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:a},D,F),i(null,null,d,{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:a},B,O),i(null,null,h,{kind:"field",name:"outline",static:!1,private:!1,access:{has:e=>"outline"in e,get:e=>e.outline,set:(e,t)=>{e.outline=t}},metadata:a},H,R),i(null,null,m,{kind:"field",name:"pill",static:!1,private:!1,access:{has:e=>"pill"in e,get:e=>e.pill,set:(e,t)=>{e.pill=t}},metadata:a},Y,T),i(null,null,u,{kind:"field",name:"circle",static:!1,private:!1,access:{has:e=>"circle"in e,get:e=>e.circle,set:(e,t)=>{e.circle=t}},metadata:a},V,U),i(null,null,g,{kind:"field",name:"href",static:!1,private:!1,access:{has:e=>"href"in e,get:e=>e.href,set:(e,t)=>{e.href=t}},metadata:a},K,N),i(null,null,b,{kind:"field",name:"target",static:!1,private:!1,access:{has:e=>"target"in e,get:e=>e.target,set:(e,t)=>{e.target=t}},metadata:a},W,Z),i(null,null,p,{kind:"field",name:"download",static:!1,private:!1,access:{has:e=>"download"in e,get:e=>e.download,set:(e,t)=>{e.download=t}},metadata:a},G,J),i(null,null,v,{kind:"field",name:"icon",static:!1,private:!1,access:{has:e=>"icon"in e,get:e=>e.icon,set:(e,t)=>{e.icon=t}},metadata:a},Q,X),i(null,null,f,{kind:"field",name:"iconPlacement",static:!1,private:!1,access:{has:e=>"iconPlacement"in e,get:e=>e.iconPlacement,set:(e,t)=>{e.iconPlacement=t}},metadata:a},ee,te),i(null,null,y,{kind:"field",name:"iconSlotChild",static:!1,private:!1,access:{has:e=>"iconSlotChild"in e,get:e=>e.iconSlotChild,set:(e,t)=>{e.iconSlotChild=t}},metadata:a},ie,re),i(null,null,w,{kind:"field",name:"button",static:!1,private:!1,access:{has:e=>"button"in e,get:e=>e.button,set:(e,t)=>{e.button=t}},metadata:a},ae,ne),i(null,null,x,{kind:"field",name:"spinner",static:!1,private:!1,access:{has:e=>"spinner"in e,get:e=>e.spinner,set:(e,t)=>{e.spinner=t}},metadata:a},se,oe),i(null,null,k,{kind:"field",name:"label",static:!1,private:!1,access:{has:e=>"label"in e,get:e=>e.label,set:(e,t)=>{e.label=t}},metadata:a},le,ce),i(null,null,_,{kind:"field",name:"iconElement",static:!1,private:!1,access:{has:e=>"iconElement"in e,get:e=>e.iconElement,set:(e,t)=>{e.iconElement=t}},metadata:a},de,he),i(null,e={value:n},E,{kind:"class",name:n.name,metadata:a},null,$),n=e.value,a&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),r(n,$)}constructor(){super(),this.internals=r(this,I),this.variant=r(this,A,"default"),this.size=(r(this,j),r(this,C,"medium")),this.type=(r(this,P),r(this,M,"button")),this.disabled=(r(this,q),r(this,D,!1)),this.loading=(r(this,F),r(this,B,!1)),this.outline=(r(this,O),r(this,H,!1)),this.pill=(r(this,R),r(this,Y,!1)),this.circle=(r(this,T),r(this,V,!1)),this.href=(r(this,U),r(this,K,"")),this.target=(r(this,N),r(this,W,"")),this.download=(r(this,Z),r(this,G,"")),this.icon=(r(this,J),r(this,Q,"")),this.iconPlacement=(r(this,X),r(this,ee,"start")),this.iconSlotChild=(r(this,te),r(this,ie,void 0)),this.button=(r(this,re),r(this,ae,void 0)),this.spinner=(r(this,ne),r(this,se,void 0)),this.label=(r(this,oe),r(this,le,void 0)),this.iconElement=(r(this,ce),r(this,de,void 0)),r(this,he),"function"==typeof this.attachInternals&&(this.internals=this.attachInternals())}get hasIconSlot(){return!!this.iconSlotChild}render(){const e=this.icon||this.hasIconSlot,i=e&&"start"===this.iconPlacement,r=e&&"end"===this.iconPlacement,n=["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":"",e?"button--has-icon":"",e?`button--icon-${this.iconPlacement}`:""].filter(Boolean).join(" ");return t.html`
       <button class="${n}" type="${this.type}" ?disabled="${this.disabled}" part="base" @click="${e=>this.handleInternalClick(e)}">
         <span class="spinner" part="spinner"></span>
         <if ${i}>
@@ -54,7 +54,7 @@ void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be lo
           </span>
         </if>
       </button>
-    `}handleInternalClick(e){if(this.disabled||this.loading)return e.preventDefault(),void e.stopPropagation();if(this.href)if(this.download){const e=document.createElement("a");e.href=this.href,e.download=this.download,e.click()}else this.target?window.open(this.href,this.target):window.location.href=this.href;const t=this.internals?.form||this.closest("form");if(t)switch(this.type){case"submit":t.requestSubmit();break;case"reset":t.reset()}this.dispatchEvent(new CustomEvent("button-click",{bubbles:!0,composed:!0,detail:{originalEvent:e}}))}styles(){return t.css`${":host{display:inline-block;position:relative;width:auto;cursor:pointer}:host([disabled]){cursor:not-allowed}.button{display:inline-flex;align-items:center;justify-content:center;width:100%;border:1px solid;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);font-weight:var(--snice-font-weight-medium,500);text-decoration:none;user-select:none;white-space:nowrap;vertical-align:middle;padding:0;box-shadow:var(--snice-shadow-xs,0 1px 2px 0 rgb(0 0 0 / .03));transition:color var(--snice-transition-fast, 150ms) ease,background-color var(--snice-transition-fast, 150ms) ease,border-color var(--snice-transition-fast, 150ms) ease,box-shadow var(--snice-transition-fast, 150ms) ease,transform var(--snice-transition-fast, 150ms) cubic-bezier(.3, 0, .2, 1);cursor:inherit;position:relative}.button::before{content:'';position:absolute;inset:0;border-radius:inherit;background:var(--snice-gradient-button,none);pointer-events:none}.button:active{transition:color 50ms,background-color 50ms,border-color 50ms,box-shadow 50ms}.button:focus-visible{outline:0;box-shadow:0 0 0 var(--snice-focus-ring-width,2px) var(--snice-focus-ring-color,rgb(59 130 246 / .5))}.button--disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.button--small{font-size:var(--snice-font-size-sm, .875rem);height:1.875rem;padding:0 var(--snice-spacing-sm,.75rem);border-radius:var(--snice-border-radius-md,.25rem)}.button--medium{font-size:var(--snice-font-size-md, 1rem);height:2.5rem;padding:0 var(--snice-spacing-md,1rem);border-radius:var(--snice-border-radius-md,.25rem)}.button--large{font-size:var(--snice-font-size-lg, 1.125rem);height:3.125rem;padding:0 var(--snice-spacing-lg,1.5rem);border-radius:var(--snice-border-radius-md,.25rem)}.button--default{background-color:var(--snice-color-background,rgb(255 255 255));color:var(--snice-color-text,rgb(23 23 23));border-color:var(--snice-color-border,rgb(226 226 226))}.button--default:hover:not(.button--disabled){background-color:var(--snice-color-background-secondary,rgb(250 250 250));border-color:var(--snice-color-border-hover,rgb(204 204 204));box-shadow:var(--snice-shadow-sm,0 1px 2px 0 rgb(0 0 0 / .05));transform:translateY(-1px)}.button--default:active:not(.button--disabled){background-color:var(--snice-color-background-tertiary,rgb(248 248 248));border-color:var(--snice-color-border-hover,rgb(204 204 204));box-shadow:var(--snice-shadow-inset-sm,inset 0 1px 2px rgb(0 0 0 / .05));transform:translateY(0)}.button--primary{background-color:var(--snice-color-primary,rgb(37 99 235));color:var(--snice-color-text-inverse,rgb(250 250 250));border-color:var(--snice-color-primary,rgb(37 99 235))}.button--primary:hover:not(.button--disabled){background-color:var(--snice-color-primary-hover,rgb(29 78 216));border-color:var(--snice-color-primary-hover,rgb(29 78 216));box-shadow:var(--snice-shadow-sm,0 1px 2px 0 rgb(0 0 0 / .05));transform:translateY(-1px)}.button--primary:active:not(.button--disabled){background-color:color-mix(in srgb,var(--snice-color-primary,rgb(37 99 235)) 85%,#fff);border-color:color-mix(in srgb,var(--snice-color-primary,rgb(37 99 235)) 85%,#fff);box-shadow:var(--snice-shadow-inset-sm,inset 0 1px 2px rgb(0 0 0 / .05));transform:translateY(0)}.button--success{background-color:var(--snice-color-success,rgb(22 163 74));color:var(--snice-color-text-inverse,rgb(250 250 250));border-color:var(--snice-color-success,rgb(22 163 74))}.button--success:hover:not(.button--disabled){background-color:var(--snice-color-success-hover,rgb(21 128 61));border-color:var(--snice-color-success-hover,rgb(21 128 61));box-shadow:var(--snice-shadow-sm,0 1px 2px 0 rgb(0 0 0 / .05));transform:translateY(-1px)}.button--success:active:not(.button--disabled){background-color:color-mix(in srgb,var(--snice-color-success,rgb(22 163 74)) 85%,#fff);border-color:color-mix(in srgb,var(--snice-color-success,rgb(22 163 74)) 85%,#fff);box-shadow:var(--snice-shadow-inset-sm,inset 0 1px 2px rgb(0 0 0 / .05));transform:translateY(0)}.button--warning{background-color:var(--snice-color-warning,rgb(202 138 4));color:var(--snice-color-text-inverse,rgb(250 250 250));border-color:var(--snice-color-warning,rgb(202 138 4))}.button--warning:hover:not(.button--disabled){background-color:var(--snice-color-warning-hover,rgb(161 98 7));border-color:var(--snice-color-warning-hover,rgb(161 98 7));box-shadow:var(--snice-shadow-sm,0 1px 2px 0 rgb(0 0 0 / .05));transform:translateY(-1px)}.button--warning:active:not(.button--disabled){background-color:color-mix(in srgb,var(--snice-color-warning,rgb(202 138 4)) 85%,#fff);border-color:color-mix(in srgb,var(--snice-color-warning,rgb(202 138 4)) 85%,#fff);box-shadow:var(--snice-shadow-inset-sm,inset 0 1px 2px rgb(0 0 0 / .05));transform:translateY(0)}.button--danger{background-color:var(--snice-color-danger,rgb(220 38 38));color:var(--snice-color-text-inverse,rgb(250 250 250));border-color:var(--snice-color-danger,rgb(220 38 38))}.button--danger:hover:not(.button--disabled){background-color:var(--snice-color-danger-hover,rgb(185 28 28));border-color:var(--snice-color-danger-hover,rgb(185 28 28));box-shadow:var(--snice-shadow-sm,0 1px 2px 0 rgb(0 0 0 / .05));transform:translateY(-1px)}.button--danger:active:not(.button--disabled){background-color:color-mix(in srgb,var(--snice-color-danger,rgb(220 38 38)) 85%,#fff);border-color:color-mix(in srgb,var(--snice-color-danger,rgb(220 38 38)) 85%,#fff);box-shadow:var(--snice-shadow-inset-sm,inset 0 1px 2px rgb(0 0 0 / .05));transform:translateY(0)}.button--text{background-color:transparent;color:var(--snice-color-primary,rgb(37 99 235));border-color:transparent;box-shadow:none}.button--text::before{display:none}.button--text:hover:not(.button--disabled){background-color:var(--snice-color-primary-alpha,rgb(37 99 235 / .1));color:var(--snice-color-primary-hover,rgb(29 78 216));box-shadow:none;transform:none}.button--text:active:not(.button--disabled){background-color:var(--snice-color-primary-alpha-strong,rgb(37 99 235 / .15));box-shadow:none;transform:none}.button--outline{box-shadow:none}.button--outline::before{display:none}.button--outline.button--default{background-color:transparent;color:var(--snice-color-text,rgb(23 23 23))}.button--outline.button--primary{background-color:transparent;color:var(--snice-color-primary,rgb(37 99 235))}.button--outline.button--success{background-color:transparent;color:var(--snice-color-success,rgb(22 163 74))}.button--outline.button--warning{background-color:transparent;color:var(--snice-color-warning,rgb(202 138 4))}.button--outline.button--danger{background-color:transparent;color:var(--snice-color-danger,rgb(220 38 38))}.button--outline:hover:not(.button--disabled){background-color:var(--snice-color-border-alpha,rgb(82 82 82 / .1));box-shadow:none;transform:none}.button--outline:active:not(.button--disabled){background-color:var(--snice-color-border-alpha-strong,rgb(82 82 82 / .15));box-shadow:none;transform:none}.button--pill{border-radius:var(--snice-border-radius-pill,9999px)}.button--circle{border-radius:var(--snice-border-radius-circle,50%);width:var(--size);padding:0}.button--small.button--circle{--size:1.875rem}.button--medium.button--circle{--size:2.5rem}.button--large.button--circle{--size:3.125rem}.button--loading{position:relative;cursor:wait}.button--loading .label{visibility:hidden}.spinner{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1em;height:1em}.button--loading .spinner{display:block}.spinner::after{content:'';display:block;width:100%;height:100%;box-sizing:border-box;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.icon-slot{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.25em;height:1.25em;line-height:1;transform:translateY(1px)}.icon-slot:empty{display:none}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.25em;height:1.25em;line-height:1}.icon img{width:100%;height:100%;object-fit:contain}.icon svg{width:100%;height:100%}.icon-slot ::slotted(*){display:flex;align-items:center;justify-content:center;width:1.25em;height:1.25em;font-size:1.25em;line-height:1}.icon-slot ::slotted(svg){width:1.25em;height:1.25em}.icon-slot ::slotted(img){width:1.25em;height:1.25em;object-fit:contain}.button--icon-start .icon,.button--icon-start .icon-slot{margin-right:.5em}.button--icon-end .icon,.button--icon-end .icon-slot{margin-left:.5em}.button--circle .icon,.button--circle .icon-slot{margin:0;transform:none;width:auto;height:auto}.button--circle .icon-slot ::slotted(*){width:auto;height:auto;font-size:1.25em;line-height:1;display:flex;align-items:center;justify-content:center}"}`}setLoading(e){this.loading=e}setDisabled(e){this.disabled=e}setVariant(e){this.variant=e}focus(e){this.button?.focus(e)}blur(){this.button?.blur()}click(){this.button?.click()}})})();let n=(()=>{let e,a,n,s,o,l,c,d,h,m,u,g,b,p,v,f,y,w,x,k,_,z,S,E,$,L,I,A,j=[t.element("snice-login")],C=[],P=HTMLElement,M=[],q=[],D=[],F=[],B=[],H=[],O=[],R=[],Y=[],T=[],V=[],U=[],K=[],N=[],W=[],Z=[],G=[],J=[],Q=[],X=[],ee=[],te=[],ie=[],re=[],ae=[],ne=[],se=[],oe=[],le=[],ce=[],de=[],he=[],me=[],ue=[],ge=[],be=[],pe=[];return class extends P{static{a=this}static{const ve="function"==typeof Symbol&&Symbol.metadata?Object.create(P[Symbol.metadata]??null):void 0;n=[t.property({})],s=[t.property({})],o=[t.property({})],l=[t.property({type:Boolean})],c=[t.property({type:Boolean})],d=[t.property({type:Boolean,attribute:"show-remember-me"})],h=[t.property({type:Boolean,attribute:"show-forgot-password"})],m=[t.property({attribute:"action-text"})],u=[t.query(".login")],g=[t.query(".login__form")],b=[t.query('input[name="username"]')],p=[t.query('input[name="password"]')],v=[t.query('input[name="remember"]')],f=[t.query("snice-alert")],y=[t.query("snice-button")],w=[t.queryAll("input")],x=[t.property({attribute:!1})],k=[t.property({attribute:!1})],_=[t.render()],z=[t.styles()],S=[t.watch("variant","size")],E=[t.request("login-user")],$=[t.dispatch("login-attempt",{bubbles:!0,composed:!0})],L=[t.dispatch("login-forgot-password",{bubbles:!0,composed:!0})],I=[t.dispatch("login-success",{bubbles:!0,composed:!0})],A=[t.dispatch("login-error",{bubbles:!0,composed:!0})],i(this,null,_,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:ve},null,M),i(this,null,z,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:ve},null,M),i(this,null,S,{kind:"method",name:"updateLoginClasses",static:!1,private:!1,access:{has:e=>"updateLoginClasses"in e,get:e=>e.updateLoginClasses},metadata:ve},null,M),i(this,null,E,{kind:"method",name:"login",static:!1,private:!1,access:{has:e=>"login"in e,get:e=>e.login},metadata:ve},null,M),i(this,null,$,{kind:"method",name:"handleSubmit",static:!1,private:!1,access:{has:e=>"handleSubmit"in e,get:e=>e.handleSubmit},metadata:ve},null,M),i(this,null,L,{kind:"method",name:"handleForgotPassword",static:!1,private:!1,access:{has:e=>"handleForgotPassword"in e,get:e=>e.handleForgotPassword},metadata:ve},null,M),i(this,null,I,{kind:"method",name:"dispatchLoginSuccess",static:!1,private:!1,access:{has:e=>"dispatchLoginSuccess"in e,get:e=>e.dispatchLoginSuccess},metadata:ve},null,M),i(this,null,A,{kind:"method",name:"dispatchLoginError",static:!1,private:!1,access:{has:e=>"dispatchLoginError"in e,get:e=>e.dispatchLoginError},metadata:ve},null,M),i(null,null,n,{kind:"field",name:"variant",static:!1,private:!1,access:{has:e=>"variant"in e,get:e=>e.variant,set:(e,t)=>{e.variant=t}},metadata:ve},q,D),i(null,null,s,{kind:"field",name:"size",static:!1,private:!1,access:{has:e=>"size"in e,get:e=>e.size,set:(e,t)=>{e.size=t}},metadata:ve},F,B),i(null,null,o,{kind:"field",name:"title",static:!1,private:!1,access:{has:e=>"title"in e,get:e=>e.title,set:(e,t)=>{e.title=t}},metadata:ve},H,O),i(null,null,l,{kind:"field",name:"disabled",static:!1,private:!1,access:{has:e=>"disabled"in e,get:e=>e.disabled,set:(e,t)=>{e.disabled=t}},metadata:ve},R,Y),i(null,null,c,{kind:"field",name:"loading",static:!1,private:!1,access:{has:e=>"loading"in e,get:e=>e.loading,set:(e,t)=>{e.loading=t}},metadata:ve},T,V),i(null,null,d,{kind:"field",name:"showRememberMe",static:!1,private:!1,access:{has:e=>"showRememberMe"in e,get:e=>e.showRememberMe,set:(e,t)=>{e.showRememberMe=t}},metadata:ve},U,K),i(null,null,h,{kind:"field",name:"showForgotPassword",static:!1,private:!1,access:{has:e=>"showForgotPassword"in e,get:e=>e.showForgotPassword,set:(e,t)=>{e.showForgotPassword=t}},metadata:ve},N,W),i(null,null,m,{kind:"field",name:"actionText",static:!1,private:!1,access:{has:e=>"actionText"in e,get:e=>e.actionText,set:(e,t)=>{e.actionText=t}},metadata:ve},Z,G),i(null,null,u,{kind:"field",name:"loginContainer",static:!1,private:!1,access:{has:e=>"loginContainer"in e,get:e=>e.loginContainer,set:(e,t)=>{e.loginContainer=t}},metadata:ve},J,Q),i(null,null,g,{kind:"field",name:"form",static:!1,private:!1,access:{has:e=>"form"in e,get:e=>e.form,set:(e,t)=>{e.form=t}},metadata:ve},X,ee),i(null,null,b,{kind:"field",name:"usernameInput",static:!1,private:!1,access:{has:e=>"usernameInput"in e,get:e=>e.usernameInput,set:(e,t)=>{e.usernameInput=t}},metadata:ve},te,ie),i(null,null,p,{kind:"field",name:"passwordInput",static:!1,private:!1,access:{has:e=>"passwordInput"in e,get:e=>e.passwordInput,set:(e,t)=>{e.passwordInput=t}},metadata:ve},re,ae),i(null,null,v,{kind:"field",name:"rememberInput",static:!1,private:!1,access:{has:e=>"rememberInput"in e,get:e=>e.rememberInput,set:(e,t)=>{e.rememberInput=t}},metadata:ve},ne,se),i(null,null,f,{kind:"field",name:"alertElement",static:!1,private:!1,access:{has:e=>"alertElement"in e,get:e=>e.alertElement,set:(e,t)=>{e.alertElement=t}},metadata:ve},oe,le),i(null,null,y,{kind:"field",name:"buttonElement",static:!1,private:!1,access:{has:e=>"buttonElement"in e,get:e=>e.buttonElement,set:(e,t)=>{e.buttonElement=t}},metadata:ve},ce,de),i(null,null,w,{kind:"field",name:"inputElements",static:!1,private:!1,access:{has:e=>"inputElements"in e,get:e=>e.inputElements,set:(e,t)=>{e.inputElements=t}},metadata:ve},he,me),i(null,null,x,{kind:"field",name:"alertMessage",static:!1,private:!1,access:{has:e=>"alertMessage"in e,get:e=>e.alertMessage,set:(e,t)=>{e.alertMessage=t}},metadata:ve},ue,ge),i(null,null,k,{kind:"field",name:"alertVariant",static:!1,private:!1,access:{has:e=>"alertVariant"in e,get:e=>e.alertVariant,set:(e,t)=>{e.alertVariant=t}},metadata:ve},be,pe),i(null,e={value:a},j,{kind:"class",name:a.name,metadata:ve},null,C),a=e.value,ve&&Object.defineProperty(a,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:ve}),r(a,C)}render(){const e=["login",`login--${this.variant}`,`login--${this.size}`].join(" ");return t.html`
+    `}handleInternalClick(e){if(this.disabled||this.loading)return e.preventDefault(),void e.stopPropagation();if(this.href)if(this.download){const e=document.createElement("a");e.href=this.href,e.download=this.download,e.click()}else this.target?window.open(this.href,this.target):window.location.href=this.href;const t=this.internals?.form||this.closest("form");if(t)switch(this.type){case"submit":t.requestSubmit();break;case"reset":t.reset()}this.dispatchEvent(new CustomEvent("button-click",{bubbles:!0,composed:!0,detail:{originalEvent:e}}))}styles(){return t.css`${":host{display:inline-block;position:relative;width:auto;cursor:pointer}:host([disabled]){cursor:not-allowed}.button{display:inline-flex;align-items:center;justify-content:center;width:100%;border:1px solid;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);font-weight:var(--snice-font-weight-medium,500);text-decoration:none;user-select:none;white-space:nowrap;vertical-align:middle;padding:0;box-shadow:var(--snice-shadow-xs,0 1px 2px 0 rgb(0 0 0 / .03));transition:color var(--snice-transition-fast, 150ms) ease,background-color var(--snice-transition-fast, 150ms) ease,border-color var(--snice-transition-fast, 150ms) ease,box-shadow var(--snice-transition-fast, 150ms) ease,transform var(--snice-transition-fast, 150ms) cubic-bezier(.3, 0, .2, 1);cursor:inherit;position:relative}.button::before{content:'';position:absolute;inset:0;border-radius:inherit;background:var(--snice-gradient-button,none);pointer-events:none}.button:active{transition:color 50ms,background-color 50ms,border-color 50ms,box-shadow 50ms}.button:focus-visible{outline:0;box-shadow:0 0 0 var(--snice-focus-ring-width,2px) var(--snice-focus-ring-color,rgb(59 130 246 / .5))}.button--disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.button--small{font-size:var(--snice-font-size-sm, .875rem);height:1.875rem;padding:0 var(--snice-spacing-sm,.75rem);border-radius:var(--snice-border-radius-md,.25rem)}.button--medium{font-size:var(--snice-font-size-md, 1rem);height:2.5rem;padding:0 var(--snice-spacing-md,1rem);border-radius:var(--snice-border-radius-md,.25rem)}.button--large{font-size:var(--snice-font-size-lg, 1.125rem);height:3.125rem;padding:0 var(--snice-spacing-lg,1.5rem);border-radius:var(--snice-border-radius-md,.25rem)}.button--default{background-color:var(--snice-color-background,rgb(255 255 255));color:var(--snice-color-text,rgb(23 23 23));border-color:var(--snice-color-border,rgb(226 226 226))}.button--default:hover:not(.button--disabled){background-color:var(--snice-color-background-secondary,rgb(250 250 250));border-color:var(--snice-color-border-hover,rgb(204 204 204));box-shadow:var(--snice-shadow-sm,0 1px 2px 0 rgb(0 0 0 / .05));transform:translateY(-1px)}.button--default:active:not(.button--disabled){background-color:var(--snice-color-background-tertiary,rgb(248 248 248));border-color:var(--snice-color-border-hover,rgb(204 204 204));box-shadow:var(--snice-shadow-inset-sm,inset 0 1px 2px rgb(0 0 0 / .05));transform:translateY(0)}.button--primary{background-color:var(--snice-color-primary,rgb(37 99 235));color:var(--snice-color-text-inverse,rgb(250 250 250));border-color:var(--snice-color-primary,rgb(37 99 235))}.button--primary:hover:not(.button--disabled){background-color:var(--snice-color-primary-hover,rgb(29 78 216));border-color:var(--snice-color-primary-hover,rgb(29 78 216));box-shadow:var(--snice-shadow-sm,0 1px 2px 0 rgb(0 0 0 / .05));transform:translateY(-1px)}.button--primary:active:not(.button--disabled){background-color:color-mix(in srgb,var(--snice-color-primary,rgb(37 99 235)) 85%,#fff);border-color:color-mix(in srgb,var(--snice-color-primary,rgb(37 99 235)) 85%,#fff);box-shadow:var(--snice-shadow-inset-sm,inset 0 1px 2px rgb(0 0 0 / .05));transform:translateY(0)}.button--success{background-color:var(--snice-color-success,rgb(22 163 74));color:var(--snice-color-text-inverse,rgb(250 250 250));border-color:var(--snice-color-success,rgb(22 163 74))}.button--success:hover:not(.button--disabled){background-color:var(--snice-color-success-hover,rgb(21 128 61));border-color:var(--snice-color-success-hover,rgb(21 128 61));box-shadow:var(--snice-shadow-sm,0 1px 2px 0 rgb(0 0 0 / .05));transform:translateY(-1px)}.button--success:active:not(.button--disabled){background-color:color-mix(in srgb,var(--snice-color-success,rgb(22 163 74)) 85%,#fff);border-color:color-mix(in srgb,var(--snice-color-success,rgb(22 163 74)) 85%,#fff);box-shadow:var(--snice-shadow-inset-sm,inset 0 1px 2px rgb(0 0 0 / .05));transform:translateY(0)}.button--warning{background-color:var(--snice-color-warning,rgb(202 138 4));color:var(--snice-color-text-inverse,rgb(250 250 250));border-color:var(--snice-color-warning,rgb(202 138 4))}.button--warning:hover:not(.button--disabled){background-color:var(--snice-color-warning-hover,rgb(161 98 7));border-color:var(--snice-color-warning-hover,rgb(161 98 7));box-shadow:var(--snice-shadow-sm,0 1px 2px 0 rgb(0 0 0 / .05));transform:translateY(-1px)}.button--warning:active:not(.button--disabled){background-color:color-mix(in srgb,var(--snice-color-warning,rgb(202 138 4)) 85%,#fff);border-color:color-mix(in srgb,var(--snice-color-warning,rgb(202 138 4)) 85%,#fff);box-shadow:var(--snice-shadow-inset-sm,inset 0 1px 2px rgb(0 0 0 / .05));transform:translateY(0)}.button--danger{background-color:var(--snice-color-danger,rgb(220 38 38));color:var(--snice-color-text-inverse,rgb(250 250 250));border-color:var(--snice-color-danger,rgb(220 38 38))}.button--danger:hover:not(.button--disabled){background-color:var(--snice-color-danger-hover,rgb(185 28 28));border-color:var(--snice-color-danger-hover,rgb(185 28 28));box-shadow:var(--snice-shadow-sm,0 1px 2px 0 rgb(0 0 0 / .05));transform:translateY(-1px)}.button--danger:active:not(.button--disabled){background-color:color-mix(in srgb,var(--snice-color-danger,rgb(220 38 38)) 85%,#fff);border-color:color-mix(in srgb,var(--snice-color-danger,rgb(220 38 38)) 85%,#fff);box-shadow:var(--snice-shadow-inset-sm,inset 0 1px 2px rgb(0 0 0 / .05));transform:translateY(0)}.button--text{background-color:transparent;color:var(--snice-color-primary,rgb(37 99 235));border-color:transparent;box-shadow:none}.button--text::before{display:none}.button--text:hover:not(.button--disabled){background-color:var(--snice-color-primary-alpha,rgb(37 99 235 / .1));color:var(--snice-color-primary-hover,rgb(29 78 216));box-shadow:none;transform:none}.button--text:active:not(.button--disabled){background-color:var(--snice-color-primary-alpha-strong,rgb(37 99 235 / .15));box-shadow:none;transform:none}.button--outline{box-shadow:none}.button--outline::before{display:none}.button--outline.button--default{background-color:transparent;color:var(--snice-color-text,rgb(23 23 23))}.button--outline.button--primary{background-color:transparent;color:var(--snice-color-primary,rgb(37 99 235))}.button--outline.button--success{background-color:transparent;color:var(--snice-color-success,rgb(22 163 74))}.button--outline.button--warning{background-color:transparent;color:var(--snice-color-warning,rgb(202 138 4))}.button--outline.button--danger{background-color:transparent;color:var(--snice-color-danger,rgb(220 38 38))}.button--outline:hover:not(.button--disabled){background-color:var(--snice-color-border-alpha,rgb(82 82 82 / .1));box-shadow:none;transform:none}.button--outline:active:not(.button--disabled){background-color:var(--snice-color-border-alpha-strong,rgb(82 82 82 / .15));box-shadow:none;transform:none}.button--pill{border-radius:var(--snice-border-radius-pill,9999px)}.button--circle{border-radius:var(--snice-border-radius-circle,50%);width:var(--size);padding:0}.button--small.button--circle{--size:1.875rem}.button--medium.button--circle{--size:2.5rem}.button--large.button--circle{--size:3.125rem}.button--loading{position:relative;cursor:wait}.button--loading .label{visibility:hidden}.spinner{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1em;height:1em}.button--loading .spinner{display:block}.spinner::after{content:'';display:block;width:100%;height:100%;box-sizing:border-box;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.icon-slot{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.25em;height:1.25em;line-height:1;transform:translateY(1px)}.icon-slot:empty{display:none}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.25em;height:1.25em;line-height:1}.icon img{width:100%;height:100%;object-fit:contain}.icon svg{width:100%;height:100%}.icon-slot ::slotted(*){display:flex;align-items:center;justify-content:center;width:1.25em;height:1.25em;font-size:1.25em;line-height:1}.icon-slot ::slotted(svg){width:1.25em;height:1.25em}.icon-slot ::slotted(img){width:1.25em;height:1.25em;object-fit:contain}.button--icon-start .icon,.button--icon-start .icon-slot{margin-right:.5em}.button--icon-end .icon,.button--icon-end .icon-slot{margin-left:.5em}.button--circle .icon,.button--circle .icon-slot{margin:0;transform:none;width:auto;height:auto}.button--circle .icon-slot ::slotted(*){width:auto;height:auto;font-size:1.25em;line-height:1;display:flex;align-items:center;justify-content:center}"}`}setLoading(e){this.loading=e}setDisabled(e){this.disabled=e}setVariant(e){this.variant=e}focus(e){this.button?.focus(e)}blur(){this.button?.blur()}click(){this.button?.click()}})})();let n=(()=>{let e,a,n,s,o,l,c,d,h,m,u,g,b,p,v,f,y,w,x,k,_,z,S,E,$,L,I,A,j=[t.element("snice-login")],C=[],P=HTMLElement,M=[],q=[],D=[],F=[],B=[],O=[],H=[],R=[],Y=[],T=[],V=[],U=[],K=[],N=[],W=[],Z=[],G=[],J=[],Q=[],X=[],ee=[],te=[],ie=[],re=[],ae=[],ne=[],se=[],oe=[],le=[],ce=[],de=[],he=[],me=[],ue=[],ge=[],be=[],pe=[];return class extends P{static{a=this}static{const ve="function"==typeof Symbol&&Symbol.metadata?Object.create(P[Symbol.metadata]??null):void 0;n=[t.property({})],s=[t.property({})],o=[t.property({})],l=[t.property({type:Boolean})],c=[t.property({type:Boolean})],d=[t.property({type:Boolean,attribute:"show-remember-me"})],h=[t.property({type:Boolean,attribute:"show-forgot-password"})],m=[t.property({attribute:"action-text"})],u=[t.query(".login")],g=[t.query(".login__form")],b=[t.query('input[name="username"]')],p=[t.query('input[name="password"]')],v=[t.query('input[name="remember"]')],f=[t.query("snice-alert")],y=[t.query("snice-button")],w=[t.queryAll("input")],x=[t.property({attribute:!1})],k=[t.property({attribute:!1})],_=[t.render()],z=[t.styles()],S=[t.watch("variant","size")],E=[t.request("login-user")],$=[t.dispatch("login-attempt",{bubbles:!0,composed:!0})],L=[t.dispatch("login-forgot-password",{bubbles:!0,composed:!0})],I=[t.dispatch("login-success",{bubbles:!0,composed:!0})],A=[t.dispatch("login-error",{bubbles:!0,composed:!0})],i(this,null,_,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:ve},null,M),i(this,null,z,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:ve},null,M),i(this,null,S,{kind:"method",name:"updateLoginClasses",static:!1,private:!1,access:{has:e=>"updateLoginClasses"in e,get:e=>e.updateLoginClasses},metadata:ve},null,M),i(this,null,E,{kind:"method",name:"login",static:!1,private:!1,access:{has:e=>"login"in e,get:e=>e.login},metadata:ve},null,M),i(this,null,$,{kind:"method",name:"handleSubmit",static:!1,private:!1,access:{has:e=>"handleSubmit"in e,get:e=>e.handleSubmit},metadata:ve},null,M),i(this,null,L,{kind:"method",name:"handleForgotPassword",static:!1,private:!1,access:{has:e=>"handleForgotPassword"in e,get:e=>e.handleForgotPassword},metadata:ve},null,M),i(this,null,I,{kind:"method",name:"dispatchLoginSuccess",static:!1,private:!1,access:{has:e=>"dispatchLoginSuccess"in e,get:e=>e.dispatchLoginSuccess},metadata:ve},null,M),i(this,null,A,{kind:"method",name:"dispatchLoginError",static:!1,private:!1,access:{has:e=>"dispatchLoginError"in e,get:e=>e.dispatchLoginError},metadata:ve},null,M),i(null,null,n,{kind:"field",name:"variant",static:!1,private:!1,access:{has:e=>"variant"in e,get:e=>e.variant,set:(e,t)=>{e.variant=t}},metadata:ve},q,D),i(null,null,s,{kind:"field",name:"size",static:!1,private:!1,access:{has:e=>"size"in e,get:e=>e.size,set:(e,t)=>{e.size=t}},metadata:ve},F,B),i(null,null,o,{kind:"field",name:"title",static:!1,private:!1,access:{has:e=>"title"in e,get:e=>e.title,set:(e,t)=>{e.title=t}},metadata:ve},O,H),i(null,null,l,{kind:"field",name:"disabled",static:!1,private:!1,access:{has:e=>"disabled"in e,get:e=>e.disabled,set:(e,t)=>{e.disabled=t}},metadata:ve},R,Y),i(null,null,c,{kind:"field",name:"loading",static:!1,private:!1,access:{has:e=>"loading"in e,get:e=>e.loading,set:(e,t)=>{e.loading=t}},metadata:ve},T,V),i(null,null,d,{kind:"field",name:"showRememberMe",static:!1,private:!1,access:{has:e=>"showRememberMe"in e,get:e=>e.showRememberMe,set:(e,t)=>{e.showRememberMe=t}},metadata:ve},U,K),i(null,null,h,{kind:"field",name:"showForgotPassword",static:!1,private:!1,access:{has:e=>"showForgotPassword"in e,get:e=>e.showForgotPassword,set:(e,t)=>{e.showForgotPassword=t}},metadata:ve},N,W),i(null,null,m,{kind:"field",name:"actionText",static:!1,private:!1,access:{has:e=>"actionText"in e,get:e=>e.actionText,set:(e,t)=>{e.actionText=t}},metadata:ve},Z,G),i(null,null,u,{kind:"field",name:"loginContainer",static:!1,private:!1,access:{has:e=>"loginContainer"in e,get:e=>e.loginContainer,set:(e,t)=>{e.loginContainer=t}},metadata:ve},J,Q),i(null,null,g,{kind:"field",name:"form",static:!1,private:!1,access:{has:e=>"form"in e,get:e=>e.form,set:(e,t)=>{e.form=t}},metadata:ve},X,ee),i(null,null,b,{kind:"field",name:"usernameInput",static:!1,private:!1,access:{has:e=>"usernameInput"in e,get:e=>e.usernameInput,set:(e,t)=>{e.usernameInput=t}},metadata:ve},te,ie),i(null,null,p,{kind:"field",name:"passwordInput",static:!1,private:!1,access:{has:e=>"passwordInput"in e,get:e=>e.passwordInput,set:(e,t)=>{e.passwordInput=t}},metadata:ve},re,ae),i(null,null,v,{kind:"field",name:"rememberInput",static:!1,private:!1,access:{has:e=>"rememberInput"in e,get:e=>e.rememberInput,set:(e,t)=>{e.rememberInput=t}},metadata:ve},ne,se),i(null,null,f,{kind:"field",name:"alertElement",static:!1,private:!1,access:{has:e=>"alertElement"in e,get:e=>e.alertElement,set:(e,t)=>{e.alertElement=t}},metadata:ve},oe,le),i(null,null,y,{kind:"field",name:"buttonElement",static:!1,private:!1,access:{has:e=>"buttonElement"in e,get:e=>e.buttonElement,set:(e,t)=>{e.buttonElement=t}},metadata:ve},ce,de),i(null,null,w,{kind:"field",name:"inputElements",static:!1,private:!1,access:{has:e=>"inputElements"in e,get:e=>e.inputElements,set:(e,t)=>{e.inputElements=t}},metadata:ve},he,me),i(null,null,x,{kind:"field",name:"alertMessage",static:!1,private:!1,access:{has:e=>"alertMessage"in e,get:e=>e.alertMessage,set:(e,t)=>{e.alertMessage=t}},metadata:ve},ue,ge),i(null,null,k,{kind:"field",name:"alertVariant",static:!1,private:!1,access:{has:e=>"alertVariant"in e,get:e=>e.alertVariant,set:(e,t)=>{e.alertVariant=t}},metadata:ve},be,pe),i(null,e={value:a},j,{kind:"class",name:a.name,metadata:ve},null,C),a=e.value,ve&&Object.defineProperty(a,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:ve}),r(a,C)}render(){const e=["login",`login--${this.variant}`,`login--${this.size}`].join(" ");return t.html`
       <div part="base" class="${e}">
         <slot name="before-header"></slot>
 
@@ -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 t.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(e){if(e||(e=this.getFormData()),!e.username||!e.password)return{success:!1,error:"Username and password are required"};try{return await(yield e)}catch(e){return{success:!1,error:e instanceof Error?e.message:"Login failed"}}}async handleButtonClick(e){e.preventDefault(),this.form&&this.form.requestSubmit()}async handleSubmit(e){if(e.preventDefault(),this.loading||this.disabled)return;this.clearAlert(),this.loading=!0,this.updateLoadingState(),await new Promise(e=>setTimeout(e,0));try{const e=this.getFormData();if(!e.username||!e.password)return this.showAlert("Username and password are required","error"),this.loading=!1,void this.updateLoadingState();const t=await this.login(e);t.success?(this.showAlert("Login successful!","success"),this.dispatchLoginSuccess(t)):(this.showAlert(t.error||"Login failed","error"),this.dispatchLoginError(t.error||"Login failed"))}catch(e){const t=e instanceof Error?e.message:"Login failed";this.showAlert(t,"error"),this.dispatchLoginError(t)}finally{this.loading=!1,this.updateLoadingState()}return{username:this.getFormData().username,timestamp:(new Date).toISOString()}}handleEnterKey(e){"Enter"!==e.key||this.loading||this.disabled||!this.form||this.form.requestSubmit()}handleForgotPassword(e){return e.preventDefault(),{timestamp:(new Date).toISOString()}}dispatchLoginSuccess(e){return{timestamp:(new Date).toISOString()}}dispatchLoginError(e){return{error:e,timestamp:(new Date).toISOString()}}getFormData(){const e=this.shadowRoot?.querySelector("#username"),t=this.shadowRoot?.querySelector("#password"),i=this.shadowRoot?.querySelector('input[name="remember"]');return{username:e?.value||"",password:t?.value||"",remember:i?.checked||!1}}showAlert(e,t){this.alertMessage=e,this.alertVariant=t,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(e=>{this.disabled||this.loading?e.setAttribute("disabled",""):e.removeAttribute("disabled")})}setError(e){this.showAlert(e,"error")}clearError(){this.clearAlert()}setCredentials(e){void 0!==e.username&&this.usernameInput&&(this.usernameInput.value=e.username),void 0!==e.password&&this.passwordInput&&(this.passwordInput.value=e.password),void 0!==e.remember&&this.rememberInput&&(this.rememberInput.checked=e.remember)}reset(){this.form&&this.form.reset(),this.clearAlert(),this.loading=!1}constructor(){super(...arguments),this.variant=(r(this,M),r(this,q,"default")),this.size=(r(this,D),r(this,F,"medium")),this.title=(r(this,B),r(this,H,"Sign In")),this.disabled=(r(this,O),r(this,R,!1)),this.loading=(r(this,Y),r(this,T,!1)),this.showRememberMe=(r(this,V),r(this,U,!0)),this.showForgotPassword=(r(this,K),r(this,N,!0)),this.actionText=(r(this,W),r(this,Z,"Sign In")),this.loginContainer=(r(this,G),r(this,J,void 0)),this.form=(r(this,Q),r(this,X,void 0)),this.usernameInput=(r(this,ee),r(this,te,void 0)),this.passwordInput=(r(this,ie),r(this,re,void 0)),this.rememberInput=(r(this,ae),r(this,ne,void 0)),this.alertElement=(r(this,se),r(this,oe,void 0)),this.buttonElement=(r(this,le),r(this,ce,void 0)),this.inputElements=(r(this,de),r(this,he,void 0)),this.alertMessage=(r(this,me),r(this,ue,"")),this.alertVariant=(r(this,ge),r(this,be,"")),r(this,pe)}},a})();return e.SniceLogin=n,e}({},Snice);
+    `}styles(){return t.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(e){if(e||(e=this.getFormData()),!e.username||!e.password)return{success:!1,error:"Username and password are required"};try{return await(yield e)}catch(e){return{success:!1,error:e instanceof Error?e.message:"Login failed"}}}async handleButtonClick(e){e.preventDefault(),this.form&&this.form.requestSubmit()}async handleSubmit(e){if(e.preventDefault(),this.loading||this.disabled)return;this.clearAlert(),this.loading=!0,this.updateLoadingState(),await new Promise(e=>setTimeout(e,0));try{const e=this.getFormData();if(!e.username||!e.password)return this.showAlert("Username and password are required","error"),this.loading=!1,void this.updateLoadingState();const t=await this.login(e);t.success?(this.showAlert("Login successful!","success"),this.dispatchLoginSuccess(t)):(this.showAlert(t.error||"Login failed","error"),this.dispatchLoginError(t.error||"Login failed"))}catch(e){const t=e instanceof Error?e.message:"Login failed";this.showAlert(t,"error"),this.dispatchLoginError(t)}finally{this.loading=!1,this.updateLoadingState()}return{username:this.getFormData().username,timestamp:(new Date).toISOString()}}handleEnterKey(e){"Enter"!==e.key||this.loading||this.disabled||!this.form||this.form.requestSubmit()}handleForgotPassword(e){return e.preventDefault(),{timestamp:(new Date).toISOString()}}dispatchLoginSuccess(e){return{timestamp:(new Date).toISOString()}}dispatchLoginError(e){return{error:e,timestamp:(new Date).toISOString()}}getFormData(){const e=this.shadowRoot?.querySelector("#username"),t=this.shadowRoot?.querySelector("#password"),i=this.shadowRoot?.querySelector('input[name="remember"]');return{username:e?.value||"",password:t?.value||"",remember:i?.checked||!1}}showAlert(e,t){this.alertMessage=e,this.alertVariant=t,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(e=>{this.disabled||this.loading?e.setAttribute("disabled",""):e.removeAttribute("disabled")})}setError(e){this.showAlert(e,"error")}clearError(){this.clearAlert()}setCredentials(e){void 0!==e.username&&this.usernameInput&&(this.usernameInput.value=e.username),void 0!==e.password&&this.passwordInput&&(this.passwordInput.value=e.password),void 0!==e.remember&&this.rememberInput&&(this.rememberInput.checked=e.remember)}reset(){this.form&&this.form.reset(),this.clearAlert(),this.loading=!1}constructor(){super(...arguments),this.variant=(r(this,M),r(this,q,"default")),this.size=(r(this,D),r(this,F,"medium")),this.title=(r(this,B),r(this,O,"Sign In")),this.disabled=(r(this,H),r(this,R,!1)),this.loading=(r(this,Y),r(this,T,!1)),this.showRememberMe=(r(this,V),r(this,U,!0)),this.showForgotPassword=(r(this,K),r(this,N,!0)),this.actionText=(r(this,W),r(this,Z,"Sign In")),this.loginContainer=(r(this,G),r(this,J,void 0)),this.form=(r(this,Q),r(this,X,void 0)),this.usernameInput=(r(this,ee),r(this,te,void 0)),this.passwordInput=(r(this,ie),r(this,re,void 0)),this.rememberInput=(r(this,ae),r(this,ne,void 0)),this.alertElement=(r(this,se),r(this,oe,void 0)),this.buttonElement=(r(this,le),r(this,ce,void 0)),this.inputElements=(r(this,de),r(this,he,void 0)),this.alertMessage=(r(this,me),r(this,ue,"")),this.alertVariant=(r(this,ge),r(this,be,"")),r(this,pe)}},a})();return e.SniceLogin=n,e}({},Snice);
 //# sourceMappingURL=snice-login.min.js.map