@smartnet360/svelte-components 0.0.88 → 0.0.89

package/dist/map-v3/features/cells/constants.d.ts

@@ -6,6 +6,7 @@
  */
 import type { TechnologyBandKey } from './types';
 export declare const Z_INDEX_BY_BAND: Record<TechnologyBandKey, number>;
+export declare const BEAMWIDTH_BOOST_BY_BAND: Record<TechnologyBandKey, number>;
 /**
  * Base Z-Index for Mapbox layer ordering
  * Cells should render below sites but above base map features

package/dist/map-v3/features/cells/constants.js

@@ -5,20 +5,17 @@
  * Higher frequency bands typically rendered on top
  */
 export const Z_INDEX_BY_BAND = {
-    //low
-    '4G_700': 0,
-    '5G_700': 2,
-    '4G_800': 4,
-    '2G_900': 6,
-    '4G_900': 8,
-    //mid
-    '2G_1800': 10,
-    '4G_1800': 12,
-    '4G_2100': 14,
-    '5G_2100': 16,
-    '4G_2600': 18,
-    //high
-    '5G_3500': 20,
+    // '2G_900': 1,
+    // '2G_1800': 3,
+    // '4G_700': 7,
+    // '4G_800': 9,
+    // '4G_900': 11,
+    // '4G_1800': 13,
+    // '4G_2100': 15,
+    // '4G_2600': 19,
+    // '5G_700': 23,
+    // '5G_2100': 25,
+    // '5G_3500': 27,
     // //low
     // '4G_700': 0,
     // '5G_700': 2,
@@ -33,6 +30,36 @@ export const Z_INDEX_BY_BAND = {
     // '4G_2600': 22,
     // //high
     // '5G_3500': 28,
+    //low
+    '4G_700': 1,
+    '5G_700': 0.99,
+    '4G_800': 5,
+    '2G_900': 7,
+    '4G_900': 9,
+    //mid
+    '4G_1800': 15,
+    '2G_1800': 14.99,
+    '4G_2100': 19,
+    '5G_2100': 18.99,
+    '4G_2600': 23,
+    //high
+    '5G_3500': 25,
+};
+export const BEAMWIDTH_BOOST_BY_BAND = {
+    // Low band
+    '4G_700': 0,
+    '5G_700': 15,
+    '4G_800': 0,
+    '2G_900': 0,
+    '4G_900': 0,
+    // Mid band
+    '2G_1800': 15,
+    '4G_1800': 0,
+    '4G_2100': 0,
+    '5G_2100': 15,
+    '4G_2600': 0,
+    // High band
+    '5G_3500': 0
 };
 /**
  * Base Z-Index for Mapbox layer ordering

package/dist/map-v3/features/cells/layers/CellsLayer.svelte

@@ -6,7 +6,7 @@
 	import type { CellDisplayStore } from '../stores/cell.display.svelte';
 	import { groupCells, getColorForGroup } from '../logic/grouping';
 	import { generateCellArc, calculateRadiusInMeters } from '../logic/geometry';
-	import { Z_INDEX_BY_BAND } from '../constants';
+	import { Z_INDEX_BY_BAND, BEAMWIDTH_BOOST_BY_BAND } from '../constants';
 	import type { TechnologyBandKey } from '../types';
 	import type mapboxgl from 'mapbox-gl';
 
@@ -86,6 +86,9 @@
 							['get', 'dashArray'],
 							['literal', []]
 						]
+					},
+					layout: {
+						'line-sort-key': ['get', 'zIndex']
 					}
 				});
 			}
@@ -171,19 +174,23 @@
 				// 4. BBox Filter (Simple point check)
 				if (bounds.contains([cell.longitude, cell.latitude])) {
 					// 5. Z-Index Lookup
-					const zIndexKey = `${cell.tech}_${cell.frq}` as TechnologyBandKey; // Approx key
+					const zIndexKey = `${cell.tech}_${cell.frq}` as TechnologyBandKey;
 					const zIndex = Z_INDEX_BY_BAND[zIndexKey] || 10;
 
 					// 6. Calculate Scaled Radius based on Z-Index
 					// Higher Z-index (Top layer) = Smaller radius
 					// Lower Z-index (Bottom layer) = Larger radius
 					// This ensures stacked cells are visible
-					const MAX_Z = 15;
+					const MAX_Z = 30;
 					const scaleFactor = 1 + Math.max(0, MAX_Z - zIndex) * 0.08; // 8% size diff per layer
 					const effectiveRadius = radiusMeters * scaleFactor;
 
-					// 7. Generate Arc
-					const feature = generateCellArc(cell, effectiveRadius, zIndex, style.color);
+					// 7. Apply beamwidth boost from constants
+					const beamwidthBoost = BEAMWIDTH_BOOST_BY_BAND[zIndexKey] || 0;
+					const adjustedBeamwidth = cell.beamwidth + beamwidthBoost;
+
+					// 8. Generate Arc
+					const feature = generateCellArc(cell, effectiveRadius, zIndex, style.color, adjustedBeamwidth);
 					features.push(feature);
 				}
 			}

package/dist/map-v3/features/cells/logic/geometry.d.ts

@@ -9,4 +9,4 @@ export declare function calculateRadiusInMeters(latitude: number, zoom: number,
 /**
  * Generates a sector arc GeoJSON feature for a cell
  */
-export declare function generateCellArc(cell: Cell, radiusMeters: number, zIndex: number, color: string): GeoJSON.Feature<GeoJSON.Polygon>;
+export declare function generateCellArc(cell: Cell, radiusMeters: number, zIndex: number, color: string, beamwidthOverride?: number): GeoJSON.Feature<GeoJSON.Polygon>;

package/dist/map-v3/features/cells/logic/geometry.js

@@ -13,10 +13,11 @@ export function calculateRadiusInMeters(latitude, zoom, targetPixelSize) {
 /**
  * Generates a sector arc GeoJSON feature for a cell
  */
-export function generateCellArc(cell, radiusMeters, zIndex, color) {
+export function generateCellArc(cell, radiusMeters, zIndex, color, beamwidthOverride) {
     const center = [cell.longitude, cell.latitude];
-    const bearing1 = cell.azimuth - (cell.beamwidth / 2);
-    const bearing2 = cell.azimuth + (cell.beamwidth / 2);
+    const beamwidth = beamwidthOverride ?? cell.beamwidth;
+    const bearing1 = cell.azimuth - (beamwidth / 2);
+    const bearing2 = cell.azimuth + (beamwidth / 2);
     // Use Turf to generate the sector
     // Note: turf.sector takes (center, radius, bearing1, bearing2)
     // Radius must be in kilometers for default turf units, or specify units

package/package.json

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