@memberjunction/ng-map-view 0.0.1 → 5.25.0

package/dist/lib/map-view.component.d.ts

@@ -0,0 +1,151 @@
+import { EventEmitter, OnInit, OnDestroy, OnChanges, SimpleChanges, AfterViewInit } from '@angular/core';
+import { EntityInfo } from '@memberjunction/core';
+import { MapRenderMode, MapDisplayState, MapMarkerClickEvent, MapRegionClickEvent } from './map-view.types';
+import * as i0 from "@angular/core";
+/**
+ * MapViewComponent — Leaflet-based map visualization for geo-enabled MJ entities.
+ *
+ * Reads `__mj_Latitude` and `__mj_Longitude` from entity records (or custom field overrides)
+ * and renders them as interactive markers on an OpenStreetMap tile layer.
+ *
+ * Supports three rendering modes:
+ * - **point** (default): Individual markers with optional clustering
+ * - **choropleth**: Region shading by country/state (requires BoundaryGeoJSON)
+ * - **heatmap**: Density visualization (future)
+ *
+ * Integrates into MJExplorer's EntityViewer as the 'map' view mode.
+ */
+export declare class MapViewComponent implements OnInit, AfterViewInit, OnDestroy, OnChanges {
+    private cdr;
+    private mapContainer;
+    /** Entity metadata for the displayed records. */
+    Entity: EntityInfo;
+    /** Array of entity records to render on the map. Accepts BaseEntity[] or plain Record objects. */
+    Records: Record<string, unknown>[];
+    /** Latitude field name. Defaults to __mj_Latitude. */
+    LatitudeField: string;
+    /** Longitude field name. Defaults to __mj_Longitude. */
+    LongitudeField: string;
+    /** Current render mode. */
+    RenderMode: MapRenderMode;
+    /** Persisted display state from UserView. */
+    DisplayState: Partial<MapDisplayState> | null;
+    /**
+     * Total record count from the server (before any client-side cap).
+     * When this exceeds the number of Records passed in, the map shows
+     * a truncation indicator so the user knows not all data is displayed.
+     */
+    TotalRecordCount: number;
+    /** Emitted when a marker is clicked. */
+    MarkerClick: EventEmitter<MapMarkerClickEvent>;
+    /** Emitted when a choropleth region is clicked. */
+    RegionClick: EventEmitter<MapRegionClickEvent>;
+    /** Emitted when display state changes (for persistence). */
+    DisplayStateChange: EventEmitter<MapDisplayState>;
+    /** Emitted when render mode changes (supports two-way binding: [(RenderMode)]). */
+    RenderModeChange: EventEmitter<MapRenderMode>;
+    private map;
+    private markerLayer;
+    private visibilityObserver;
+    private pendingRender;
+    IsLoading: boolean;
+    MarkerCount: number;
+    /** Whether the displayed records are truncated (more exist than were loaded). */
+    get IsTruncated(): boolean;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    /**
+     * Initialize the Leaflet map with OSM tiles.
+     */
+    private InitializeMap;
+    /**
+     * Render map content based on the current RenderMode.
+     */
+    private RenderMarkers;
+    /**
+     * Point mode: individual markers with marker clustering for dense areas.
+     * Uses leaflet.markercluster when available, falls back to plain markers.
+     */
+    private RenderPointMarkers;
+    /**
+     * Heatmap mode: density visualization using colored circle markers.
+     * Larger/more opaque circles where records cluster together.
+     * Click a cluster bubble to see matching records in a popup.
+     */
+    private RenderHeatmap;
+    /**
+     * Regions mode: shaded geographic regions using GeoJSON boundaries.
+     * Uses coordinate-based point-in-polygon resolution via GeoDataEngine —
+     * no dependency on text field names in the entity. Each record's lat/lng
+     * is resolved to its containing country and state/province geometrically.
+     *
+     * Auto-detects grouping level:
+     * - If records span multiple countries → group by Country, render country polygons
+     * - If all records are in one country → group by State/Province, render state polygons
+     * Falls back to spatial clustering if boundary data isn't available.
+     */
+    private RenderChoropleth;
+    /**
+     * Render state-level choropleth regions from coordinate-resolved groups.
+     * Each group is keyed by state ID with its entity and records already resolved.
+     */
+    private RenderStateRegions;
+    /**
+     * Render country-level choropleth regions from coordinate-resolved groups.
+     */
+    private RenderCountryRegions;
+    /**
+     * Render a single GeoJSON boundary region with shading.
+     * Returns true if the boundary rendered successfully, false if fallback is needed.
+     */
+    private RenderBoundaryRegion;
+    /**
+     * Render a colored circle marker as a fallback for regions without boundary data.
+     */
+    private RenderCircleFallback;
+    /**
+     * Simple spatial clustering: group nearby records within a lat/lng radius.
+     * Returns clusters with center coordinates and member records.
+     */
+    private SpatialCluster;
+    /**
+     * Fit map bounds to encompass all marker coordinates.
+     */
+    private FitBoundsToMarkers;
+    /**
+     * Emit the current display state for persistence.
+     */
+    private EmitDisplayState;
+    /**
+     * Set rendering mode.
+     */
+    SetRenderMode(mode: MapRenderMode): void;
+    /**
+     * Get a field value from a record, supporting both BaseEntity (with .Get()) and plain objects.
+     */
+    private GetField;
+    /**
+     * Get a numeric field value from a record, returning null if not a valid number.
+     */
+    private GetNumericField;
+    /**
+     * Build a popup for a cluster of records.
+     * Shows first 5 records as clickable links, then "and X more..." if needed.
+     * Clicking a record name emits MarkerClick so the parent can open it.
+     */
+    private BuildClusterPopup;
+    /**
+     * Set up popup click handlers after the map initializes.
+     * Listens for clicks on record links in popups and emits MarkerClick.
+     */
+    private SetupPopupClickHandler;
+    /**
+     * Escape HTML for popup content.
+     */
+    private EscapeHtml;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MapViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MapViewComponent, "mj-map-view", never, { "Entity": { "alias": "Entity"; "required": false; }; "Records": { "alias": "Records"; "required": false; }; "LatitudeField": { "alias": "LatitudeField"; "required": false; }; "LongitudeField": { "alias": "LongitudeField"; "required": false; }; "RenderMode": { "alias": "RenderMode"; "required": false; }; "DisplayState": { "alias": "DisplayState"; "required": false; }; "TotalRecordCount": { "alias": "TotalRecordCount"; "required": false; }; }, { "MarkerClick": "MarkerClick"; "RegionClick": "RegionClick"; "DisplayStateChange": "DisplayStateChange"; "RenderModeChange": "RenderModeChange"; }, never, never, false, never>;
+}
+//# sourceMappingURL=map-view.component.d.ts.map

package/dist/lib/map-view.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"map-view.component.d.ts","sourceRoot":"","sources":["../../src/lib/map-view.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAIH,YAAY,EACZ,MAAM,EACN,SAAS,EACT,SAAS,EACT,aAAa,EAIb,aAAa,EAEhB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;;AAI5G;;;;;;;;;;;;GAYG;AACH,qBAMa,gBAAiB,YAAW,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS;IAChF,OAAO,CAAC,GAAG,CAA6B;IAGxC,OAAO,CAAC,YAAY,CAA8B;IAElD,iDAAiD;IACxC,MAAM,EAAG,UAAU,CAAC;IAE7B,kGAAkG;IACzF,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAM;IAEjD,sDAAsD;IAC7C,aAAa,EAAE,MAAM,CAAmB;IAEjD,wDAAwD;IAC/C,cAAc,EAAE,MAAM,CAAoB;IAEnD,2BAA2B;IAClB,UAAU,EAAE,aAAa,CAAW;IAE7C,6CAA6C;IACpC,YAAY,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,IAAI,CAAQ;IAE9D;;;;OAIG;IACM,gBAAgB,EAAE,MAAM,CAAK;IAEtC,wCAAwC;IAC9B,WAAW,oCAA2C;IAEhE,mDAAmD;IACzC,WAAW,oCAA2C;IAEhE,4DAA4D;IAClD,kBAAkB,gCAAuC;IAEnE,mFAAmF;IACzE,gBAAgB,8BAAqC;IAE/D,OAAO,CAAC,GAAG,CAAsB;IACjC,OAAO,CAAC,WAAW,CAA6B;IAChD,OAAO,CAAC,kBAAkB,CAAqC;IAC/D,OAAO,CAAC,aAAa,CAAS;IAC9B,SAAS,UAAQ;IACjB,WAAW,SAAK;IAEhB,iFAAiF;IACjF,IAAI,WAAW,IAAI,OAAO,CAEzB;IAED,QAAQ,IAAI,IAAI;IAIhB,eAAe,IAAI,IAAI;IAwBvB,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAgBzC,WAAW,IAAI,IAAI;IAWnB;;OAEG;IACH,OAAO,CAAC,aAAa;IAiDrB;;OAEG;IACH,OAAO,CAAC,aAAa;IAoBrB;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAoD1B;;;;OAIG;IACH,OAAO,CAAC,aAAa;IA8CrB;;;;;;;;;;OAUG;IACH,OAAO,CAAC,gBAAgB;IAkDxB;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IA8B1B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IA6B5B;;;OAGG;IACH,OAAO,CAAC,oBAAoB;IA0C5B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAqB5B;;;OAGG;IACH,OAAO,CAAC,cAAc;IAuCtB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAQ1B;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAWxB;;OAEG;IACH,aAAa,CAAC,IAAI,EAAE,aAAa,GAAG,IAAI;IAMxC;;OAEG;IACH,OAAO,CAAC,QAAQ;IAOhB;;OAEG;IACH,OAAO,CAAC,eAAe;IAOvB;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IA6BzB;;;OAGG;IACH,OAAO,CAAC,sBAAsB;IAgC9B;;OAEG;IACH,OAAO,CAAC,UAAU;yCAnpBT,gBAAgB;2CAAhB,gBAAgB;CAwpB5B"}

package/dist/lib/map-view.component.js

@@ -0,0 +1,682 @@
+import { Component, Input, Output, EventEmitter, ViewChild, ChangeDetectorRef, inject } from '@angular/core';
+import { GeoDataEngine } from '@memberjunction/core-entities';
+import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-shared-generic";
+import * as i2 from "@angular/common";
+const _c0 = ["mapContainer"];
+function MapViewComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 9);
+    i0.ɵɵpipe(1, "number");
+    i0.ɵɵpipe(2, "number");
+    i0.ɵɵelement(3, "i", 12);
+    i0.ɵɵtext(4);
+    i0.ɵɵpipe(5, "number");
+    i0.ɵɵpipe(6, "number");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("title", i0.ɵɵinterpolate2("Not all records are displayed. Showing ", i0.ɵɵpipeBind1(1, 5, ctx_r1.Records.length), " of ", i0.ɵɵpipeBind1(2, 7, ctx_r1.TotalRecordCount), " total records."));
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate2(" Showing ", i0.ɵɵpipeBind1(5, 9, ctx_r1.Records.length), " of ", i0.ɵɵpipeBind1(6, 11, ctx_r1.TotalRecordCount), " ");
+} }
+function MapViewComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 10);
+    i0.ɵɵelement(1, "mj-loading", 13);
+    i0.ɵɵelementEnd();
+} }
+// Leaflet is loaded as a global script at runtime via angular.json scripts array.
+// The L namespace is available globally — see leaflet.d.ts for type declarations.
+/**
+ * MapViewComponent — Leaflet-based map visualization for geo-enabled MJ entities.
+ *
+ * Reads `__mj_Latitude` and `__mj_Longitude` from entity records (or custom field overrides)
+ * and renders them as interactive markers on an OpenStreetMap tile layer.
+ *
+ * Supports three rendering modes:
+ * - **point** (default): Individual markers with optional clustering
+ * - **choropleth**: Region shading by country/state (requires BoundaryGeoJSON)
+ * - **heatmap**: Density visualization (future)
+ *
+ * Integrates into MJExplorer's EntityViewer as the 'map' view mode.
+ */
+export class MapViewComponent {
+    cdr = inject(ChangeDetectorRef);
+    mapContainer;
+    /** Entity metadata for the displayed records. */
+    Entity;
+    /** Array of entity records to render on the map. Accepts BaseEntity[] or plain Record objects. */
+    Records = [];
+    /** Latitude field name. Defaults to __mj_Latitude. */
+    LatitudeField = '__mj_Latitude';
+    /** Longitude field name. Defaults to __mj_Longitude. */
+    LongitudeField = '__mj_Longitude';
+    /** Current render mode. */
+    RenderMode = 'point';
+    /** Persisted display state from UserView. */
+    DisplayState = null;
+    /**
+     * Total record count from the server (before any client-side cap).
+     * When this exceeds the number of Records passed in, the map shows
+     * a truncation indicator so the user knows not all data is displayed.
+     */
+    TotalRecordCount = 0;
+    /** Emitted when a marker is clicked. */
+    MarkerClick = new EventEmitter();
+    /** Emitted when a choropleth region is clicked. */
+    RegionClick = new EventEmitter();
+    /** Emitted when display state changes (for persistence). */
+    DisplayStateChange = new EventEmitter();
+    /** Emitted when render mode changes (supports two-way binding: [(RenderMode)]). */
+    RenderModeChange = new EventEmitter();
+    map = null;
+    markerLayer = null;
+    visibilityObserver = null;
+    pendingRender = false;
+    IsLoading = true;
+    MarkerCount = 0;
+    /** Whether the displayed records are truncated (more exist than were loaded). */
+    get IsTruncated() {
+        return this.TotalRecordCount > 0 && this.Records.length < this.TotalRecordCount;
+    }
+    ngOnInit() {
+        // Map initialization happens when the component becomes visible
+    }
+    ngAfterViewInit() {
+        // Use IntersectionObserver to detect when the map container becomes visible.
+        // Leaflet requires the container to have actual dimensions before initialization.
+        // Since the map starts hidden (grid view is default), we defer init until visible.
+        this.visibilityObserver = new IntersectionObserver((entries) => {
+            const entry = entries[0];
+            if (entry.isIntersecting && !this.map) {
+                // First time visible — initialize the map
+                this.InitializeMap();
+            }
+            else if (entry.isIntersecting && this.map) {
+                // Becoming visible again — fix tile rendering and re-fit
+                this.map.invalidateSize();
+                if (this.pendingRender) {
+                    this.RenderMarkers();
+                    this.pendingRender = false;
+                }
+            }
+        }, { threshold: 0.1 });
+        if (this.mapContainer?.nativeElement) {
+            this.visibilityObserver.observe(this.mapContainer.nativeElement);
+        }
+    }
+    ngOnChanges(changes) {
+        if (changes['Records'] || changes['RenderMode']) {
+            if (this.map) {
+                setTimeout(() => {
+                    if (this.map) {
+                        this.map.invalidateSize();
+                        this.RenderMarkers();
+                    }
+                }, 100);
+            }
+            else {
+                // Map not initialized yet — mark for render when visible
+                this.pendingRender = true;
+            }
+        }
+    }
+    ngOnDestroy() {
+        if (this.visibilityObserver) {
+            this.visibilityObserver.disconnect();
+            this.visibilityObserver = null;
+        }
+        if (this.map) {
+            this.map.remove();
+            this.map = null;
+        }
+    }
+    /**
+     * Initialize the Leaflet map with OSM tiles.
+     */
+    InitializeMap() {
+        if (!this.mapContainer?.nativeElement || this.map)
+            return;
+        const center = [
+            this.DisplayState?.CenterLat ?? 20,
+            this.DisplayState?.CenterLng ?? 0
+        ];
+        const zoom = this.DisplayState?.ZoomLevel ?? 2;
+        this.map = L.map(this.mapContainer.nativeElement, {
+            center,
+            zoom,
+            zoomControl: true,
+            attributionControl: false
+        });
+        // Compact attribution — required by OSM terms but styled to be unobtrusive
+        L.control.attribution({ prefix: false, position: 'bottomright' }).addTo(this.map);
+        L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
+            attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OSM</a>',
+            maxZoom: 18
+        }).addTo(this.map);
+        this.markerLayer = L.layerGroup().addTo(this.map);
+        // Persist view state on move/zoom
+        this.map.on('moveend', () => this.EmitDisplayState());
+        // Set up popup click handlers for record drill-through
+        this.SetupPopupClickHandler();
+        // invalidateSize after a short delay to ensure tile rendering is correct
+        // then render markers and fit bounds
+        setTimeout(() => {
+            if (this.map) {
+                this.map.invalidateSize();
+                this.RenderMarkers();
+                this.IsLoading = false;
+                this.cdr.detectChanges();
+                // Double-invalidate after tiles start loading to fix partial rendering
+                setTimeout(() => {
+                    if (this.map)
+                        this.map.invalidateSize();
+                }, 500);
+            }
+        }, 100);
+    }
+    /**
+     * Render map content based on the current RenderMode.
+     */
+    RenderMarkers() {
+        if (!this.map || !this.markerLayer)
+            return;
+        this.markerLayer.clearLayers();
+        switch (this.RenderMode) {
+            case 'point':
+                this.RenderPointMarkers();
+                break;
+            case 'heatmap':
+                this.RenderHeatmap();
+                break;
+            case 'choropleth':
+                this.RenderChoropleth();
+                break;
+            default:
+                this.RenderPointMarkers();
+        }
+    }
+    /**
+     * Point mode: individual markers with marker clustering for dense areas.
+     * Uses leaflet.markercluster when available, falls back to plain markers.
+     */
+    RenderPointMarkers() {
+        const bounds = [];
+        // Use marker cluster group if available (loaded via CDN)
+        const useCluster = typeof L.markerClusterGroup === 'function';
+        const clusterGroup = useCluster ? L.markerClusterGroup({
+            maxClusterRadius: 50,
+            spiderfyOnMaxZoom: true,
+            showCoverageOnHover: false
+        }) : null;
+        for (const record of this.Records) {
+            const lat = this.GetNumericField(record, this.LatitudeField);
+            const lng = this.GetNumericField(record, this.LongitudeField);
+            if (lat == null || lng == null || isNaN(lat) || isNaN(lng))
+                continue;
+            const latLng = L.latLng(lat, lng);
+            bounds.push(latLng);
+            const marker = L.marker(latLng);
+            const nameField = this.Entity?.NameField;
+            const label = nameField ? String(this.GetField(record, nameField.Name) ?? '') : 'Record';
+            marker.bindPopup(`<b>${this.EscapeHtml(label)}</b>`);
+            marker.on('click', () => {
+                const pkFields = this.Entity?.PrimaryKeys ?? [];
+                const recordId = pkFields.map(pk => this.GetField(record, pk.Name)).join('||');
+                this.MarkerClick.emit({
+                    RecordID: recordId,
+                    Latitude: lat,
+                    Longitude: lng,
+                    Record: record
+                });
+            });
+            if (clusterGroup) {
+                clusterGroup.addLayer(marker);
+            }
+            else {
+                this.markerLayer.addLayer(marker);
+            }
+        }
+        if (clusterGroup) {
+            this.markerLayer.addLayer(clusterGroup);
+        }
+        this.MarkerCount = bounds.length;
+        this.FitBoundsToMarkers(bounds);
+    }
+    /**
+     * Heatmap mode: density visualization using colored circle markers.
+     * Larger/more opaque circles where records cluster together.
+     * Click a cluster bubble to see matching records in a popup.
+     */
+    RenderHeatmap() {
+        const bounds = [];
+        const recordsWithCoords = [];
+        for (const record of this.Records) {
+            const lat = this.GetNumericField(record, this.LatitudeField);
+            const lng = this.GetNumericField(record, this.LongitudeField);
+            if (lat == null || lng == null || isNaN(lat) || isNaN(lng))
+                continue;
+            bounds.push(L.latLng(lat, lng));
+            recordsWithCoords.push({ lat, lng, record });
+        }
+        // Cluster nearby records (within ~2 degrees / ~200km) into groups
+        const clusters = this.SpatialCluster(recordsWithCoords, 2.0);
+        for (const cluster of clusters) {
+            const radius = Math.min(12 + cluster.records.length * 5, 40);
+            const opacity = Math.min(0.3 + cluster.records.length * 0.08, 0.85);
+            const circle = L.circleMarker([cluster.centerLat, cluster.centerLng], {
+                radius,
+                fillColor: '#e74c3c',
+                fillOpacity: opacity,
+                color: '#c0392b',
+                weight: 1,
+                opacity: 0.7
+            });
+            circle.bindPopup(this.BuildClusterPopup(cluster.records, `${cluster.records.length} record${cluster.records.length !== 1 ? 's' : ''}`));
+            circle.on('click', () => {
+                this.RegionClick.emit({
+                    RegionName: `Cluster (${cluster.records.length} records)`,
+                    GroupBy: 'state_province',
+                    RecordCount: cluster.records.length,
+                    Records: cluster.records
+                });
+            });
+            this.markerLayer.addLayer(circle);
+        }
+        this.MarkerCount = bounds.length;
+        this.FitBoundsToMarkers(bounds);
+    }
+    /**
+     * Regions mode: shaded geographic regions using GeoJSON boundaries.
+     * Uses coordinate-based point-in-polygon resolution via GeoDataEngine —
+     * no dependency on text field names in the entity. Each record's lat/lng
+     * is resolved to its containing country and state/province geometrically.
+     *
+     * Auto-detects grouping level:
+     * - If records span multiple countries → group by Country, render country polygons
+     * - If all records are in one country → group by State/Province, render state polygons
+     * Falls back to spatial clustering if boundary data isn't available.
+     */
+    RenderChoropleth() {
+        const geo = GeoDataEngine.Instance;
+        const bounds = [];
+        // Resolve each record's location via point-in-polygon
+        const recordsByCountryId = new Map();
+        const recordsByStateId = new Map();
+        const unmatchedRecords = [];
+        for (const record of this.Records) {
+            const lat = this.GetNumericField(record, this.LatitudeField);
+            const lng = this.GetNumericField(record, this.LongitudeField);
+            if (lat == null || lng == null || isNaN(lat) || isNaN(lng))
+                continue;
+            bounds.push(L.latLng(lat, lng));
+            const resolution = geo.ResolvePointToLocation(lat, lng);
+            if (resolution.Country) {
+                const countryId = resolution.Country.ID.toLowerCase();
+                let countryGroup = recordsByCountryId.get(countryId);
+                if (!countryGroup) {
+                    countryGroup = { country: resolution.Country, records: [] };
+                    recordsByCountryId.set(countryId, countryGroup);
+                }
+                countryGroup.records.push(record);
+                if (resolution.State) {
+                    const stateId = resolution.State.ID.toLowerCase();
+                    let stateGroup = recordsByStateId.get(stateId);
+                    if (!stateGroup) {
+                        stateGroup = { state: resolution.State, countryId, records: [] };
+                        recordsByStateId.set(stateId, stateGroup);
+                    }
+                    stateGroup.records.push(record);
+                }
+            }
+            else {
+                unmatchedRecords.push(record);
+            }
+        }
+        this.MarkerCount = bounds.length;
+        // Auto-detect grouping: single country → state-level, multiple → country-level
+        if (recordsByCountryId.size <= 1 && recordsByStateId.size > 1) {
+            this.RenderStateRegions(recordsByStateId, unmatchedRecords, bounds);
+        }
+        else {
+            this.RenderCountryRegions(recordsByCountryId, unmatchedRecords, bounds);
+        }
+    }
+    /**
+     * Render state-level choropleth regions from coordinate-resolved groups.
+     * Each group is keyed by state ID with its entity and records already resolved.
+     */
+    RenderStateRegions(recordsByStateId, unmatchedRecords, bounds) {
+        const colors = ['#3498db', '#2ecc71', '#e74c3c', '#f39c12', '#9b59b6',
+            '#1abc9c', '#e67e22', '#2980b9', '#27ae60', '#c0392b',
+            '#16a085', '#d35400', '#8e44ad', '#2c3e50', '#f1c40f'];
+        let colorIdx = 0;
+        for (const [, group] of recordsByStateId) {
+            const color = colors[colorIdx % colors.length];
+            const rendered = this.RenderBoundaryRegion(group.state.Name, group.state.BoundaryGeoJSON, group.records, color, 'state_province');
+            if (!rendered) {
+                this.RenderCircleFallback(group.state.Name, group.records, color);
+            }
+            colorIdx++;
+        }
+        // Render unmatched records as a gray cluster
+        if (unmatchedRecords.length > 0) {
+            this.RenderCircleFallback('Unmatched', unmatchedRecords, '#95a5a6');
+        }
+        this.FitBoundsToMarkers(bounds);
+    }
+    /**
+     * Render country-level choropleth regions from coordinate-resolved groups.
+     */
+    RenderCountryRegions(recordsByCountryId, unmatchedRecords, bounds) {
+        const colors = ['#3498db', '#2ecc71', '#e74c3c', '#f39c12', '#9b59b6',
+            '#1abc9c', '#e67e22', '#2980b9', '#27ae60', '#c0392b',
+            '#16a085', '#d35400', '#8e44ad', '#2c3e50', '#f1c40f'];
+        let colorIdx = 0;
+        for (const [, group] of recordsByCountryId) {
+            const color = colors[colorIdx % colors.length];
+            const rendered = this.RenderBoundaryRegion(group.country.Name, group.country.BoundaryGeoJSON, group.records, color, 'country');
+            if (!rendered) {
+                this.RenderCircleFallback(group.country.Name, group.records, color);
+            }
+            colorIdx++;
+        }
+        if (unmatchedRecords.length > 0) {
+            this.RenderCircleFallback('Unmatched', unmatchedRecords, '#95a5a6');
+        }
+        this.FitBoundsToMarkers(bounds);
+    }
+    /**
+     * Render a single GeoJSON boundary region with shading.
+     * Returns true if the boundary rendered successfully, false if fallback is needed.
+     */
+    RenderBoundaryRegion(regionName, boundaryGeoJSON, records, color, groupBy) {
+        if (!boundaryGeoJSON)
+            return false;
+        try {
+            const geojson = typeof boundaryGeoJSON === 'string'
+                ? JSON.parse(boundaryGeoJSON)
+                : boundaryGeoJSON;
+            const layer = L.geoJSON(geojson, {
+                style: {
+                    fillColor: color,
+                    fillOpacity: 0.35,
+                    color: color,
+                    weight: 2,
+                    opacity: 0.8
+                }
+            });
+            layer.bindPopup(this.BuildClusterPopup(records, `${regionName} (${records.length})`));
+            layer.on('click', () => {
+                this.RegionClick.emit({
+                    RegionName: regionName,
+                    GroupBy: groupBy,
+                    RecordCount: records.length,
+                    Records: records
+                });
+            });
+            this.markerLayer.addLayer(layer);
+            return true;
+        }
+        catch (e) {
+            console.warn(`[MapView] Choropleth: GeoJSON render failed for "${regionName}"`, e);
+            return false;
+        }
+    }
+    /**
+     * Render a colored circle marker as a fallback for regions without boundary data.
+     */
+    RenderCircleFallback(regionName, records, color) {
+        let sumLat = 0, sumLng = 0, count = 0;
+        for (const rec of records) {
+            const lat = this.GetNumericField(rec, this.LatitudeField);
+            const lng = this.GetNumericField(rec, this.LongitudeField);
+            if (lat && lng) {
+                sumLat += lat;
+                sumLng += lng;
+                count++;
+            }
+        }
+        if (count > 0) {
+            const radius = Math.min(15 + records.length * 5, 50);
+            const circle = L.circleMarker([sumLat / count, sumLng / count], {
+                radius, fillColor: color, fillOpacity: 0.45, color, weight: 2, opacity: 0.85
+            });
+            circle.bindPopup(this.BuildClusterPopup(records, `${regionName} (${records.length})`));
+            this.markerLayer.addLayer(circle);
+        }
+    }
+    /**
+     * Simple spatial clustering: group nearby records within a lat/lng radius.
+     * Returns clusters with center coordinates and member records.
+     */
+    SpatialCluster(items, radiusDegrees) {
+        const assigned = new Set();
+        const clusters = [];
+        for (let i = 0; i < items.length; i++) {
+            if (assigned.has(i))
+                continue;
+            const seed = items[i];
+            const members = [seed.record];
+            let sumLat = seed.lat;
+            let sumLng = seed.lng;
+            assigned.add(i);
+            // Find all unassigned neighbors within radius
+            for (let j = i + 1; j < items.length; j++) {
+                if (assigned.has(j))
+                    continue;
+                const candidate = items[j];
+                if (Math.abs(candidate.lat - seed.lat) <= radiusDegrees &&
+                    Math.abs(candidate.lng - seed.lng) <= radiusDegrees) {
+                    members.push(candidate.record);
+                    sumLat += candidate.lat;
+                    sumLng += candidate.lng;
+                    assigned.add(j);
+                }
+            }
+            clusters.push({
+                centerLat: sumLat / members.length,
+                centerLng: sumLng / members.length,
+                records: members
+            });
+        }
+        return clusters;
+    }
+    /**
+     * Fit map bounds to encompass all marker coordinates.
+     */
+    FitBoundsToMarkers(bounds) {
+        if (bounds.length > 0 && this.map) {
+            const boundsObj = L.latLngBounds(bounds);
+            this.map.fitBounds(boundsObj, { padding: [30, 30], maxZoom: 14 });
+        }
+        this.cdr.detectChanges();
+    }
+    /**
+     * Emit the current display state for persistence.
+     */
+    EmitDisplayState() {
+        if (!this.map)
+            return;
+        const center = this.map.getCenter();
+        this.DisplayStateChange.emit({
+            ZoomLevel: this.map.getZoom(),
+            CenterLat: center.lat,
+            CenterLng: center.lng,
+            ClusterMarkers: true
+        });
+    }
+    /**
+     * Set rendering mode.
+     */
+    SetRenderMode(mode) {
+        this.RenderMode = mode;
+        this.RenderModeChange.emit(mode);
+        this.RenderMarkers();
+    }
+    /**
+     * Get a field value from a record, supporting both BaseEntity (with .Get()) and plain objects.
+     */
+    GetField(record, fieldName) {
+        if ('Get' in record && typeof record['Get'] === 'function') {
+            return record.Get(fieldName);
+        }
+        return record[fieldName];
+    }
+    /**
+     * Get a numeric field value from a record, returning null if not a valid number.
+     */
+    GetNumericField(record, fieldName) {
+        const val = this.GetField(record, fieldName);
+        if (val == null)
+            return null;
+        const num = Number(val);
+        return isNaN(num) ? null : num;
+    }
+    /**
+     * Build a popup for a cluster of records.
+     * Shows first 5 records as clickable links, then "and X more..." if needed.
+     * Clicking a record name emits MarkerClick so the parent can open it.
+     */
+    BuildClusterPopup(records, title) {
+        const nameField = this.Entity?.NameField;
+        const maxShow = 5;
+        const shown = records.slice(0, maxShow);
+        const remaining = records.length - maxShow;
+        let html = `<div style="font-size:12px;min-width:160px;">` +
+            `<b>${this.EscapeHtml(title)}</b>` +
+            `<hr style="margin:4px 0;border-color:#e5e7eb;">`;
+        for (const rec of shown) {
+            const name = nameField ? String(this.GetField(rec, nameField.Name) ?? '') : 'Record';
+            const pkFields = this.Entity?.PrimaryKeys ?? [];
+            const recordId = pkFields.map(pk => this.GetField(rec, pk.Name)).join('||');
+            // Clickable record name — uses a data attribute that the click handler reads
+            html += `<div style="padding:2px 0;cursor:pointer;color:#2563eb;" ` +
+                `class="mj-map-popup-record" data-record-id="${this.EscapeHtml(recordId)}">` +
+                `${this.EscapeHtml(name)}</div>`;
+        }
+        if (remaining > 0) {
+            html += `<div style="padding:4px 0 0;color:#6b7280;font-style:italic;">` +
+                `and ${remaining} more...</div>`;
+        }
+        html += `</div>`;
+        return html;
+    }
+    /**
+     * Set up popup click handlers after the map initializes.
+     * Listens for clicks on record links in popups and emits MarkerClick.
+     */
+    SetupPopupClickHandler() {
+        if (!this.map)
+            return;
+        this.map.on('popupopen', () => {
+            // Attach click handlers to all popup record links
+            setTimeout(() => {
+                const links = document.querySelectorAll('.mj-map-popup-record');
+                links.forEach(link => {
+                    link.addEventListener('click', (e) => {
+                        const recordId = e.currentTarget.getAttribute('data-record-id') ?? '';
+                        // Find the matching record
+                        const record = this.Records.find(r => {
+                            const pkFields = this.Entity?.PrimaryKeys ?? [];
+                            const id = pkFields.map(pk => this.GetField(r, pk.Name)).join('||');
+                            return id === recordId;
+                        });
+                        if (record) {
+                            const lat = this.GetNumericField(record, this.LatitudeField) ?? 0;
+                            const lng = this.GetNumericField(record, this.LongitudeField) ?? 0;
+                            this.MarkerClick.emit({
+                                RecordID: recordId,
+                                Latitude: lat,
+                                Longitude: lng,
+                                Record: record
+                            });
+                        }
+                    });
+                });
+            }, 50);
+        });
+    }
+    /**
+     * Escape HTML for popup content.
+     */
+    EscapeHtml(text) {
+        const div = document.createElement('div');
+        div.textContent = text;
+        return div.innerHTML;
+    }
+    static ɵfac = function MapViewComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MapViewComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MapViewComponent, selectors: [["mj-map-view"]], viewQuery: function MapViewComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.mapContainer = _t.first);
+        } }, inputs: { Entity: "Entity", Records: "Records", LatitudeField: "LatitudeField", LongitudeField: "LongitudeField", RenderMode: "RenderMode", DisplayState: "DisplayState", TotalRecordCount: "TotalRecordCount" }, outputs: { MarkerClick: "MarkerClick", RegionClick: "RegionClick", DisplayStateChange: "DisplayStateChange", RenderModeChange: "RenderModeChange" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 18, vars: 10, consts: [["mapContainer", ""], [1, "mj-map-view-wrapper"], [1, "mj-map-toolbar"], [1, "mj-map-mode-buttons"], [1, "mj-map-mode-btn", 3, "click"], [1, "fa-solid", "fa-location-dot"], [1, "fa-solid", "fa-map"], [1, "fa-solid", "fa-fire"], [1, "mj-map-info"], [1, "mj-map-truncated", 3, "title"], [1, "mj-map-loading"], [1, "mj-map-container"], [1, "fa-solid", "fa-triangle-exclamation"], ["text", "Loading map..."]], template: function MapViewComponent_Template(rf, ctx) { if (rf & 1) {
+            const _r1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 1)(1, "div", 2)(2, "div", 3)(3, "button", 4);
+            i0.ɵɵlistener("click", function MapViewComponent_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.SetRenderMode("point")); });
+            i0.ɵɵelement(4, "i", 5);
+            i0.ɵɵtext(5, " Points ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(6, "button", 4);
+            i0.ɵɵlistener("click", function MapViewComponent_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.SetRenderMode("choropleth")); });
+            i0.ɵɵelement(7, "i", 6);
+            i0.ɵɵtext(8, " Regions ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(9, "button", 4);
+            i0.ɵɵlistener("click", function MapViewComponent_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.SetRenderMode("heatmap")); });
+            i0.ɵɵelement(10, "i", 7);
+            i0.ɵɵtext(11, " Heat Map ");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(12, "div", 8);
+            i0.ɵɵtext(13);
+            i0.ɵɵconditionalCreate(14, MapViewComponent_Conditional_14_Template, 7, 13, "span", 9);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(15, MapViewComponent_Conditional_15_Template, 2, 0, "div", 10);
+            i0.ɵɵelement(16, "div", 11, 0);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance(3);
+            i0.ɵɵclassProp("active", ctx.RenderMode === "point");
+            i0.ɵɵadvance(3);
+            i0.ɵɵclassProp("active", ctx.RenderMode === "choropleth");
+            i0.ɵɵadvance(3);
+            i0.ɵɵclassProp("active", ctx.RenderMode === "heatmap");
+            i0.ɵɵadvance(4);
+            i0.ɵɵtextInterpolate2(" ", ctx.MarkerCount, " location", ctx.MarkerCount !== 1 ? "s" : "", " mapped ");
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.IsTruncated ? 14 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.IsLoading ? 15 : -1);
+        } }, dependencies: [i1.LoadingComponent, i2.DecimalPipe], styles: ["[_nghost-%COMP%] {\n    display: block;\n    width: 100%;\n    height: 100%;\n}\n\n.mj-map-view-wrapper[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n    position: relative;\n}\n\n.mj-map-toolbar[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 12px;\n    background: var(--mj-bg-surface-card);\n    border-bottom: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n    z-index: 1000;\n}\n\n.mj-map-mode-buttons[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 4px;\n}\n\n.mj-map-mode-btn[_ngcontent-%COMP%] {\n    padding: 6px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 4px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    font-size: 13px;\n    transition: all 0.15s ease;\n}\n\n.mj-map-mode-btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.mj-map-mode-btn.active[_ngcontent-%COMP%] {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    border-color: var(--mj-brand-primary);\n}\n\n.mj-map-info[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--mj-text-muted);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.mj-map-truncated[_ngcontent-%COMP%] {\n    color: var(--mj-status-warning-text);\n    font-size: 12px;\n}\n\n.mj-map-loading[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 500;\n    background: var(--mj-bg-surface);\n}\n\n.mj-map-container[_ngcontent-%COMP%] {\n    flex: 1;\n    min-height: 400px;\n    width: 100%;\n}\n\n.mj-map-container.hidden[_ngcontent-%COMP%] {\n    display: none;\n}\n\n\n\n\n\n[_nghost-%COMP%]     .leaflet-popup-content-wrapper {\n    border-radius: 6px;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n\n[_nghost-%COMP%]     .leaflet-popup-content {\n    color: #1e293b;\n    font-size: 13px;\n    margin: 10px 14px;\n}\n\n\n\n[_nghost-%COMP%]     .leaflet-container {\n    width: 100% !important;\n    height: 100% !important;\n}\n\n\n\n[_nghost-%COMP%]     .leaflet-control-attribution {\n    font-size: 9px;\n    padding: 1px 5px;\n    background: rgba(255, 255, 255, 0.6);\n    color: #666;\n}\n\n[_nghost-%COMP%]     .leaflet-control-attribution a {\n    color: #666;\n}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MapViewComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-map-view', template: "<div class=\"mj-map-view-wrapper\">\n    <div class=\"mj-map-toolbar\">\n        <div class=\"mj-map-mode-buttons\">\n            <button class=\"mj-map-mode-btn\"\n                    [class.active]=\"RenderMode === 'point'\"\n                    (click)=\"SetRenderMode('point')\">\n                <i class=\"fa-solid fa-location-dot\"></i> Points\n            </button>\n            <button class=\"mj-map-mode-btn\"\n                    [class.active]=\"RenderMode === 'choropleth'\"\n                    (click)=\"SetRenderMode('choropleth')\">\n                <i class=\"fa-solid fa-map\"></i> Regions\n            </button>\n            <button class=\"mj-map-mode-btn\"\n                    [class.active]=\"RenderMode === 'heatmap'\"\n                    (click)=\"SetRenderMode('heatmap')\">\n                <i class=\"fa-solid fa-fire\"></i> Heat Map\n            </button>\n        </div>\n        <div class=\"mj-map-info\">\n            {{ MarkerCount }} location{{ MarkerCount !== 1 ? 's' : '' }} mapped\n            @if (IsTruncated) {\n                <span class=\"mj-map-truncated\" title=\"Not all records are displayed. Showing {{ Records.length | number }} of {{ TotalRecordCount | number }} total records.\">\n                    <i class=\"fa-solid fa-triangle-exclamation\"></i> Showing {{ Records.length | number }} of {{ TotalRecordCount | number }}\n                </span>\n            }\n        </div>\n    </div>\n    @if (IsLoading) {\n        <div class=\"mj-map-loading\">\n            <mj-loading text=\"Loading map...\"></mj-loading>\n        </div>\n    }\n    <div #mapContainer class=\"mj-map-container\"></div>\n</div>\n", styles: [":host {\n    display: block;\n    width: 100%;\n    height: 100%;\n}\n\n.mj-map-view-wrapper {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n    position: relative;\n}\n\n.mj-map-toolbar {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 12px;\n    background: var(--mj-bg-surface-card);\n    border-bottom: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n    z-index: 1000;\n}\n\n.mj-map-mode-buttons {\n    display: flex;\n    gap: 4px;\n}\n\n.mj-map-mode-btn {\n    padding: 6px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 4px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    font-size: 13px;\n    transition: all 0.15s ease;\n}\n\n.mj-map-mode-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.mj-map-mode-btn.active {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    border-color: var(--mj-brand-primary);\n}\n\n.mj-map-info {\n    font-size: 13px;\n    color: var(--mj-text-muted);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.mj-map-truncated {\n    color: var(--mj-status-warning-text);\n    font-size: 12px;\n}\n\n.mj-map-loading {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 500;\n    background: var(--mj-bg-surface);\n}\n\n.mj-map-container {\n    flex: 1;\n    min-height: 400px;\n    width: 100%;\n}\n\n.mj-map-container.hidden {\n    display: none;\n}\n\n/* Leaflet popup styling \u2014 use hardcoded colors, NOT design tokens.\n   Leaflet has its own light theme and popups are always white background.\n   Using --mj-text-primary would make text white in dark mode = invisible. */\n:host ::ng-deep .leaflet-popup-content-wrapper {\n    border-radius: 6px;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n\n:host ::ng-deep .leaflet-popup-content {\n    color: #1e293b;\n    font-size: 13px;\n    margin: 10px 14px;\n}\n\n/* Ensure Leaflet container fills its parent */\n:host ::ng-deep .leaflet-container {\n    width: 100% !important;\n    height: 100% !important;\n}\n\n/* Compact attribution \u2014 required by OSM terms but unobtrusive */\n:host ::ng-deep .leaflet-control-attribution {\n    font-size: 9px;\n    padding: 1px 5px;\n    background: rgba(255, 255, 255, 0.6);\n    color: #666;\n}\n\n:host ::ng-deep .leaflet-control-attribution a {\n    color: #666;\n}\n"] }]
+    }], null, { mapContainer: [{
+            type: ViewChild,
+            args: ['mapContainer', { static: false }]
+        }], Entity: [{
+            type: Input
+        }], Records: [{
+            type: Input
+        }], LatitudeField: [{
+            type: Input
+        }], LongitudeField: [{
+            type: Input
+        }], RenderMode: [{
+            type: Input
+        }], DisplayState: [{
+            type: Input
+        }], TotalRecordCount: [{
+            type: Input
+        }], MarkerClick: [{
+            type: Output
+        }], RegionClick: [{
+            type: Output
+        }], DisplayStateChange: [{
+            type: Output
+        }], RenderModeChange: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MapViewComponent, { className: "MapViewComponent", filePath: "src/lib/map-view.component.ts", lineNumber: 41 }); })();
+//# sourceMappingURL=map-view.component.js.map

package/dist/lib/map-view.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"map-view.component.js","sourceRoot":"","sources":["../../src/lib/map-view.component.ts","../../src/lib/map-view.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n    Component,\n    Input,\n    Output,\n    EventEmitter,\n    OnInit,\n    OnDestroy,\n    OnChanges,\n    SimpleChanges,\n    ElementRef,\n    ViewChild,\n    ChangeDetectorRef,\n    AfterViewInit,\n    inject\n} from '@angular/core';\nimport { EntityInfo } from '@memberjunction/core';\nimport { GeoDataEngine } from '@memberjunction/core-entities';\nimport { MapRenderMode, MapDisplayState, MapMarkerClickEvent, MapRegionClickEvent } from './map-view.types';\n// Leaflet is loaded as a global script at runtime via angular.json scripts array.\n// The L namespace is available globally — see leaflet.d.ts for type declarations.\n\n/**\n * MapViewComponent — Leaflet-based map visualization for geo-enabled MJ entities.\n *\n * Reads `__mj_Latitude` and `__mj_Longitude` from entity records (or custom field overrides)\n * and renders them as interactive markers on an OpenStreetMap tile layer.\n *\n * Supports three rendering modes:\n * - **point** (default): Individual markers with optional clustering\n * - **choropleth**: Region shading by country/state (requires BoundaryGeoJSON)\n * - **heatmap**: Density visualization (future)\n *\n * Integrates into MJExplorer's EntityViewer as the 'map' view mode.\n */\n@Component({\n    standalone: false,\n    selector: 'mj-map-view',\n    templateUrl: './map-view.component.html',\n    styleUrls: ['./map-view.component.css']\n})\nexport class MapViewComponent implements OnInit, AfterViewInit, OnDestroy, OnChanges {\n    private cdr = inject(ChangeDetectorRef);\n\n    @ViewChild('mapContainer', { static: false })\n    private mapContainer!: ElementRef<HTMLDivElement>;\n\n    /** Entity metadata for the displayed records. */\n    @Input() Entity!: EntityInfo;\n\n    /** Array of entity records to render on the map. Accepts BaseEntity[] or plain Record objects. */\n    @Input() Records: Record<string, unknown>[] = [];\n\n    /** Latitude field name. Defaults to __mj_Latitude. */\n    @Input() LatitudeField: string = '__mj_Latitude';\n\n    /** Longitude field name. Defaults to __mj_Longitude. */\n    @Input() LongitudeField: string = '__mj_Longitude';\n\n    /** Current render mode. */\n    @Input() RenderMode: MapRenderMode = 'point';\n\n    /** Persisted display state from UserView. */\n    @Input() DisplayState: Partial<MapDisplayState> | null = null;\n\n    /**\n     * Total record count from the server (before any client-side cap).\n     * When this exceeds the number of Records passed in, the map shows\n     * a truncation indicator so the user knows not all data is displayed.\n     */\n    @Input() TotalRecordCount: number = 0;\n\n    /** Emitted when a marker is clicked. */\n    @Output() MarkerClick = new EventEmitter<MapMarkerClickEvent>();\n\n    /** Emitted when a choropleth region is clicked. */\n    @Output() RegionClick = new EventEmitter<MapRegionClickEvent>();\n\n    /** Emitted when display state changes (for persistence). */\n    @Output() DisplayStateChange = new EventEmitter<MapDisplayState>();\n\n    /** Emitted when render mode changes (supports two-way binding: [(RenderMode)]). */\n    @Output() RenderModeChange = new EventEmitter<MapRenderMode>();\n\n    private map: L.Map | null = null;\n    private markerLayer: L.LayerGroup | null = null;\n    private visibilityObserver: IntersectionObserver | null = null;\n    private pendingRender = false;\n    IsLoading = true;\n    MarkerCount = 0;\n\n    /** Whether the displayed records are truncated (more exist than were loaded). */\n    get IsTruncated(): boolean {\n        return this.TotalRecordCount > 0 && this.Records.length < this.TotalRecordCount;\n    }\n\n    ngOnInit(): void {\n        // Map initialization happens when the component becomes visible\n    }\n\n    ngAfterViewInit(): void {\n        // Use IntersectionObserver to detect when the map container becomes visible.\n        // Leaflet requires the container to have actual dimensions before initialization.\n        // Since the map starts hidden (grid view is default), we defer init until visible.\n        this.visibilityObserver = new IntersectionObserver((entries) => {\n            const entry = entries[0];\n            if (entry.isIntersecting && !this.map) {\n                // First time visible — initialize the map\n                this.InitializeMap();\n            } else if (entry.isIntersecting && this.map) {\n                // Becoming visible again — fix tile rendering and re-fit\n                this.map.invalidateSize();\n                if (this.pendingRender) {\n                    this.RenderMarkers();\n                    this.pendingRender = false;\n                }\n            }\n        }, { threshold: 0.1 });\n\n        if (this.mapContainer?.nativeElement) {\n            this.visibilityObserver.observe(this.mapContainer.nativeElement);\n        }\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes['Records'] || changes['RenderMode']) {\n            if (this.map) {\n                setTimeout(() => {\n                    if (this.map) {\n                        this.map.invalidateSize();\n                        this.RenderMarkers();\n                    }\n                }, 100);\n            } else {\n                // Map not initialized yet — mark for render when visible\n                this.pendingRender = true;\n            }\n        }\n    }\n\n    ngOnDestroy(): void {\n        if (this.visibilityObserver) {\n            this.visibilityObserver.disconnect();\n            this.visibilityObserver = null;\n        }\n        if (this.map) {\n            this.map.remove();\n            this.map = null;\n        }\n    }\n\n    /**\n     * Initialize the Leaflet map with OSM tiles.\n     */\n    private InitializeMap(): void {\n        if (!this.mapContainer?.nativeElement || this.map) return;\n\n        const center: L.LatLngExpression = [\n            this.DisplayState?.CenterLat ?? 20,\n            this.DisplayState?.CenterLng ?? 0\n        ];\n        const zoom = this.DisplayState?.ZoomLevel ?? 2;\n\n        this.map = L.map(this.mapContainer.nativeElement, {\n            center,\n            zoom,\n            zoomControl: true,\n            attributionControl: false\n        });\n\n        // Compact attribution — required by OSM terms but styled to be unobtrusive\n        L.control.attribution({ prefix: false, position: 'bottomright' }).addTo(this.map);\n\n        L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {\n            attribution: '&copy; <a href=\"https://www.openstreetmap.org/copyright\">OSM</a>',\n            maxZoom: 18\n        }).addTo(this.map);\n\n        this.markerLayer = L.layerGroup().addTo(this.map);\n\n        // Persist view state on move/zoom\n        this.map.on('moveend', () => this.EmitDisplayState());\n\n        // Set up popup click handlers for record drill-through\n        this.SetupPopupClickHandler();\n\n        // invalidateSize after a short delay to ensure tile rendering is correct\n        // then render markers and fit bounds\n        setTimeout(() => {\n            if (this.map) {\n                this.map.invalidateSize();\n                this.RenderMarkers();\n                this.IsLoading = false;\n                this.cdr.detectChanges();\n\n                // Double-invalidate after tiles start loading to fix partial rendering\n                setTimeout(() => {\n                    if (this.map) this.map.invalidateSize();\n                }, 500);\n            }\n        }, 100);\n    }\n\n    /**\n     * Render map content based on the current RenderMode.\n     */\n    private RenderMarkers(): void {\n        if (!this.map || !this.markerLayer) return;\n\n        this.markerLayer.clearLayers();\n\n        switch (this.RenderMode) {\n            case 'point':\n                this.RenderPointMarkers();\n                break;\n            case 'heatmap':\n                this.RenderHeatmap();\n                break;\n            case 'choropleth':\n                this.RenderChoropleth();\n                break;\n            default:\n                this.RenderPointMarkers();\n        }\n    }\n\n    /**\n     * Point mode: individual markers with marker clustering for dense areas.\n     * Uses leaflet.markercluster when available, falls back to plain markers.\n     */\n    private RenderPointMarkers(): void {\n        const bounds: L.LatLng[] = [];\n\n        // Use marker cluster group if available (loaded via CDN)\n        const useCluster = typeof L.markerClusterGroup === 'function';\n        const clusterGroup = useCluster ? L.markerClusterGroup({\n            maxClusterRadius: 50,\n            spiderfyOnMaxZoom: true,\n            showCoverageOnHover: false\n        }) : null;\n\n        for (const record of this.Records) {\n            const lat = this.GetNumericField(record, this.LatitudeField);\n            const lng = this.GetNumericField(record, this.LongitudeField);\n\n            if (lat == null || lng == null || isNaN(lat) || isNaN(lng)) continue;\n\n            const latLng = L.latLng(lat, lng);\n            bounds.push(latLng);\n\n            const marker = L.marker(latLng);\n\n            const nameField = this.Entity?.NameField;\n            const label = nameField ? String(this.GetField(record, nameField.Name) ?? '') : 'Record';\n            marker.bindPopup(`<b>${this.EscapeHtml(label)}</b>`);\n\n            marker.on('click', () => {\n                const pkFields = this.Entity?.PrimaryKeys ?? [];\n                const recordId = pkFields.map(pk => this.GetField(record, pk.Name)).join('||');\n                this.MarkerClick.emit({\n                    RecordID: recordId,\n                    Latitude: lat,\n                    Longitude: lng,\n                    Record: record\n                });\n            });\n\n            if (clusterGroup) {\n                clusterGroup.addLayer(marker);\n            } else {\n                this.markerLayer!.addLayer(marker);\n            }\n        }\n\n        if (clusterGroup) {\n            this.markerLayer!.addLayer(clusterGroup as L.Layer);\n        }\n\n        this.MarkerCount = bounds.length;\n        this.FitBoundsToMarkers(bounds);\n    }\n\n    /**\n     * Heatmap mode: density visualization using colored circle markers.\n     * Larger/more opaque circles where records cluster together.\n     * Click a cluster bubble to see matching records in a popup.\n     */\n    private RenderHeatmap(): void {\n        const bounds: L.LatLng[] = [];\n        const recordsWithCoords: { lat: number; lng: number; record: Record<string, unknown> }[] = [];\n\n        for (const record of this.Records) {\n            const lat = this.GetNumericField(record, this.LatitudeField);\n            const lng = this.GetNumericField(record, this.LongitudeField);\n            if (lat == null || lng == null || isNaN(lat) || isNaN(lng)) continue;\n            bounds.push(L.latLng(lat, lng));\n            recordsWithCoords.push({ lat, lng, record });\n        }\n\n        // Cluster nearby records (within ~2 degrees / ~200km) into groups\n        const clusters = this.SpatialCluster(recordsWithCoords, 2.0);\n\n        for (const cluster of clusters) {\n            const radius = Math.min(12 + cluster.records.length * 5, 40);\n            const opacity = Math.min(0.3 + cluster.records.length * 0.08, 0.85);\n\n            const circle = L.circleMarker([cluster.centerLat, cluster.centerLng], {\n                radius,\n                fillColor: '#e74c3c',\n                fillOpacity: opacity,\n                color: '#c0392b',\n                weight: 1,\n                opacity: 0.7\n            });\n\n            circle.bindPopup(this.BuildClusterPopup(cluster.records, `${cluster.records.length} record${cluster.records.length !== 1 ? 's' : ''}`));\n\n            circle.on('click', () => {\n                this.RegionClick.emit({\n                    RegionName: `Cluster (${cluster.records.length} records)`,\n                    GroupBy: 'state_province',\n                    RecordCount: cluster.records.length,\n                    Records: cluster.records\n                });\n            });\n\n            this.markerLayer!.addLayer(circle);\n        }\n\n        this.MarkerCount = bounds.length;\n        this.FitBoundsToMarkers(bounds);\n    }\n\n    /**\n     * Regions mode: shaded geographic regions using GeoJSON boundaries.\n     * Uses coordinate-based point-in-polygon resolution via GeoDataEngine —\n     * no dependency on text field names in the entity. Each record's lat/lng\n     * is resolved to its containing country and state/province geometrically.\n     *\n     * Auto-detects grouping level:\n     * - If records span multiple countries → group by Country, render country polygons\n     * - If all records are in one country → group by State/Province, render state polygons\n     * Falls back to spatial clustering if boundary data isn't available.\n     */\n    private RenderChoropleth(): void {\n        const geo = GeoDataEngine.Instance;\n        const bounds: L.LatLng[] = [];\n\n        // Resolve each record's location via point-in-polygon\n        const recordsByCountryId = new Map<string, { country: { ID: string; Name: string; BoundaryGeoJSON: string | null }; records: Record<string, unknown>[] }>();\n        const recordsByStateId = new Map<string, { state: { ID: string; Name: string; BoundaryGeoJSON: string | null }; countryId: string; records: Record<string, unknown>[] }>();\n        const unmatchedRecords: Record<string, unknown>[] = [];\n\n        for (const record of this.Records) {\n            const lat = this.GetNumericField(record, this.LatitudeField);\n            const lng = this.GetNumericField(record, this.LongitudeField);\n            if (lat == null || lng == null || isNaN(lat) || isNaN(lng)) continue;\n            bounds.push(L.latLng(lat, lng));\n\n            const resolution = geo.ResolvePointToLocation(lat, lng);\n\n            if (resolution.Country) {\n                const countryId = resolution.Country.ID.toLowerCase();\n                let countryGroup = recordsByCountryId.get(countryId);\n                if (!countryGroup) {\n                    countryGroup = { country: resolution.Country, records: [] };\n                    recordsByCountryId.set(countryId, countryGroup);\n                }\n                countryGroup.records.push(record);\n\n                if (resolution.State) {\n                    const stateId = resolution.State.ID.toLowerCase();\n                    let stateGroup = recordsByStateId.get(stateId);\n                    if (!stateGroup) {\n                        stateGroup = { state: resolution.State, countryId, records: [] };\n                        recordsByStateId.set(stateId, stateGroup);\n                    }\n                    stateGroup.records.push(record);\n                }\n            } else {\n                unmatchedRecords.push(record);\n            }\n        }\n\n        this.MarkerCount = bounds.length;\n\n        // Auto-detect grouping: single country → state-level, multiple → country-level\n        if (recordsByCountryId.size <= 1 && recordsByStateId.size > 1) {\n            this.RenderStateRegions(recordsByStateId, unmatchedRecords, bounds);\n        } else {\n            this.RenderCountryRegions(recordsByCountryId, unmatchedRecords, bounds);\n        }\n    }\n\n    /**\n     * Render state-level choropleth regions from coordinate-resolved groups.\n     * Each group is keyed by state ID with its entity and records already resolved.\n     */\n    private RenderStateRegions(\n        recordsByStateId: Map<string, { state: { ID: string; Name: string; BoundaryGeoJSON: string | null }; countryId: string; records: Record<string, unknown>[] }>,\n        unmatchedRecords: Record<string, unknown>[],\n        bounds: L.LatLng[]\n    ): void {\n        const colors = ['#3498db', '#2ecc71', '#e74c3c', '#f39c12', '#9b59b6',\n                        '#1abc9c', '#e67e22', '#2980b9', '#27ae60', '#c0392b',\n                        '#16a085', '#d35400', '#8e44ad', '#2c3e50', '#f1c40f'];\n        let colorIdx = 0;\n\n        for (const [, group] of recordsByStateId) {\n            const color = colors[colorIdx % colors.length];\n            const rendered = this.RenderBoundaryRegion(\n                group.state.Name, group.state.BoundaryGeoJSON, group.records, color, 'state_province'\n            );\n\n            if (!rendered) {\n                this.RenderCircleFallback(group.state.Name, group.records, color);\n            }\n            colorIdx++;\n        }\n\n        // Render unmatched records as a gray cluster\n        if (unmatchedRecords.length > 0) {\n            this.RenderCircleFallback('Unmatched', unmatchedRecords, '#95a5a6');\n        }\n\n        this.FitBoundsToMarkers(bounds);\n    }\n\n    /**\n     * Render country-level choropleth regions from coordinate-resolved groups.\n     */\n    private RenderCountryRegions(\n        recordsByCountryId: Map<string, { country: { ID: string; Name: string; BoundaryGeoJSON: string | null }; records: Record<string, unknown>[] }>,\n        unmatchedRecords: Record<string, unknown>[],\n        bounds: L.LatLng[]\n    ): void {\n        const colors = ['#3498db', '#2ecc71', '#e74c3c', '#f39c12', '#9b59b6',\n                        '#1abc9c', '#e67e22', '#2980b9', '#27ae60', '#c0392b',\n                        '#16a085', '#d35400', '#8e44ad', '#2c3e50', '#f1c40f'];\n        let colorIdx = 0;\n\n        for (const [, group] of recordsByCountryId) {\n            const color = colors[colorIdx % colors.length];\n            const rendered = this.RenderBoundaryRegion(\n                group.country.Name, group.country.BoundaryGeoJSON, group.records, color, 'country'\n            );\n\n            if (!rendered) {\n                this.RenderCircleFallback(group.country.Name, group.records, color);\n            }\n            colorIdx++;\n        }\n\n        if (unmatchedRecords.length > 0) {\n            this.RenderCircleFallback('Unmatched', unmatchedRecords, '#95a5a6');\n        }\n\n        this.FitBoundsToMarkers(bounds);\n    }\n\n    /**\n     * Render a single GeoJSON boundary region with shading.\n     * Returns true if the boundary rendered successfully, false if fallback is needed.\n     */\n    private RenderBoundaryRegion(\n        regionName: string,\n        boundaryGeoJSON: string | null,\n        records: Record<string, unknown>[],\n        color: string,\n        groupBy: 'country' | 'state_province'\n    ): boolean {\n        if (!boundaryGeoJSON) return false;\n\n        try {\n            const geojson = typeof boundaryGeoJSON === 'string'\n                ? JSON.parse(boundaryGeoJSON)\n                : boundaryGeoJSON;\n\n            const layer = L.geoJSON(geojson, {\n                style: {\n                    fillColor: color,\n                    fillOpacity: 0.35,\n                    color: color,\n                    weight: 2,\n                    opacity: 0.8\n                }\n            });\n\n            layer.bindPopup(this.BuildClusterPopup(records, `${regionName} (${records.length})`));\n            layer.on('click', () => {\n                this.RegionClick.emit({\n                    RegionName: regionName,\n                    GroupBy: groupBy,\n                    RecordCount: records.length,\n                    Records: records\n                });\n            });\n\n            this.markerLayer!.addLayer(layer as L.Layer);\n            return true;\n        } catch (e) {\n            console.warn(`[MapView] Choropleth: GeoJSON render failed for \"${regionName}\"`, e);\n            return false;\n        }\n    }\n\n    /**\n     * Render a colored circle marker as a fallback for regions without boundary data.\n     */\n    private RenderCircleFallback(\n        regionName: string,\n        records: Record<string, unknown>[],\n        color: string\n    ): void {\n        let sumLat = 0, sumLng = 0, count = 0;\n        for (const rec of records) {\n            const lat = this.GetNumericField(rec, this.LatitudeField);\n            const lng = this.GetNumericField(rec, this.LongitudeField);\n            if (lat && lng) { sumLat += lat; sumLng += lng; count++; }\n        }\n        if (count > 0) {\n            const radius = Math.min(15 + records.length * 5, 50);\n            const circle = L.circleMarker([sumLat / count, sumLng / count], {\n                radius, fillColor: color, fillOpacity: 0.45, color, weight: 2, opacity: 0.85\n            });\n            circle.bindPopup(this.BuildClusterPopup(records, `${regionName} (${records.length})`));\n            this.markerLayer!.addLayer(circle);\n        }\n    }\n\n    /**\n     * Simple spatial clustering: group nearby records within a lat/lng radius.\n     * Returns clusters with center coordinates and member records.\n     */\n    private SpatialCluster(\n        items: { lat: number; lng: number; record: Record<string, unknown> }[],\n        radiusDegrees: number\n    ): { centerLat: number; centerLng: number; records: Record<string, unknown>[] }[] {\n        const assigned = new Set<number>();\n        const clusters: { centerLat: number; centerLng: number; records: Record<string, unknown>[] }[] = [];\n\n        for (let i = 0; i < items.length; i++) {\n            if (assigned.has(i)) continue;\n\n            const seed = items[i];\n            const members: Record<string, unknown>[] = [seed.record];\n            let sumLat = seed.lat;\n            let sumLng = seed.lng;\n            assigned.add(i);\n\n            // Find all unassigned neighbors within radius\n            for (let j = i + 1; j < items.length; j++) {\n                if (assigned.has(j)) continue;\n                const candidate = items[j];\n                if (Math.abs(candidate.lat - seed.lat) <= radiusDegrees &&\n                    Math.abs(candidate.lng - seed.lng) <= radiusDegrees) {\n                    members.push(candidate.record);\n                    sumLat += candidate.lat;\n                    sumLng += candidate.lng;\n                    assigned.add(j);\n                }\n            }\n\n            clusters.push({\n                centerLat: sumLat / members.length,\n                centerLng: sumLng / members.length,\n                records: members\n            });\n        }\n\n        return clusters;\n    }\n\n    /**\n     * Fit map bounds to encompass all marker coordinates.\n     */\n    private FitBoundsToMarkers(bounds: L.LatLng[]): void {\n        if (bounds.length > 0 && this.map) {\n            const boundsObj = L.latLngBounds(bounds);\n            this.map.fitBounds(boundsObj, { padding: [30, 30], maxZoom: 14 });\n        }\n        this.cdr.detectChanges();\n    }\n\n    /**\n     * Emit the current display state for persistence.\n     */\n    private EmitDisplayState(): void {\n        if (!this.map) return;\n        const center = this.map.getCenter();\n        this.DisplayStateChange.emit({\n            ZoomLevel: this.map.getZoom(),\n            CenterLat: center.lat,\n            CenterLng: center.lng,\n            ClusterMarkers: true\n        });\n    }\n\n    /**\n     * Set rendering mode.\n     */\n    SetRenderMode(mode: MapRenderMode): void {\n        this.RenderMode = mode;\n        this.RenderModeChange.emit(mode);\n        this.RenderMarkers();\n    }\n\n    /**\n     * Get a field value from a record, supporting both BaseEntity (with .Get()) and plain objects.\n     */\n    private GetField(record: Record<string, unknown>, fieldName: string): unknown {\n        if ('Get' in record && typeof record['Get'] === 'function') {\n            return (record as { Get: (name: string) => unknown }).Get(fieldName);\n        }\n        return record[fieldName];\n    }\n\n    /**\n     * Get a numeric field value from a record, returning null if not a valid number.\n     */\n    private GetNumericField(record: Record<string, unknown>, fieldName: string): number | null {\n        const val = this.GetField(record, fieldName);\n        if (val == null) return null;\n        const num = Number(val);\n        return isNaN(num) ? null : num;\n    }\n\n    /**\n     * Build a popup for a cluster of records.\n     * Shows first 5 records as clickable links, then \"and X more...\" if needed.\n     * Clicking a record name emits MarkerClick so the parent can open it.\n     */\n    private BuildClusterPopup(records: Record<string, unknown>[], title: string): string {\n        const nameField = this.Entity?.NameField;\n        const maxShow = 5;\n        const shown = records.slice(0, maxShow);\n        const remaining = records.length - maxShow;\n\n        let html = `<div style=\"font-size:12px;min-width:160px;\">` +\n            `<b>${this.EscapeHtml(title)}</b>` +\n            `<hr style=\"margin:4px 0;border-color:#e5e7eb;\">`;\n\n        for (const rec of shown) {\n            const name = nameField ? String(this.GetField(rec, nameField.Name) ?? '') : 'Record';\n            const pkFields = this.Entity?.PrimaryKeys ?? [];\n            const recordId = pkFields.map(pk => this.GetField(rec, pk.Name)).join('||');\n            // Clickable record name — uses a data attribute that the click handler reads\n            html += `<div style=\"padding:2px 0;cursor:pointer;color:#2563eb;\" ` +\n                `class=\"mj-map-popup-record\" data-record-id=\"${this.EscapeHtml(recordId)}\">` +\n                `${this.EscapeHtml(name)}</div>`;\n        }\n\n        if (remaining > 0) {\n            html += `<div style=\"padding:4px 0 0;color:#6b7280;font-style:italic;\">` +\n                `and ${remaining} more...</div>`;\n        }\n\n        html += `</div>`;\n        return html;\n    }\n\n    /**\n     * Set up popup click handlers after the map initializes.\n     * Listens for clicks on record links in popups and emits MarkerClick.\n     */\n    private SetupPopupClickHandler(): void {\n        if (!this.map) return;\n        this.map.on('popupopen', () => {\n            // Attach click handlers to all popup record links\n            setTimeout(() => {\n                const links = document.querySelectorAll('.mj-map-popup-record');\n                links.forEach(link => {\n                    link.addEventListener('click', (e) => {\n                        const recordId = (e.currentTarget as HTMLElement).getAttribute('data-record-id') ?? '';\n                        // Find the matching record\n                        const record = this.Records.find(r => {\n                            const pkFields = this.Entity?.PrimaryKeys ?? [];\n                            const id = pkFields.map(pk => this.GetField(r, pk.Name)).join('||');\n                            return id === recordId;\n                        });\n                        if (record) {\n                            const lat = this.GetNumericField(record, this.LatitudeField) ?? 0;\n                            const lng = this.GetNumericField(record, this.LongitudeField) ?? 0;\n\n                            this.MarkerClick.emit({\n                                RecordID: recordId,\n                                Latitude: lat,\n                                Longitude: lng,\n                                Record: record\n                            });\n                        }\n                    });\n                });\n            }, 50);\n        });\n    }\n\n    /**\n     * Escape HTML for popup content.\n     */\n    private EscapeHtml(text: string): string {\n        const div = document.createElement('div');\n        div.textContent = text;\n        return div.innerHTML;\n    }\n}\n","<div class=\"mj-map-view-wrapper\">\n    <div class=\"mj-map-toolbar\">\n        <div class=\"mj-map-mode-buttons\">\n            <button class=\"mj-map-mode-btn\"\n                    [class.active]=\"RenderMode === 'point'\"\n                    (click)=\"SetRenderMode('point')\">\n                <i class=\"fa-solid fa-location-dot\"></i> Points\n            </button>\n            <button class=\"mj-map-mode-btn\"\n                    [class.active]=\"RenderMode === 'choropleth'\"\n                    (click)=\"SetRenderMode('choropleth')\">\n                <i class=\"fa-solid fa-map\"></i> Regions\n            </button>\n            <button class=\"mj-map-mode-btn\"\n                    [class.active]=\"RenderMode === 'heatmap'\"\n                    (click)=\"SetRenderMode('heatmap')\">\n                <i class=\"fa-solid fa-fire\"></i> Heat Map\n            </button>\n        </div>\n        <div class=\"mj-map-info\">\n            {{ MarkerCount }} location{{ MarkerCount !== 1 ? 's' : '' }} mapped\n            @if (IsTruncated) {\n                <span class=\"mj-map-truncated\" title=\"Not all records are displayed. Showing {{ Records.length | number }} of {{ TotalRecordCount | number }} total records.\">\n                    <i class=\"fa-solid fa-triangle-exclamation\"></i> Showing {{ Records.length | number }} of {{ TotalRecordCount | number }}\n                </span>\n            }\n        </div>\n    </div>\n    @if (IsLoading) {\n        <div class=\"mj-map-loading\">\n            <mj-loading text=\"Loading map...\"></mj-loading>\n        </div>\n    }\n    <div #mapContainer class=\"mj-map-container\"></div>\n</div>\n"]}

package/dist/lib/map-view.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./map-view.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@memberjunction/ng-shared-generic";
+export declare class MapViewModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MapViewModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MapViewModule, [typeof i1.MapViewComponent], [typeof i2.CommonModule, typeof i3.SharedGenericModule], [typeof i1.MapViewComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MapViewModule>;
+}
+//# sourceMappingURL=map-view.module.d.ts.map

package/dist/lib/map-view.module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"map-view.module.d.ts","sourceRoot":"","sources":["../../src/lib/map-view.module.ts"],"names":[],"mappings":";;;;AAKA,qBAKa,aAAa;yCAAb,aAAa;0CAAb,aAAa;0CAAb,aAAa;CAAG"}

package/dist/lib/map-view.module.js

@@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SharedGenericModule } from '@memberjunction/ng-shared-generic';
+import { MapViewComponent } from './map-view.component';
+import * as i0 from "@angular/core";
+export class MapViewModule {
+    static ɵfac = function MapViewModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MapViewModule)(); };
+    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: MapViewModule });
+    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule, SharedGenericModule] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MapViewModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [MapViewComponent],
+                imports: [CommonModule, SharedGenericModule],
+                exports: [MapViewComponent]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(MapViewModule, { declarations: [MapViewComponent], imports: [CommonModule, SharedGenericModule], exports: [MapViewComponent] }); })();
+//# sourceMappingURL=map-view.module.js.map

package/dist/lib/map-view.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"map-view.module.js","sourceRoot":"","sources":["../../src/lib/map-view.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;;AAOxD,MAAM,OAAO,aAAa;uGAAb,aAAa;4DAAb,aAAa;gEAHZ,YAAY,EAAE,mBAAmB;;iFAGlC,aAAa;cALzB,QAAQ;eAAC;gBACN,YAAY,EAAE,CAAC,gBAAgB,CAAC;gBAChC,OAAO,EAAE,CAAC,YAAY,EAAE,mBAAmB,CAAC;gBAC5C,OAAO,EAAE,CAAC,gBAAgB,CAAC;aAC9B;;wFACY,aAAa,mBAJP,gBAAgB,aACrB,YAAY,EAAE,mBAAmB,aACjC,gBAAgB","sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SharedGenericModule } from '@memberjunction/ng-shared-generic';\nimport { MapViewComponent } from './map-view.component';\n\n@NgModule({\n    declarations: [MapViewComponent],\n    imports: [CommonModule, SharedGenericModule],\n    exports: [MapViewComponent]\n})\nexport class MapViewModule {}\n"]}

package/dist/lib/map-view.types.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Rendering modes for the map view component.
+ */
+export type MapRenderMode = 'point' | 'choropleth' | 'heatmap';
+/**
+ * Choropleth grouping level.
+ */
+export type ChoroplethGroupBy = 'country' | 'state_province';
+/**
+ * Map display state persisted in UserView.DisplayState JSON.
+ */
+export interface MapDisplayState {
+    ZoomLevel?: number;
+    CenterLat?: number;
+    CenterLng?: number;
+    ClusterMarkers?: boolean;
+    ChoroplethGroupBy?: ChoroplethGroupBy;
+    ChoroplethMetric?: 'count' | 'sum' | 'average';
+}
+/**
+ * Event emitted when a map marker is clicked.
+ */
+export interface MapMarkerClickEvent {
+    RecordID: string;
+    Latitude: number;
+    Longitude: number;
+    Record: Record<string, unknown>;
+}
+/**
+ * Event emitted when a choropleth region is clicked.
+ */
+export interface MapRegionClickEvent {
+    RegionName: string;
+    GroupBy: ChoroplethGroupBy;
+    RecordCount: number;
+    Records: Record<string, unknown>[];
+}
+//# sourceMappingURL=map-view.types.d.ts.map

package/dist/lib/map-view.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"map-view.types.d.ts","sourceRoot":"","sources":["../../src/lib/map-view.types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,YAAY,GAAG,SAAS,CAAC;AAE/D;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,gBAAgB,CAAC;AAE7D;;GAEG;AACH,MAAM,WAAW,eAAe;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,gBAAgB,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,SAAS,CAAC;CAClD;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACnC;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAChC,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;CACtC"}

package/dist/lib/map-view.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=map-view.types.js.map

package/dist/lib/map-view.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"map-view.types.js","sourceRoot":"","sources":["../../src/lib/map-view.types.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Rendering modes for the map view component.\n */\nexport type MapRenderMode = 'point' | 'choropleth' | 'heatmap';\n\n/**\n * Choropleth grouping level.\n */\nexport type ChoroplethGroupBy = 'country' | 'state_province';\n\n/**\n * Map display state persisted in UserView.DisplayState JSON.\n */\nexport interface MapDisplayState {\n    ZoomLevel?: number;\n    CenterLat?: number;\n    CenterLng?: number;\n    ClusterMarkers?: boolean;\n    ChoroplethGroupBy?: ChoroplethGroupBy;\n    ChoroplethMetric?: 'count' | 'sum' | 'average';\n}\n\n/**\n * Event emitted when a map marker is clicked.\n */\nexport interface MapMarkerClickEvent {\n    RecordID: string;\n    Latitude: number;\n    Longitude: number;\n    Record: Record<string, unknown>;\n}\n\n/**\n * Event emitted when a choropleth region is clicked.\n */\nexport interface MapRegionClickEvent {\n    RegionName: string;\n    GroupBy: ChoroplethGroupBy;\n    RecordCount: number;\n    Records: Record<string, unknown>[];\n}\n"]}

package/dist/public-api.d.ts

@@ -0,0 +1,4 @@
+export * from './lib/map-view.module';
+export * from './lib/map-view.component';
+export * from './lib/map-view.types';
+//# sourceMappingURL=public-api.d.ts.map

package/dist/public-api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC"}

package/dist/public-api.js

@@ -0,0 +1,4 @@
+export * from './lib/map-view.module';
+export * from './lib/map-view.component';
+export * from './lib/map-view.types';
+//# sourceMappingURL=public-api.js.map

package/dist/public-api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-api.js","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC","sourcesContent":["export * from './lib/map-view.module';\nexport * from './lib/map-view.component';\nexport * from './lib/map-view.types';\n"]}

package/package.json

@@ -1,10 +1,38 @@
 {
   "name": "@memberjunction/ng-map-view",
-  "version": "0.0.1",
-  "description": "OIDC trusted publishing setup package for @memberjunction/ng-map-view",
-  "keywords": [
-    "oidc",
-    "trusted-publishing",
-    "setup"
-  ]
+  "version": "5.25.0",
+  "description": "MemberJunction: Angular Leaflet-based map component for visualizing geo-enabled entity data",
+  "main": "./dist/public-api.js",
+  "typings": "./dist/public-api.d.ts",
+  "files": [
+    "/dist"
+  ],
+  "scripts": {
+    "build": "ngc"
+  },
+  "author": "MemberJunction.com",
+  "license": "ISC",
+  "devDependencies": {
+    "@angular/compiler": "21.1.3",
+    "@angular/compiler-cli": "21.1.3"
+  },
+  "peerDependencies": {
+    "@angular/common": "21.1.3",
+    "@angular/core": "21.1.3"
+  },
+  "dependencies": {
+    "@memberjunction/core": "5.25.0",
+    "@memberjunction/core-entities": "5.25.0",
+    "@memberjunction/global": "5.25.0",
+    "@memberjunction/ng-shared-generic": "5.25.0",
+    "leaflet": "^1.9.4",
+    "@types/leaflet": "^1.9.17",
+    "tslib": "^2.8.1",
+    "rxjs": "^7.8.2"
+  },
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/MemberJunction/MJ"
+  }
 }

package/README.md

@@ -1,45 +0,0 @@
-# @memberjunction/ng-map-view
-
-## ⚠️ IMPORTANT NOTICE ⚠️
-
-**This package is created solely for the purpose of setting up OIDC (OpenID Connect) trusted publishing with npm.**
-
-This is **NOT** a functional package and contains **NO** code or functionality beyond the OIDC setup configuration.
-
-## Purpose
-
-This package exists to:
-1. Configure OIDC trusted publishing for the package name `@memberjunction/ng-map-view`
-2. Enable secure, token-less publishing from CI/CD workflows
-3. Establish provenance for packages published under this name
-
-## What is OIDC Trusted Publishing?
-
-OIDC trusted publishing allows package maintainers to publish packages directly from their CI/CD workflows without needing to manage npm access tokens. Instead, it uses OpenID Connect to establish trust between the CI/CD provider (like GitHub Actions) and npm.
-
-## Setup Instructions
-
-To properly configure OIDC trusted publishing for this package:
-
-1. Go to [npmjs.com](https://www.npmjs.com/) and navigate to your package settings
-2. Configure the trusted publisher (e.g., GitHub Actions)
-3. Specify the repository and workflow that should be allowed to publish
-4. Use the configured workflow to publish your actual package
-
-## DO NOT USE THIS PACKAGE
-
-This package is a placeholder for OIDC configuration only. It:
-- Contains no executable code
-- Provides no functionality
-- Should not be installed as a dependency
-- Exists only for administrative purposes
-
-## More Information
-
-For more details about npm's trusted publishing feature, see:
-- [npm Trusted Publishing Documentation](https://docs.npmjs.com/generating-provenance-statements)
-- [GitHub Actions OIDC Documentation](https://docs.github.com/en/actions/deployment/security-hardening-your-deployments/about-security-hardening-with-openid-connect)
-
----
-
-**Maintained for OIDC setup purposes only**