@smartnet360/svelte-components 0.0.126 → 0.0.128

package/dist/map-v3/features/sites/custom/stores/custom-site-sets.svelte.js

@@ -0,0 +1,248 @@
+/**
+ * Custom Site Sets Store
+ *
+ * Manages multiple custom site sets with CRUD operations,
+ * localStorage persistence, and group visibility/color controls.
+ */
+import { parseCustomSitesCsv } from '../logic/csv-parser';
+/** Default colors for groups */
+const DEFAULT_COLORS = [
+    '#e41a1c', '#377eb8', '#4daf4a', '#984ea3', '#ff7f00',
+    '#ffff33', '#a65628', '#f781bf', '#999999', '#66c2a5',
+    '#fc8d62', '#8da0cb', '#e78ac3', '#a6d854', '#ffd92f'
+];
+const STORAGE_KEY = 'custom-site-sets';
+/**
+ * Store for managing custom site sets
+ */
+export class CustomSiteSetsStore {
+    /** All custom site sets */
+    _sets = $state([]);
+    /** Version counter for reactivity triggers */
+    _version = $state(0);
+    constructor() {
+        this.loadFromStorage();
+    }
+    // ─────────────────────────────────────────────────────────────
+    // Public Getters
+    // ─────────────────────────────────────────────────────────────
+    get sets() {
+        return this._sets;
+    }
+    get version() {
+        return this._version;
+    }
+    // ─────────────────────────────────────────────────────────────
+    // Import / Create
+    // ─────────────────────────────────────────────────────────────
+    /**
+     * Import sites from CSV content
+     */
+    importFromCsv(csvContent, fileName) {
+        const result = parseCustomSitesCsv(csvContent);
+        if (result.sites.length === 0) {
+            return result;
+        }
+        // Create a new set
+        const setId = this.createSet(fileName.replace(/\.csv$/i, ''), result.sites, result.groups);
+        return { ...result, setId };
+    }
+    /**
+     * Create a new custom site set
+     */
+    createSet(name, sites, groups) {
+        const id = `custom-sites-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
+        // Assign colors to groups
+        const groupColors = new Map();
+        groups.forEach((group, idx) => {
+            groupColors.set(group, DEFAULT_COLORS[idx % DEFAULT_COLORS.length]);
+        });
+        const newSet = {
+            id,
+            name,
+            sites,
+            groups,
+            groupColors,
+            baseSize: 8,
+            opacity: 0.8,
+            visible: true,
+            visibleGroups: new Set(groups)
+        };
+        this._sets = [...this._sets, newSet];
+        this._version++;
+        this.saveToStorage();
+        return id;
+    }
+    // ─────────────────────────────────────────────────────────────
+    // Update Operations
+    // ─────────────────────────────────────────────────────────────
+    /**
+     * Toggle visibility of entire set
+     */
+    toggleSetVisibility(setId) {
+        const set = this._sets.find(s => s.id === setId);
+        if (set) {
+            set.visible = !set.visible;
+            this._version++;
+            this.saveToStorage();
+        }
+    }
+    /**
+     * Toggle visibility of a specific group within a set
+     */
+    toggleGroupVisibility(setId, groupId) {
+        const set = this._sets.find(s => s.id === setId);
+        if (set) {
+            if (set.visibleGroups.has(groupId)) {
+                set.visibleGroups.delete(groupId);
+            }
+            else {
+                set.visibleGroups.add(groupId);
+            }
+            this._version++;
+            this.saveToStorage();
+        }
+    }
+    /**
+     * Set color for a group
+     */
+    setGroupColor(setId, groupId, color) {
+        const set = this._sets.find(s => s.id === setId);
+        if (set) {
+            set.groupColors.set(groupId, color);
+            this._version++;
+            this.saveToStorage();
+        }
+    }
+    /**
+     * Update base size for a set
+     */
+    setBaseSize(setId, size) {
+        const set = this._sets.find(s => s.id === setId);
+        if (set) {
+            set.baseSize = Math.max(2, Math.min(50, size));
+            this._version++;
+            this.saveToStorage();
+        }
+    }
+    /**
+     * Update opacity for a set
+     */
+    setOpacity(setId, opacity) {
+        const set = this._sets.find(s => s.id === setId);
+        if (set) {
+            set.opacity = Math.max(0.1, Math.min(1, opacity));
+            this._version++;
+            this.saveToStorage();
+        }
+    }
+    /**
+     * Rename a set
+     */
+    renameSet(setId, newName) {
+        const set = this._sets.find(s => s.id === setId);
+        if (set && newName.trim()) {
+            set.name = newName.trim();
+            this._version++;
+            this.saveToStorage();
+        }
+    }
+    // ─────────────────────────────────────────────────────────────
+    // Delete
+    // ─────────────────────────────────────────────────────────────
+    /**
+     * Remove a set
+     */
+    removeSet(setId) {
+        this._sets = this._sets.filter(s => s.id !== setId);
+        this._version++;
+        this.saveToStorage();
+    }
+    /**
+     * Clear all sets
+     */
+    clearAll() {
+        this._sets = [];
+        this._version++;
+        this.saveToStorage();
+    }
+    // ─────────────────────────────────────────────────────────────
+    // Persistence
+    // ─────────────────────────────────────────────────────────────
+    saveToStorage() {
+        try {
+            const serialized = this._sets.map(set => ({
+                id: set.id,
+                name: set.name,
+                sites: set.sites,
+                groups: set.groups,
+                groupColors: Array.from(set.groupColors.entries()),
+                baseSize: set.baseSize,
+                opacity: set.opacity,
+                visible: set.visible,
+                visibleGroups: Array.from(set.visibleGroups)
+            }));
+            localStorage.setItem(STORAGE_KEY, JSON.stringify(serialized));
+        }
+        catch (e) {
+            console.error('[CustomSiteSetsStore] Failed to save to storage:', e);
+        }
+    }
+    loadFromStorage() {
+        try {
+            const stored = localStorage.getItem(STORAGE_KEY);
+            if (!stored)
+                return;
+            const serialized = JSON.parse(stored);
+            this._sets = serialized.map(s => ({
+                id: s.id,
+                name: s.name,
+                sites: s.sites,
+                groups: s.groups,
+                groupColors: new Map(s.groupColors),
+                baseSize: s.baseSize,
+                opacity: s.opacity,
+                visible: s.visible,
+                visibleGroups: new Set(s.visibleGroups)
+            }));
+            this._version++;
+        }
+        catch (e) {
+            console.error('[CustomSiteSetsStore] Failed to load from storage:', e);
+        }
+    }
+    // ─────────────────────────────────────────────────────────────
+    // Query Helpers
+    // ─────────────────────────────────────────────────────────────
+    /**
+     * Get a specific set by ID
+     */
+    getSet(setId) {
+        return this._sets.find(s => s.id === setId);
+    }
+    /**
+     * Get visible sites for a set (filtered by visible groups)
+     */
+    getVisibleSites(setId) {
+        const set = this._sets.find(s => s.id === setId);
+        if (!set || !set.visible)
+            return [];
+        return set.sites.filter(site => set.visibleGroups.has(site.customGroup));
+    }
+    /**
+     * Get all visible sites across all sets
+     */
+    getAllVisibleSites() {
+        const result = [];
+        for (const set of this._sets) {
+            if (!set.visible)
+                continue;
+            for (const site of set.sites) {
+                if (set.visibleGroups.has(site.customGroup)) {
+                    result.push({ site, set });
+                }
+            }
+        }
+        return result;
+    }
+}

package/dist/map-v3/features/sites/custom/types.d.ts

@@ -0,0 +1,74 @@
+/**
+ * Custom Sites Types
+ *
+ * Types for user-uploaded custom site points with grouping and styling.
+ * Unlike custom cells, these are standalone points (lat/lon) that don't
+ * need to be resolved against existing data.
+ */
+/**
+ * A custom site point from CSV import
+ */
+export interface CustomSite {
+    /** Unique identifier from CSV */
+    id: string;
+    /** Latitude coordinate */
+    lat: number;
+    /** Longitude coordinate */
+    lon: number;
+    /** Group for TreeView organization */
+    customGroup: string;
+    /** Size multiplier (default 1.0) */
+    sizeFactor: number;
+    /** Any additional columns from CSV */
+    extraFields: Record<string, string>;
+}
+/**
+ * A set of custom sites imported from a single CSV
+ */
+export interface CustomSiteSet {
+    /** Unique ID for this set */
+    id: string;
+    /** Display name (typically filename) */
+    name: string;
+    /** All sites in this set */
+    sites: CustomSite[];
+    /** List of unique group names */
+    groups: string[];
+    /** Color per group */
+    groupColors: Map<string, string>;
+    /** Base circle radius in pixels */
+    baseSize: number;
+    /** Layer opacity 0-1 */
+    opacity: number;
+    /** Is this set visible on map? */
+    visible: boolean;
+    /** Which groups are currently visible */
+    visibleGroups: Set<string>;
+}
+/**
+ * Result from parsing a custom sites CSV
+ */
+export interface CustomSiteImportResult {
+    /** Successfully parsed sites */
+    sites: CustomSite[];
+    /** Unique group names found */
+    groups: string[];
+    /** Number of rows that couldn't be parsed */
+    invalidRows: number;
+    /** Error messages for invalid rows */
+    errors: string[];
+}
+/**
+ * Serializable version of CustomSiteSet for localStorage
+ */
+export interface CustomSiteSetSerialized {
+    id: string;
+    name: string;
+    sites: CustomSite[];
+    groups: string[];
+    groupColors: [string, string][];
+    baseSize: number;
+    opacity: number;
+    visible: boolean;
+    visibleGroups: string[];
+}

package/dist/map-v3/features/sites/custom/types.js

@@ -0,0 +1,8 @@
+/**
+ * Custom Sites Types
+ *
+ * Types for user-uploaded custom site points with grouping and styling.
+ * Unlike custom cells, these are standalone points (lat/lon) that don't
+ * need to be resolved against existing data.
+ */
+export {};

package/dist/map-v3/index.d.ts

@@ -8,6 +8,7 @@ export { default as CellSettingsPanel } from './features/cells/components/CellSe
 export * from './features/cells/stores/cell.data.svelte';
 export * from './features/cells/stores/cell.display.svelte';
 export * from './features/cells/stores/cell.registry.svelte';
+export * as CustomCells from './features/cells/custom';
 export * from './features/repeaters/types';
 export { default as RepeatersLayer } from './features/repeaters/layers/RepeatersLayer.svelte';
 export { default as RepeaterLabelsLayer } from './features/repeaters/layers/RepeaterLabelsLayer.svelte';
@@ -24,6 +25,7 @@ export { default as SiteSettingsPanel } from './features/sites/components/SiteSe
 export * from './features/sites/stores/site.data.svelte';
 export * from './features/sites/stores/site.display.svelte';
 export * from './features/sites/stores/site.registry.svelte';
+export * as CustomSites from './features/sites/custom';
 export * from './features/selection';
 export * from './features/coverage/types';
 export { default as CoverageLayer } from './features/coverage/layers/CoverageLayer.svelte';

package/dist/map-v3/index.js

@@ -11,6 +11,8 @@ export { default as CellSettingsPanel } from './features/cells/components/CellSe
 export * from './features/cells/stores/cell.data.svelte';
 export * from './features/cells/stores/cell.display.svelte';
 export * from './features/cells/stores/cell.registry.svelte';
+// Features - Cells Custom
+export * as CustomCells from './features/cells/custom';
 // Features - Repeaters
 export * from './features/repeaters/types';
 export { default as RepeatersLayer } from './features/repeaters/layers/RepeatersLayer.svelte';
@@ -29,6 +31,8 @@ export { default as SiteSettingsPanel } from './features/sites/components/SiteSe
 export * from './features/sites/stores/site.data.svelte';
 export * from './features/sites/stores/site.display.svelte';
 export * from './features/sites/stores/site.registry.svelte';
+// Features - Sites Custom
+export * as CustomSites from './features/sites/custom';
 // Features - Selection
 export * from './features/selection';
 // Features - Coverage

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@smartnet360/svelte-components",
-	"version": "0.0.126",
+	"version": "0.0.128",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run prepack",