snice 2.1.5 → 2.2.1

package/dist/components/login/snice-login.js

@@ -0,0 +1,382 @@
+import { __runInitializers, __esDecorate } from 'tslib';
+import { element, property, query, queryAll, request, on, dispatch } from 'snice';
+import '../alert/snice-alert.js';
+import '../button/snice-button.js';
+
+var css = "/* Login Component */\n:host {\n  display: block;\n  font-family: var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);\n}\n\n.login {\n  max-width: 24rem; /* 384px */\n  margin: 0 auto;\n}\n\n.login--card {\n  background: var(--snice-color-background-element, rgb(252 251 249));\n  border: 1px solid var(--snice-color-border, rgb(226 226 226));\n  border-radius: var(--snice-border-radius-lg, 0.5rem);\n  padding: var(--snice-spacing-xl, 2rem);\n  box-shadow: var(--snice-shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1));\n}\n\n.login--minimal {\n  background: transparent;\n  border: none;\n  padding: 0;\n  box-shadow: none;\n}\n\n.login--small {\n  max-width: 20rem; /* 320px */\n}\n\n.login--large {\n  max-width: 28rem; /* 448px */\n}\n\n.login__header {\n  text-align: center;\n  margin-bottom: var(--snice-spacing-xl, 2rem);\n}\n\n.login__title {\n  margin: 0 0 var(--snice-spacing-xs, 0.5rem) 0;\n  font-size: var(--snice-font-size-2xl, 1.5rem);\n  font-weight: var(--snice-font-weight-bold, 700);\n  color: var(--snice-color-text, rgb(23 23 23));\n}\n\n.login__subtitle {\n  margin: 0;\n  font-size: var(--snice-font-size-sm, 0.875rem);\n  color: var(--snice-color-text-secondary, rgb(82 82 82));\n}\n\n.login__form {\n  display: flex;\n  flex-direction: column;\n  gap: var(--snice-spacing-md, 1rem);\n}\n\n.login__field {\n  display: flex;\n  flex-direction: column;\n  gap: var(--snice-spacing-2xs, 0.25rem);\n}\n\n.login__label {\n  font-size: var(--snice-font-size-sm, 0.875rem);\n  font-weight: var(--snice-font-weight-medium, 500);\n  color: var(--snice-color-text, rgb(23 23 23));\n}\n\n.login__input {\n  padding: var(--snice-spacing-sm, 0.75rem);\n  border: 1px solid var(--snice-color-border, rgb(226 226 226));\n  border-radius: var(--snice-border-radius-md, 0.25rem);\n  font-size: var(--snice-font-size-md, 1rem);\n  font-family: var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);\n  transition: border-color var(--snice-transition-fast, 150ms) ease;\n  background: var(--snice-color-background, rgb(255 255 255));\n  color: var(--snice-color-text, rgb(23 23 23));\n}\n\n.login__input:focus {\n  outline: none;\n  border-color: var(--snice-color-border-focus, rgb(59 130 246));\n  box-shadow: 0 0 0 var(--snice-focus-ring-width, 2px) var(--snice-focus-ring-color, rgb(59 130 246 / 0.5));\n}\n\n.login__input:disabled {\n  background: var(--snice-color-background-secondary, rgb(250 250 250));\n  color: var(--snice-color-text-tertiary, rgb(115 115 115));\n  cursor: not-allowed;\n}\n\n.login__input--error {\n  border-color: var(--snice-color-danger, rgb(220 38 38));\n}\n\n.login__input--error:focus {\n  border-color: var(--snice-color-danger, rgb(220 38 38));\n  box-shadow: 0 0 0 var(--snice-focus-ring-width, 2px) rgb(239 68 68 / 0.2);\n}\n\n.login__options {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin: var(--snice-spacing-xs, 0.5rem) 0;\n}\n\n.login__remember {\n  display: flex;\n  align-items: center;\n  gap: var(--snice-spacing-xs, 0.5rem);\n  font-size: var(--snice-font-size-sm, 0.875rem);\n  color: var(--snice-color-text-secondary, rgb(82 82 82));\n}\n\n.login__checkbox {\n  margin: 0;\n}\n\n.login__forgot {\n  font-size: var(--snice-font-size-sm, 0.875rem);\n  color: var(--snice-color-primary, rgb(37 99 235));\n  text-decoration: none;\n  transition: color var(--snice-transition-fast, 150ms) ease;\n}\n\n.login__forgot:hover {\n  color: var(--snice-color-primary-hover, rgb(29 78 216));\n  text-decoration: underline;\n}\n\n\n\n.login__footer {\n  text-align: center;\n  margin-top: var(--snice-spacing-lg, 1.5rem);\n}\n\n.login__footer ::slotted(*) {\n  font-size: var(--snice-font-size-sm, 0.875rem);\n  color: var(--snice-color-text-secondary, rgb(82 82 82));\n}\n\n.login__footer ::slotted(a) {\n  color: var(--snice-color-primary, rgb(37 99 235));\n  text-decoration: none;\n}\n\n.login__footer ::slotted(a:hover) {\n  text-decoration: underline;\n}\n\n/* Size variants */\n.login--small .login__title {\n  font-size: 1.25rem; /* 20px */\n}\n\n.login--small .login__input,\n.login--small .login__button {\n  padding: 0.625rem; /* 10px */\n  font-size: 0.875rem; /* 14px */\n}\n\n.login--small .login__button {\n  min-height: 2.5rem; /* 40px */\n}\n\n.login--large .login__title {\n  font-size: 1.875rem; /* 30px */\n}\n\n.login--large .login__input,\n.login--large .login__button {\n  padding: 1rem; /* 16px */\n  font-size: 1.125rem; /* 18px */\n}\n\n.login--large .login__button {\n  min-height: 3.5rem; /* 56px */\n}\n\n[hidden] {\n  display: none;\n}\n\nsnice-alert {\n  margin-top: var(--snice-spacing-md, 1rem);\n}\n\n/* Mobile responsive */\n@media (max-width: 640px) {\n  .login {\n    max-width: none;\n    margin: 0;\n  }\n  \n  .login--card {\n    border-radius: 0;\n    border-left: none;\n    border-right: none;\n  }\n}";
+
+let SniceLogin = (() => {
+    let _classDecorators = [element('snice-login')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    let _instanceExtraInitializers = [];
+    let _variant_decorators;
+    let _variant_initializers = [];
+    let _variant_extraInitializers = [];
+    let _size_decorators;
+    let _size_initializers = [];
+    let _size_extraInitializers = [];
+    let _title_decorators;
+    let _title_initializers = [];
+    let _title_extraInitializers = [];
+    let _disabled_decorators;
+    let _disabled_initializers = [];
+    let _disabled_extraInitializers = [];
+    let _loading_decorators;
+    let _loading_initializers = [];
+    let _loading_extraInitializers = [];
+    let _showRememberMe_decorators;
+    let _showRememberMe_initializers = [];
+    let _showRememberMe_extraInitializers = [];
+    let _showForgotPassword_decorators;
+    let _showForgotPassword_initializers = [];
+    let _showForgotPassword_extraInitializers = [];
+    let _actionText_decorators;
+    let _actionText_initializers = [];
+    let _actionText_extraInitializers = [];
+    let _form_decorators;
+    let _form_initializers = [];
+    let _form_extraInitializers = [];
+    let _usernameInput_decorators;
+    let _usernameInput_initializers = [];
+    let _usernameInput_extraInitializers = [];
+    let _passwordInput_decorators;
+    let _passwordInput_initializers = [];
+    let _passwordInput_extraInitializers = [];
+    let _rememberInput_decorators;
+    let _rememberInput_initializers = [];
+    let _rememberInput_extraInitializers = [];
+    let _alertElement_decorators;
+    let _alertElement_initializers = [];
+    let _alertElement_extraInitializers = [];
+    let _buttonElement_decorators;
+    let _buttonElement_initializers = [];
+    let _buttonElement_extraInitializers = [];
+    let _inputElements_decorators;
+    let _inputElements_initializers = [];
+    let _inputElements_extraInitializers = [];
+    let _login_decorators;
+    let _handleButtonClick_decorators;
+    let _handleSubmit_decorators;
+    let _handleEnterKey_decorators;
+    let _handleForgotPassword_decorators;
+    let _dispatchLoginSuccess_decorators;
+    let _dispatchLoginError_decorators;
+    (class extends _classSuper {
+        static { _classThis = this; }
+        constructor() {
+            super(...arguments);
+            this.variant = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _variant_initializers, 'default'));
+            this.size = (__runInitializers(this, _variant_extraInitializers), __runInitializers(this, _size_initializers, 'medium'));
+            this.title = (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _title_initializers, 'Sign In'));
+            this.disabled = (__runInitializers(this, _title_extraInitializers), __runInitializers(this, _disabled_initializers, false));
+            this.loading = (__runInitializers(this, _disabled_extraInitializers), __runInitializers(this, _loading_initializers, false));
+            this.showRememberMe = (__runInitializers(this, _loading_extraInitializers), __runInitializers(this, _showRememberMe_initializers, true));
+            this.showForgotPassword = (__runInitializers(this, _showRememberMe_extraInitializers), __runInitializers(this, _showForgotPassword_initializers, true));
+            this.actionText = (__runInitializers(this, _showForgotPassword_extraInitializers), __runInitializers(this, _actionText_initializers, 'Sign In'));
+            this.form = (__runInitializers(this, _actionText_extraInitializers), __runInitializers(this, _form_initializers, void 0));
+            this.usernameInput = (__runInitializers(this, _form_extraInitializers), __runInitializers(this, _usernameInput_initializers, void 0));
+            this.passwordInput = (__runInitializers(this, _usernameInput_extraInitializers), __runInitializers(this, _passwordInput_initializers, void 0));
+            this.rememberInput = (__runInitializers(this, _passwordInput_extraInitializers), __runInitializers(this, _rememberInput_initializers, void 0));
+            this.alertElement = (__runInitializers(this, _rememberInput_extraInitializers), __runInitializers(this, _alertElement_initializers, void 0));
+            this.buttonElement = (__runInitializers(this, _alertElement_extraInitializers), __runInitializers(this, _buttonElement_initializers, void 0));
+            this.inputElements = (__runInitializers(this, _buttonElement_extraInitializers), __runInitializers(this, _inputElements_initializers, void 0));
+            this.alertMessage = (__runInitializers(this, _inputElements_extraInitializers), '');
+            this.alertVariant = '';
+        }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _variant_decorators = [property({ reflect: true })];
+            _size_decorators = [property({ reflect: true })];
+            _title_decorators = [property({ reflect: true })];
+            _disabled_decorators = [property({ type: Boolean, reflect: true })];
+            _loading_decorators = [property({ type: Boolean, reflect: true })];
+            _showRememberMe_decorators = [property({ type: Boolean, reflect: true, attribute: 'show-remember-me' })];
+            _showForgotPassword_decorators = [property({ type: Boolean, reflect: true, attribute: 'show-forgot-password' })];
+            _actionText_decorators = [property({ reflect: true, attribute: 'action-text' })];
+            _form_decorators = [query('.login__form')];
+            _usernameInput_decorators = [query('input[name="username"]')];
+            _passwordInput_decorators = [query('input[name="password"]')];
+            _rememberInput_decorators = [query('input[name="remember"]')];
+            _alertElement_decorators = [query('snice-alert')];
+            _buttonElement_decorators = [query('snice-button')];
+            _inputElements_decorators = [queryAll('input')];
+            _login_decorators = [request('login-user')];
+            _handleButtonClick_decorators = [on('click', 'snice-button')];
+            _handleSubmit_decorators = [on('submit', '.login__form'), dispatch('@snice/login-attempt', { bubbles: true, composed: true })];
+            _handleEnterKey_decorators = [on('keydown:Enter', '.login__input')];
+            _handleForgotPassword_decorators = [on('click', '.login__forgot'), dispatch('@snice/login-forgot-password', { bubbles: true, composed: true })];
+            _dispatchLoginSuccess_decorators = [dispatch('@snice/login-success', { bubbles: true, composed: true })];
+            _dispatchLoginError_decorators = [dispatch('@snice/login-error', { bubbles: true, composed: true })];
+            __esDecorate(this, null, _login_decorators, { kind: "method", name: "login", static: false, private: false, access: { has: obj => "login" in obj, get: obj => obj.login }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _handleButtonClick_decorators, { kind: "method", name: "handleButtonClick", static: false, private: false, access: { has: obj => "handleButtonClick" in obj, get: obj => obj.handleButtonClick }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _handleSubmit_decorators, { kind: "method", name: "handleSubmit", static: false, private: false, access: { has: obj => "handleSubmit" in obj, get: obj => obj.handleSubmit }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _handleEnterKey_decorators, { kind: "method", name: "handleEnterKey", static: false, private: false, access: { has: obj => "handleEnterKey" in obj, get: obj => obj.handleEnterKey }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _handleForgotPassword_decorators, { kind: "method", name: "handleForgotPassword", static: false, private: false, access: { has: obj => "handleForgotPassword" in obj, get: obj => obj.handleForgotPassword }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _dispatchLoginSuccess_decorators, { kind: "method", name: "dispatchLoginSuccess", static: false, private: false, access: { has: obj => "dispatchLoginSuccess" in obj, get: obj => obj.dispatchLoginSuccess }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _dispatchLoginError_decorators, { kind: "method", name: "dispatchLoginError", static: false, private: false, access: { has: obj => "dispatchLoginError" in obj, get: obj => obj.dispatchLoginError }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(null, null, _variant_decorators, { kind: "field", name: "variant", static: false, private: false, access: { has: obj => "variant" in obj, get: obj => obj.variant, set: (obj, value) => { obj.variant = value; } }, metadata: _metadata }, _variant_initializers, _variant_extraInitializers);
+            __esDecorate(null, null, _size_decorators, { kind: "field", name: "size", static: false, private: false, access: { has: obj => "size" in obj, get: obj => obj.size, set: (obj, value) => { obj.size = value; } }, metadata: _metadata }, _size_initializers, _size_extraInitializers);
+            __esDecorate(null, null, _title_decorators, { kind: "field", name: "title", static: false, private: false, access: { has: obj => "title" in obj, get: obj => obj.title, set: (obj, value) => { obj.title = value; } }, metadata: _metadata }, _title_initializers, _title_extraInitializers);
+            __esDecorate(null, null, _disabled_decorators, { kind: "field", name: "disabled", static: false, private: false, access: { has: obj => "disabled" in obj, get: obj => obj.disabled, set: (obj, value) => { obj.disabled = value; } }, metadata: _metadata }, _disabled_initializers, _disabled_extraInitializers);
+            __esDecorate(null, null, _loading_decorators, { kind: "field", name: "loading", static: false, private: false, access: { has: obj => "loading" in obj, get: obj => obj.loading, set: (obj, value) => { obj.loading = value; } }, metadata: _metadata }, _loading_initializers, _loading_extraInitializers);
+            __esDecorate(null, null, _showRememberMe_decorators, { kind: "field", name: "showRememberMe", static: false, private: false, access: { has: obj => "showRememberMe" in obj, get: obj => obj.showRememberMe, set: (obj, value) => { obj.showRememberMe = value; } }, metadata: _metadata }, _showRememberMe_initializers, _showRememberMe_extraInitializers);
+            __esDecorate(null, null, _showForgotPassword_decorators, { kind: "field", name: "showForgotPassword", static: false, private: false, access: { has: obj => "showForgotPassword" in obj, get: obj => obj.showForgotPassword, set: (obj, value) => { obj.showForgotPassword = value; } }, metadata: _metadata }, _showForgotPassword_initializers, _showForgotPassword_extraInitializers);
+            __esDecorate(null, null, _actionText_decorators, { kind: "field", name: "actionText", static: false, private: false, access: { has: obj => "actionText" in obj, get: obj => obj.actionText, set: (obj, value) => { obj.actionText = value; } }, metadata: _metadata }, _actionText_initializers, _actionText_extraInitializers);
+            __esDecorate(null, null, _form_decorators, { kind: "field", name: "form", static: false, private: false, access: { has: obj => "form" in obj, get: obj => obj.form, set: (obj, value) => { obj.form = value; } }, metadata: _metadata }, _form_initializers, _form_extraInitializers);
+            __esDecorate(null, null, _usernameInput_decorators, { kind: "field", name: "usernameInput", static: false, private: false, access: { has: obj => "usernameInput" in obj, get: obj => obj.usernameInput, set: (obj, value) => { obj.usernameInput = value; } }, metadata: _metadata }, _usernameInput_initializers, _usernameInput_extraInitializers);
+            __esDecorate(null, null, _passwordInput_decorators, { kind: "field", name: "passwordInput", static: false, private: false, access: { has: obj => "passwordInput" in obj, get: obj => obj.passwordInput, set: (obj, value) => { obj.passwordInput = value; } }, metadata: _metadata }, _passwordInput_initializers, _passwordInput_extraInitializers);
+            __esDecorate(null, null, _rememberInput_decorators, { kind: "field", name: "rememberInput", static: false, private: false, access: { has: obj => "rememberInput" in obj, get: obj => obj.rememberInput, set: (obj, value) => { obj.rememberInput = value; } }, metadata: _metadata }, _rememberInput_initializers, _rememberInput_extraInitializers);
+            __esDecorate(null, null, _alertElement_decorators, { kind: "field", name: "alertElement", static: false, private: false, access: { has: obj => "alertElement" in obj, get: obj => obj.alertElement, set: (obj, value) => { obj.alertElement = value; } }, metadata: _metadata }, _alertElement_initializers, _alertElement_extraInitializers);
+            __esDecorate(null, null, _buttonElement_decorators, { kind: "field", name: "buttonElement", static: false, private: false, access: { has: obj => "buttonElement" in obj, get: obj => obj.buttonElement, set: (obj, value) => { obj.buttonElement = value; } }, metadata: _metadata }, _buttonElement_initializers, _buttonElement_extraInitializers);
+            __esDecorate(null, null, _inputElements_decorators, { kind: "field", name: "inputElements", static: false, private: false, access: { has: obj => "inputElements" in obj, get: obj => obj.inputElements, set: (obj, value) => { obj.inputElements = value; } }, metadata: _metadata }, _inputElements_initializers, _inputElements_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        html() {
+            return /*html*/ `
+      <div class="login login--${this.variant} login--${this.size}">
+        <slot name="before-header"></slot>
+        
+        <div class="login__header">
+          <h1 class="login__title">${this.title}</h1>
+          <slot name="subtitle">
+            <p class="login__subtitle">Enter your credentials to continue</p>
+          </slot>
+        </div>
+        
+        <slot name="after-header"></slot>
+        <slot name="before-form"></slot>
+        
+        <form class="login__form">
+          <slot name="form-top"></slot>
+          
+          <div class="login__field">
+            <label class="login__label" for="username">Username</label>
+            <input 
+              class="login__input"
+              type="text" 
+              name="username" 
+              id="username"
+              required
+              autocomplete="username"
+              placeholder="Enter your username"
+              ${this.disabled || this.loading ? 'disabled' : ''}
+            />
+          </div>
+          
+          <slot name="between-fields"></slot>
+          
+          <div class="login__field">
+            <label class="login__label" for="password">Password</label>
+            <input 
+              class="login__input"
+              type="password" 
+              name="password" 
+              id="password"
+              required
+              autocomplete="current-password"
+              placeholder="Enter your password"
+              ${this.disabled || this.loading ? 'disabled' : ''}
+            />
+          </div>
+          
+          <div class="login__options" ${!this.showRememberMe && !this.showForgotPassword ? 'hidden' : ''}>
+            <label class="login__remember" ${!this.showRememberMe ? 'hidden' : ''}>
+              <input class="login__checkbox" type="checkbox" name="remember" ${this.disabled || this.loading ? 'disabled' : ''} />
+              Remember me
+            </label>
+            
+            <a href="#" class="login__forgot" ${!this.showForgotPassword ? 'hidden' : ''}>Forgot password?</a>
+          </div>
+          
+          <slot name="before-submit"></slot>
+          
+          <snice-button type="submit" variant="primary" ${this.disabled ? 'disabled' : ''} ${this.loading ? 'loading' : ''}>
+            ${this.actionText}
+          </snice-button>
+          
+          <slot name="after-submit"></slot>
+        </form>
+        
+        <slot name="after-form"></slot>
+        
+        <snice-alert variant="${this.alertVariant}" ${!this.alertMessage ? 'hidden' : ''}>${this.alertMessage}</snice-alert>
+        
+        <div class="login__footer">
+          <slot name="footer"></slot>
+        </div>
+      </div>
+    `;
+        }
+        css() {
+            return css;
+        }
+        async *login(credentials) {
+            if (!credentials) {
+                credentials = this.getFormData();
+            }
+            if (!credentials.username || !credentials.password) {
+                return {
+                    success: false,
+                    error: 'Username and password are required'
+                };
+            }
+            try {
+                const result = await (yield credentials);
+                return result;
+            }
+            catch (error) {
+                return {
+                    success: false,
+                    error: error instanceof Error ? error.message : 'Login failed'
+                };
+            }
+        }
+        async handleButtonClick(event) {
+            event.preventDefault();
+            // Trigger form submit
+            if (this.form) {
+                this.form.requestSubmit();
+            }
+        }
+        async handleSubmit(event) {
+            event.preventDefault();
+            if (this.loading || this.disabled) {
+                return;
+            }
+            this.clearAlert();
+            this.loading = true;
+            this.updateLoadingState();
+            // Wait a tick to ensure the form is properly rendered
+            await new Promise(resolve => setTimeout(resolve, 0));
+            try {
+                const credentials = this.getFormData();
+                if (!credentials.username || !credentials.password) {
+                    this.showAlert('Username and password are required', 'error');
+                    return;
+                }
+                const result = await this.login(credentials);
+                if (result.success) {
+                    this.showAlert('Login successful!', 'success');
+                    this.dispatchLoginSuccess(result);
+                }
+                else {
+                    this.showAlert(result.error || 'Login failed', 'error');
+                    this.dispatchLoginError(result.error || 'Login failed');
+                }
+            }
+            catch (error) {
+                const errorMessage = error instanceof Error ? error.message : 'Login failed';
+                this.showAlert(errorMessage, 'error');
+                this.dispatchLoginError(errorMessage);
+            }
+            finally {
+                this.loading = false;
+                this.updateLoadingState();
+            }
+            const credentials = this.getFormData();
+            return {
+                username: credentials.username,
+                timestamp: new Date().toISOString()
+            };
+        }
+        handleEnterKey() {
+            if (!this.loading && !this.disabled && this.form) {
+                this.form.requestSubmit();
+            }
+        }
+        handleForgotPassword(event) {
+            event.preventDefault();
+            return {
+                timestamp: new Date().toISOString()
+            };
+        }
+        dispatchLoginSuccess(result) {
+            return { timestamp: new Date().toISOString() };
+        }
+        dispatchLoginError(error) {
+            return {
+                error,
+                timestamp: new Date().toISOString()
+            };
+        }
+        getFormData() {
+            const usernameInput = this.shadowRoot?.querySelector('#username');
+            const passwordInput = this.shadowRoot?.querySelector('#password');
+            const rememberInput = this.shadowRoot?.querySelector('input[name="remember"]');
+            return {
+                username: usernameInput?.value || '',
+                password: passwordInput?.value || '',
+                remember: rememberInput?.checked || false
+            };
+        }
+        showAlert(message, variant) {
+            this.alertMessage = message;
+            this.alertVariant = variant;
+            this.updateAlert();
+        }
+        clearAlert() {
+            this.alertMessage = '';
+            this.alertVariant = '';
+            this.updateAlert();
+        }
+        updateAlert() {
+            if (this.alertElement) {
+                this.alertElement.setAttribute('variant', this.alertVariant);
+                this.alertElement.textContent = this.alertMessage;
+                if (this.alertMessage) {
+                    this.alertElement.removeAttribute('hidden');
+                }
+                else {
+                    this.alertElement.setAttribute('hidden', '');
+                }
+            }
+        }
+        updateLoadingState() {
+            if (this.buttonElement) {
+                if (this.loading) {
+                    this.buttonElement.setAttribute('loading', '');
+                }
+                else {
+                    this.buttonElement.removeAttribute('loading');
+                }
+                if (this.disabled) {
+                    this.buttonElement.setAttribute('disabled', '');
+                }
+                else {
+                    this.buttonElement.removeAttribute('disabled');
+                }
+            }
+            this.inputElements?.forEach(input => {
+                if (this.disabled || this.loading) {
+                    input.setAttribute('disabled', '');
+                }
+                else {
+                    input.removeAttribute('disabled');
+                }
+            });
+        }
+        setError(message) {
+            this.showAlert(message, 'error');
+        }
+        clearError() {
+            this.clearAlert();
+        }
+        reset() {
+            if (this.form) {
+                this.form.reset();
+            }
+            this.clearAlert();
+            this.loading = false;
+        }
+    });
+    return _classThis;
+})();
+
+export { SniceLogin };
+//# sourceMappingURL=snice-login.js.map

package/dist/components/login/snice-login.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snice-login.js","sources":["../../../components/login/snice-login.css?inline","../../../../components/login/snice-login.ts"],"sourcesContent":["export default \"/* Login Component */\\n:host {\\n  display: block;\\n  font-family: var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);\\n}\\n\\n.login {\\n  max-width: 24rem; /* 384px */\\n  margin: 0 auto;\\n}\\n\\n.login--card {\\n  background: var(--snice-color-background-element, rgb(252 251 249));\\n  border: 1px solid var(--snice-color-border, rgb(226 226 226));\\n  border-radius: var(--snice-border-radius-lg, 0.5rem);\\n  padding: var(--snice-spacing-xl, 2rem);\\n  box-shadow: var(--snice-shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1));\\n}\\n\\n.login--minimal {\\n  background: transparent;\\n  border: none;\\n  padding: 0;\\n  box-shadow: none;\\n}\\n\\n.login--small {\\n  max-width: 20rem; /* 320px */\\n}\\n\\n.login--large {\\n  max-width: 28rem; /* 448px */\\n}\\n\\n.login__header {\\n  text-align: center;\\n  margin-bottom: var(--snice-spacing-xl, 2rem);\\n}\\n\\n.login__title {\\n  margin: 0 0 var(--snice-spacing-xs, 0.5rem) 0;\\n  font-size: var(--snice-font-size-2xl, 1.5rem);\\n  font-weight: var(--snice-font-weight-bold, 700);\\n  color: var(--snice-color-text, rgb(23 23 23));\\n}\\n\\n.login__subtitle {\\n  margin: 0;\\n  font-size: var(--snice-font-size-sm, 0.875rem);\\n  color: var(--snice-color-text-secondary, rgb(82 82 82));\\n}\\n\\n.login__form {\\n  display: flex;\\n  flex-direction: column;\\n  gap: var(--snice-spacing-md, 1rem);\\n}\\n\\n.login__field {\\n  display: flex;\\n  flex-direction: column;\\n  gap: var(--snice-spacing-2xs, 0.25rem);\\n}\\n\\n.login__label {\\n  font-size: var(--snice-font-size-sm, 0.875rem);\\n  font-weight: var(--snice-font-weight-medium, 500);\\n  color: var(--snice-color-text, rgb(23 23 23));\\n}\\n\\n.login__input {\\n  padding: var(--snice-spacing-sm, 0.75rem);\\n  border: 1px solid var(--snice-color-border, rgb(226 226 226));\\n  border-radius: var(--snice-border-radius-md, 0.25rem);\\n  font-size: var(--snice-font-size-md, 1rem);\\n  font-family: var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);\\n  transition: border-color var(--snice-transition-fast, 150ms) ease;\\n  background: var(--snice-color-background, rgb(255 255 255));\\n  color: var(--snice-color-text, rgb(23 23 23));\\n}\\n\\n.login__input:focus {\\n  outline: none;\\n  border-color: var(--snice-color-border-focus, rgb(59 130 246));\\n  box-shadow: 0 0 0 var(--snice-focus-ring-width, 2px) var(--snice-focus-ring-color, rgb(59 130 246 / 0.5));\\n}\\n\\n.login__input:disabled {\\n  background: var(--snice-color-background-secondary, rgb(250 250 250));\\n  color: var(--snice-color-text-tertiary, rgb(115 115 115));\\n  cursor: not-allowed;\\n}\\n\\n.login__input--error {\\n  border-color: var(--snice-color-danger, rgb(220 38 38));\\n}\\n\\n.login__input--error:focus {\\n  border-color: var(--snice-color-danger, rgb(220 38 38));\\n  box-shadow: 0 0 0 var(--snice-focus-ring-width, 2px) rgb(239 68 68 / 0.2);\\n}\\n\\n.login__options {\\n  display: flex;\\n  justify-content: space-between;\\n  align-items: center;\\n  margin: var(--snice-spacing-xs, 0.5rem) 0;\\n}\\n\\n.login__remember {\\n  display: flex;\\n  align-items: center;\\n  gap: var(--snice-spacing-xs, 0.5rem);\\n  font-size: var(--snice-font-size-sm, 0.875rem);\\n  color: var(--snice-color-text-secondary, rgb(82 82 82));\\n}\\n\\n.login__checkbox {\\n  margin: 0;\\n}\\n\\n.login__forgot {\\n  font-size: var(--snice-font-size-sm, 0.875rem);\\n  color: var(--snice-color-primary, rgb(37 99 235));\\n  text-decoration: none;\\n  transition: color var(--snice-transition-fast, 150ms) ease;\\n}\\n\\n.login__forgot:hover {\\n  color: var(--snice-color-primary-hover, rgb(29 78 216));\\n  text-decoration: underline;\\n}\\n\\n\\n\\n.login__footer {\\n  text-align: center;\\n  margin-top: var(--snice-spacing-lg, 1.5rem);\\n}\\n\\n.login__footer ::slotted(*) {\\n  font-size: var(--snice-font-size-sm, 0.875rem);\\n  color: var(--snice-color-text-secondary, rgb(82 82 82));\\n}\\n\\n.login__footer ::slotted(a) {\\n  color: var(--snice-color-primary, rgb(37 99 235));\\n  text-decoration: none;\\n}\\n\\n.login__footer ::slotted(a:hover) {\\n  text-decoration: underline;\\n}\\n\\n/* Size variants */\\n.login--small .login__title {\\n  font-size: 1.25rem; /* 20px */\\n}\\n\\n.login--small .login__input,\\n.login--small .login__button {\\n  padding: 0.625rem; /* 10px */\\n  font-size: 0.875rem; /* 14px */\\n}\\n\\n.login--small .login__button {\\n  min-height: 2.5rem; /* 40px */\\n}\\n\\n.login--large .login__title {\\n  font-size: 1.875rem; /* 30px */\\n}\\n\\n.login--large .login__input,\\n.login--large .login__button {\\n  padding: 1rem; /* 16px */\\n  font-size: 1.125rem; /* 18px */\\n}\\n\\n.login--large .login__button {\\n  min-height: 3.5rem; /* 56px */\\n}\\n\\n[hidden] {\\n  display: none;\\n}\\n\\nsnice-alert {\\n  margin-top: var(--snice-spacing-md, 1rem);\\n}\\n\\n/* Mobile responsive */\\n@media (max-width: 640px) {\\n  .login {\\n    max-width: none;\\n    margin: 0;\\n  }\\n  \\n  .login--card {\\n    border-radius: 0;\\n    border-left: none;\\n    border-right: none;\\n  }\\n}\";",null],"names":[],"mappings":";;;;;AAAA,UAAe,82JAA82J;;ICOh3J,UAAU,GAAA,CAAA,MAAA;4BADtB,OAAO,CAAC,aAAa,CAAC,CAAA;;;;sBACS,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAnB,KAAA,cAAQ,WAAW,CAAA;;;;AAEzC,YAAA,IAAA,CAAA,OAAO,IAFI,iBAAA,CAAA,IAAA,EAAA,0BAAA,CAAU,EAAA,iBAAA,CAAA,IAAA,EAAA,qBAAA,EAEG,SAAS,CAAA,CAAA;YAGjC,IAAA,CAAA,IAAI,IAAA,iBAAA,CAAA,IAAA,EAAA,0BAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,kBAAA,EAAc,QAAQ,CAAA,CAAA;YAG1B,IAAA,CAAA,KAAK,IAAA,iBAAA,CAAA,IAAA,EAAA,uBAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,mBAAA,EAAG,SAAS,CAAA,CAAA;YAGjB,IAAA,CAAA,QAAQ,IAAA,iBAAA,CAAA,IAAA,EAAA,wBAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,sBAAA,EAAG,KAAK,CAAA,CAAA;YAGhB,IAAA,CAAA,OAAO,IAAA,iBAAA,CAAA,IAAA,EAAA,2BAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,qBAAA,EAAG,KAAK,CAAA,CAAA;YAGf,IAAA,CAAA,cAAc,IAAA,iBAAA,CAAA,IAAA,EAAA,0BAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,4BAAA,EAAG,IAAI,CAAA,CAAA;YAGrB,IAAA,CAAA,kBAAkB,IAAA,iBAAA,CAAA,IAAA,EAAA,iCAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,gCAAA,EAAG,IAAI,CAAA,CAAA;YAGzB,IAAA,CAAA,UAAU,IAAA,iBAAA,CAAA,IAAA,EAAA,qCAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,wBAAA,EAAG,SAAS,CAAA,CAAA;AAGtB,YAAA,IAAA,CAAA,IAAI,IAAA,iBAAA,CAAA,IAAA,EAAA,6BAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,kBAAA,EAAA,MAAA,CAAA,CAAA;AAGJ,YAAA,IAAA,CAAA,aAAa,IAAA,iBAAA,CAAA,IAAA,EAAA,uBAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,2BAAA,EAAA,MAAA,CAAA,CAAA;AAGb,YAAA,IAAA,CAAA,aAAa,IAAA,iBAAA,CAAA,IAAA,EAAA,gCAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,2BAAA,EAAA,MAAA,CAAA,CAAA;AAGb,YAAA,IAAA,CAAA,aAAa,IAAA,iBAAA,CAAA,IAAA,EAAA,gCAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,2BAAA,EAAA,MAAA,CAAA,CAAA;AAGb,YAAA,IAAA,CAAA,YAAY,IAAA,iBAAA,CAAA,IAAA,EAAA,gCAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,0BAAA,EAAA,MAAA,CAAA,CAAA;AAGZ,YAAA,IAAA,CAAA,aAAa,IAAA,iBAAA,CAAA,IAAA,EAAA,+BAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,2BAAA,EAAA,MAAA,CAAA,CAAA;AAGb,YAAA,IAAA,CAAA,aAAa,IAAA,iBAAA,CAAA,IAAA,EAAA,gCAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,2BAAA,EAAA,MAAA,CAAA,CAAA;YAEL,IAAA,CAAA,YAAY,IAAA,iBAAA,CAAA,IAAA,EAAA,gCAAA,CAAA,EAAG,EAAE,CAAA;YACjB,IAAA,CAAA,YAAY,GAA6B,EAAE;QA+QrD;;;AA7TG,YAAA,mBAAA,GAAA,CAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;AAG3B,YAAA,gBAAA,GAAA,CAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;AAG3B,YAAA,iBAAA,GAAA,CAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;oCAG3B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;mCAG1C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;AAG1C,YAAA,0BAAA,GAAA,CAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC,CAAA;AAGzE,YAAA,8BAAA,GAAA,CAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,sBAAsB,EAAE,CAAC,CAAA;sCAG7E,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC,CAAA;gCAGrD,KAAK,CAAC,cAAc,CAAC,CAAA;yCAGrB,KAAK,CAAC,wBAAwB,CAAC,CAAA;yCAG/B,KAAK,CAAC,wBAAwB,CAAC,CAAA;yCAG/B,KAAK,CAAC,wBAAwB,CAAC,CAAA;wCAG/B,KAAK,CAAC,aAAa,CAAC,CAAA;yCAGpB,KAAK,CAAC,cAAc,CAAC,CAAA;yCAGrB,QAAQ,CAAC,OAAO,CAAC,CAAA;iCAwFjB,OAAO,CAAC,YAAY,CAAC,CAAA;AAwBrB,YAAA,6BAAA,GAAA,CAAA,EAAE,CAAC,OAAO,EAAE,cAAc,CAAC,CAAA;AAS3B,YAAA,wBAAA,GAAA,CAAA,EAAE,CAAC,QAAQ,EAAE,cAAc,CAAC,EAC5B,QAAQ,CAAC,sBAAsB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAA;AAgDnE,YAAA,0BAAA,GAAA,CAAA,EAAE,CAAC,eAAe,EAAE,eAAe,CAAC,CAAA;AAOpC,YAAA,gCAAA,GAAA,CAAA,EAAE,CAAC,OAAO,EAAE,gBAAgB,CAAC,EAC7B,QAAQ,CAAC,8BAA8B,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAA;AAQ3E,YAAA,gCAAA,GAAA,CAAA,QAAQ,CAAC,sBAAsB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAA;AAKnE,YAAA,8BAAA,GAAA,CAAA,QAAQ,CAAC,oBAAoB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAA;AAtGlE,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,OAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,OAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAO,KAAK,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AAwBZ,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,6BAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,mBAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAM,iBAAiB,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AAUvB,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,wBAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,cAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAM,YAAY,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AAgDlB,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,0BAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,gBAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,cAAc,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AAQd,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,gCAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,sBAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,oBAAoB,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AAQpB,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,gCAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,sBAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAQ,oBAAoB,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AAK5B,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,8BAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,oBAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAQ,kBAAkB,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;YAzO1B,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,mBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,SAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,SAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,OAAO,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAP,OAAO,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,qBAAA,EAAA,0BAAA,CAAA;YAGP,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,gBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,MAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,IAAI,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAJ,IAAI,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,kBAAA,EAAA,uBAAA,CAAA;YAGJ,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,OAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,OAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,KAAK,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAL,KAAK,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,mBAAA,EAAA,wBAAA,CAAA;YAGL,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,oBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,UAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,UAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,QAAQ,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAR,QAAQ,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,sBAAA,EAAA,2BAAA,CAAA;YAGR,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,mBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,SAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,SAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,OAAO,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAP,OAAO,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,qBAAA,EAAA,0BAAA,CAAA;YAGP,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,0BAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,gBAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,cAAc,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAd,cAAc,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,4BAAA,EAAA,iCAAA,CAAA;YAGd,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,8BAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,oBAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,kBAAkB,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAlB,kBAAkB,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,gCAAA,EAAA,qCAAA,CAAA;YAGlB,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,sBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,YAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,YAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,UAAU,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAV,UAAU,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,wBAAA,EAAA,6BAAA,CAAA;YAGV,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,gBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,MAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,IAAI,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAJ,IAAI,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,kBAAA,EAAA,uBAAA,CAAA;YAGJ,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,yBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,eAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,eAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,aAAa,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAb,aAAa,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,2BAAA,EAAA,gCAAA,CAAA;YAGb,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,yBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,eAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,eAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,aAAa,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAb,aAAa,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,2BAAA,EAAA,gCAAA,CAAA;YAGb,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,yBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,eAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,eAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,aAAa,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAb,aAAa,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,2BAAA,EAAA,gCAAA,CAAA;YAGb,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,wBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,cAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,cAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,YAAY,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAZ,YAAY,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,0BAAA,EAAA,+BAAA,CAAA;YAGZ,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,yBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,eAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,eAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,aAAa,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAb,aAAa,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,2BAAA,EAAA,gCAAA,CAAA;YAGb,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,yBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,eAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,eAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,aAAa,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAb,aAAa,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,2BAAA,EAAA,gCAAA,CAAA;YA5Cf,YAAA,CAAA,IAAA,EAAA,gBAAA,GAAA,EAAA,KAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,UAAA,CAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,uBAAA,CAAA;;;YAAa,iBAAA,CAAA,UAAA,EAAA,uBAAA,CAAA;;QAiDX,IAAI,GAAA;AACF,YAAA,gBAAe;AACc,+BAAA,EAAA,IAAI,CAAC,OAAO,CAAA,QAAA,EAAW,IAAI,CAAC,IAAI,CAAA;;;;AAI5B,mCAAA,EAAA,IAAI,CAAC,KAAK,CAAA;;;;;;;;;;;;;;;;;;;;;;AAsB/B,cAAA,EAAA,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,GAAG,UAAU,GAAG,EAAE;;;;;;;;;;;;;;;;AAgB/C,cAAA,EAAA,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,GAAG,UAAU,GAAG,EAAE;;;;AAIvB,sCAAA,EAAA,CAAC,IAAI,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,kBAAkB,GAAG,QAAQ,GAAG,EAAE,CAAA;6CAC3D,CAAC,IAAI,CAAC,cAAc,GAAG,QAAQ,GAAG,EAAE,CAAA;AACF,6EAAA,EAAA,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,GAAG,UAAU,GAAG,EAAE,CAAA;;;;gDAI9E,CAAC,IAAI,CAAC,kBAAkB,GAAG,QAAQ,GAAG,EAAE,CAAA;;;;;0DAK9B,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,IAAI,IAAI,CAAC,OAAO,GAAG,SAAS,GAAG,EAAE,CAAA;AAC5G,YAAA,EAAA,IAAI,CAAC,UAAU;;;;;;;;AAQG,8BAAA,EAAA,IAAI,CAAC,YAAY,CAAA,EAAA,EAAK,CAAC,IAAI,CAAC,YAAY,GAAG,QAAQ,GAAG,EAAE,CAAA,CAAA,EAAI,IAAI,CAAC,YAAY,CAAA;;;;;;KAMxG;QACH;QAGA,GAAG,GAAA;AACD,YAAA,OAAO,GAAG;QACZ;AAGA,QAAA,OAAO,KAAK,CAAC,WAA8B,EAAA;YACzC,IAAI,CAAC,WAAW,EAAE;AAChB,gBAAA,WAAW,GAAG,IAAI,CAAC,WAAW,EAAE;YAClC;YAEA,IAAI,CAAC,WAAW,CAAC,QAAQ,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE;gBAClD,OAAO;AACL,oBAAA,OAAO,EAAE,KAAK;AACd,oBAAA,KAAK,EAAE;iBACR;YACH;AAEA,YAAA,IAAI;AACF,gBAAA,MAAM,MAAM,GAAG,OAAO,MAAM,WAAW,CAAC;AACxC,gBAAA,OAAO,MAAM;YACf;YAAE,OAAO,KAAK,EAAE;gBACd,OAAO;AACL,oBAAA,OAAO,EAAE,KAAK;AACd,oBAAA,KAAK,EAAE,KAAK,YAAY,KAAK,GAAG,KAAK,CAAC,OAAO,GAAG;iBACjD;YACH;QACF;QAGA,MAAM,iBAAiB,CAAC,KAAY,EAAA;YAClC,KAAK,CAAC,cAAc,EAAE;;AAEtB,YAAA,IAAI,IAAI,CAAC,IAAI,EAAE;AACb,gBAAA,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YAC3B;QACF;QAIA,MAAM,YAAY,CAAC,KAAY,EAAA;YAC7B,KAAK,CAAC,cAAc,EAAE;YAEtB,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjC;YACF;YAEA,IAAI,CAAC,UAAU,EAAE;AACjB,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI;YACnB,IAAI,CAAC,kBAAkB,EAAE;;AAGzB,YAAA,MAAM,IAAI,OAAO,CAAC,OAAO,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;AAEpD,YAAA,IAAI;AACF,gBAAA,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,EAAE;gBAEtC,IAAI,CAAC,WAAW,CAAC,QAAQ,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE;AAClD,oBAAA,IAAI,CAAC,SAAS,CAAC,oCAAoC,EAAE,OAAO,CAAC;oBAC7D;gBACF;gBAEA,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC;AAE5C,gBAAA,IAAI,MAAM,CAAC,OAAO,EAAE;AAClB,oBAAA,IAAI,CAAC,SAAS,CAAC,mBAAmB,EAAE,SAAS,CAAC;AAC9C,oBAAA,IAAI,CAAC,oBAAoB,CAAC,MAAM,CAAC;gBACnC;qBAAO;oBACL,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,IAAI,cAAc,EAAE,OAAO,CAAC;oBACvD,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,KAAK,IAAI,cAAc,CAAC;gBACzD;YACF;YAAE,OAAO,KAAK,EAAE;AACd,gBAAA,MAAM,YAAY,GAAG,KAAK,YAAY,KAAK,GAAG,KAAK,CAAC,OAAO,GAAG,cAAc;AAC5E,gBAAA,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,OAAO,CAAC;AACrC,gBAAA,IAAI,CAAC,kBAAkB,CAAC,YAAY,CAAC;YACvC;oBAAU;AACR,gBAAA,IAAI,CAAC,OAAO,GAAG,KAAK;gBACpB,IAAI,CAAC,kBAAkB,EAAE;YAC3B;AAEA,YAAA,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,EAAE;YACtC,OAAO;gBACL,QAAQ,EAAE,WAAW,CAAC,QAAQ;AAC9B,gBAAA,SAAS,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW;aAClC;QACH;QAGA,cAAc,GAAA;AACZ,YAAA,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,IAAI,EAAE;AAChD,gBAAA,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YAC3B;QACF;AAIA,QAAA,oBAAoB,CAAC,KAAY,EAAA;YAC/B,KAAK,CAAC,cAAc,EAAE;YACtB,OAAO;AACL,gBAAA,SAAS,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW;aAClC;QACH;AAGQ,QAAA,oBAAoB,CAAC,MAAmB,EAAA;YAC9C,OAAO,EAAE,SAAS,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,EAAE;QAChD;AAGQ,QAAA,kBAAkB,CAAC,KAAa,EAAA;YACtC,OAAO;gBACL,KAAK;AACL,gBAAA,SAAS,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW;aAClC;QACH;QAGQ,WAAW,GAAA;YACjB,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,WAAW,CAAqB;YACrF,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,WAAW,CAAqB;YACrF,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,wBAAwB,CAAqB;YAElG,OAAO;AACL,gBAAA,QAAQ,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE;AACpC,gBAAA,QAAQ,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE;AACpC,gBAAA,QAAQ,EAAE,aAAa,EAAE,OAAO,IAAI;aACrC;QACH;QAEA,SAAS,CAAC,OAAe,EAAE,OAA4B,EAAA;AACrD,YAAA,IAAI,CAAC,YAAY,GAAG,OAAO;AAC3B,YAAA,IAAI,CAAC,YAAY,GAAG,OAAO;YAC3B,IAAI,CAAC,WAAW,EAAE;QACpB;QAEA,UAAU,GAAA;AACR,YAAA,IAAI,CAAC,YAAY,GAAG,EAAE;AACtB,YAAA,IAAI,CAAC,YAAY,GAAG,EAAE;YACtB,IAAI,CAAC,WAAW,EAAE;QACpB;QAEQ,WAAW,GAAA;AACjB,YAAA,IAAI,IAAI,CAAC,YAAY,EAAE;gBACrB,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,SAAS,EAAE,IAAI,CAAC,YAAY,CAAC;gBAC5D,IAAI,CAAC,YAAY,CAAC,WAAW,GAAG,IAAI,CAAC,YAAY;AACjD,gBAAA,IAAI,IAAI,CAAC,YAAY,EAAE;AACrB,oBAAA,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,QAAQ,CAAC;gBAC7C;qBAAO;oBACL,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,CAAC;gBAC9C;YACF;QACF;QAEQ,kBAAkB,GAAA;AACxB,YAAA,IAAI,IAAI,CAAC,aAAa,EAAE;AACtB,gBAAA,IAAI,IAAI,CAAC,OAAO,EAAE;oBAChB,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,SAAS,EAAE,EAAE,CAAC;gBAChD;qBAAO;AACL,oBAAA,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,SAAS,CAAC;gBAC/C;AAEA,gBAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;oBACjB,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC;gBACjD;qBAAO;AACL,oBAAA,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,UAAU,CAAC;gBAChD;YACF;AAEA,YAAA,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,KAAK,IAAG;gBAClC,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,EAAE;AACjC,oBAAA,KAAK,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC;gBACpC;qBAAO;AACL,oBAAA,KAAK,CAAC,eAAe,CAAC,UAAU,CAAC;gBACnC;AACF,YAAA,CAAC,CAAC;QACJ;AAEA,QAAA,QAAQ,CAAC,OAAe,EAAA;AACtB,YAAA,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC;QAClC;QAEA,UAAU,GAAA;YACR,IAAI,CAAC,UAAU,EAAE;QACnB;QAEA,KAAK,GAAA;AACH,YAAA,IAAI,IAAI,CAAC,IAAI,EAAE;AACb,gBAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YACnB;YACA,IAAI,CAAC,UAAU,EAAE;AACjB,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK;QACtB;;;;;;;"}

package/dist/components/login/snice-login.types.d.ts

@@ -0,0 +1,26 @@
+export type LoginVariant = 'default' | 'card' | 'minimal';
+export type LoginSize = 'small' | 'medium' | 'large';
+export interface LoginCredentials {
+    username: string;
+    password: string;
+    remember?: boolean;
+}
+export interface LoginResult {
+    success: boolean;
+    error?: string;
+    data?: any;
+}
+export interface SniceLoginElement extends HTMLElement {
+    variant: LoginVariant;
+    size: LoginSize;
+    title: string;
+    disabled: boolean;
+    loading: boolean;
+    showRememberMe: boolean;
+    showForgotPassword: boolean;
+    actionText: string;
+    login(credentials: LoginCredentials): Promise<LoginResult>;
+    reset(): void;
+    setError(message: string): void;
+    clearError(): void;
+}

package/dist/components/modal/snice-modal.d.ts

@@ -0,0 +1,32 @@
+import type { ModalSize, SniceModalElement } from './snice-modal.types';
+export declare class SniceModal extends HTMLElement implements SniceModalElement {
+    open: boolean;
+    size: ModalSize;
+    private previousSize;
+    noBackdropDismiss: boolean;
+    noEscapeDismiss: boolean;
+    noFocusTrap: boolean;
+    noCloseButton: boolean;
+    label: string;
+    modal?: HTMLElement;
+    panel?: HTMLElement;
+    backdrop?: HTMLElement;
+    private previousFocus;
+    html(): string;
+    css(): string;
+    init(): void;
+    handleOpenChange(): void;
+    handleSizeChange(): void;
+    handleCloseButtonChange(): void;
+    handleBackdropClick(): void;
+    handleCloseClick(): void;
+    handleEscape(): void;
+    handleTab(e: KeyboardEvent): void;
+    private showModal;
+    private hideModal;
+    private trapFocus;
+    private dispatchOpenEvent;
+    private dispatchCloseEvent;
+    show(): void;
+    close(): void;
+}