snice 4.8.0 → 4.10.0

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

@@ -0,0 +1,34 @@
+import type { GanttZoom, GanttTask, SniceGanttElement } from './snice-gantt.types';
+export declare class SniceGantt extends HTMLElement implements SniceGanttElement {
+    tasks: GanttTask[];
+    zoom: GanttZoom;
+    showDependencies: boolean;
+    private timelineStart;
+    private timelineEnd;
+    private cellWidth;
+    private dragState;
+    private timelineElement?;
+    componentStyles(): import("snice").CSSResult;
+    handleTasksChange(): void;
+    handleZoomChange(): void;
+    private computeTimeline;
+    private getTimelineDays;
+    private getHeaderCells;
+    private dateToX;
+    private getOrderedTasks;
+    renderGantt(): import("snice").TemplateResult;
+    scrollToDate(date: string): void;
+    scrollToTask(id: string): void;
+    private handleBarMouseDown;
+    private handleDragMove;
+    private handleDragEnd;
+    private emitTaskClick;
+    private emitTaskResize;
+    private emitTaskMove;
+    private emitTaskLink;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'snice-gantt': SniceGantt;
+    }
+}

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

@@ -0,0 +1,369 @@
+import { __esDecorate, __runInitializers } from 'tslib';
+import { element, property, query, styles, watch, render, dispatch, css, html } from 'snice';
+
+var ganttStyles = ":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);contain:layout style paint}.gantt-container{background:var(--snice-color-background,rgb(255 255 255));border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-lg,.5rem);overflow:hidden}.gantt-header{display:flex;align-items:center;gap:var(--snice-spacing-md,1rem);padding:var(--snice-spacing-sm,.75rem) var(--snice-spacing-md,1rem);border-bottom:1px solid var(--snice-color-border,rgb(226 226 226));background:var(--snice-color-background-element,rgb(252 251 249))}.gantt-zoom-toggle{display:flex;gap:0;margin-left:auto}.gantt-zoom-btn{background:0 0;border:1px solid var(--snice-color-border,rgb(226 226 226));cursor:pointer;padding:var(--snice-spacing-3xs,.125rem) var(--snice-spacing-sm,.75rem);font-size:var(--snice-font-size-xs, .75rem);color:var(--snice-color-text-secondary,rgb(82 82 82));transition:background-color var(--snice-transition-fast, 150ms) ease}.gantt-zoom-btn:first-child{border-radius:var(--snice-border-radius-md,.25rem) 0 0 var(--snice-border-radius-md,.25rem)}.gantt-zoom-btn:last-child{border-radius:0 var(--snice-border-radius-md,.25rem) var(--snice-border-radius-md,.25rem) 0;border-left:none}.gantt-zoom-btn:not(:first-child):not(:last-child){border-left:none}.gantt-zoom-btn.active{background:var(--snice-color-primary,rgb(37 99 235));color:var(--snice-color-text-inverse,rgb(250 250 250));border-color:var(--snice-color-primary,rgb(37 99 235))}.gantt-body{display:flex;overflow:hidden}.gantt-task-list{width:12.5rem;flex-shrink:0;border-right:1px solid var(--snice-color-border,rgb(226 226 226));overflow-y:auto}.gantt-task-list-header{padding:var(--snice-spacing-xs,.5rem) var(--snice-spacing-sm,.75rem);font-size:var(--snice-font-size-xs, .75rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text-secondary,rgb(82 82 82));background:var(--snice-color-background-element,rgb(252 251 249));border-bottom:1px solid var(--snice-color-border,rgb(226 226 226));height:2rem;display:flex;align-items:center}.gantt-task-name{padding:var(--snice-spacing-xs,.5rem) var(--snice-spacing-sm,.75rem);font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text,rgb(23 23 23));height:2.25rem;display:flex;align-items:center;border-bottom:1px solid var(--snice-color-border,rgb(226 226 226));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:background-color var(--snice-transition-fast, 150ms) ease}.gantt-task-name:hover{background:var(--snice-color-background-hover,rgb(241 241 241))}.gantt-group-header{padding:var(--snice-spacing-xs,.5rem) var(--snice-spacing-sm,.75rem);font-size:var(--snice-font-size-xs, .75rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-primary,rgb(37 99 235));background:var(--snice-color-primary-subtle,rgb(239 246 255));border-bottom:1px solid var(--snice-color-border,rgb(226 226 226));text-transform:uppercase;letter-spacing:.05em}.gantt-timeline{flex:1;overflow-x:auto;overflow-y:auto;position:relative}.gantt-timeline-header{display:flex;background:var(--snice-color-background-element,rgb(252 251 249));border-bottom:1px solid var(--snice-color-border,rgb(226 226 226));height:2rem;position:sticky;top:0;z-index:2}.gantt-timeline-cell{flex-shrink:0;padding:var(--snice-spacing-2xs,.25rem) var(--snice-spacing-xs,.5rem);font-size:var(--snice-font-size-xs, .75rem);color:var(--snice-color-text-tertiary,rgb(115 115 115));border-right:1px solid var(--snice-color-border,rgb(226 226 226));display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}.gantt-timeline-cell--today{background:var(--snice-color-primary-subtle,rgb(239 246 255));font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-primary,rgb(37 99 235))}.gantt-timeline-rows{position:relative}.gantt-timeline-row{height:2.25rem;position:relative;border-bottom:1px solid var(--snice-color-border,rgb(226 226 226))}.gantt-bar{position:absolute;top:.375rem;height:1.5rem;border-radius:var(--snice-border-radius-md,.25rem);background:var(--snice-color-primary,rgb(37 99 235));cursor:pointer;display:flex;align-items:center;overflow:hidden;transition:opacity var(--snice-transition-fast, 150ms) ease;z-index:1}.gantt-bar:hover{opacity:.85}.gantt-bar-progress{height:100%;background:rgb(0 0 0 / .15);border-radius:var(--snice-border-radius-md,.25rem) 0 0 var(--snice-border-radius-md,.25rem)}.gantt-bar-label{position:absolute;left:var(--snice-spacing-xs,.5rem);font-size:var(--snice-font-size-xs, .75rem);color:var(--snice-color-text-inverse,rgb(250 250 250));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 1rem);pointer-events:none}.gantt-bar-handle{position:absolute;top:0;width:.375rem;height:100%;cursor:col-resize;z-index:2}.gantt-bar-handle--left{left:0}.gantt-bar-handle--right{right:0}.gantt-today-line{position:absolute;top:0;bottom:0;width:2px;background:var(--snice-color-danger,rgb(220 38 38));z-index:3;pointer-events:none}.gantt-dependencies{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.gantt-dependency-arrow{fill:none;stroke:var(--snice-color-text-tertiary,rgb(115 115 115));stroke-width:1.5}.gantt-dependency-arrowhead{fill:var(--snice-color-text-tertiary,rgb(115 115 115))}.gantt-grid-line{position:absolute;top:0;bottom:0;width:1px;background:var(--snice-color-border,rgb(226 226 226));opacity:.5;pointer-events:none}.gantt-timeline::-webkit-scrollbar{height:.5rem;width:.5rem}.gantt-timeline::-webkit-scrollbar-track{background:var(--snice-color-background-element,rgb(252 251 249))}.gantt-timeline::-webkit-scrollbar-thumb{background:var(--snice-color-border,rgb(226 226 226));border-radius:9999px}";
+
+const DAY_MS = 86400000;
+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 _zoom_decorators;
+    let _zoom_initializers = [];
+    let _zoom_extraInitializers = [];
+    let _showDependencies_decorators;
+    let _showDependencies_initializers = [];
+    let _showDependencies_extraInitializers = [];
+    let _timelineElement_decorators;
+    let _timelineElement_initializers = [];
+    let _timelineElement_extraInitializers = [];
+    let _componentStyles_decorators;
+    let _handleTasksChange_decorators;
+    let _handleZoomChange_decorators;
+    let _renderGantt_decorators;
+    let _emitTaskClick_decorators;
+    let _emitTaskResize_decorators;
+    let _emitTaskMove_decorators;
+    let _emitTaskLink_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 })];
+            _zoom_decorators = [property()];
+            _showDependencies_decorators = [property({ type: Boolean, attribute: 'show-dependencies' })];
+            _timelineElement_decorators = [query('.gantt-timeline')];
+            _componentStyles_decorators = [styles()];
+            _handleTasksChange_decorators = [watch('tasks')];
+            _handleZoomChange_decorators = [watch('zoom')];
+            _renderGantt_decorators = [render()];
+            _emitTaskClick_decorators = [dispatch('task-click', { bubbles: true, composed: true })];
+            _emitTaskResize_decorators = [dispatch('task-resize', { bubbles: true, composed: true })];
+            _emitTaskMove_decorators = [dispatch('task-move', { bubbles: true, composed: true })];
+            _emitTaskLink_decorators = [dispatch('task-link', { bubbles: true, composed: true })];
+            __esDecorate(this, null, _componentStyles_decorators, { kind: "method", name: "componentStyles", static: false, private: false, access: { has: obj => "componentStyles" in obj, get: obj => obj.componentStyles }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _handleTasksChange_decorators, { kind: "method", name: "handleTasksChange", static: false, private: false, access: { has: obj => "handleTasksChange" in obj, get: obj => obj.handleTasksChange }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _handleZoomChange_decorators, { kind: "method", name: "handleZoomChange", static: false, private: false, access: { has: obj => "handleZoomChange" in obj, get: obj => obj.handleZoomChange }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _renderGantt_decorators, { kind: "method", name: "renderGantt", static: false, private: false, access: { has: obj => "renderGantt" in obj, get: obj => obj.renderGantt }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _emitTaskClick_decorators, { kind: "method", name: "emitTaskClick", static: false, private: false, access: { has: obj => "emitTaskClick" in obj, get: obj => obj.emitTaskClick }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _emitTaskResize_decorators, { kind: "method", name: "emitTaskResize", static: false, private: false, access: { has: obj => "emitTaskResize" in obj, get: obj => obj.emitTaskResize }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _emitTaskMove_decorators, { kind: "method", name: "emitTaskMove", static: false, private: false, access: { has: obj => "emitTaskMove" in obj, get: obj => obj.emitTaskMove }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _emitTaskLink_decorators, { kind: "method", name: "emitTaskLink", static: false, private: false, access: { has: obj => "emitTaskLink" in obj, get: obj => obj.emitTaskLink }, 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, _zoom_decorators, { kind: "field", name: "zoom", static: false, private: false, access: { has: obj => "zoom" in obj, get: obj => obj.zoom, set: (obj, value) => { obj.zoom = value; } }, metadata: _metadata }, _zoom_initializers, _zoom_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, _timelineElement_decorators, { kind: "field", name: "timelineElement", static: false, private: false, access: { has: obj => "timelineElement" in obj, get: obj => obj.timelineElement, set: (obj, value) => { obj.timelineElement = value; } }, metadata: _metadata }, _timelineElement_initializers, _timelineElement_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);
+        }
+        componentStyles() {
+            return css `${ganttStyles}`;
+        }
+        handleTasksChange() {
+            this.computeTimeline();
+        }
+        handleZoomChange() {
+            this.computeTimeline();
+        }
+        computeTimeline() {
+            if (this.tasks.length === 0) {
+                this.timelineStart = new Date();
+                this.timelineEnd = new Date();
+                return;
+            }
+            let minDate = Infinity;
+            let maxDate = -Infinity;
+            for (const task of this.tasks) {
+                const start = new Date(task.start).getTime();
+                const end = new Date(task.end).getTime();
+                if (start < minDate)
+                    minDate = start;
+                if (end > maxDate)
+                    maxDate = end;
+            }
+            const padding = this.zoom === 'day' ? DAY_MS * 2 : this.zoom === 'week' ? DAY_MS * 7 : DAY_MS * 14;
+            this.timelineStart = new Date(minDate - padding);
+            this.timelineEnd = new Date(maxDate + padding);
+            this.cellWidth = this.zoom === 'day' ? 40 : this.zoom === 'week' ? 28 : 12;
+        }
+        getTimelineDays() {
+            const days = [];
+            const current = new Date(this.timelineStart);
+            current.setHours(0, 0, 0, 0);
+            while (current <= this.timelineEnd) {
+                days.push(new Date(current));
+                current.setDate(current.getDate() + 1);
+            }
+            return days;
+        }
+        getHeaderCells() {
+            const days = this.getTimelineDays();
+            const today = new Date();
+            today.setHours(0, 0, 0, 0);
+            if (this.zoom === 'day') {
+                return days.map(d => ({
+                    label: String(d.getDate()),
+                    span: 1,
+                    isToday: d.getTime() === today.getTime(),
+                }));
+            }
+            if (this.zoom === 'week') {
+                return days.map(d => ({
+                    label: d.getDay() === 1 ? d.toLocaleDateString(undefined, { month: 'short', day: 'numeric' }) : String(d.getDate()),
+                    span: 1,
+                    isToday: d.getTime() === today.getTime(),
+                }));
+            }
+            const cells = [];
+            let currentMonth = -1;
+            for (const d of days) {
+                if (d.getMonth() !== currentMonth) {
+                    currentMonth = d.getMonth();
+                    cells.push({
+                        label: d.toLocaleDateString(undefined, { month: 'short', year: 'numeric' }),
+                        span: 1,
+                        isToday: false,
+                    });
+                }
+                else {
+                    cells[cells.length - 1].span++;
+                }
+            }
+            return cells;
+        }
+        dateToX(date) {
+            const d = typeof date === 'string' ? new Date(date) : date;
+            const diff = d.getTime() - this.timelineStart.getTime();
+            const totalDays = diff / DAY_MS;
+            return totalDays * this.cellWidth;
+        }
+        getOrderedTasks() {
+            const groups = new Map();
+            const ungrouped = [];
+            for (const task of this.tasks) {
+                if (task.group) {
+                    if (!groups.has(task.group))
+                        groups.set(task.group, []);
+                    groups.get(task.group).push(task);
+                }
+                else {
+                    ungrouped.push(task);
+                }
+            }
+            const result = [];
+            for (const [group, tasks] of groups) {
+                result.push({ __group: group });
+                result.push(...tasks);
+            }
+            result.push(...ungrouped);
+            return result;
+        }
+        renderGantt() {
+            this.computeTimeline();
+            const headerCells = this.getHeaderCells();
+            const orderedItems = this.getOrderedTasks();
+            const days = this.getTimelineDays();
+            const totalWidth = days.length * this.cellWidth;
+            const today = new Date();
+            today.setHours(0, 0, 0, 0);
+            const todayX = this.dateToX(today);
+            const todayVisible = todayX >= 0 && todayX <= totalWidth;
+            const isDay = this.zoom === 'day';
+            const isWeek = this.zoom === 'week';
+            const isMonth = this.zoom === 'month';
+            const taskItems = this.tasks;
+            let taskRowIndex = 0;
+            const taskRowMap = new Map();
+            for (const item of orderedItems) {
+                if ('__group' in item) {
+                    taskRowIndex++;
+                }
+                else {
+                    taskRowMap.set(item.id, taskRowIndex);
+                    taskRowIndex++;
+                }
+            }
+            return html `
+      <div class="gantt-container">
+        <div class="gantt-header">
+          <div class="gantt-zoom-toggle">
+            <button class="gantt-zoom-btn ${isDay ? 'active' : ''}" @click=${() => { this.zoom = 'day'; }}>Day</button>
+            <button class="gantt-zoom-btn ${isWeek ? 'active' : ''}" @click=${() => { this.zoom = 'week'; }}>Week</button>
+            <button class="gantt-zoom-btn ${isMonth ? 'active' : ''}" @click=${() => { this.zoom = 'month'; }}>Month</button>
+          </div>
+        </div>
+
+        <div class="gantt-body">
+          <div class="gantt-task-list">
+            <div class="gantt-task-list-header">Task</div>
+            ${orderedItems.map(item => {
+                if ('__group' in item) {
+                    return html `<div class="gantt-group-header">${item.__group}</div>`;
+                }
+                return html `
+                <div class="gantt-task-name" @click=${() => this.emitTaskClick(item)}>${item.name}</div>
+              `;
+            })}
+          </div>
+
+          <div class="gantt-timeline">
+            <div class="gantt-timeline-header" style="width: ${totalWidth}px">
+              ${headerCells.map(cell => html `
+                <div
+                  class="gantt-timeline-cell ${cell.isToday ? 'gantt-timeline-cell--today' : ''}"
+                  style="width: ${cell.span * this.cellWidth}px"
+                >${cell.label}</div>
+              `)}
+            </div>
+
+            <div class="gantt-timeline-rows" style="width: ${totalWidth}px; height: ${taskRowIndex * 2.25}rem">
+              ${taskItems.map(task => {
+                const left = this.dateToX(task.start);
+                const right = this.dateToX(task.end);
+                const width = Math.max(right - left, this.cellWidth / 2);
+                const rowIdx = taskRowMap.get(task.id) || 0;
+                const top = rowIdx * 2.25;
+                const bgColor = task.color || 'var(--snice-color-primary, rgb(37 99 235))';
+                const progress = task.progress || 0;
+                const hasProgress = progress > 0;
+                return html `
+                  <div
+                    class="gantt-bar"
+                    style="left: ${left}px; width: ${width}px; top: calc(${top}rem + 0.375rem); background: ${bgColor}"
+                    @click=${() => this.emitTaskClick(task)}
+                    @mousedown=${(e) => this.handleBarMouseDown(e, task, 'move')}
+                  >
+                    <if ${hasProgress}>
+                      <div class="gantt-bar-progress" style="width: ${progress}%"></div>
+                    </if>
+                    <span class="gantt-bar-label">${task.name}</span>
+                    <div class="gantt-bar-handle gantt-bar-handle--left" @mousedown=${(e) => { e.stopPropagation(); this.handleBarMouseDown(e, task, 'resize-left'); }}></div>
+                    <div class="gantt-bar-handle gantt-bar-handle--right" @mousedown=${(e) => { e.stopPropagation(); this.handleBarMouseDown(e, task, 'resize-right'); }}></div>
+                  </div>
+                `;
+            })}
+
+              <if ${todayVisible}>
+                <div class="gantt-today-line" style="left: ${todayX}px"></div>
+              </if>
+            </div>
+          </div>
+        </div>
+      </div>
+    `;
+        }
+        // --- Public Methods ---
+        scrollToDate(date) {
+            if (!this.timelineElement)
+                return;
+            const x = this.dateToX(date);
+            this.timelineElement.scrollLeft = Math.max(0, x - this.timelineElement.clientWidth / 2);
+        }
+        scrollToTask(id) {
+            const task = this.tasks.find(t => t.id === id);
+            if (task) {
+                this.scrollToDate(task.start);
+            }
+        }
+        // --- Drag handlers ---
+        handleBarMouseDown(e, task, type) {
+            e.preventDefault();
+            this.dragState = {
+                taskId: task.id,
+                type,
+                startX: e.clientX,
+                origStart: task.start,
+                origEnd: task.end,
+            };
+            const onMouseMove = (ev) => this.handleDragMove(ev);
+            const onMouseUp = () => {
+                document.removeEventListener('mousemove', onMouseMove);
+                document.removeEventListener('mouseup', onMouseUp);
+                this.handleDragEnd();
+            };
+            document.addEventListener('mousemove', onMouseMove);
+            document.addEventListener('mouseup', onMouseUp);
+        }
+        handleDragMove(e) {
+            if (!this.dragState)
+                return;
+            const dx = e.clientX - this.dragState.startX;
+            const daysDelta = Math.round(dx / this.cellWidth);
+            if (daysDelta === 0)
+                return;
+            const task = this.tasks.find(t => t.id === this.dragState.taskId);
+            if (!task)
+                return;
+            const origStart = new Date(this.dragState.origStart);
+            const origEnd = new Date(this.dragState.origEnd);
+            if (this.dragState.type === 'move') {
+                task.start = new Date(origStart.getTime() + daysDelta * DAY_MS).toISOString().split('T')[0];
+                task.end = new Date(origEnd.getTime() + daysDelta * DAY_MS).toISOString().split('T')[0];
+            }
+            else if (this.dragState.type === 'resize-left') {
+                const newStart = new Date(origStart.getTime() + daysDelta * DAY_MS);
+                if (newStart < origEnd) {
+                    task.start = newStart.toISOString().split('T')[0];
+                }
+            }
+            else if (this.dragState.type === 'resize-right') {
+                const newEnd = new Date(origEnd.getTime() + daysDelta * DAY_MS);
+                if (newEnd > origStart) {
+                    task.end = newEnd.toISOString().split('T')[0];
+                }
+            }
+            this.tasks = [...this.tasks];
+        }
+        handleDragEnd() {
+            if (!this.dragState)
+                return;
+            const task = this.tasks.find(t => t.id === this.dragState.taskId);
+            if (task) {
+                if (this.dragState.type === 'move') {
+                    this.emitTaskMove(task);
+                }
+                else {
+                    this.emitTaskResize(task);
+                }
+            }
+            this.dragState = null;
+        }
+        // --- Events ---
+        emitTaskClick(task) {
+            return { task };
+        }
+        emitTaskResize(task) {
+            return { task, start: task.start, end: task.end };
+        }
+        emitTaskMove(task) {
+            return { task, start: task.start, end: task.end };
+        }
+        emitTaskLink(source, target) {
+            return { source, target };
+        }
+        constructor() {
+            super(...arguments);
+            this.tasks = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _tasks_initializers, []));
+            this.zoom = (__runInitializers(this, _tasks_extraInitializers), __runInitializers(this, _zoom_initializers, 'week'));
+            this.showDependencies = (__runInitializers(this, _zoom_extraInitializers), __runInitializers(this, _showDependencies_initializers, true));
+            this.timelineStart = (__runInitializers(this, _showDependencies_extraInitializers), new Date());
+            this.timelineEnd = new Date();
+            this.cellWidth = 40;
+            this.dragState = null;
+            this.timelineElement = __runInitializers(this, _timelineElement_initializers, void 0);
+            __runInitializers(this, _timelineElement_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, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);contain:layout style paint}.gantt-container{background:var(--snice-color-background,rgb(255 255 255));border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-lg,.5rem);overflow:hidden}.gantt-header{display:flex;align-items:center;gap:var(--snice-spacing-md,1rem);padding:var(--snice-spacing-sm,.75rem) var(--snice-spacing-md,1rem);border-bottom:1px solid var(--snice-color-border,rgb(226 226 226));background:var(--snice-color-background-element,rgb(252 251 249))}.gantt-zoom-toggle{display:flex;gap:0;margin-left:auto}.gantt-zoom-btn{background:0 0;border:1px solid var(--snice-color-border,rgb(226 226 226));cursor:pointer;padding:var(--snice-spacing-3xs,.125rem) var(--snice-spacing-sm,.75rem);font-size:var(--snice-font-size-xs, .75rem);color:var(--snice-color-text-secondary,rgb(82 82 82));transition:background-color var(--snice-transition-fast, 150ms) ease}.gantt-zoom-btn:first-child{border-radius:var(--snice-border-radius-md,.25rem) 0 0 var(--snice-border-radius-md,.25rem)}.gantt-zoom-btn:last-child{border-radius:0 var(--snice-border-radius-md,.25rem) var(--snice-border-radius-md,.25rem) 0;border-left:none}.gantt-zoom-btn:not(:first-child):not(:last-child){border-left:none}.gantt-zoom-btn.active{background:var(--snice-color-primary,rgb(37 99 235));color:var(--snice-color-text-inverse,rgb(250 250 250));border-color:var(--snice-color-primary,rgb(37 99 235))}.gantt-body{display:flex;overflow:hidden}.gantt-task-list{width:12.5rem;flex-shrink:0;border-right:1px solid var(--snice-color-border,rgb(226 226 226));overflow-y:auto}.gantt-task-list-header{padding:var(--snice-spacing-xs,.5rem) var(--snice-spacing-sm,.75rem);font-size:var(--snice-font-size-xs, .75rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text-secondary,rgb(82 82 82));background:var(--snice-color-background-element,rgb(252 251 249));border-bottom:1px solid var(--snice-color-border,rgb(226 226 226));height:2rem;display:flex;align-items:center}.gantt-task-name{padding:var(--snice-spacing-xs,.5rem) var(--snice-spacing-sm,.75rem);font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text,rgb(23 23 23));height:2.25rem;display:flex;align-items:center;border-bottom:1px solid var(--snice-color-border,rgb(226 226 226));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:background-color var(--snice-transition-fast, 150ms) ease}.gantt-task-name:hover{background:var(--snice-color-background-hover,rgb(241 241 241))}.gantt-group-header{padding:var(--snice-spacing-xs,.5rem) var(--snice-spacing-sm,.75rem);font-size:var(--snice-font-size-xs, .75rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-primary,rgb(37 99 235));background:var(--snice-color-primary-subtle,rgb(239 246 255));border-bottom:1px solid var(--snice-color-border,rgb(226 226 226));text-transform:uppercase;letter-spacing:.05em}.gantt-timeline{flex:1;overflow-x:auto;overflow-y:auto;position:relative}.gantt-timeline-header{display:flex;background:var(--snice-color-background-element,rgb(252 251 249));border-bottom:1px solid var(--snice-color-border,rgb(226 226 226));height:2rem;position:sticky;top:0;z-index:2}.gantt-timeline-cell{flex-shrink:0;padding:var(--snice-spacing-2xs,.25rem) var(--snice-spacing-xs,.5rem);font-size:var(--snice-font-size-xs, .75rem);color:var(--snice-color-text-tertiary,rgb(115 115 115));border-right:1px solid var(--snice-color-border,rgb(226 226 226));display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}.gantt-timeline-cell--today{background:var(--snice-color-primary-subtle,rgb(239 246 255));font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-primary,rgb(37 99 235))}.gantt-timeline-rows{position:relative}.gantt-timeline-row{height:2.25rem;position:relative;border-bottom:1px solid var(--snice-color-border,rgb(226 226 226))}.gantt-bar{position:absolute;top:.375rem;height:1.5rem;border-radius:var(--snice-border-radius-md,.25rem);background:var(--snice-color-primary,rgb(37 99 235));cursor:pointer;display:flex;align-items:center;overflow:hidden;transition:opacity var(--snice-transition-fast, 150ms) ease;z-index:1}.gantt-bar:hover{opacity:.85}.gantt-bar-progress{height:100%;background:rgb(0 0 0 / .15);border-radius:var(--snice-border-radius-md,.25rem) 0 0 var(--snice-border-radius-md,.25rem)}.gantt-bar-label{position:absolute;left:var(--snice-spacing-xs,.5rem);font-size:var(--snice-font-size-xs, .75rem);color:var(--snice-color-text-inverse,rgb(250 250 250));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 1rem);pointer-events:none}.gantt-bar-handle{position:absolute;top:0;width:.375rem;height:100%;cursor:col-resize;z-index:2}.gantt-bar-handle--left{left:0}.gantt-bar-handle--right{right:0}.gantt-today-line{position:absolute;top:0;bottom:0;width:2px;background:var(--snice-color-danger,rgb(220 38 38));z-index:3;pointer-events:none}.gantt-dependencies{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.gantt-dependency-arrow{fill:none;stroke:var(--snice-color-text-tertiary,rgb(115 115 115));stroke-width:1.5}.gantt-dependency-arrowhead{fill:var(--snice-color-text-tertiary,rgb(115 115 115))}.gantt-grid-line{position:absolute;top:0;bottom:0;width:1px;background:var(--snice-color-border,rgb(226 226 226));opacity:.5;pointer-events:none}.gantt-timeline::-webkit-scrollbar{height:.5rem;width:.5rem}.gantt-timeline::-webkit-scrollbar-track{background:var(--snice-color-background-element,rgb(252 251 249))}.gantt-timeline::-webkit-scrollbar-thumb{background:var(--snice-color-border,rgb(226 226 226));border-radius:9999px}\";",null],"names":[],"mappings":";;;AAAA,kBAAe,+sLAA+sL;;ACI9tL,MAAM,MAAM,GAAG,QAAQ;IAGV,UAAU,GAAA,CAAA,MAAA;4BADtB,OAAO,CAAC,aAAa,CAAC,CAAA;;;;sBACS,WAAW;;;;;;;;;;;;;;;;;;;;;;AAAnB,KAAA,cAAQ,WAAW,CAAA;;;;AACxC,YAAA,iBAAA,GAAA,CAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAA;AAGzB,YAAA,gBAAA,GAAA,CAAA,QAAQ,EAAE,CAAA;4CAEV,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC,CAAA;2CAQ3D,KAAK,CAAC,iBAAiB,CAAC,CAAA;AAGxB,YAAA,2BAAA,GAAA,CAAA,MAAM,EAAE,CAAA;6CAKR,KAAK,CAAC,OAAO,CAAC,CAAA;4CAKd,KAAK,CAAC,MAAM,CAAC,CAAA;AA4Gb,YAAA,uBAAA,GAAA,CAAA,MAAM,EAAE,CAAA;AAyLR,YAAA,yBAAA,GAAA,CAAA,QAAQ,CAAC,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAA;AAKzD,YAAA,0BAAA,GAAA,CAAA,QAAQ,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAA;AAK1D,YAAA,wBAAA,GAAA,CAAA,QAAQ,CAAC,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAA;AAKxD,YAAA,wBAAA,GAAA,CAAA,QAAQ,CAAC,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAA;AA7TzD,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,2BAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,iBAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,eAAe,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AAKf,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,CAAA,iBAAiB,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AAKjB,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,4BAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,kBAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,gBAAgB,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AA4GhB,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,uBAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,aAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,WAAW,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AAyLX,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,yBAAA,EAAA,EAAA,IAAA,EAAA,QAAA,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,CAAQ,aAAa,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AAKrB,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,CAAQ,cAAc,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AAKtB,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,CAAQ,YAAY,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AAKpB,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,CAAQ,YAAY,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;YA9UpB,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;YAEO,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;YAGhB,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,4BAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,kBAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,gBAAgB,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAhB,gBAAgB,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,8BAAA,EAAA,mCAAA,CAAA;YAQhB,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,2BAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,iBAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAQ,eAAe,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAf,eAAe,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,6BAAA,EAAA,kCAAA,CAAA;YAfzB,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;;QAkBX,eAAe,GAAA;AACb,YAAA,OAAO,GAAG,CAAA,CAAA,EAAG,WAAW,EAAE;QAC5B;QAGA,iBAAiB,GAAA;YACf,IAAI,CAAC,eAAe,EAAE;QACxB;QAGA,gBAAgB,GAAA;YACd,IAAI,CAAC,eAAe,EAAE;QACxB;QAEQ,eAAe,GAAA;YACrB,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;AAC3B,gBAAA,IAAI,CAAC,aAAa,GAAG,IAAI,IAAI,EAAE;AAC/B,gBAAA,IAAI,CAAC,WAAW,GAAG,IAAI,IAAI,EAAE;gBAC7B;YACF;YAEA,IAAI,OAAO,GAAG,QAAQ;AACtB,YAAA,IAAI,OAAO,GAAG,CAAC,QAAQ;AAEvB,YAAA,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE;AAC7B,gBAAA,MAAM,KAAK,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE;AAC5C,gBAAA,MAAM,GAAG,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE;gBACxC,IAAI,KAAK,GAAG,OAAO;oBAAE,OAAO,GAAG,KAAK;gBACpC,IAAI,GAAG,GAAG,OAAO;oBAAE,OAAO,GAAG,GAAG;YAClC;AAEA,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,KAAK,KAAK,GAAG,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,KAAK,MAAM,GAAG,MAAM,GAAG,CAAC,GAAG,MAAM,GAAG,EAAE;YAClG,IAAI,CAAC,aAAa,GAAG,IAAI,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;YAChD,IAAI,CAAC,WAAW,GAAG,IAAI,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;AAE9C,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,IAAI,KAAK,KAAK,GAAG,EAAE,GAAG,IAAI,CAAC,IAAI,KAAK,MAAM,GAAG,EAAE,GAAG,EAAE;QAC5E;QAEQ,eAAe,GAAA;YACrB,MAAM,IAAI,GAAW,EAAE;YACvB,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;YAC5C,OAAO,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAE5B,YAAA,OAAO,OAAO,IAAI,IAAI,CAAC,WAAW,EAAE;gBAClC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC;gBAC5B,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;YACxC;AACA,YAAA,OAAO,IAAI;QACb;QAEQ,cAAc,GAAA;AACpB,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,EAAE;AACnC,YAAA,MAAM,KAAK,GAAG,IAAI,IAAI,EAAE;YACxB,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAE1B,YAAA,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,EAAE;gBACvB,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK;AACpB,oBAAA,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;AAC1B,oBAAA,IAAI,EAAE,CAAC;oBACP,OAAO,EAAE,CAAC,CAAC,OAAO,EAAE,KAAK,KAAK,CAAC,OAAO,EAAE;AACzC,iBAAA,CAAC,CAAC;YACL;AAEA,YAAA,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE;gBACxB,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK;AACpB,oBAAA,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,kBAAkB,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;AACnH,oBAAA,IAAI,EAAE,CAAC;oBACP,OAAO,EAAE,CAAC,CAAC,OAAO,EAAE,KAAK,KAAK,CAAC,OAAO,EAAE;AACzC,iBAAA,CAAC,CAAC;YACL;YAEA,MAAM,KAAK,GAAwD,EAAE;AACrE,YAAA,IAAI,YAAY,GAAG,EAAE;AACrB,YAAA,KAAK,MAAM,CAAC,IAAI,IAAI,EAAE;AACpB,gBAAA,IAAI,CAAC,CAAC,QAAQ,EAAE,KAAK,YAAY,EAAE;AACjC,oBAAA,YAAY,GAAG,CAAC,CAAC,QAAQ,EAAE;oBAC3B,KAAK,CAAC,IAAI,CAAC;AACT,wBAAA,KAAK,EAAE,CAAC,CAAC,kBAAkB,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;AAC3E,wBAAA,IAAI,EAAE,CAAC;AACP,wBAAA,OAAO,EAAE,KAAK;AACf,qBAAA,CAAC;gBACJ;qBAAO;oBACL,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE;gBAChC;YACF;AACA,YAAA,OAAO,KAAK;QACd;AAEQ,QAAA,OAAO,CAAC,IAAmB,EAAA;AACjC,YAAA,MAAM,CAAC,GAAG,OAAO,IAAI,KAAK,QAAQ,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI;AAC1D,YAAA,MAAM,IAAI,GAAG,CAAC,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE;AACvD,YAAA,MAAM,SAAS,GAAG,IAAI,GAAG,MAAM;AAC/B,YAAA,OAAO,SAAS,GAAG,IAAI,CAAC,SAAS;QACnC;QAEQ,eAAe,GAAA;AACrB,YAAA,MAAM,MAAM,GAAG,IAAI,GAAG,EAAuB;YAC7C,MAAM,SAAS,GAAgB,EAAE;AAEjC,YAAA,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE;AAC7B,gBAAA,IAAI,IAAI,CAAC,KAAK,EAAE;oBACd,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC;wBAAE,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC;AACvD,oBAAA,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAE,CAAC,IAAI,CAAC,IAAI,CAAC;gBACpC;qBAAO;AACL,oBAAA,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;gBACtB;YACF;YAEA,MAAM,MAAM,GAAwC,EAAE;YACtD,KAAK,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,MAAM,EAAE;gBACnC,MAAM,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;AAC/B,gBAAA,MAAM,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;YACvB;AACA,YAAA,MAAM,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC;AACzB,YAAA,OAAO,MAAM;QACf;QAGA,WAAW,GAAA;YACT,IAAI,CAAC,eAAe,EAAE;AACtB,YAAA,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,EAAE;AACzC,YAAA,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,EAAE;AAC3C,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,EAAE;YACnC,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS;AAC/C,YAAA,MAAM,KAAK,GAAG,IAAI,IAAI,EAAE;YACxB,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;YAC1B,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;YAClC,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC,IAAI,MAAM,IAAI,UAAU;AACxD,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,KAAK,KAAK;AACjC,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,KAAK,MAAM;AACnC,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,KAAK,OAAO;AAErC,YAAA,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK;YAC5B,IAAI,YAAY,GAAG,CAAC;AACpB,YAAA,MAAM,UAAU,GAAG,IAAI,GAAG,EAAkB;AAE5C,YAAA,KAAK,MAAM,IAAI,IAAI,YAAY,EAAE;AAC/B,gBAAA,IAAI,SAAS,IAAI,IAAI,EAAE;AACrB,oBAAA,YAAY,EAAE;gBAChB;qBAAO;oBACL,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,YAAY,CAAC;AACrC,oBAAA,YAAY,EAAE;gBAChB;YACF;AAEA,YAAA,OAAO,IAAI,CAAA;;;;AAI6B,0CAAA,EAAA,KAAK,GAAG,QAAQ,GAAG,EAAE,CAAA,SAAA,EAAY,MAAK,EAAG,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAA;AAC7D,0CAAA,EAAA,MAAM,GAAG,QAAQ,GAAG,EAAE,CAAA,SAAA,EAAY,MAAK,EAAG,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,CAAA;AAC/D,0CAAA,EAAA,OAAO,GAAG,QAAQ,GAAG,EAAE,CAAA,SAAA,EAAY,MAAK,EAAG,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,CAAA;;;;;;;AAO/F,YAAA,EAAA,YAAY,CAAC,GAAG,CAAC,IAAI,IAAG;AACxB,gBAAA,IAAI,SAAS,IAAI,IAAI,EAAE;AACrB,oBAAA,OAAO,IAAI,CAAA,CAAA,gCAAA,EAAmC,IAAI,CAAC,OAAO,QAAQ;gBACpE;AACA,gBAAA,OAAO,IAAI,CAAA;sDAC6B,MAAM,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAA,CAAA,EAAI,IAAI,CAAC,IAAI,CAAA;eAClF;AACH,YAAA,CAAC,CAAC;;;;+DAIiD,UAAU,CAAA;gBACzD,WAAW,CAAC,GAAG,CAAC,IAAI,IAAI,IAAI,CAAA;;+CAEG,IAAI,CAAC,OAAO,GAAG,4BAA4B,GAAG,EAAE,CAAA;AAC7D,gCAAA,EAAA,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,SAAS,CAAA;AACzC,iBAAA,EAAA,IAAI,CAAC,KAAK,CAAA;eACd,CAAC;;;6DAG6C,UAAU,CAAA,YAAA,EAAe,YAAY,GAAG,IAAI,CAAA;AACzF,cAAA,EAAA,SAAS,CAAC,GAAG,CAAC,IAAI,IAAG;gBACrB,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;gBACrC,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpC,gBAAA,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,EAAE,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC;AACxD,gBAAA,MAAM,MAAM,GAAG,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC;AAC3C,gBAAA,MAAM,GAAG,GAAG,MAAM,GAAG,IAAI;AACzB,gBAAA,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,IAAI,4CAA4C;AAC1E,gBAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,CAAC;AACnC,gBAAA,MAAM,WAAW,GAAG,QAAQ,GAAG,CAAC;AAEhC,gBAAA,OAAO,IAAI,CAAA;;;AAGQ,iCAAA,EAAA,IAAI,CAAA,WAAA,EAAc,KAAK,CAAA,cAAA,EAAiB,GAAG,gCAAgC,OAAO,CAAA;AACxF,2BAAA,EAAA,MAAM,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;AAC1B,+BAAA,EAAA,CAAC,CAAa,KAAK,IAAI,CAAC,kBAAkB,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,CAAC;;0BAElE,WAAW,CAAA;sEACiC,QAAQ,CAAA;;AAE1B,kDAAA,EAAA,IAAI,CAAC,IAAI,CAAA;sFACyB,CAAC,CAAa,KAAI,EAAG,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,EAAE,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CAAA;uFAC3F,CAAC,CAAa,KAAI,EAAG,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,EAAE,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;;iBAEnK;AACH,YAAA,CAAC,CAAC;;oBAEI,YAAY,CAAA;6DAC6B,MAAM,CAAA;;;;;;KAM9D;QACH;;AAIA,QAAA,YAAY,CAAC,IAAY,EAAA;YACvB,IAAI,CAAC,IAAI,CAAC,eAAe;gBAAE;YAC3B,MAAM,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;YAC5B,IAAI,CAAC,eAAe,CAAC,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC,WAAW,GAAG,CAAC,CAAC;QACzF;AAEA,QAAA,YAAY,CAAC,EAAU,EAAA;AACrB,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC;YAC9C,IAAI,IAAI,EAAE;AACR,gBAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;YAC/B;QACF;;AAIQ,QAAA,kBAAkB,CAAC,CAAa,EAAE,IAAe,EAAE,IAA6C,EAAA;YACtG,CAAC,CAAC,cAAc,EAAE;YAClB,IAAI,CAAC,SAAS,GAAG;gBACf,MAAM,EAAE,IAAI,CAAC,EAAE;gBACf,IAAI;gBACJ,MAAM,EAAE,CAAC,CAAC,OAAO;gBACjB,SAAS,EAAE,IAAI,CAAC,KAAK;gBACrB,OAAO,EAAE,IAAI,CAAC,GAAG;aAClB;AAED,YAAA,MAAM,WAAW,GAAG,CAAC,EAAc,KAAK,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC;YAC/D,MAAM,SAAS,GAAG,MAAK;AACrB,gBAAA,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC;AACtD,gBAAA,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC;gBAClD,IAAI,CAAC,aAAa,EAAE;AACtB,YAAA,CAAC;AAED,YAAA,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC;AACnD,YAAA,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC;QACjD;AAEQ,QAAA,cAAc,CAAC,CAAa,EAAA;YAClC,IAAI,CAAC,IAAI,CAAC,SAAS;gBAAE;YAErB,MAAM,EAAE,GAAG,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM;AAC5C,YAAA,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;YACjD,IAAI,SAAS,KAAK,CAAC;gBAAE;YAErB,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,SAAU,CAAC,MAAM,CAAC;AAClE,YAAA,IAAI,CAAC,IAAI;gBAAE;YAEX,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC;YACpD,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;YAEhD,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,KAAK,MAAM,EAAE;gBAClC,IAAI,CAAC,KAAK,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,GAAG,SAAS,GAAG,MAAM,CAAC,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;gBAC3F,IAAI,CAAC,GAAG,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,SAAS,GAAG,MAAM,CAAC,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YACzF;iBAAO,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,KAAK,aAAa,EAAE;AAChD,gBAAA,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,GAAG,SAAS,GAAG,MAAM,CAAC;AACnE,gBAAA,IAAI,QAAQ,GAAG,OAAO,EAAE;AACtB,oBAAA,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;gBACnD;YACF;iBAAO,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,KAAK,cAAc,EAAE;AACjD,gBAAA,MAAM,MAAM,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,SAAS,GAAG,MAAM,CAAC;AAC/D,gBAAA,IAAI,MAAM,GAAG,SAAS,EAAE;AACtB,oBAAA,IAAI,CAAC,GAAG,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;gBAC/C;YACF;YAEA,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAC9B;QAEQ,aAAa,GAAA;YACnB,IAAI,CAAC,IAAI,CAAC,SAAS;gBAAE;YAErB,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,SAAU,CAAC,MAAM,CAAC;YAClE,IAAI,IAAI,EAAE;gBACR,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,KAAK,MAAM,EAAE;AAClC,oBAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;gBACzB;qBAAO;AACL,oBAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC;gBAC3B;YACF;AAEA,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI;QACvB;;AAKQ,QAAA,aAAa,CAAC,IAAe,EAAA;YACnC,OAAO,EAAE,IAAI,EAAE;QACjB;AAGQ,QAAA,cAAc,CAAC,IAAe,EAAA;AACpC,YAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE;QACnD;AAGQ,QAAA,YAAY,CAAC,IAAe,EAAA;AAClC,YAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE;QACnD;QAGQ,YAAY,CAAC,MAAc,EAAE,MAAc,EAAA;AACjD,YAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE;QAC3B;;;AAhVA,YAAA,IAAA,CAAA,KAAK,IAFM,iBAAA,CAAA,IAAA,EAAA,0BAAA,CAAU,EAAA,iBAAA,CAAA,IAAA,EAAA,mBAAA,EAEA,EAAE,CAAA,CAAA;YAEX,IAAA,CAAA,IAAI,IAAA,iBAAA,CAAA,IAAA,EAAA,wBAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,kBAAA,EAAc,MAAM,CAAA,CAAA;YAGpC,IAAA,CAAA,gBAAgB,IAAA,iBAAA,CAAA,IAAA,EAAA,uBAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,8BAAA,EAAY,IAAI,CAAA,CAAA;AAExB,YAAA,IAAA,CAAA,aAAa,IAAA,iBAAA,CAAA,IAAA,EAAA,mCAAA,CAAA,EAAS,IAAI,IAAI,EAAE,CAAA;AAChC,YAAA,IAAA,CAAA,WAAW,GAAS,IAAI,IAAI,EAAE;YAC9B,IAAA,CAAA,SAAS,GAAW,EAAE;YACtB,IAAA,CAAA,SAAS,GAAiI,IAAI;AAG9I,YAAA,IAAA,CAAA,eAAe,GAAA,iBAAA,CAAA,IAAA,EAAA,6BAAA,EAAA,MAAA,CAAA;;;;;;;;;"}

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

@@ -0,0 +1,37 @@
+export type GanttZoom = 'day' | 'week' | 'month';
+export interface GanttTask {
+    id: string;
+    name: string;
+    start: string;
+    end: string;
+    progress?: number;
+    dependencies?: string[];
+    color?: string;
+    group?: string;
+}
+export interface SniceGanttElement extends HTMLElement {
+    tasks: GanttTask[];
+    zoom: GanttZoom;
+    showDependencies: boolean;
+    scrollToDate(date: string): void;
+    scrollToTask(id: string): void;
+}
+export interface SniceGanttEventMap {
+    'task-click': CustomEvent<{
+        task: GanttTask;
+    }>;
+    'task-resize': CustomEvent<{
+        task: GanttTask;
+        start: string;
+        end: string;
+    }>;
+    'task-move': CustomEvent<{
+        task: GanttTask;
+        start: string;
+        end: string;
+    }>;
+    'task-link': CustomEvent<{
+        source: string;
+        target: string;
+    }>;
+}

package/dist/components/list/snice-list-item.d.ts

@@ -1,4 +1,6 @@
 export declare class SniceListItem extends HTMLElement {
+    heading: string;
+    description: string;
     selected: boolean;
     disabled: boolean;
     render(): import("snice").TemplateResult;

package/dist/components/list/snice-list-item.js

@@ -1,7 +1,7 @@
 import { __esDecorate, __runInitializers } from 'tslib';
 import { element, property, render, styles, html, css } from 'snice';
 
-var cssContent = ":host{display:block;contain:layout style}.list-item{display:flex;align-items:center;gap:var(--snice-spacing-sm,.75rem);padding:var(--snice-spacing-sm,.75rem) var(--snice-spacing-md,1rem);cursor:pointer;transition:background-color var(--snice-transition-fast, 150ms) ease;background:0 0;border:none;width:100%;box-sizing:border-box;text-align:left;color:var(--snice-color-text,rgb(23 23 23))}.list-item:hover{background-color:var(--snice-color-background-hover,rgb(243 244 246))}.list-item--selected{background-color:var(--snice-color-primary-subtle,rgb(239 246 255))}.list-item--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.list-item__content{flex:1;min-width:0}";
+var cssContent = ":host{display:block;width:100%;contain:layout style}case,default,if,when{display:contents}.list-item{display:flex;align-items:center;gap:var(--snice-spacing-sm,.75rem);padding:var(--snice-spacing-sm,.75rem) var(--snice-spacing-md,1rem);cursor:pointer;transition:background-color var(--snice-transition-fast, 150ms) ease;background:0 0;border:none;width:100%;box-sizing:border-box;text-align:left;color:var(--snice-color-text,rgb(23 23 23))}.list-item:hover{background-color:var(--snice-color-background-hover,rgb(243 244 246))}.list-item--selected{background-color:var(--snice-color-primary-subtle,rgb(239 246 255))}.list-item--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.list-item__content{flex:1;min-width:0}.list-item__heading{font-weight:var(--snice-font-weight-medium,500);font-size:var(--snice-font-size-md, 1rem);line-height:var(--snice-line-height-normal, 1.5);color:var(--snice-color-text,rgb(23 23 23))}.list-item__description{font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text-secondary,rgb(82 82 82));line-height:var(--snice-line-height-normal, 1.5)}::slotted([slot=before]){flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.25rem}::slotted([slot=after]){flex-shrink:0;font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text-secondary,rgb(82 82 82))}";
 
 let SniceListItem = (() => {
     let _classDecorators = [element('snice-list-item')];
@@ -10,6 +10,12 @@ let SniceListItem = (() => {
     let _classThis;
     let _classSuper = HTMLElement;
     let _instanceExtraInitializers = [];
+    let _heading_decorators;
+    let _heading_initializers = [];
+    let _heading_extraInitializers = [];
+    let _description_decorators;
+    let _description_initializers = [];
+    let _description_extraInitializers = [];
     let _selected_decorators;
     let _selected_initializers = [];
     let _selected_extraInitializers = [];
@@ -22,12 +28,16 @@ let SniceListItem = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _heading_decorators = [property()];
+            _description_decorators = [property()];
             _selected_decorators = [property({ type: Boolean })];
             _disabled_decorators = [property({ type: Boolean })];
             _render_decorators = [render()];
             _styles_decorators = [styles()];
             __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(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(null, null, _heading_decorators, { kind: "field", name: "heading", static: false, private: false, access: { has: obj => "heading" in obj, get: obj => obj.heading, set: (obj, value) => { obj.heading = value; } }, metadata: _metadata }, _heading_initializers, _heading_extraInitializers);
+            __esDecorate(null, null, _description_decorators, { kind: "field", name: "description", static: false, private: false, access: { has: obj => "description" in obj, get: obj => obj.description, set: (obj, value) => { obj.description = value; } }, metadata: _metadata }, _description_initializers, _description_extraInitializers);
             __esDecorate(null, null, _selected_decorators, { kind: "field", name: "selected", static: false, private: false, access: { has: obj => "selected" in obj, get: obj => obj.selected, set: (obj, value) => { obj.selected = value; } }, metadata: _metadata }, _selected_initializers, _selected_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, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
@@ -45,6 +55,12 @@ let SniceListItem = (() => {
       <div class="${classes.join(' ')}">
         <slot name="before"></slot>
         <div class="list-item__content">
+          <if ${this.heading}>
+            <div class="list-item__heading">${this.heading}</div>
+            <if ${this.description}>
+              <div class="list-item__description">${this.description}</div>
+            </if>
+          </if>
           <slot></slot>
         </div>
         <slot name="after"></slot>
@@ -56,7 +72,9 @@ let SniceListItem = (() => {
         }
         constructor() {
             super(...arguments);
-            this.selected = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _selected_initializers, false));
+            this.heading = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _heading_initializers, ''));
+            this.description = (__runInitializers(this, _heading_extraInitializers), __runInitializers(this, _description_initializers, ''));
+            this.selected = (__runInitializers(this, _description_extraInitializers), __runInitializers(this, _selected_initializers, false));
             this.disabled = (__runInitializers(this, _selected_extraInitializers), __runInitializers(this, _disabled_initializers, false));
             __runInitializers(this, _disabled_extraInitializers);
         }

package/dist/components/list/snice-list-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"snice-list-item.js","sources":["../../../components/list/snice-list-item.css?inline","../../../../components/list/snice-list-item.ts"],"sourcesContent":["export default \":host{display:block;contain:layout style}.list-item{display:flex;align-items:center;gap:var(--snice-spacing-sm,.75rem);padding:var(--snice-spacing-sm,.75rem) var(--snice-spacing-md,1rem);cursor:pointer;transition:background-color var(--snice-transition-fast, 150ms) ease;background:0 0;border:none;width:100%;box-sizing:border-box;text-align:left;color:var(--snice-color-text,rgb(23 23 23))}.list-item:hover{background-color:var(--snice-color-background-hover,rgb(243 244 246))}.list-item--selected{background-color:var(--snice-color-primary-subtle,rgb(239 246 255))}.list-item--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.list-item__content{flex:1;min-width:0}\";",null],"names":[],"mappings":"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"}
+{"version":3,"file":"snice-list-item.js","sources":["../../../components/list/snice-list-item.css?inline","../../../../components/list/snice-list-item.ts"],"sourcesContent":["export default \":host{display:block;width:100%;contain:layout style}case,default,if,when{display:contents}.list-item{display:flex;align-items:center;gap:var(--snice-spacing-sm,.75rem);padding:var(--snice-spacing-sm,.75rem) var(--snice-spacing-md,1rem);cursor:pointer;transition:background-color var(--snice-transition-fast, 150ms) ease;background:0 0;border:none;width:100%;box-sizing:border-box;text-align:left;color:var(--snice-color-text,rgb(23 23 23))}.list-item:hover{background-color:var(--snice-color-background-hover,rgb(243 244 246))}.list-item--selected{background-color:var(--snice-color-primary-subtle,rgb(239 246 255))}.list-item--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.list-item__content{flex:1;min-width:0}.list-item__heading{font-weight:var(--snice-font-weight-medium,500);font-size:var(--snice-font-size-md, 1rem);line-height:var(--snice-line-height-normal, 1.5);color:var(--snice-color-text,rgb(23 23 23))}.list-item__description{font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text-secondary,rgb(82 82 82));line-height:var(--snice-line-height-normal, 1.5)}::slotted([slot=before]){flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.25rem}::slotted([slot=after]){flex-shrink:0;font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text-secondary,rgb(82 82 82))}\";",null],"names":[],"mappings":"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"}

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

@@ -0,0 +1,44 @@
+import type { MapMarker, MapCenter, SniceMapElement } from './snice-map.types';
+export declare class SniceMap extends HTMLElement implements SniceMapElement {
+    center: MapCenter;
+    zoom: number;
+    minZoom: number;
+    maxZoom: number;
+    markers: MapMarker[];
+    tileUrl: string;
+    private isDragging;
+    private dragStartX;
+    private dragStartY;
+    private offsetX;
+    private offsetY;
+    private activePopupId;
+    private containerEl?;
+    componentStyles(): import("snice").CSSResult;
+    init(): void;
+    cleanup(): void;
+    private handleWheel;
+    renderMap(): import("snice").TemplateResult;
+    setCenter(lat: number, lng: number): void;
+    setZoom(zoom: number): void;
+    addMarker(marker: MapMarker): void;
+    removeMarker(id: string): void;
+    fitBounds(markers?: MapMarker[]): void;
+    private latLngToTile;
+    private latLngToPixel;
+    private getVisibleTiles;
+    private getTileUrl;
+    private handleMouseDown;
+    private handleMouseMove;
+    private handleMouseUp;
+    private handleMapClick;
+    private handleMarkerClick;
+    private emitMapClick;
+    private emitMarkerClick;
+    private emitMapMove;
+    private emitMapZoom;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'snice-map': SniceMap;
+    }
+}