@kodaris/krubble-components 1.0.2 → 1.0.4

package/dist/snackbar/snackbar.d.ts

@@ -0,0 +1,71 @@
+import { LitElement } from 'lit';
+export interface KRSnackbarOptions {
+    /** The message to display */
+    message: string;
+    /** Optional title for the snackbar */
+    title?: string;
+    /** The type/severity of the snackbar */
+    type?: 'info' | 'success' | 'warning' | 'error';
+    /** Duration in milliseconds before auto-dismiss. Set to 0 to disable auto-dismiss. */
+    duration?: number;
+}
+/**
+ * A snackbar component for displaying brief notification messages.
+ *
+ * Snackbars appear at the bottom-left of the screen and automatically
+ * dismiss after a configurable duration. Multiple snackbars stack vertically.
+ *
+ * @fires dismiss - Fired when the snackbar is dismissed (manually or automatically)
+ *
+ * @example
+ * ```ts
+ * // Show a success message
+ * KRSnackbar.show({ message: 'Item saved successfully', type: 'success' });
+ *
+ * // Show a message with title
+ * KRSnackbar.show({ title: 'Upload Complete', message: 'Your file has been uploaded.', type: 'success' });
+ *
+ * // Show an error that stays until manually dismissed
+ * KRSnackbar.show({ message: 'Failed to save', type: 'error', duration: 0 });
+ * ```
+ */
+export declare class KRSnackbar extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Track active snackbars for stacking */
+    private static activeSnackbars;
+    /**
+     * Show a snackbar with the given options.
+     * @param options - Configuration including message, optional title, type, and duration
+     * @returns The created snackbar element
+     */
+    static show(options: KRSnackbarOptions): KRSnackbar;
+    private dismissTimeout;
+    /**
+     * The snackbar type/severity. Controls the color scheme and icon.
+     */
+    type: 'info' | 'success' | 'warning' | 'error';
+    /**
+     * Optional title to display above the message.
+     */
+    title: string;
+    /**
+     * The message to display in the snackbar.
+     */
+    message: string;
+    /**
+     * Duration in milliseconds before auto-dismiss. Set to 0 to disable auto-dismiss.
+     * @default 5000
+     */
+    duration: number;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private updatePositions;
+    private dismiss;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'kr-snackbar': KRSnackbar;
+    }
+}
+//# sourceMappingURL=snackbar.d.ts.map

package/dist/snackbar/snackbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"snackbar.d.ts","sourceRoot":"","sources":["../../src/snackbar/snackbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,MAAM,WAAW,iBAAiB;IAChC,6BAA6B;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAChD,sFAAsF;IACtF,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBACa,UAAW,SAAQ,UAAU;IAExC,OAAgB,MAAM,0BA+IpB;IAEF,0CAA0C;IAC1C,OAAO,CAAC,MAAM,CAAC,eAAe,CAAoB;IAElD;;;;OAIG;IACH,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,iBAAiB,GAAG,UAAU;IAkBnD,OAAO,CAAC,cAAc,CAAuB;IAE7C;;OAEG;IAEH,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAU;IAExD;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,OAAO,SAAM;IAEb;;;OAGG;IAEH,QAAQ,SAAQ;IAEP,iBAAiB;IAmBjB,oBAAoB;IAkB7B,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,OAAO;IAaN,MAAM;CA0BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}

package/dist/snackbar/snackbar.js

@@ -0,0 +1,309 @@
+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 KRSnackbar_1;
+import { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+/**
+ * A snackbar component for displaying brief notification messages.
+ *
+ * Snackbars appear at the bottom-left of the screen and automatically
+ * dismiss after a configurable duration. Multiple snackbars stack vertically.
+ *
+ * @fires dismiss - Fired when the snackbar is dismissed (manually or automatically)
+ *
+ * @example
+ * ```ts
+ * // Show a success message
+ * KRSnackbar.show({ message: 'Item saved successfully', type: 'success' });
+ *
+ * // Show a message with title
+ * KRSnackbar.show({ title: 'Upload Complete', message: 'Your file has been uploaded.', type: 'success' });
+ *
+ * // Show an error that stays until manually dismissed
+ * KRSnackbar.show({ message: 'Failed to save', type: 'error', duration: 0 });
+ * ```
+ */
+let KRSnackbar = KRSnackbar_1 = class KRSnackbar extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.dismissTimeout = null;
+        /**
+         * The snackbar type/severity. Controls the color scheme and icon.
+         */
+        this.type = 'info';
+        /**
+         * Optional title to display above the message.
+         */
+        this.title = '';
+        /**
+         * The message to display in the snackbar.
+         */
+        this.message = '';
+        /**
+         * Duration in milliseconds before auto-dismiss. Set to 0 to disable auto-dismiss.
+         * @default 5000
+         */
+        this.duration = 5000;
+    }
+    /**
+     * Show a snackbar with the given options.
+     * @param options - Configuration including message, optional title, type, and duration
+     * @returns The created snackbar element
+     */
+    static show(options) {
+        const snackbar = document.createElement('kr-snackbar');
+        snackbar.message = options.message;
+        snackbar.title = options.title ?? '';
+        snackbar.type = options.type ?? 'info';
+        if (options.duration !== undefined) {
+            snackbar.duration = options.duration;
+        }
+        else if (snackbar.type === 'error') {
+            snackbar.duration = 0;
+        }
+        else {
+            snackbar.duration = 5000;
+        }
+        document.body.appendChild(snackbar);
+        return snackbar;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        // Set role and type class on host
+        this.setAttribute('role', 'alert');
+        this.classList.add(`kr-snackbar--${this.type}`);
+        // Add to active snackbars and update positions
+        KRSnackbar_1.activeSnackbars.push(this);
+        this.updatePositions();
+        // Set up auto-dismiss
+        if (this.duration > 0) {
+            this.dismissTimeout = window.setTimeout(() => {
+                this.dismiss();
+            }, this.duration);
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        // Remove from active snackbars
+        const index = KRSnackbar_1.activeSnackbars.indexOf(this);
+        if (index > -1) {
+            KRSnackbar_1.activeSnackbars.splice(index, 1);
+        }
+        // Update positions of remaining snackbars
+        this.updatePositions();
+        // Clear timeout
+        if (this.dismissTimeout) {
+            clearTimeout(this.dismissTimeout);
+        }
+    }
+    updatePositions() {
+        let bottomOffset = 24;
+        for (const snackbar of KRSnackbar_1.activeSnackbars) {
+            snackbar.style.bottom = `${bottomOffset}px`;
+            bottomOffset += snackbar.offsetHeight + 8;
+        }
+    }
+    dismiss() {
+        if (this.dismissTimeout) {
+            clearTimeout(this.dismissTimeout);
+            this.dismissTimeout = null;
+        }
+        this.classList.add('kr-snackbar--closing');
+        this.addEventListener('animationend', () => {
+            this.dispatchEvent(new CustomEvent('dismiss', { bubbles: true, composed: true }));
+            this.remove();
+        }, { once: true });
+    }
+    render() {
+        const icons = {
+            info: html `<svg class="icon" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"/></svg>`,
+            success: html `<svg class="icon" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/></svg>`,
+            warning: html `<svg class="icon" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd"/></svg>`,
+            error: html `<svg class="icon" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd"/></svg>`,
+        };
+        return html `
+      ${icons[this.type]}
+      <div class="content">
+        ${this.title ? html `<div class="title">${this.title}</div>` : ''}
+        <div class="message">${this.message}</div>
+      </div>
+      <button
+        class="dismiss"
+        type="button"
+        aria-label="Dismiss"
+        @click=${this.dismiss}
+      >
+        <svg viewBox="0 0 20 20" fill="currentColor" width="16" height="16">
+          <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/>
+        </svg>
+      </button>
+    `;
+    }
+};
+KRSnackbar.styles = css `
+    :host,
+    *,
+    *::before,
+    *::after {
+      box-sizing: border-box;
+    }
+
+    :host {
+      position: fixed;
+      left: 16px;
+      z-index: 10000;
+      display: flex;
+      align-items: flex-start;
+      gap: 12px;
+      padding: 14px 12px 14px 16px;
+      border-radius: 8px;
+      border: 1px solid;
+      border-left: 4px solid;
+      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+      min-width: 280px;
+      max-width: 400px;
+      min-height: 48px;
+      animation: slideIn 0.2s ease-out;
+    }
+
+    @keyframes slideIn {
+      from {
+        opacity: 0;
+        transform: translateX(-100%);
+      }
+      to {
+        opacity: 1;
+        transform: translateX(0);
+      }
+    }
+
+    @keyframes slideOut {
+      from {
+        opacity: 1;
+        transform: translateX(0);
+      }
+      to {
+        opacity: 0;
+        transform: translateX(-100%);
+      }
+    }
+
+    :host(.kr-snackbar--closing) {
+      animation: slideOut 0.15s ease-in forwards;
+    }
+
+    /* Variants */
+    :host(.kr-snackbar--info) {
+      background-color: #eff6ff;
+      border-color: #bfdbfe;
+      border-left-color: #3b82f6;
+    }
+
+    :host(.kr-snackbar--info) .icon {
+      color: #2563eb;
+    }
+
+    :host(.kr-snackbar--success) {
+      background-color: #f0fdf4;
+      border-color: #bbf7d0;
+      border-left-color: #22c55e;
+    }
+
+    :host(.kr-snackbar--success) .icon {
+      color: #16a34a;
+    }
+
+    :host(.kr-snackbar--warning) {
+      background-color: #fffbeb;
+      border-color: #fde68a;
+      border-left-color: #f59e0b;
+    }
+
+    :host(.kr-snackbar--warning) .icon {
+      color: #d97706;
+    }
+
+    :host(.kr-snackbar--error) {
+      background-color: #fef2f2;
+      border-color: #fecaca;
+      border-left-color: #ef4444;
+    }
+
+    :host(.kr-snackbar--error) .icon {
+      color: #dc2626;
+    }
+
+    .icon {
+      flex-shrink: 0;
+      width: 20px;
+      height: 20px;
+      margin-top: 1px;
+    }
+
+    .content {
+      flex: 1;
+      min-width: 0;
+    }
+
+    .title {
+      font-size: 14px;
+      font-weight: 600;
+      color: #000000;
+      margin: 0 0 2px 0;
+    }
+
+    .message {
+      font-size: 14px;
+      color: #000000;
+      margin: 0;
+    }
+
+    .dismiss {
+      flex-shrink: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 24px;
+      height: 24px;
+      padding: 0;
+      background: none;
+      border: none;
+      border-radius: 4px;
+      color: #6b7280;
+      cursor: pointer;
+      transition: background 0.15s ease, color 0.15s ease;
+    }
+
+    .dismiss:hover {
+      background-color: rgba(0, 0, 0, 0.05);
+      color: #374151;
+    }
+
+    .dismiss:focus-visible {
+      outline: 2px solid #3b82f6;
+      outline-offset: 2px;
+    }
+  `;
+/** Track active snackbars for stacking */
+KRSnackbar.activeSnackbars = [];
+__decorate([
+    property({ type: String })
+], KRSnackbar.prototype, "type", void 0);
+__decorate([
+    property({ type: String })
+], KRSnackbar.prototype, "title", void 0);
+__decorate([
+    property({ type: String })
+], KRSnackbar.prototype, "message", void 0);
+__decorate([
+    property({ type: Number })
+], KRSnackbar.prototype, "duration", void 0);
+KRSnackbar = KRSnackbar_1 = __decorate([
+    customElement('kr-snackbar')
+], KRSnackbar);
+export { KRSnackbar };
+//# sourceMappingURL=snackbar.js.map

package/dist/snackbar/snackbar.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kodaris/krubble-components",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "Krubble Lit Web Components Library",
   "type": "module",
   "main": "dist/index.js",