snice 1.13.2 → 1.13.4

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

@@ -0,0 +1,45 @@
+import { type Response } from '../../src/index';
+import type { LoginVariant, LoginSize, LoginCredentials, LoginResult, SniceLoginElement } from './snice-login.types';
+import '../alert/snice-alert';
+import '../button/snice-button';
+export declare class SniceLogin extends HTMLElement implements SniceLoginElement {
+    variant: LoginVariant;
+    size: LoginSize;
+    title: string;
+    disabled: boolean;
+    loading: boolean;
+    showRememberMe: boolean;
+    showForgotPassword: boolean;
+    actionText: string;
+    form: HTMLFormElement;
+    usernameInput: HTMLInputElement;
+    passwordInput: HTMLInputElement;
+    rememberInput?: HTMLInputElement;
+    alertElement: HTMLElement;
+    buttonElement: HTMLElement;
+    inputElements: NodeListOf<HTMLInputElement>;
+    private alertMessage;
+    private alertVariant;
+    html(): string;
+    css(): string;
+    login(credentials?: LoginCredentials): Response<LoginResult>;
+    handleButtonClick(event: Event): Promise<void>;
+    handleSubmit(event: Event): Promise<{
+        username: string;
+        timestamp: string;
+    } | undefined>;
+    handleEnterKey(): void;
+    handleForgotPassword(event: Event): {
+        timestamp: string;
+    };
+    private dispatchLoginSuccess;
+    private dispatchLoginError;
+    private getFormData;
+    showAlert(message: string, variant: 'error' | 'success'): void;
+    clearAlert(): void;
+    private updateAlert;
+    private updateLoadingState;
+    setError(message: string): void;
+    clearError(): void;
+    reset(): void;
+}

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

@@ -0,0 +1,385 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { element, property, query, queryAll, on, dispatch, request } from '../../src/index';
+import css from './snice-login.css?inline';
+import '../alert/snice-alert';
+import '../button/snice-button';
+let SniceLogin = class SniceLogin extends HTMLElement {
+    constructor() {
+        super(...arguments);
+        this.variant = 'default';
+        this.size = 'medium';
+        this.title = 'Sign In';
+        this.disabled = false;
+        this.loading = false;
+        this.showRememberMe = true;
+        this.showForgotPassword = true;
+        this.actionText = 'Sign In';
+        this.alertMessage = '';
+        this.alertVariant = '';
+    }
+    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) {
+        console.log('Button clicked'); // Debug
+        event.preventDefault();
+        // Trigger form submit
+        if (this.form) {
+            this.form.requestSubmit();
+        }
+    }
+    async handleSubmit(event) {
+        console.log('Submit handler called'); // Debug
+        event.preventDefault();
+        if (this.loading || this.disabled) {
+            console.log('Submit blocked - loading or disabled'); // Debug
+            return;
+        }
+        console.log('Clearing error and setting loading...'); // Debug
+        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();
+            console.log('Final credentials for login:', credentials); // Debug log
+            if (!credentials.username || !credentials.password) {
+                console.log('Missing credentials detected'); // Debug
+                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';
+            console.log('Login error:', errorMessage); // Debug
+            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 {
+            user: result.user,
+            token: result.token,
+            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;
+    }
+};
+__decorate([
+    property({ reflect: true }),
+    __metadata("design:type", String)
+], SniceLogin.prototype, "variant", void 0);
+__decorate([
+    property({ reflect: true }),
+    __metadata("design:type", String)
+], SniceLogin.prototype, "size", void 0);
+__decorate([
+    property({ reflect: true }),
+    __metadata("design:type", Object)
+], SniceLogin.prototype, "title", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Object)
+], SniceLogin.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Object)
+], SniceLogin.prototype, "loading", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'show-remember-me' }),
+    __metadata("design:type", Object)
+], SniceLogin.prototype, "showRememberMe", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'show-forgot-password' }),
+    __metadata("design:type", Object)
+], SniceLogin.prototype, "showForgotPassword", void 0);
+__decorate([
+    property({ reflect: true, attribute: 'action-text' }),
+    __metadata("design:type", Object)
+], SniceLogin.prototype, "actionText", void 0);
+__decorate([
+    query('.login__form'),
+    __metadata("design:type", HTMLFormElement)
+], SniceLogin.prototype, "form", void 0);
+__decorate([
+    query('input[name="username"]'),
+    __metadata("design:type", HTMLInputElement)
+], SniceLogin.prototype, "usernameInput", void 0);
+__decorate([
+    query('input[name="password"]'),
+    __metadata("design:type", HTMLInputElement)
+], SniceLogin.prototype, "passwordInput", void 0);
+__decorate([
+    query('input[name="remember"]'),
+    __metadata("design:type", HTMLInputElement)
+], SniceLogin.prototype, "rememberInput", void 0);
+__decorate([
+    query('snice-alert'),
+    __metadata("design:type", HTMLElement)
+], SniceLogin.prototype, "alertElement", void 0);
+__decorate([
+    query('snice-button'),
+    __metadata("design:type", HTMLElement)
+], SniceLogin.prototype, "buttonElement", void 0);
+__decorate([
+    queryAll('input'),
+    __metadata("design:type", Object)
+], SniceLogin.prototype, "inputElements", void 0);
+__decorate([
+    request('login-user'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Object]),
+    __metadata("design:returntype", Object)
+], SniceLogin.prototype, "login", null);
+__decorate([
+    on('click', 'snice-button'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Event]),
+    __metadata("design:returntype", Promise)
+], SniceLogin.prototype, "handleButtonClick", null);
+__decorate([
+    on('submit', '.login__form'),
+    dispatch('@snice/login-attempt', { bubbles: true, composed: true }),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Event]),
+    __metadata("design:returntype", Promise)
+], SniceLogin.prototype, "handleSubmit", null);
+__decorate([
+    on('keydown:Enter', '.login__input'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], SniceLogin.prototype, "handleEnterKey", null);
+__decorate([
+    on('click', '.login__forgot'),
+    dispatch('@snice/login-forgot-password', { bubbles: true, composed: true }),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Event]),
+    __metadata("design:returntype", void 0)
+], SniceLogin.prototype, "handleForgotPassword", null);
+__decorate([
+    dispatch('@snice/login-success', { bubbles: true, composed: true }),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Object]),
+    __metadata("design:returntype", void 0)
+], SniceLogin.prototype, "dispatchLoginSuccess", null);
+__decorate([
+    dispatch('@snice/login-error', { bubbles: true, composed: true }),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [String]),
+    __metadata("design:returntype", void 0)
+], SniceLogin.prototype, "dispatchLoginError", null);
+SniceLogin = __decorate([
+    element('snice-login')
+], SniceLogin);
+export { SniceLogin };
+//# sourceMappingURL=snice-login.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"snice-login.js","sourceRoot":"","sources":["../../../components/login/snice-login.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,31 @@
+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;
+    token?: string;
+    error?: string;
+    user?: {
+        id: string;
+        username: string;
+        email?: string;
+    };
+}
+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/login/snice-login.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=snice-login.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"snice-login.types.js","sourceRoot":"","sources":["../../../components/login/snice-login.types.ts"],"names":[],"mappings":""}

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;
+}