@smartnet360/svelte-components 0.0.125 → 0.0.126

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

@@ -0,0 +1,83 @@
+/**
+ * Custom Cells Feature - Type Definitions
+ *
+ * Types for ad-hoc cell layers loaded from CSV files.
+ * Custom cells reference existing cells by txId and add custom grouping/sizing.
+ */
+import type { Cell } from '../../../../shared/demo';
+/**
+ * A custom cell entry from CSV import
+ */
+export interface CustomCell {
+    /** Required: Reference to cell in main data store */
+    txId: string;
+    /** Grouping field for TreeView (defaults to 'default' if not in CSV) */
+    customGroup: string;
+    /** Size multiplier for arc radius (defaults to 1) */
+    sizeFactor: number;
+    /** Any additional columns from CSV for tooltips */
+    extraFields: Record<string, string | number>;
+    /** Resolved cell data from main store (populated after import) */
+    resolvedCell?: Cell;
+}
+/**
+ * Import result from CSV parsing
+ */
+export interface CustomCellImportResult {
+    /** Successfully parsed and matched cells */
+    cells: CustomCell[];
+    /** Cell IDs that weren't found in main data store */
+    unmatchedTxIds: string[];
+    /** Discovered custom groups */
+    groups: string[];
+    /** Extra column names found in CSV */
+    extraColumns: string[];
+    /** Total rows in CSV */
+    totalRows: number;
+}
+/**
+ * A custom cell set - represents one uploaded CSV
+ */
+export interface CustomCellSet {
+    /** Unique identifier for this set */
+    id: string;
+    /** Display name (from filename or user input) */
+    name: string;
+    /** Cells in this set with resolved data */
+    cells: CustomCell[];
+    /** Cell IDs that weren't found during import */
+    unmatchedTxIds: string[];
+    /** All custom groups in this set */
+    groups: string[];
+    /** Extra column names for tooltip display */
+    extraColumns: string[];
+    /** Base arc radius in pixels (multiplied by sizeFactor per cell) */
+    baseSize: number;
+    /** Layer opacity (0-1) */
+    opacity: number;
+    /** Default color for groups without override */
+    defaultColor: string;
+    /** Per-group color overrides */
+    groupColors: Record<string, string>;
+    /** Whether this set's layer is visible */
+    visible: boolean;
+    /** Which groups are currently visible */
+    visibleGroups: Set<string>;
+}
+/**
+ * Configuration for creating a new custom cell set
+ */
+export interface CustomCellSetConfig {
+    name: string;
+    cells: CustomCell[];
+    unmatchedTxIds?: string[];
+    groups?: string[];
+    extraColumns?: string[];
+    baseSize?: number;
+    opacity?: number;
+    defaultColor?: string;
+}
+/**
+ * Default color palette for custom cell groups
+ */
+export declare const CUSTOM_CELL_PALETTE: string[];

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

@@ -0,0 +1,23 @@
+/**
+ * Custom Cells Feature - Type Definitions
+ *
+ * Types for ad-hoc cell layers loaded from CSV files.
+ * Custom cells reference existing cells by txId and add custom grouping/sizing.
+ */
+/**
+ * Default color palette for custom cell groups
+ */
+export const CUSTOM_CELL_PALETTE = [
+    '#e41a1c', // Red
+    '#377eb8', // Blue
+    '#4daf4a', // Green
+    '#984ea3', // Purple
+    '#ff7f00', // Orange
+    '#ffff33', // Yellow
+    '#a65628', // Brown
+    '#f781bf', // Pink
+    '#999999', // Gray
+    '#66c2a5', // Teal
+    '#fc8d62', // Coral
+    '#8da0cb', // Periwinkle
+];

package/dist/map-v3/shared/controls/MapControl.svelte

@@ -60,6 +60,7 @@
 	let controlElement: HTMLDivElement;
 	let collapsed = $state(initiallyCollapsed);
 	let control: IControl | null = null;
+	let isAdded = false;
 
 	// Reactively add/remove control when map becomes available/unavailable
 	$effect(() => {
@@ -67,13 +68,29 @@
 		if (map && controlElement) {
 			addControl(map);
 			return () => {
+				console.log(`[MapControl] Effect cleanup called for: ${title}`);
 				removeControl(map);
 			};
 		}
 	});
 
+	// Ensure control is removed when component is destroyed
+	onDestroy(() => {
+		console.log(`[MapControl] onDestroy called for: ${title}`);
+		const map = mapStore?.map;
+		if (map) {
+			removeControl(map);
+		}
+		// Also explicitly remove from DOM as fallback
+		// (Mapbox moves the element to its own container)
+		if (controlElement?.parentNode) {
+			controlElement.parentNode.removeChild(controlElement);
+		}
+	});
+
 	function addControl(map: MapboxMap) {
-		if (control) return;
+		if (control || isAdded) return;
+		isAdded = true;
 
 		// Create a custom Mapbox control
 		control = {
@@ -81,7 +98,7 @@
 				return controlElement;
 			},
 			onRemove: () => {
-				// Cleanup handled in onDestroy/effect cleanup
+				// Mapbox will remove the element from its container
 			}
 		};
 
@@ -90,12 +107,19 @@
 
 	function removeControl(map: MapboxMap) {
 		if (control) {
+			console.log(`[MapControl] Removing control: ${title}`);
 			try {
 				map.removeControl(control);
 			} catch (e) {
-				// Control may already be removed or map destroyed
+				console.log(`[MapControl] Error removing control (may already be removed): ${title}`, e);
 			}
 			control = null;
+			isAdded = false;
+		}
+		// Fallback: ensure element is removed from DOM
+		if (controlElement?.parentNode) {
+			console.log(`[MapControl] Fallback DOM removal for: ${title}`);
+			controlElement.parentNode.removeChild(controlElement);
 		}
 	}
 

package/package.json

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