snice 3.1.0 → 3.3.0

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

@@ -0,0 +1,268 @@
+import { __esDecorate, __runInitializers } from 'tslib';
+import { element, property, dispatch, styles, render, css, html } from 'snice';
+
+var cssContent = ":host{display:block;font-family:var(--snice-font-family, system-ui, -apple-system, sans-serif);overflow:auto}.gantt{display:flex;min-width:max-content}.gantt__sidebar{flex-shrink:0;width:200px;border-right:1px solid var(--snice-border-color,#e0e0e0);background:var(--snice-bg-secondary,#fafafa)}.gantt__timeline{flex:1;overflow-x:auto}.gantt__header{display:flex;border-bottom:2px solid var(--snice-border-color,#e0e0e0);background:#fff;position:sticky;top:0;z-index:10}.gantt__header-cell{padding:12px 8px;font-size:12px;font-weight:600;color:var(--snice-text-secondary,#666);text-align:center;border-right:1px solid var(--snice-border-color,#e0e0e0);flex-shrink:0}.gantt__rows{position:relative}.gantt__row{display:flex;border-bottom:1px solid var(--snice-border-color,#e0e0e0);height:50px;align-items:center}.gantt__row-label{padding:0 12px;font-size:14px;color:var(--snice-text-primary,#1a1a1a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gantt__grid{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;pointer-events:none}.gantt__grid-column{flex-shrink:0;border-right:1px solid var(--snice-border-color,#e0e0e0)}.gantt__grid-column--today{background:var(--snice-color-primary-light,#e3f2fd);border-right:2px solid var(--snice-color-primary,#2196f3)}.gantt__bars{position:relative;display:flex;align-items:center;height:100%}.gantt__bar{position:absolute;height:30px;background:var(--snice-color-primary,#2196f3);border-radius:4px;padding:0 8px;display:flex;align-items:center;cursor:pointer;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}.gantt__bar:hover{box-shadow:0 2px 8px rgba(0,0,0,.3);transform:translateY(-1px)}.gantt__bar-label{font-size:12px;color:#fff;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gantt__bar-progress{position:absolute;top:0;left:0;bottom:0;background:rgba(255,255,255,.3);border-radius:4px 0 0 4px;pointer-events:none}.gantt__today-line{position:absolute;top:0;bottom:0;width:2px;background:var(--snice-color-primary,#2196f3);pointer-events:none;z-index:5}.gantt__dependencies{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.gantt__dependency{position:absolute;stroke:var(--snice-color-primary,#2196f3);stroke-width:2;fill:none}";
+
+let SniceGantt = (() => {
+    let _classDecorators = [element('snice-gantt')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    let _instanceExtraInitializers = [];
+    let _tasks_decorators;
+    let _tasks_initializers = [];
+    let _tasks_extraInitializers = [];
+    let _viewMode_decorators;
+    let _viewMode_initializers = [];
+    let _viewMode_extraInitializers = [];
+    let _showToday_decorators;
+    let _showToday_initializers = [];
+    let _showToday_extraInitializers = [];
+    let _showProgress_decorators;
+    let _showProgress_initializers = [];
+    let _showProgress_extraInitializers = [];
+    let _showDependencies_decorators;
+    let _showDependencies_initializers = [];
+    let _showDependencies_extraInitializers = [];
+    let _minDate_decorators;
+    let _minDate_initializers = [];
+    let _minDate_extraInitializers = [];
+    let _maxDate_decorators;
+    let _maxDate_initializers = [];
+    let _maxDate_extraInitializers = [];
+    let _dispatchTaskClick_decorators;
+    let _styles_decorators;
+    let _template_decorators;
+    (class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _tasks_decorators = [property({ type: Array })];
+            _viewMode_decorators = [property({ attribute: 'view-mode' })];
+            _showToday_decorators = [property({ type: Boolean, attribute: 'show-today' })];
+            _showProgress_decorators = [property({ type: Boolean, attribute: 'show-progress' })];
+            _showDependencies_decorators = [property({ type: Boolean, attribute: 'show-dependencies' })];
+            _minDate_decorators = [property({ type: Date, attribute: 'min-date' })];
+            _maxDate_decorators = [property({ type: Date, attribute: 'max-date' })];
+            _dispatchTaskClick_decorators = [dispatch('@snice/gantt-task-click', { bubbles: true, composed: true })];
+            _styles_decorators = [styles()];
+            _template_decorators = [render()];
+            __esDecorate(this, null, _dispatchTaskClick_decorators, { kind: "method", name: "dispatchTaskClick", static: false, private: false, access: { has: obj => "dispatchTaskClick" in obj, get: obj => obj.dispatchTaskClick }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _styles_decorators, { kind: "method", name: "styles", static: false, private: false, access: { has: obj => "styles" in obj, get: obj => obj.styles }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _template_decorators, { kind: "method", name: "template", static: false, private: false, access: { has: obj => "template" in obj, get: obj => obj.template }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(null, null, _tasks_decorators, { kind: "field", name: "tasks", static: false, private: false, access: { has: obj => "tasks" in obj, get: obj => obj.tasks, set: (obj, value) => { obj.tasks = value; } }, metadata: _metadata }, _tasks_initializers, _tasks_extraInitializers);
+            __esDecorate(null, null, _viewMode_decorators, { kind: "field", name: "viewMode", static: false, private: false, access: { has: obj => "viewMode" in obj, get: obj => obj.viewMode, set: (obj, value) => { obj.viewMode = value; } }, metadata: _metadata }, _viewMode_initializers, _viewMode_extraInitializers);
+            __esDecorate(null, null, _showToday_decorators, { kind: "field", name: "showToday", static: false, private: false, access: { has: obj => "showToday" in obj, get: obj => obj.showToday, set: (obj, value) => { obj.showToday = value; } }, metadata: _metadata }, _showToday_initializers, _showToday_extraInitializers);
+            __esDecorate(null, null, _showProgress_decorators, { kind: "field", name: "showProgress", static: false, private: false, access: { has: obj => "showProgress" in obj, get: obj => obj.showProgress, set: (obj, value) => { obj.showProgress = value; } }, metadata: _metadata }, _showProgress_initializers, _showProgress_extraInitializers);
+            __esDecorate(null, null, _showDependencies_decorators, { kind: "field", name: "showDependencies", static: false, private: false, access: { has: obj => "showDependencies" in obj, get: obj => obj.showDependencies, set: (obj, value) => { obj.showDependencies = value; } }, metadata: _metadata }, _showDependencies_initializers, _showDependencies_extraInitializers);
+            __esDecorate(null, null, _minDate_decorators, { kind: "field", name: "minDate", static: false, private: false, access: { has: obj => "minDate" in obj, get: obj => obj.minDate, set: (obj, value) => { obj.minDate = value; } }, metadata: _metadata }, _minDate_initializers, _minDate_extraInitializers);
+            __esDecorate(null, null, _maxDate_decorators, { kind: "field", name: "maxDate", static: false, private: false, access: { has: obj => "maxDate" in obj, get: obj => obj.maxDate, set: (obj, value) => { obj.maxDate = value; } }, metadata: _metadata }, _maxDate_initializers, _maxDate_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);
+        }
+        dispatchTaskClick(task) {
+            return { task, gantt: this };
+        }
+        styles() {
+            return css /*css*/ `${cssContent}`;
+        }
+        getTask(id) {
+            return this.tasks.find(t => t.id === id);
+        }
+        scrollToToday() {
+            // Implementation would scroll viewport to today's date
+        }
+        scrollToTask(id) {
+            // Implementation would scroll to specific task
+        }
+        getDateRange() {
+            if (this.tasks.length === 0) {
+                const today = new Date();
+                return {
+                    start: new Date(today.getFullYear(), today.getMonth(), 1),
+                    end: new Date(today.getFullYear(), today.getMonth() + 1, 0)
+                };
+            }
+            let minDate = this.minDate ?
+                (typeof this.minDate === 'string' ? new Date(this.minDate) : this.minDate) :
+                null;
+            let maxDate = this.maxDate ?
+                (typeof this.maxDate === 'string' ? new Date(this.maxDate) : this.maxDate) :
+                null;
+            this.tasks.forEach(task => {
+                const start = typeof task.start === 'string' ? new Date(task.start) : task.start;
+                const end = typeof task.end === 'string' ? new Date(task.end) : task.end;
+                if (!minDate || start < minDate)
+                    minDate = start;
+                if (!maxDate || end > maxDate)
+                    maxDate = end;
+            });
+            return { start: minDate, end: maxDate };
+        }
+        getColumnWidth() {
+            switch (this.viewMode) {
+                case 'day': return 60;
+                case 'week': return 100;
+                case 'month': return 120;
+                case 'year': return 150;
+                default: return 60;
+            }
+        }
+        getColumns() {
+            const { start, end } = this.getDateRange();
+            const columns = [];
+            const current = new Date(start);
+            while (current <= end) {
+                columns.push(new Date(current));
+                switch (this.viewMode) {
+                    case 'day':
+                        current.setDate(current.getDate() + 1);
+                        break;
+                    case 'week':
+                        current.setDate(current.getDate() + 7);
+                        break;
+                    case 'month':
+                        current.setMonth(current.getMonth() + 1);
+                        break;
+                    case 'year':
+                        current.setFullYear(current.getFullYear() + 1);
+                        break;
+                }
+            }
+            return columns;
+        }
+        formatColumnHeader(date) {
+            switch (this.viewMode) {
+                case 'day':
+                    return date.toLocaleDateString('en-US', { month: 'short', day: 'numeric' });
+                case 'week':
+                    return `Week ${this.getWeekNumber(date)}`;
+                case 'month':
+                    return date.toLocaleDateString('en-US', { month: 'short', year: 'numeric' });
+                case 'year':
+                    return date.getFullYear().toString();
+                default:
+                    return '';
+            }
+        }
+        getWeekNumber(date) {
+            const d = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate()));
+            const dayNum = d.getUTCDay() || 7;
+            d.setUTCDate(d.getUTCDate() + 4 - dayNum);
+            const yearStart = new Date(Date.UTC(d.getUTCFullYear(), 0, 1));
+            return Math.ceil((((d.getTime() - yearStart.getTime()) / 86400000) + 1) / 7);
+        }
+        getTaskBarPosition(task) {
+            const { start: rangeStart } = this.getDateRange();
+            const taskStart = typeof task.start === 'string' ? new Date(task.start) : task.start;
+            const taskEnd = typeof task.end === 'string' ? new Date(task.end) : task.end;
+            const columnWidth = this.getColumnWidth();
+            const dayInMs = 24 * 60 * 60 * 1000;
+            const startOffset = (taskStart.getTime() - rangeStart.getTime()) / dayInMs;
+            const duration = (taskEnd.getTime() - taskStart.getTime()) / dayInMs;
+            let daysPerColumn = 1;
+            switch (this.viewMode) {
+                case 'week':
+                    daysPerColumn = 7;
+                    break;
+                case 'month':
+                    daysPerColumn = 30;
+                    break;
+                case 'year':
+                    daysPerColumn = 365;
+                    break;
+            }
+            return {
+                left: (startOffset / daysPerColumn) * columnWidth,
+                width: Math.max((duration / daysPerColumn) * columnWidth, 20)
+            };
+        }
+        isToday(date) {
+            const today = new Date();
+            return date.toDateString() === today.toDateString();
+        }
+        handleTaskClick(task) {
+            this.dispatchTaskClick(task);
+        }
+        template() {
+            const columns = this.getColumns();
+            const columnWidth = this.getColumnWidth();
+            return html `
+      <div class="gantt">
+        <div class="gantt__sidebar">
+          <div class="gantt__header">
+            <div class="gantt__header-cell" style="width: 200px;">Task</div>
+          </div>
+          <div class="gantt__rows">
+            ${this.tasks.map(task => html `
+              <div class="gantt__row">
+                <div class="gantt__row-label">${task.name}</div>
+              </div>
+            `)}
+          </div>
+        </div>
+
+        <div class="gantt__timeline">
+          <div class="gantt__header">
+            ${columns.map(date => html `
+              <div class="gantt__header-cell" style="width: ${columnWidth}px;">
+                ${this.formatColumnHeader(date)}
+              </div>
+            `)}
+          </div>
+
+          <div class="gantt__rows" style="position: relative;">
+            <!-- Grid lines -->
+            <div class="gantt__grid">
+              ${columns.map(date => html `
+                <div
+                  class="gantt__grid-column ${this.showToday && this.isToday(date) ? 'gantt__grid-column--today' : ''}"
+                  style="width: ${columnWidth}px;">
+                </div>
+              `)}
+            </div>
+
+            <!-- Task bars -->
+            ${this.tasks.map(task => {
+                const { left, width } = this.getTaskBarPosition(task);
+                return html `
+                <div class="gantt__row">
+                  <div class="gantt__bars">
+                    <div
+                      class="gantt__bar"
+                      style="${task.color ? `background: ${task.color};` : ''} left: ${left}px; width: ${width}px;"
+                      @click=${() => this.handleTaskClick(task)}>
+                      <div class="gantt__bar-label">${task.name}</div>
+                      <if ${this.showProgress && task.progress !== undefined}>
+                        <div class="gantt__bar-progress" style="width: ${task.progress}%;"></div>
+                      </if>
+                    </div>
+                  </div>
+                </div>
+              `;
+            })}
+          </div>
+        </div>
+      </div>
+    `;
+        }
+        constructor() {
+            super(...arguments);
+            this.tasks = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _tasks_initializers, []));
+            this.viewMode = (__runInitializers(this, _tasks_extraInitializers), __runInitializers(this, _viewMode_initializers, 'day'));
+            this.showToday = (__runInitializers(this, _viewMode_extraInitializers), __runInitializers(this, _showToday_initializers, true));
+            this.showProgress = (__runInitializers(this, _showToday_extraInitializers), __runInitializers(this, _showProgress_initializers, true));
+            this.showDependencies = (__runInitializers(this, _showProgress_extraInitializers), __runInitializers(this, _showDependencies_initializers, false));
+            this.minDate = (__runInitializers(this, _showDependencies_extraInitializers), __runInitializers(this, _minDate_initializers, ''));
+            this.maxDate = (__runInitializers(this, _minDate_extraInitializers), __runInitializers(this, _maxDate_initializers, ''));
+            __runInitializers(this, _maxDate_extraInitializers);
+        }
+    });
+    return _classThis;
+})();
+
+export { SniceGantt };
+//# sourceMappingURL=snice-gantt.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"snice-gantt.js","sources":["../../../components/gantt/snice-gantt.css?inline","../../../../components/gantt/snice-gantt.ts"],"sourcesContent":["export default \":host{display:block;font-family:var(--snice-font-family, system-ui, -apple-system, sans-serif);overflow:auto}.gantt{display:flex;min-width:max-content}.gantt__sidebar{flex-shrink:0;width:200px;border-right:1px solid var(--snice-border-color,#e0e0e0);background:var(--snice-bg-secondary,#fafafa)}.gantt__timeline{flex:1;overflow-x:auto}.gantt__header{display:flex;border-bottom:2px solid var(--snice-border-color,#e0e0e0);background:#fff;position:sticky;top:0;z-index:10}.gantt__header-cell{padding:12px 8px;font-size:12px;font-weight:600;color:var(--snice-text-secondary,#666);text-align:center;border-right:1px solid var(--snice-border-color,#e0e0e0);flex-shrink:0}.gantt__rows{position:relative}.gantt__row{display:flex;border-bottom:1px solid var(--snice-border-color,#e0e0e0);height:50px;align-items:center}.gantt__row-label{padding:0 12px;font-size:14px;color:var(--snice-text-primary,#1a1a1a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gantt__grid{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;pointer-events:none}.gantt__grid-column{flex-shrink:0;border-right:1px solid var(--snice-border-color,#e0e0e0)}.gantt__grid-column--today{background:var(--snice-color-primary-light,#e3f2fd);border-right:2px solid var(--snice-color-primary,#2196f3)}.gantt__bars{position:relative;display:flex;align-items:center;height:100%}.gantt__bar{position:absolute;height:30px;background:var(--snice-color-primary,#2196f3);border-radius:4px;padding:0 8px;display:flex;align-items:center;cursor:pointer;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}.gantt__bar:hover{box-shadow:0 2px 8px rgba(0,0,0,.3);transform:translateY(-1px)}.gantt__bar-label{font-size:12px;color:#fff;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gantt__bar-progress{position:absolute;top:0;left:0;bottom:0;background:rgba(255,255,255,.3);border-radius:4px 0 0 4px;pointer-events:none}.gantt__today-line{position:absolute;top:0;bottom:0;width:2px;background:var(--snice-color-primary,#2196f3);pointer-events:none;z-index:5}.gantt__dependencies{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.gantt__dependency{position:absolute;stroke:var(--snice-color-primary,#2196f3);stroke-width:2;fill:none}\";",null],"names":[],"mappings":"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"}

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

@@ -0,0 +1,23 @@
+export type GanttViewMode = 'day' | 'week' | 'month' | 'year';
+export interface GanttTask {
+    id: string | number;
+    name: string;
+    start: Date | string;
+    end: Date | string;
+    progress?: number;
+    dependencies?: (string | number)[];
+    color?: string;
+    data?: any;
+}
+export interface SniceGanttElement extends HTMLElement {
+    tasks: GanttTask[];
+    viewMode: GanttViewMode;
+    showToday: boolean;
+    showProgress: boolean;
+    showDependencies: boolean;
+    minDate: Date | string;
+    maxDate: Date | string;
+    getTask(id: string | number): GanttTask | undefined;
+    scrollToToday(): void;
+    scrollToTask(id: string | number): void;
+}

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

@@ -0,0 +1,22 @@
+import type { ImageVariant, ImageSize, ImageFit, SniceImageElement } from './snice-image.types';
+export declare class SniceImage extends HTMLElement implements SniceImageElement {
+    src: string;
+    alt: string;
+    fallback: string;
+    placeholder: string;
+    srcset: string;
+    sizes: string;
+    variant: ImageVariant;
+    size: ImageSize;
+    lazy: boolean;
+    fit: ImageFit;
+    width: string;
+    height: string;
+    private imageError;
+    private imageLoaded;
+    styles(): import("snice").CSSResult;
+    render(): import("snice").TemplateResult;
+    private getInlineStyles;
+    private handleImageError;
+    private handleImageLoad;
+}

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

@@ -0,0 +1,201 @@
+import { __esDecorate, __runInitializers } from 'tslib';
+import { element, property, styles, render, css, html } from 'snice';
+
+var cssContent = ":host{display:inline-block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);contain:layout style paint;content-visibility:auto}.image-container{display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.image{display:block;max-width:100%;height:auto;opacity:0;transition:opacity var(--snice-transition-slow, 400ms) ease-in-out}.image--loaded{opacity:1}.image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:block;filter:blur(20px);transform:scale(1.1);opacity:1;transition:opacity var(--snice-transition-slow, 400ms) ease-in-out}.image-placeholder--hidden{opacity:0;pointer-events:none}.image--small{width:var(--snice-spacing-3xl,3rem);height:var(--snice-spacing-3xl,3rem)}.image--medium{width:var(--snice-spacing-5xl,6rem);height:var(--snice-spacing-5xl,6rem)}.image--large{width:var(--snice-spacing-6xl,12rem);height:var(--snice-spacing-6xl,12rem)}.image--rounded{border-radius:var(--snice-border-radius-md,.375rem)}.image--square{border-radius:0}.image--circle{border-radius:50%}.image--cover{object-fit:cover}.image--contain{object-fit:contain}.image--fill{object-fit:fill}.image--none{object-fit:none}.image--scale-down{object-fit:scale-down}.image--placeholder{background:linear-gradient(135deg,var(--snice-color-background-secondary,rgb(243 244 246)) 0,var(--snice-color-border,rgb(229 231 235)) 100%);border:1px solid var(--snice-color-border,rgb(226 226 226));position:relative;display:flex;align-items:center;justify-content:center;opacity:1!important}.image--placeholder::after{content:'📷';font-size:var(--snice-font-size-lg, 1.5rem);opacity:.5}:host([loading]) .image{opacity:.6;animation:1.5s ease-in-out infinite image-pulse}@keyframes image-pulse{0%,100%{opacity:.6}50%{opacity:.3}}@media (prefers-reduced-motion:reduce){:host([loading]) .image{animation:none}}";
+
+let SniceImage = (() => {
+    let _classDecorators = [element('snice-image')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    let _instanceExtraInitializers = [];
+    let _src_decorators;
+    let _src_initializers = [];
+    let _src_extraInitializers = [];
+    let _alt_decorators;
+    let _alt_initializers = [];
+    let _alt_extraInitializers = [];
+    let _fallback_decorators;
+    let _fallback_initializers = [];
+    let _fallback_extraInitializers = [];
+    let _placeholder_decorators;
+    let _placeholder_initializers = [];
+    let _placeholder_extraInitializers = [];
+    let _srcset_decorators;
+    let _srcset_initializers = [];
+    let _srcset_extraInitializers = [];
+    let _sizes_decorators;
+    let _sizes_initializers = [];
+    let _sizes_extraInitializers = [];
+    let _variant_decorators;
+    let _variant_initializers = [];
+    let _variant_extraInitializers = [];
+    let _size_decorators;
+    let _size_initializers = [];
+    let _size_extraInitializers = [];
+    let _lazy_decorators;
+    let _lazy_initializers = [];
+    let _lazy_extraInitializers = [];
+    let _fit_decorators;
+    let _fit_initializers = [];
+    let _fit_extraInitializers = [];
+    let _width_decorators;
+    let _width_initializers = [];
+    let _width_extraInitializers = [];
+    let _height_decorators;
+    let _height_initializers = [];
+    let _height_extraInitializers = [];
+    let _imageError_decorators;
+    let _imageError_initializers = [];
+    let _imageError_extraInitializers = [];
+    let _imageLoaded_decorators;
+    let _imageLoaded_initializers = [];
+    let _imageLoaded_extraInitializers = [];
+    let _styles_decorators;
+    let _render_decorators;
+    (class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _src_decorators = [property({})];
+            _alt_decorators = [property({})];
+            _fallback_decorators = [property({})];
+            _placeholder_decorators = [property({})];
+            _srcset_decorators = [property({})];
+            _sizes_decorators = [property({})];
+            _variant_decorators = [property({})];
+            _size_decorators = [property({})];
+            _lazy_decorators = [property({ type: Boolean })];
+            _fit_decorators = [property({})];
+            _width_decorators = [property({})];
+            _height_decorators = [property({})];
+            _imageError_decorators = [property({ type: Boolean, attribute: false })];
+            _imageLoaded_decorators = [property({ type: Boolean, attribute: false })];
+            _styles_decorators = [styles()];
+            _render_decorators = [render()];
+            __esDecorate(this, null, _styles_decorators, { kind: "method", name: "styles", static: false, private: false, access: { has: obj => "styles" in obj, get: obj => obj.styles }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _render_decorators, { kind: "method", name: "render", static: false, private: false, access: { has: obj => "render" in obj, get: obj => obj.render }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(null, null, _src_decorators, { kind: "field", name: "src", static: false, private: false, access: { has: obj => "src" in obj, get: obj => obj.src, set: (obj, value) => { obj.src = value; } }, metadata: _metadata }, _src_initializers, _src_extraInitializers);
+            __esDecorate(null, null, _alt_decorators, { kind: "field", name: "alt", static: false, private: false, access: { has: obj => "alt" in obj, get: obj => obj.alt, set: (obj, value) => { obj.alt = value; } }, metadata: _metadata }, _alt_initializers, _alt_extraInitializers);
+            __esDecorate(null, null, _fallback_decorators, { kind: "field", name: "fallback", static: false, private: false, access: { has: obj => "fallback" in obj, get: obj => obj.fallback, set: (obj, value) => { obj.fallback = value; } }, metadata: _metadata }, _fallback_initializers, _fallback_extraInitializers);
+            __esDecorate(null, null, _placeholder_decorators, { kind: "field", name: "placeholder", static: false, private: false, access: { has: obj => "placeholder" in obj, get: obj => obj.placeholder, set: (obj, value) => { obj.placeholder = value; } }, metadata: _metadata }, _placeholder_initializers, _placeholder_extraInitializers);
+            __esDecorate(null, null, _srcset_decorators, { kind: "field", name: "srcset", static: false, private: false, access: { has: obj => "srcset" in obj, get: obj => obj.srcset, set: (obj, value) => { obj.srcset = value; } }, metadata: _metadata }, _srcset_initializers, _srcset_extraInitializers);
+            __esDecorate(null, null, _sizes_decorators, { kind: "field", name: "sizes", static: false, private: false, access: { has: obj => "sizes" in obj, get: obj => obj.sizes, set: (obj, value) => { obj.sizes = value; } }, metadata: _metadata }, _sizes_initializers, _sizes_extraInitializers);
+            __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, _lazy_decorators, { kind: "field", name: "lazy", static: false, private: false, access: { has: obj => "lazy" in obj, get: obj => obj.lazy, set: (obj, value) => { obj.lazy = value; } }, metadata: _metadata }, _lazy_initializers, _lazy_extraInitializers);
+            __esDecorate(null, null, _fit_decorators, { kind: "field", name: "fit", static: false, private: false, access: { has: obj => "fit" in obj, get: obj => obj.fit, set: (obj, value) => { obj.fit = value; } }, metadata: _metadata }, _fit_initializers, _fit_extraInitializers);
+            __esDecorate(null, null, _width_decorators, { kind: "field", name: "width", static: false, private: false, access: { has: obj => "width" in obj, get: obj => obj.width, set: (obj, value) => { obj.width = value; } }, metadata: _metadata }, _width_initializers, _width_extraInitializers);
+            __esDecorate(null, null, _height_decorators, { kind: "field", name: "height", static: false, private: false, access: { has: obj => "height" in obj, get: obj => obj.height, set: (obj, value) => { obj.height = value; } }, metadata: _metadata }, _height_initializers, _height_extraInitializers);
+            __esDecorate(null, null, _imageError_decorators, { kind: "field", name: "imageError", static: false, private: false, access: { has: obj => "imageError" in obj, get: obj => obj.imageError, set: (obj, value) => { obj.imageError = value; } }, metadata: _metadata }, _imageError_initializers, _imageError_extraInitializers);
+            __esDecorate(null, null, _imageLoaded_decorators, { kind: "field", name: "imageLoaded", static: false, private: false, access: { has: obj => "imageLoaded" in obj, get: obj => obj.imageLoaded, set: (obj, value) => { obj.imageLoaded = value; } }, metadata: _metadata }, _imageLoaded_initializers, _imageLoaded_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);
+        }
+        styles() {
+            return css /*css*/ `${cssContent}`;
+        }
+        render() {
+            const imageSrc = this.imageError && this.fallback ? this.fallback : this.src;
+            const imageAlt = this.alt || 'Image';
+            const loadingAttr = this.lazy ? 'lazy' : 'eager';
+            const imageClasses = [
+                'image',
+                `image--${this.variant}`,
+                `image--${this.size}`,
+                `image--${this.fit}`,
+                this.imageLoaded ? 'image--loaded' : ''
+            ].filter(Boolean).join(' ');
+            const placeholderClasses = [
+                'image-placeholder',
+                `image--${this.variant}`,
+                `image--${this.size}`,
+                `image--${this.fit}`,
+                this.imageLoaded ? 'image-placeholder--hidden' : ''
+            ].filter(Boolean).join(' ');
+            const containerClasses = [
+                'image-container',
+                `image-container--${this.size}`
+            ].join(' ');
+            const inlineStyles = this.getInlineStyles();
+            if (!this.src) {
+                return html `
+        <div class="${containerClasses}" part="container">
+          <div class="${imageClasses} image--placeholder" part="placeholder" style="${inlineStyles}"></div>
+        </div>
+      `;
+            }
+            const hasPlaceholder = this.placeholder && !this.imageLoaded;
+            return html `
+      <div class="${containerClasses}" part="container">
+        <if ${hasPlaceholder}>
+          <img
+            src="${this.placeholder}"
+            alt=""
+            aria-hidden="true"
+            class="${placeholderClasses}"
+            part="placeholder"
+            style="${inlineStyles}"
+          />
+        </if>
+        <img
+          src="${imageSrc}"
+          srcset="${this.srcset || ''}"
+          sizes="${this.sizes || ''}"
+          alt="${imageAlt}"
+          loading="${loadingAttr}"
+          class="${imageClasses}"
+          part="image"
+          style="${inlineStyles}"
+          @error="${() => this.handleImageError()}"
+          @load="${() => this.handleImageLoad()}"
+        />
+      </div>
+    `;
+        }
+        getInlineStyles() {
+            const styles = [];
+            if (this.width) {
+                styles.push(`width: ${this.width}`);
+            }
+            if (this.height) {
+                styles.push(`height: ${this.height}`);
+            }
+            return styles.join('; ');
+        }
+        handleImageError() {
+            if (!this.imageError) {
+                this.imageError = true;
+            }
+        }
+        handleImageLoad() {
+            this.imageError = false;
+            this.imageLoaded = true;
+        }
+        constructor() {
+            super(...arguments);
+            this.src = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _src_initializers, ''));
+            this.alt = (__runInitializers(this, _src_extraInitializers), __runInitializers(this, _alt_initializers, ''));
+            this.fallback = (__runInitializers(this, _alt_extraInitializers), __runInitializers(this, _fallback_initializers, ''));
+            this.placeholder = (__runInitializers(this, _fallback_extraInitializers), __runInitializers(this, _placeholder_initializers, ''));
+            this.srcset = (__runInitializers(this, _placeholder_extraInitializers), __runInitializers(this, _srcset_initializers, ''));
+            this.sizes = (__runInitializers(this, _srcset_extraInitializers), __runInitializers(this, _sizes_initializers, ''));
+            this.variant = (__runInitializers(this, _sizes_extraInitializers), __runInitializers(this, _variant_initializers, 'rounded'));
+            this.size = (__runInitializers(this, _variant_extraInitializers), __runInitializers(this, _size_initializers, 'medium'));
+            this.lazy = (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _lazy_initializers, true));
+            this.fit = (__runInitializers(this, _lazy_extraInitializers), __runInitializers(this, _fit_initializers, 'cover'));
+            this.width = (__runInitializers(this, _fit_extraInitializers), __runInitializers(this, _width_initializers, ''));
+            this.height = (__runInitializers(this, _width_extraInitializers), __runInitializers(this, _height_initializers, ''));
+            this.imageError = (__runInitializers(this, _height_extraInitializers), __runInitializers(this, _imageError_initializers, false));
+            this.imageLoaded = (__runInitializers(this, _imageError_extraInitializers), __runInitializers(this, _imageLoaded_initializers, false));
+            __runInitializers(this, _imageLoaded_extraInitializers);
+        }
+    });
+    return _classThis;
+})();
+
+export { SniceImage };
+//# sourceMappingURL=snice-image.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"snice-image.js","sources":["../../../components/image/snice-image.css?inline","../../../../components/image/snice-image.ts"],"sourcesContent":["export default \":host{display:inline-block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);contain:layout style paint;content-visibility:auto}.image-container{display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.image{display:block;max-width:100%;height:auto;opacity:0;transition:opacity var(--snice-transition-slow, 400ms) ease-in-out}.image--loaded{opacity:1}.image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:block;filter:blur(20px);transform:scale(1.1);opacity:1;transition:opacity var(--snice-transition-slow, 400ms) ease-in-out}.image-placeholder--hidden{opacity:0;pointer-events:none}.image--small{width:var(--snice-spacing-3xl,3rem);height:var(--snice-spacing-3xl,3rem)}.image--medium{width:var(--snice-spacing-5xl,6rem);height:var(--snice-spacing-5xl,6rem)}.image--large{width:var(--snice-spacing-6xl,12rem);height:var(--snice-spacing-6xl,12rem)}.image--rounded{border-radius:var(--snice-border-radius-md,.375rem)}.image--square{border-radius:0}.image--circle{border-radius:50%}.image--cover{object-fit:cover}.image--contain{object-fit:contain}.image--fill{object-fit:fill}.image--none{object-fit:none}.image--scale-down{object-fit:scale-down}.image--placeholder{background:linear-gradient(135deg,var(--snice-color-background-secondary,rgb(243 244 246)) 0,var(--snice-color-border,rgb(229 231 235)) 100%);border:1px solid var(--snice-color-border,rgb(226 226 226));position:relative;display:flex;align-items:center;justify-content:center;opacity:1!important}.image--placeholder::after{content:'📷';font-size:var(--snice-font-size-lg, 1.5rem);opacity:.5}:host([loading]) .image{opacity:.6;animation:1.5s ease-in-out infinite image-pulse}@keyframes image-pulse{0%,100%{opacity:.6}50%{opacity:.3}}@media (prefers-reduced-motion:reduce){:host([loading]) .image{animation:none}}\";",null],"names":[],"mappings":"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"}

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

@@ -0,0 +1,17 @@
+export type ImageVariant = 'rounded' | 'square' | 'circle';
+export type ImageSize = 'small' | 'medium' | 'large';
+export type ImageFit = 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
+export interface SniceImageElement extends HTMLElement {
+    src: string;
+    alt: string;
+    fallback: string;
+    placeholder: string;
+    srcset: string;
+    sizes: string;
+    variant: ImageVariant;
+    size: ImageSize;
+    lazy: boolean;
+    fit: ImageFit;
+    width: string;
+    height: string;
+}

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

@@ -30,8 +30,8 @@ export declare class SniceInput extends HTMLElement implements SniceInputElement
     clearButton?: HTMLButtonElement;
     passwordToggle?: HTMLButtonElement;
     private showPassword;
-    renderContent(): import("snice").TemplateResult;
-    componentStyles(): import("snice").CSSResult;
+    render(): import("snice").TemplateResult;
+    styles(): import("snice").CSSResult;
     init(): void;
     handleInput(e: Event): void;
     handleChange(e: Event): void;