snice 4.9.0 → 4.10.0

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

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

@@ -0,0 +1,348 @@
+import { __runInitializers, __esDecorate } from 'tslib';
+import { element, property, query, styles, ready, dispose, render, dispatch, css, unsafeHTML, html } from 'snice';
+
+var mapStyles = ":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);contain:layout style paint}.map-container{position:relative;width:100%;height:25rem;background:var(--snice-color-background-element,rgb(252 251 249));border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-lg,.5rem);overflow:hidden;cursor:grab;user-select:none;touch-action:none}.map-container:active{cursor:grabbing}.map-tiles{position:absolute;top:0;left:0;width:100%;height:100%}.map-tile{position:absolute;width:256px;height:256px;image-rendering:auto}.map-tile img{width:256px;height:256px;display:block}.map-markers{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.map-marker{position:absolute;transform:translate(-50%,-100%);cursor:pointer;pointer-events:auto;z-index:10;transition:transform var(--snice-transition-fast, 150ms) ease}.map-marker:hover{transform:translate(-50%,-100%) scale(1.15);z-index:11}.map-marker-pin{width:1.75rem;height:2.5rem;position:relative}.map-marker-pin svg{width:100%;height:100%;filter:drop-shadow(0 2px 4px rgb(0 0 0 / .3))}.map-popup{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:var(--snice-spacing-xs,.5rem);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-md,.25rem);box-shadow:var(--snice-shadow-lg,0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1));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));white-space:nowrap;z-index:20;pointer-events:auto}.map-popup::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--snice-color-background,rgb(255 255 255))}.map-controls{position:absolute;top:var(--snice-spacing-sm,.75rem);right:var(--snice-spacing-sm,.75rem);display:flex;flex-direction:column;gap:1px;z-index:15}.map-control-btn{width:2rem;height:2rem;background:var(--snice-color-background,rgb(255 255 255));border:1px solid var(--snice-color-border,rgb(226 226 226));cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--snice-font-size-lg, 1.125rem);font-weight:var(--snice-font-weight-bold,700);color:var(--snice-color-text,rgb(23 23 23));transition:background-color var(--snice-transition-fast, 150ms) ease}.map-control-btn:first-child{border-radius:var(--snice-border-radius-md,.25rem) var(--snice-border-radius-md,.25rem) 0 0}.map-control-btn:last-child{border-radius:0 0 var(--snice-border-radius-md,.25rem) var(--snice-border-radius-md,.25rem);border-top:none}.map-control-btn:hover{background:var(--snice-color-background-hover,rgb(241 241 241))}.map-attribution{position:absolute;bottom:0;right:0;font-size:.625rem;color:var(--snice-color-text-tertiary,rgb(115 115 115));background:rgb(255 255 255 / .7);padding:0 var(--snice-spacing-2xs,.25rem);z-index:5}.map-attribution a{color:var(--snice-color-primary,rgb(37 99 235));text-decoration:none}";
+
+const TILE_SIZE = 256;
+const DEFAULT_TILE_URL = 'https://tile.openstreetmap.org/{z}/{x}/{y}.png';
+let SniceMap = (() => {
+    let _classDecorators = [element('snice-map')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    let _instanceExtraInitializers = [];
+    let _center_decorators;
+    let _center_initializers = [];
+    let _center_extraInitializers = [];
+    let _zoom_decorators;
+    let _zoom_initializers = [];
+    let _zoom_extraInitializers = [];
+    let _minZoom_decorators;
+    let _minZoom_initializers = [];
+    let _minZoom_extraInitializers = [];
+    let _maxZoom_decorators;
+    let _maxZoom_initializers = [];
+    let _maxZoom_extraInitializers = [];
+    let _markers_decorators;
+    let _markers_initializers = [];
+    let _markers_extraInitializers = [];
+    let _tileUrl_decorators;
+    let _tileUrl_initializers = [];
+    let _tileUrl_extraInitializers = [];
+    let _containerEl_decorators;
+    let _containerEl_initializers = [];
+    let _containerEl_extraInitializers = [];
+    let _componentStyles_decorators;
+    let _init_decorators;
+    let _cleanup_decorators;
+    let _renderMap_decorators;
+    let _emitMapClick_decorators;
+    let _emitMarkerClick_decorators;
+    let _emitMapMove_decorators;
+    let _emitMapZoom_decorators;
+    (class extends _classSuper {
+        static { _classThis = this; }
+        constructor() {
+            super(...arguments);
+            this.center = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _center_initializers, { lat: 51.505, lng: -0.09 }));
+            this.zoom = (__runInitializers(this, _center_extraInitializers), __runInitializers(this, _zoom_initializers, 13));
+            this.minZoom = (__runInitializers(this, _zoom_extraInitializers), __runInitializers(this, _minZoom_initializers, 1));
+            this.maxZoom = (__runInitializers(this, _minZoom_extraInitializers), __runInitializers(this, _maxZoom_initializers, 18));
+            this.markers = (__runInitializers(this, _maxZoom_extraInitializers), __runInitializers(this, _markers_initializers, []));
+            this.tileUrl = (__runInitializers(this, _markers_extraInitializers), __runInitializers(this, _tileUrl_initializers, DEFAULT_TILE_URL));
+            this.isDragging = (__runInitializers(this, _tileUrl_extraInitializers), false);
+            this.dragStartX = 0;
+            this.dragStartY = 0;
+            this.offsetX = 0;
+            this.offsetY = 0;
+            this.activePopupId = null;
+            this.containerEl = __runInitializers(this, _containerEl_initializers, void 0);
+            this.handleWheel = (__runInitializers(this, _containerEl_extraInitializers), (e) => {
+                e.preventDefault();
+                if (e.deltaY < 0) {
+                    this.setZoom(Math.min(this.zoom + 1, this.maxZoom));
+                }
+                else {
+                    this.setZoom(Math.max(this.zoom - 1, this.minZoom));
+                }
+            });
+        }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _center_decorators = [property({ type: Object })];
+            _zoom_decorators = [property({ type: Number })];
+            _minZoom_decorators = [property({ type: Number, attribute: 'min-zoom' })];
+            _maxZoom_decorators = [property({ type: Number, attribute: 'max-zoom' })];
+            _markers_decorators = [property({ type: Array })];
+            _tileUrl_decorators = [property({ attribute: 'tile-url' })];
+            _containerEl_decorators = [query('.map-container')];
+            _componentStyles_decorators = [styles()];
+            _init_decorators = [ready()];
+            _cleanup_decorators = [dispose()];
+            _renderMap_decorators = [render()];
+            _emitMapClick_decorators = [dispatch('map-click', { bubbles: true, composed: true })];
+            _emitMarkerClick_decorators = [dispatch('marker-click', { bubbles: true, composed: true })];
+            _emitMapMove_decorators = [dispatch('map-move', { bubbles: true, composed: true })];
+            _emitMapZoom_decorators = [dispatch('map-zoom', { 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, _init_decorators, { kind: "method", name: "init", static: false, private: false, access: { has: obj => "init" in obj, get: obj => obj.init }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _cleanup_decorators, { kind: "method", name: "cleanup", static: false, private: false, access: { has: obj => "cleanup" in obj, get: obj => obj.cleanup }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _renderMap_decorators, { kind: "method", name: "renderMap", static: false, private: false, access: { has: obj => "renderMap" in obj, get: obj => obj.renderMap }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _emitMapClick_decorators, { kind: "method", name: "emitMapClick", static: false, private: false, access: { has: obj => "emitMapClick" in obj, get: obj => obj.emitMapClick }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _emitMarkerClick_decorators, { kind: "method", name: "emitMarkerClick", static: false, private: false, access: { has: obj => "emitMarkerClick" in obj, get: obj => obj.emitMarkerClick }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _emitMapMove_decorators, { kind: "method", name: "emitMapMove", static: false, private: false, access: { has: obj => "emitMapMove" in obj, get: obj => obj.emitMapMove }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _emitMapZoom_decorators, { kind: "method", name: "emitMapZoom", static: false, private: false, access: { has: obj => "emitMapZoom" in obj, get: obj => obj.emitMapZoom }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(null, null, _center_decorators, { kind: "field", name: "center", static: false, private: false, access: { has: obj => "center" in obj, get: obj => obj.center, set: (obj, value) => { obj.center = value; } }, metadata: _metadata }, _center_initializers, _center_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, _minZoom_decorators, { kind: "field", name: "minZoom", static: false, private: false, access: { has: obj => "minZoom" in obj, get: obj => obj.minZoom, set: (obj, value) => { obj.minZoom = value; } }, metadata: _metadata }, _minZoom_initializers, _minZoom_extraInitializers);
+            __esDecorate(null, null, _maxZoom_decorators, { kind: "field", name: "maxZoom", static: false, private: false, access: { has: obj => "maxZoom" in obj, get: obj => obj.maxZoom, set: (obj, value) => { obj.maxZoom = value; } }, metadata: _metadata }, _maxZoom_initializers, _maxZoom_extraInitializers);
+            __esDecorate(null, null, _markers_decorators, { kind: "field", name: "markers", static: false, private: false, access: { has: obj => "markers" in obj, get: obj => obj.markers, set: (obj, value) => { obj.markers = value; } }, metadata: _metadata }, _markers_initializers, _markers_extraInitializers);
+            __esDecorate(null, null, _tileUrl_decorators, { kind: "field", name: "tileUrl", static: false, private: false, access: { has: obj => "tileUrl" in obj, get: obj => obj.tileUrl, set: (obj, value) => { obj.tileUrl = value; } }, metadata: _metadata }, _tileUrl_initializers, _tileUrl_extraInitializers);
+            __esDecorate(null, null, _containerEl_decorators, { kind: "field", name: "containerEl", static: false, private: false, access: { has: obj => "containerEl" in obj, get: obj => obj.containerEl, set: (obj, value) => { obj.containerEl = value; } }, metadata: _metadata }, _containerEl_initializers, _containerEl_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 `${mapStyles}`;
+        }
+        init() {
+            this.containerEl?.addEventListener('wheel', this.handleWheel, { passive: false });
+        }
+        cleanup() {
+            this.containerEl?.removeEventListener('wheel', this.handleWheel);
+        }
+        renderMap() {
+            const tiles = this.getVisibleTiles();
+            const markerPositions = this.markers.map(m => ({
+                marker: m,
+                ...this.latLngToPixel(m.lat, m.lng),
+            }));
+            const hasPopup = this.activePopupId !== null;
+            return html `
+      <div
+        class="map-container"
+        @mousedown=${(e) => this.handleMouseDown(e)}
+        @mousemove=${(e) => this.handleMouseMove(e)}
+        @mouseup=${() => this.handleMouseUp()}
+        @mouseleave=${() => this.handleMouseUp()}
+        @click=${(e) => this.handleMapClick(e)}
+      >
+        <div class="map-tiles">
+          ${tiles.map(tile => html `
+            <div class="map-tile" style="left: ${tile.pixelX}px; top: ${tile.pixelY}px">
+              <img src="${this.getTileUrl(tile.x, tile.y, tile.z)}" alt="" loading="lazy" />
+            </div>
+          `)}
+        </div>
+
+        <div class="map-markers">
+          ${markerPositions.map(mp => {
+                const showPopup = hasPopup && this.activePopupId === mp.marker.id;
+                const popupContent = mp.marker.popup || mp.marker.label || '';
+                const hasPopupContent = !!popupContent;
+                return html `
+              <div
+                class="map-marker"
+                style="left: ${mp.x}px; top: ${mp.y}px"
+                @click=${(e) => { e.stopPropagation(); this.handleMarkerClick(mp.marker); }}
+              >
+                <div class="map-marker-pin">
+                  <svg viewBox="0 0 24 36" fill="var(--snice-color-danger, rgb(220 38 38))">
+                    <path d="M12 0C5.4 0 0 5.4 0 12c0 9 12 24 12 24s12-15 12-24C24 5.4 18.6 0 12 0zm0 18c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6z"/>
+                    <circle cx="12" cy="12" r="4" fill="white"/>
+                  </svg>
+                </div>
+                <if ${showPopup && hasPopupContent}>
+                  <div class="map-popup">${popupContent}</div>
+                </if>
+              </div>
+            `;
+            })}
+        </div>
+
+        <div class="map-controls">
+          <button class="map-control-btn" @click=${(e) => { e.stopPropagation(); this.setZoom(Math.min(this.zoom + 1, this.maxZoom)); }}>+</button>
+          <button class="map-control-btn" @click=${(e) => { e.stopPropagation(); this.setZoom(Math.max(this.zoom - 1, this.minZoom)); }}>-</button>
+        </div>
+
+        <div class="map-attribution">${unsafeHTML('&copy; <a href="https://www.openstreetmap.org/copyright" target="_blank" rel="noopener">OpenStreetMap</a>')}</div>
+      </div>
+    `;
+        }
+        // --- Public Methods ---
+        setCenter(lat, lng) {
+            this.center = { lat, lng };
+            this.emitMapMove();
+        }
+        setZoom(zoom) {
+            const clamped = Math.max(this.minZoom, Math.min(this.maxZoom, zoom));
+            if (clamped !== this.zoom) {
+                this.zoom = clamped;
+                this.emitMapZoom();
+            }
+        }
+        addMarker(marker) {
+            this.markers = [...this.markers, marker];
+        }
+        removeMarker(id) {
+            this.markers = this.markers.filter(m => m.id !== id);
+        }
+        fitBounds(markers) {
+            const items = markers || this.markers;
+            if (items.length === 0)
+                return;
+            let minLat = Infinity, maxLat = -Infinity;
+            let minLng = Infinity, maxLng = -Infinity;
+            for (const m of items) {
+                if (m.lat < minLat)
+                    minLat = m.lat;
+                if (m.lat > maxLat)
+                    maxLat = m.lat;
+                if (m.lng < minLng)
+                    minLng = m.lng;
+                if (m.lng > maxLng)
+                    maxLng = m.lng;
+            }
+            this.center = { lat: (minLat + maxLat) / 2, lng: (minLng + maxLng) / 2 };
+            // Estimate zoom to fit bounds
+            const latDiff = maxLat - minLat;
+            const lngDiff = maxLng - minLng;
+            const maxDiff = Math.max(latDiff, lngDiff);
+            if (maxDiff < 0.005)
+                this.zoom = 16;
+            else if (maxDiff < 0.05)
+                this.zoom = 13;
+            else if (maxDiff < 0.5)
+                this.zoom = 10;
+            else if (maxDiff < 5)
+                this.zoom = 7;
+            else if (maxDiff < 50)
+                this.zoom = 4;
+            else
+                this.zoom = 2;
+        }
+        // --- Private: Tile Calculations ---
+        latLngToTile(lat, lng, zoom) {
+            const n = Math.pow(2, zoom);
+            const x = ((lng + 180) / 360) * n;
+            const latRad = (lat * Math.PI) / 180;
+            const y = ((1 - Math.log(Math.tan(latRad) + 1 / Math.cos(latRad)) / Math.PI) / 2) * n;
+            return { x, y };
+        }
+        latLngToPixel(lat, lng) {
+            if (!this.containerEl)
+                return { x: 0, y: 0 };
+            const w = this.containerEl.clientWidth;
+            const h = this.containerEl.clientHeight;
+            const centerTile = this.latLngToTile(this.center.lat, this.center.lng, this.zoom);
+            const markerTile = this.latLngToTile(lat, lng, this.zoom);
+            const x = w / 2 + (markerTile.x - centerTile.x) * TILE_SIZE + this.offsetX;
+            const y = h / 2 + (markerTile.y - centerTile.y) * TILE_SIZE + this.offsetY;
+            return { x, y };
+        }
+        getVisibleTiles() {
+            if (!this.containerEl)
+                return [];
+            const w = this.containerEl.clientWidth;
+            const h = this.containerEl.clientHeight;
+            const centerTile = this.latLngToTile(this.center.lat, this.center.lng, this.zoom);
+            const centerPixelX = w / 2 - (centerTile.x % 1) * TILE_SIZE + this.offsetX;
+            const centerPixelY = h / 2 - (centerTile.y % 1) * TILE_SIZE + this.offsetY;
+            const centerTileX = Math.floor(centerTile.x);
+            const centerTileY = Math.floor(centerTile.y);
+            const tilesX = Math.ceil(w / TILE_SIZE) + 2;
+            const tilesY = Math.ceil(h / TILE_SIZE) + 2;
+            const n = Math.pow(2, this.zoom);
+            const tiles = [];
+            for (let dx = -Math.floor(tilesX / 2); dx <= Math.floor(tilesX / 2); dx++) {
+                for (let dy = -Math.floor(tilesY / 2); dy <= Math.floor(tilesY / 2); dy++) {
+                    let tileX = centerTileX + dx;
+                    const tileY = centerTileY + dy;
+                    if (tileY < 0 || tileY >= n)
+                        continue;
+                    tileX = ((tileX % n) + n) % n;
+                    const pixelX = centerPixelX + dx * TILE_SIZE;
+                    const pixelY = centerPixelY + dy * TILE_SIZE;
+                    tiles.push({ x: tileX, y: tileY, z: this.zoom, pixelX, pixelY });
+                }
+            }
+            return tiles;
+        }
+        getTileUrl(x, y, z) {
+            return this.tileUrl
+                .replace('{x}', String(x))
+                .replace('{y}', String(y))
+                .replace('{z}', String(z));
+        }
+        // --- Mouse Interaction ---
+        handleMouseDown(e) {
+            this.isDragging = true;
+            this.dragStartX = e.clientX - this.offsetX;
+            this.dragStartY = e.clientY - this.offsetY;
+        }
+        handleMouseMove(e) {
+            if (!this.isDragging)
+                return;
+            this.offsetX = e.clientX - this.dragStartX;
+            this.offsetY = e.clientY - this.dragStartY;
+        }
+        handleMouseUp() {
+            if (!this.isDragging)
+                return;
+            this.isDragging = false;
+            // Convert offset to lat/lng change
+            if (this.offsetX !== 0 || this.offsetY !== 0) {
+                const n = Math.pow(2, this.zoom);
+                const lngDelta = -(this.offsetX / TILE_SIZE) * (360 / n);
+                const centerTile = this.latLngToTile(this.center.lat, this.center.lng, this.zoom);
+                const newTileY = centerTile.y - this.offsetY / TILE_SIZE;
+                const newLat = (Math.atan(Math.sinh(Math.PI * (1 - (2 * newTileY) / n))) * 180) / Math.PI;
+                this.offsetX = 0;
+                this.offsetY = 0;
+                this.center = { lat: newLat, lng: this.center.lng + lngDelta };
+                this.emitMapMove();
+            }
+        }
+        handleMapClick(e) {
+            if (!this.containerEl)
+                return;
+            const rect = this.containerEl.getBoundingClientRect();
+            const x = e.clientX - rect.left;
+            const y = e.clientY - rect.top;
+            const w = this.containerEl.clientWidth;
+            const h = this.containerEl.clientHeight;
+            const centerTile = this.latLngToTile(this.center.lat, this.center.lng, this.zoom);
+            const n = Math.pow(2, this.zoom);
+            const tileX = centerTile.x + (x - w / 2) / TILE_SIZE;
+            const tileY = centerTile.y + (y - h / 2) / TILE_SIZE;
+            const lng = (tileX / n) * 360 - 180;
+            const lat = (Math.atan(Math.sinh(Math.PI * (1 - (2 * tileY) / n))) * 180) / Math.PI;
+            this.activePopupId = null;
+            this.emitMapClick(lat, lng);
+        }
+        handleMarkerClick(marker) {
+            this.activePopupId = this.activePopupId === marker.id ? null : marker.id;
+            this.emitMarkerClick(marker);
+        }
+        // --- Events ---
+        emitMapClick(lat, lng) {
+            return { lat, lng };
+        }
+        emitMarkerClick(marker) {
+            return { marker };
+        }
+        emitMapMove() {
+            return { center: this.center, zoom: this.zoom };
+        }
+        emitMapZoom() {
+            return { zoom: this.zoom };
+        }
+    });
+    return _classThis;
+})();
+
+export { SniceMap };
+//# sourceMappingURL=snice-map.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"snice-map.js","sources":["../../../components/map/snice-map.css?inline","../../../../components/map/snice-map.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}.map-container{position:relative;width:100%;height:25rem;background:var(--snice-color-background-element,rgb(252 251 249));border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-lg,.5rem);overflow:hidden;cursor:grab;user-select:none;touch-action:none}.map-container:active{cursor:grabbing}.map-tiles{position:absolute;top:0;left:0;width:100%;height:100%}.map-tile{position:absolute;width:256px;height:256px;image-rendering:auto}.map-tile img{width:256px;height:256px;display:block}.map-markers{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.map-marker{position:absolute;transform:translate(-50%,-100%);cursor:pointer;pointer-events:auto;z-index:10;transition:transform var(--snice-transition-fast, 150ms) ease}.map-marker:hover{transform:translate(-50%,-100%) scale(1.15);z-index:11}.map-marker-pin{width:1.75rem;height:2.5rem;position:relative}.map-marker-pin svg{width:100%;height:100%;filter:drop-shadow(0 2px 4px rgb(0 0 0 / .3))}.map-popup{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:var(--snice-spacing-xs,.5rem);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-md,.25rem);box-shadow:var(--snice-shadow-lg,0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1));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));white-space:nowrap;z-index:20;pointer-events:auto}.map-popup::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--snice-color-background,rgb(255 255 255))}.map-controls{position:absolute;top:var(--snice-spacing-sm,.75rem);right:var(--snice-spacing-sm,.75rem);display:flex;flex-direction:column;gap:1px;z-index:15}.map-control-btn{width:2rem;height:2rem;background:var(--snice-color-background,rgb(255 255 255));border:1px solid var(--snice-color-border,rgb(226 226 226));cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--snice-font-size-lg, 1.125rem);font-weight:var(--snice-font-weight-bold,700);color:var(--snice-color-text,rgb(23 23 23));transition:background-color var(--snice-transition-fast, 150ms) ease}.map-control-btn:first-child{border-radius:var(--snice-border-radius-md,.25rem) var(--snice-border-radius-md,.25rem) 0 0}.map-control-btn:last-child{border-radius:0 0 var(--snice-border-radius-md,.25rem) var(--snice-border-radius-md,.25rem);border-top:none}.map-control-btn:hover{background:var(--snice-color-background-hover,rgb(241 241 241))}.map-attribution{position:absolute;bottom:0;right:0;font-size:.625rem;color:var(--snice-color-text-tertiary,rgb(115 115 115));background:rgb(255 255 255 / .7);padding:0 var(--snice-spacing-2xs,.25rem);z-index:5}.map-attribution a{color:var(--snice-color-primary,rgb(37 99 235));text-decoration:none}\";",null],"names":[],"mappings":"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"}

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

@@ -0,0 +1,41 @@
+export interface MapMarker {
+    id: string;
+    lat: number;
+    lng: number;
+    label?: string;
+    icon?: string;
+    popup?: string;
+}
+export interface MapCenter {
+    lat: number;
+    lng: number;
+}
+export interface SniceMapElement extends HTMLElement {
+    center: MapCenter;
+    zoom: number;
+    minZoom: number;
+    maxZoom: number;
+    markers: MapMarker[];
+    tileUrl: string;
+    setCenter(lat: number, lng: number): void;
+    setZoom(zoom: number): void;
+    addMarker(marker: MapMarker): void;
+    removeMarker(id: string): void;
+    fitBounds(markers?: MapMarker[]): void;
+}
+export interface SniceMapEventMap {
+    'map-click': CustomEvent<{
+        lat: number;
+        lng: number;
+    }>;
+    'marker-click': CustomEvent<{
+        marker: MapMarker;
+    }>;
+    'map-move': CustomEvent<{
+        center: MapCenter;
+        zoom: number;
+    }>;
+    'map-zoom': CustomEvent<{
+        zoom: number;
+    }>;
+}

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

@@ -0,0 +1,24 @@
+import type { MarkdownTheme, SniceMarkdownElement } from './snice-markdown.types';
+export declare class SniceMarkdown extends HTMLElement implements SniceMarkdownElement {
+    content: string;
+    sanitize: boolean;
+    theme: MarkdownTheme;
+    private renderedHtml;
+    componentStyles(): import("snice").CSSResult;
+    init(): void;
+    handleSlotChange(): void;
+    private readSlottedContent;
+    handleSanitizeChange(): void;
+    private renderMarkdown;
+    handleLinkClick(e: Event): void;
+    private emitRender;
+    private emitLinkClick;
+    /** Set content programmatically and re-render */
+    setContent(markdown: string): void;
+    renderContent(): import("snice").TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'snice-markdown': SniceMarkdown;
+    }
+}