@zendir/ui 0.7.0 → 0.7.1

package/dist/react/charts/groundTrackMapLeafletTiles.d.ts

@@ -3,15 +3,25 @@
  * Import and use as `tileUrl` to switch between map themes.
  */
 export declare const TILE_PRESETS: {
-    /** CartoDB dark — default space ops aesthetic. */
-    readonly dark: "https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.png";
+    /** Esri Dark Gray Canvas — default space ops aesthetic. */
+    readonly dark: "https://server.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Dark_Gray_Base/MapServer/tile/{z}/{y}/{x}";
     /** Esri World Imagery — natural satellite photos, makes the terminator dramatically visible. */
     readonly satellite: "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}";
-    /** CartoDB Voyager — light/neutral with labels. */
-    readonly light: "https://{s}.basemaps.cartocdn.com/rastertiles/voyager/{z}/{x}/{y}{r}.png";
+    /** Esri Light Gray Canvas — light/neutral. */
+    readonly light: "https://server.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Light_Gray_Base/MapServer/tile/{z}/{y}/{x}";
 };
-/** Primary basemap: CARTO dark with labels. */
-export declare const DEFAULT_TILE = "https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.png";
+/** Primary basemap: Esri Dark Gray Canvas. */
+export declare const DEFAULT_TILE = "https://server.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Dark_Gray_Base/MapServer/tile/{z}/{y}/{x}";
+/**
+ * Place-name overlays for the Canvas basemaps, which bake labels into the base
+ * tiles only at world scale. Drawn above the base so names survive past zoom ~6.
+ */
+export declare const CANVAS_LABEL_TILES: Record<string, string>;
+/**
+ * Esri Canvas (Dark/Light Gray) basemaps — the reference layers share these terms.
+ * @see https://developers.arcgis.com/documentation/mapping-apis-and-services/deployment/basemap-attribution/
+ */
+export declare const ESRI_CANVAS_ATTRIBUTION: string;
 export declare const CARTO_ATTRIBUTION = "&copy; <a href=\"https://carto.com/attribution\" target=\"_blank\" rel=\"noopener noreferrer\">CARTO</a>";
 /** Fallback when primary tiles fail to avoid black tiles. */
 export declare const FALLBACK_TILE = "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png";

package/dist/react/charts/groundTrackMapLeafletTiles.js

@@ -4,13 +4,26 @@
 * Import and use as `tileUrl` to switch between map themes.
 */
 var TILE_PRESETS = {
-	/** CartoDB dark — default space ops aesthetic. */
-	dark: "https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.png",
+	/** Esri Dark Gray Canvas — default space ops aesthetic. */
+	dark: "https://server.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Dark_Gray_Base/MapServer/tile/{z}/{y}/{x}",
 	/** Esri World Imagery — natural satellite photos, makes the terminator dramatically visible. */
 	satellite: "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
-	/** CartoDB Voyager — light/neutral with labels. */
-	light: "https://{s}.basemaps.cartocdn.com/rastertiles/voyager/{z}/{x}/{y}{r}.png"
+	/** Esri Light Gray Canvas — light/neutral. */
+	light: "https://server.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Light_Gray_Base/MapServer/tile/{z}/{y}/{x}"
 };
+/**
+* Place-name overlays for the Canvas basemaps, which bake labels into the base
+* tiles only at world scale. Drawn above the base so names survive past zoom ~6.
+*/
+var CANVAS_LABEL_TILES = {
+	[TILE_PRESETS.dark]: "https://server.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Dark_Gray_Reference/MapServer/tile/{z}/{y}/{x}",
+	[TILE_PRESETS.light]: "https://server.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Light_Gray_Reference/MapServer/tile/{z}/{y}/{x}"
+};
+/**
+* Esri Canvas (Dark/Light Gray) basemaps — the reference layers share these terms.
+* @see https://developers.arcgis.com/documentation/mapping-apis-and-services/deployment/basemap-attribution/
+*/
+var ESRI_CANVAS_ATTRIBUTION = "Tiles &copy; <a href=\"https://www.esri.com/\" target=\"_blank\" rel=\"noopener noreferrer\">Esri</a> &mdash; Source: Esri, HERE, Garmin, &copy; OpenStreetMap contributors, and the GIS user community";
 var CARTO_ATTRIBUTION = "&copy; <a href=\"https://carto.com/attribution\" target=\"_blank\" rel=\"noopener noreferrer\">CARTO</a>";
 /** Fallback when primary tiles fail to avoid black tiles. */
 var FALLBACK_TILE = "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png";
@@ -27,11 +40,12 @@ var ESRI_WORLD_IMAGERY_ATTRIBUTION = "Tiles &copy; <a href=\"https://www.esri.co
 function getBasemapAttribution(tileUrl) {
 	const u = tileUrl.toLowerCase();
 	if (u.includes("cartocdn")) return CARTO_ATTRIBUTION;
+	if (u.includes("/canvas/")) return ESRI_CANVAS_ATTRIBUTION;
 	if (u.includes("arcgisonline.com") || u.includes("arcgis.com")) return ESRI_WORLD_IMAGERY_ATTRIBUTION;
 	if (u.includes("openstreetmap.org")) return OSM_ATTRIBUTION;
 	return "";
 }
 //#endregion
-export { CARTO_ATTRIBUTION, ESRI_WORLD_IMAGERY_ATTRIBUTION, FALLBACK_TILE, OSM_ATTRIBUTION, TILE_PRESETS, getBasemapAttribution };
+export { CANVAS_LABEL_TILES, CARTO_ATTRIBUTION, ESRI_CANVAS_ATTRIBUTION, ESRI_WORLD_IMAGERY_ATTRIBUTION, FALLBACK_TILE, OSM_ATTRIBUTION, TILE_PRESETS, getBasemapAttribution };
 
 //# sourceMappingURL=groundTrackMapLeafletTiles.js.map

package/dist/react/charts/groundTrackMapLeafletTiles.js.map

@@ -1 +1 @@
-{"version":3,"file":"groundTrackMapLeafletTiles.js","names":[],"sources":["../../../src/react/charts/groundTrackMapLeafletTiles.ts"],"sourcesContent":["/**\r\n * Tile layer URL presets for common map styles.\r\n * Import and use as `tileUrl` to switch between map themes.\r\n */\r\nexport const TILE_PRESETS = {\r\n  /** CartoDB dark — default space ops aesthetic. */\r\n  dark: \"https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.png\",\r\n  /** Esri World Imagery — natural satellite photos, makes the terminator dramatically visible. */\r\n  satellite:\r\n    \"https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}\",\r\n  /** CartoDB Voyager — light/neutral with labels. */\r\n  light:\r\n    \"https://{s}.basemaps.cartocdn.com/rastertiles/voyager/{z}/{x}/{y}{r}.png\",\r\n} as const;\r\n\r\n/** Primary basemap: CARTO dark with labels. */\r\nexport const DEFAULT_TILE =\r\n  \"https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.png\";\r\n\r\nexport const CARTO_ATTRIBUTION =\r\n  '&copy; <a href=\"https://carto.com/attribution\" target=\"_blank\" rel=\"noopener noreferrer\">CARTO</a>';\r\n\r\n/** Fallback when primary tiles fail to avoid black tiles. */\r\nexport const FALLBACK_TILE =\r\n  \"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png\";\r\n\r\nexport const OSM_ATTRIBUTION =\r\n  '&copy; <a href=\"https://www.openstreetmap.org/copyright\" target=\"_blank\" rel=\"noopener noreferrer\">OpenStreetMap contributors</a>';\r\n\r\n/**\r\n * Esri World Imagery — required when using tiles from ArcGIS Online MapServer.\r\n * @see https://developers.arcgis.com/documentation/mapping-apis-and-services/deployment/basemap-attribution/\r\n */\r\nexport const ESRI_WORLD_IMAGERY_ATTRIBUTION =\r\n  'Tiles &copy; <a href=\"https://www.esri.com/\" target=\"_blank\" rel=\"noopener noreferrer\">Esri</a> ' +\r\n  \"&mdash; Source: Esri, Maxar, Earthstar Geographics, and the GIS User Community\";\r\n\r\n/**\r\n * Resolve HTML attribution for a basemap URL template (Leaflet `TileLayer` `attribution` option).\r\n * Unknown / custom URLs return an empty string — apps should document their own terms for those.\r\n */\r\nexport function getBasemapAttribution(tileUrl: string): string {\r\n  const u = tileUrl.toLowerCase();\r\n  if (u.includes(\"cartocdn\")) return CARTO_ATTRIBUTION;\r\n  if (u.includes(\"arcgisonline.com\") || u.includes(\"arcgis.com\"))\r\n    return ESRI_WORLD_IMAGERY_ATTRIBUTION;\r\n  if (u.includes(\"openstreetmap.org\")) return OSM_ATTRIBUTION;\r\n  return \"\";\r\n}\r\n\r\n/**\r\n * After this many consecutive tile errors, switch to the fallback layer.\r\n * Set to 1 so we bail out immediately on the first network failure instead\r\n * of waiting for several timeouts (which shows a black map for ~5 seconds).\r\n */\r\nexport const TILE_ERROR_THRESHOLD = 1;\r\n"],"mappings":";;;;;AAIA,IAAa,eAAe;;CAE1B,MAAM;;CAEN,WACE;;CAEF,OACE;AACJ;AAMA,IAAa,oBACX;;AAGF,IAAa,gBACX;AAEF,IAAa,kBACX;;;;;AAMF,IAAa,iCACX;;;;;AAOF,SAAgB,sBAAsB,SAAyB;CAC7D,MAAM,IAAI,QAAQ,YAAY;CAC9B,IAAI,EAAE,SAAS,UAAU,GAAG,OAAO;CACnC,IAAI,EAAE,SAAS,kBAAkB,KAAK,EAAE,SAAS,YAAY,GAC3D,OAAO;CACT,IAAI,EAAE,SAAS,mBAAmB,GAAG,OAAO;CAC5C,OAAO;AACT"}
+{"version":3,"file":"groundTrackMapLeafletTiles.js","names":[],"sources":["../../../src/react/charts/groundTrackMapLeafletTiles.ts"],"sourcesContent":["/**\r\n * Tile layer URL presets for common map styles.\r\n * Import and use as `tileUrl` to switch between map themes.\r\n */\r\nexport const TILE_PRESETS = {\r\n  /** Esri Dark Gray Canvas — default space ops aesthetic. */\r\n  dark: \"https://server.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Dark_Gray_Base/MapServer/tile/{z}/{y}/{x}\",\r\n  /** Esri World Imagery — natural satellite photos, makes the terminator dramatically visible. */\r\n  satellite:\r\n    \"https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}\",\r\n  /** Esri Light Gray Canvas — light/neutral. */\r\n  light:\r\n    \"https://server.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Light_Gray_Base/MapServer/tile/{z}/{y}/{x}\",\r\n} as const;\r\n\r\n/** Primary basemap: Esri Dark Gray Canvas. */\r\nexport const DEFAULT_TILE =\r\n  \"https://server.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Dark_Gray_Base/MapServer/tile/{z}/{y}/{x}\";\r\n\r\n/**\r\n * Place-name overlays for the Canvas basemaps, which bake labels into the base\r\n * tiles only at world scale. Drawn above the base so names survive past zoom ~6.\r\n */\r\nexport const CANVAS_LABEL_TILES: Record<string, string> = {\r\n  [TILE_PRESETS.dark]:\r\n    \"https://server.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Dark_Gray_Reference/MapServer/tile/{z}/{y}/{x}\",\r\n  [TILE_PRESETS.light]:\r\n    \"https://server.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Light_Gray_Reference/MapServer/tile/{z}/{y}/{x}\",\r\n};\r\n\r\n/**\r\n * Esri Canvas (Dark/Light Gray) basemaps — the reference layers share these terms.\r\n * @see https://developers.arcgis.com/documentation/mapping-apis-and-services/deployment/basemap-attribution/\r\n */\r\nexport const ESRI_CANVAS_ATTRIBUTION =\r\n  'Tiles &copy; <a href=\"https://www.esri.com/\" target=\"_blank\" rel=\"noopener noreferrer\">Esri</a> ' +\r\n  \"&mdash; Source: Esri, HERE, Garmin, &copy; OpenStreetMap contributors, and the GIS user community\";\r\n\r\nexport const CARTO_ATTRIBUTION =\r\n  '&copy; <a href=\"https://carto.com/attribution\" target=\"_blank\" rel=\"noopener noreferrer\">CARTO</a>';\r\n\r\n/** Fallback when primary tiles fail to avoid black tiles. */\r\nexport const FALLBACK_TILE =\r\n  \"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png\";\r\n\r\nexport const OSM_ATTRIBUTION =\r\n  '&copy; <a href=\"https://www.openstreetmap.org/copyright\" target=\"_blank\" rel=\"noopener noreferrer\">OpenStreetMap contributors</a>';\r\n\r\n/**\r\n * Esri World Imagery — required when using tiles from ArcGIS Online MapServer.\r\n * @see https://developers.arcgis.com/documentation/mapping-apis-and-services/deployment/basemap-attribution/\r\n */\r\nexport const ESRI_WORLD_IMAGERY_ATTRIBUTION =\r\n  'Tiles &copy; <a href=\"https://www.esri.com/\" target=\"_blank\" rel=\"noopener noreferrer\">Esri</a> ' +\r\n  \"&mdash; Source: Esri, Maxar, Earthstar Geographics, and the GIS User Community\";\r\n\r\n/**\r\n * Resolve HTML attribution for a basemap URL template (Leaflet `TileLayer` `attribution` option).\r\n * Unknown / custom URLs return an empty string — apps should document their own terms for those.\r\n */\r\nexport function getBasemapAttribution(tileUrl: string): string {\r\n  const u = tileUrl.toLowerCase();\r\n  if (u.includes(\"cartocdn\")) return CARTO_ATTRIBUTION;\r\n  if (u.includes(\"/canvas/\")) return ESRI_CANVAS_ATTRIBUTION;\r\n  if (u.includes(\"arcgisonline.com\") || u.includes(\"arcgis.com\"))\r\n    return ESRI_WORLD_IMAGERY_ATTRIBUTION;\r\n  if (u.includes(\"openstreetmap.org\")) return OSM_ATTRIBUTION;\r\n  return \"\";\r\n}\r\n\r\n/**\r\n * After this many consecutive tile errors, switch to the fallback layer.\r\n * Set to 1 so we bail out immediately on the first network failure instead\r\n * of waiting for several timeouts (which shows a black map for ~5 seconds).\r\n */\r\nexport const TILE_ERROR_THRESHOLD = 1;\r\n"],"mappings":";;;;;AAIA,IAAa,eAAe;;CAE1B,MAAM;;CAEN,WACE;;CAEF,OACE;AACJ;;;;;AAUA,IAAa,qBAA6C;EACvD,aAAa,OACZ;EACD,aAAa,QACZ;AACJ;;;;;AAMA,IAAa,0BACX;AAGF,IAAa,oBACX;;AAGF,IAAa,gBACX;AAEF,IAAa,kBACX;;;;;AAMF,IAAa,iCACX;;;;;AAOF,SAAgB,sBAAsB,SAAyB;CAC7D,MAAM,IAAI,QAAQ,YAAY;CAC9B,IAAI,EAAE,SAAS,UAAU,GAAG,OAAO;CACnC,IAAI,EAAE,SAAS,UAAU,GAAG,OAAO;CACnC,IAAI,EAAE,SAAS,kBAAkB,KAAK,EAAE,SAAS,YAAY,GAC3D,OAAO;CACT,IAAI,EAAE,SAAS,mBAAmB,GAAG,OAAO;CAC5C,OAAO;AACT"}

package/dist/react/charts/index.d.ts

@@ -8,4 +8,4 @@ export type { AstroChartHandle, AstroChartProps, ChartType, ChartTheme, DataPoin
 PowerChartProps, AttitudeChartProps, ThermalHeatmapChartProps, LinkBudgetChartProps, SubsystemGaugeProps, OrbitChartProps, ContactWindowChartProps, SpectrumChartProps, ManeuverBudgetChartProps, EclipseTimelineChartProps, RoseDiagramProps, HeliocentricOrbitProps, Scatter3DChartProps, Bar3DChartProps, Surface3DChartProps, Lines3DChartProps, SphericalRadar3DChartProps, SphericalRadar3DData, TransferOrbit3DChartProps, TransferOrbitSegment, TransferOrbitWaypoint, AttitudeHistory3DChartProps, AttitudeHistoryPoint, ConjunctionAssessment3DChartProps, ConjunctionEvent, LaunchCorridor3DChartProps, LaunchCorridorData, AntennaPattern3DChartProps, AntennaPattern3DData, WaterfallChartProps, DopplerTrackChartProps, LinkMarginChartProps, ConstellationCoverageChartProps, ConjunctionChartProps, WaterfallDataPoint, WaterfallSignalMarker, DopplerTrackPoint, SatellitePassInfo, LinkMarginPoint, CoverageGridData, PowerGeneratorConfig, AttitudeGeneratorConfig, DopplerGeneratorConfig, WaterfallGeneratorConfig, ContactGeneratorConfig, HeliocentricGeneratorConfig, SpectrumGeneratorConfig, EclipseGeneratorConfig, CoverageGeneratorConfig, ConjunctionGeneratorConfig, PowerOverviewChartProps, PowerTimelinePoint, PowerEvent, PowerState, OperationalMode, EventType, PowerEventType, StreamOptions, StreamController, WebSocketStreamOptions, WebSocketStreamController, UseChartSyncOptions, EChartsTheme, } from './unified';
 export { GroundTrackMap } from './GroundTrackMap';
 export type { GroundTrackMapProps, SatelliteTrack, GroundStationEnhanced, TeamPath, SROGroundStation, MapPin, LightSource, MapLayerDef, } from './GroundTrackMap';
-export { TILE_PRESETS, CARTO_ATTRIBUTION, OSM_ATTRIBUTION, ESRI_WORLD_IMAGERY_ATTRIBUTION, getBasemapAttribution, } from './groundTrackMapLeafletTiles';
+export { TILE_PRESETS, CANVAS_LABEL_TILES, CARTO_ATTRIBUTION, OSM_ATTRIBUTION, ESRI_WORLD_IMAGERY_ATTRIBUTION, ESRI_CANVAS_ATTRIBUTION, getBasemapAttribution, } from './groundTrackMapLeafletTiles';

package/dist/react/charts/index.js

@@ -7,5 +7,5 @@ import { PowerOverviewChart, generateSamplePowerData } from "./unified/PowerOver
 import { useChartStream, useWebSocketStream } from "./unified/useChartStream.js";
 import { dispatchToGroup, exportGroupAsCSV, exportGroupAsImages, getGroupCharts, hideGroupTooltip, resetGroupZoom, showGroupTooltip, syncZoomRange, useChartSync } from "./unified/sync.js";
 import { GroundTrackMap } from "./GroundTrackMap.js";
-import { CARTO_ATTRIBUTION, ESRI_WORLD_IMAGERY_ATTRIBUTION, OSM_ATTRIBUTION, TILE_PRESETS, getBasemapAttribution } from "./groundTrackMapLeafletTiles.js";
-export { ASTRO_DATA_VIZ_COLORS, AntennaPattern3DChart, AreaChart, AstroChart, AttitudeChart, AttitudeHistory3DChart, Bar3DChart, BarChart, BoxPlotChart, BubbleChart, CARTO_ATTRIBUTION, CandlestickChart, ConjunctionAssessment3DChart, ConjunctionChart, ConstellationCoverageChart, ContactWindowChart, DonutChart, DopplerTrackChart, DualAxisChart, ESRI_WORLD_IMAGERY_ATTRIBUTION, EclipseTimelineChart, GaugeChart, GraphChart, GroundTrackMap, HeatmapChart, HeliocentricOrbitPlot, HistogramChart, LaunchCorridor3DChart, LineChart, Lines3DChart, LinkBudgetChart, LinkMarginChart, ManeuverBudgetChart, OFFICIAL_ASTRO_DATA_VIZ_COLORS, OSM_ATTRIBUTION, OrbitChart, ParallelChart, PieChart, PowerChart, PowerOverviewChart, RadarChart, RoseDiagram, STATUS_COLORS, SankeyChart, Scatter3DChart, ScatterChart, SpectrumChart, SphericalRadar3DChart, StackedAreaChart, StackedBarChart, SubsystemGauge, SunburstChart, Surface3DChart, TILE_PRESETS, ThermalHeatmapChart, TimeSeriesChart, TransferOrbit3DChart, TreemapChart, WaterfallChart, ZENDIR_BRAND_COLORS, calculateAxisBounds, createAreaGradient, createAstroEChartsTheme, dispatchToGroup, exportGroupAsCSV, exportGroupAsImages, formatTimeLabel, formatValueWithUnit, generateAttitudeData, generateConjunctionEvents, generateConstellationCoverage, generateContactWindows, generateDopplerData, generateEclipseTimeline, generateHeliocentricOrbits, generatePowerData, generateSamplePowerData, generateSpectrum, generateWaterfallData, getBasemapAttribution, getGroupCharts, getPaletteForDataType, getSeriesColor, getStatusColor, hideGroupTooltip, resetGroupZoom, showGroupTooltip, syncZoomRange, useChartStream, useChartSync, useWebSocketStream };
+import { CANVAS_LABEL_TILES, CARTO_ATTRIBUTION, ESRI_CANVAS_ATTRIBUTION, ESRI_WORLD_IMAGERY_ATTRIBUTION, OSM_ATTRIBUTION, TILE_PRESETS, getBasemapAttribution } from "./groundTrackMapLeafletTiles.js";
+export { ASTRO_DATA_VIZ_COLORS, AntennaPattern3DChart, AreaChart, AstroChart, AttitudeChart, AttitudeHistory3DChart, Bar3DChart, BarChart, BoxPlotChart, BubbleChart, CANVAS_LABEL_TILES, CARTO_ATTRIBUTION, CandlestickChart, ConjunctionAssessment3DChart, ConjunctionChart, ConstellationCoverageChart, ContactWindowChart, DonutChart, DopplerTrackChart, DualAxisChart, ESRI_CANVAS_ATTRIBUTION, ESRI_WORLD_IMAGERY_ATTRIBUTION, EclipseTimelineChart, GaugeChart, GraphChart, GroundTrackMap, HeatmapChart, HeliocentricOrbitPlot, HistogramChart, LaunchCorridor3DChart, LineChart, Lines3DChart, LinkBudgetChart, LinkMarginChart, ManeuverBudgetChart, OFFICIAL_ASTRO_DATA_VIZ_COLORS, OSM_ATTRIBUTION, OrbitChart, ParallelChart, PieChart, PowerChart, PowerOverviewChart, RadarChart, RoseDiagram, STATUS_COLORS, SankeyChart, Scatter3DChart, ScatterChart, SpectrumChart, SphericalRadar3DChart, StackedAreaChart, StackedBarChart, SubsystemGauge, SunburstChart, Surface3DChart, TILE_PRESETS, ThermalHeatmapChart, TimeSeriesChart, TransferOrbit3DChart, TreemapChart, WaterfallChart, ZENDIR_BRAND_COLORS, calculateAxisBounds, createAreaGradient, createAstroEChartsTheme, dispatchToGroup, exportGroupAsCSV, exportGroupAsImages, formatTimeLabel, formatValueWithUnit, generateAttitudeData, generateConjunctionEvents, generateConstellationCoverage, generateContactWindows, generateDopplerData, generateEclipseTimeline, generateHeliocentricOrbits, generatePowerData, generateSamplePowerData, generateSpectrum, generateWaterfallData, getBasemapAttribution, getGroupCharts, getPaletteForDataType, getSeriesColor, getStatusColor, hideGroupTooltip, resetGroupZoom, showGroupTooltip, syncZoomRange, useChartStream, useChartSync, useWebSocketStream };

package/dist/react/core/widgets/HexViewer.js

@@ -143,6 +143,7 @@ var HexRow = memo(function HexRow({ offset, bytes, bytesPerRow, byteGrouping, of
 			style: {
 				padding: "0 2px",
 				marginLeft: needsGroupSpace ? 6 : 0,
+				flexShrink: 0,
 				background: bgColor,
 				color: isValid ? fgColor : `${tokens.colors.text.muted}26`,
 				cursor: isValid ? "pointer" : "default",
@@ -178,6 +179,7 @@ var HexRow = memo(function HexRow({ offset, bytes, bytesPerRow, byteGrouping, of
 				borderRadius: tokens.borderRadius.sm,
 				userSelect: "none",
 				width: 8,
+				flexShrink: 0,
 				textAlign: "center"
 			},
 			children: isValid ? byteToAscii(byte) : " "
@@ -188,7 +190,8 @@ var HexRow = memo(function HexRow({ offset, bytes, bytesPerRow, byteGrouping, of
 			display: "flex",
 			alignItems: "center",
 			height: HEX_ROW_HEIGHT,
-			lineHeight: `${HEX_ROW_HEIGHT}px`
+			lineHeight: `${HEX_ROW_HEIGHT}px`,
+			width: "max-content"
 		},
 		children: [
 			showOffset && /* @__PURE__ */ jsx("span", {
@@ -196,6 +199,7 @@ var HexRow = memo(function HexRow({ offset, bytes, bytesPerRow, byteGrouping, of
 					color: tokens.colors.text.muted,
 					marginRight: 12,
 					minWidth: 60,
+					flexShrink: 0,
 					textAlign: "right"
 				},
 				children: formatOffset(offset, offsetBase, totalBytes)
@@ -205,6 +209,7 @@ var HexRow = memo(function HexRow({ offset, bytes, bytesPerRow, byteGrouping, of
 					display: "flex",
 					gap: 1,
 					marginRight: showAscii ? 16 : 0,
+					flexShrink: 0,
 					letterSpacing: "0.5px"
 				},
 				children: hexCells
@@ -212,12 +217,14 @@ var HexRow = memo(function HexRow({ offset, bytes, bytesPerRow, byteGrouping, of
 			showAscii && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
 				style: {
 					color: `${tokens.colors.border.muted}`,
-					marginRight: 8
+					marginRight: 8,
+					flexShrink: 0
 				},
 				children: "│"
 			}), /* @__PURE__ */ jsx("span", {
 				style: {
 					display: "flex",
+					flexShrink: 0,
 					letterSpacing: "1px"
 				},
 				children: asciiCells
@@ -296,6 +303,7 @@ function HexViewer({ data: rawData, bytesPerRow = 16, byteGrouping = 1, offsetBa
 	const [localEndianness, setLocalEndianness] = useState(endianness);
 	const [localShowAscii, setLocalShowAscii] = useState(showAscii);
 	const [scrollTop, setScrollTop] = useState(0);
+	const [scrollLeft, setScrollLeft] = useState(0);
 	const [viewportHeight, setViewportHeight] = useState(160);
 	useEffect(() => {
 		if (streaming && scrollRef.current) scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
@@ -393,6 +401,7 @@ function HexViewer({ data: rawData, bytesPerRow = 16, byteGrouping = 1, offsetBa
 	}, [localBytesPerRow]);
 	const handleHexScroll = useCallback((event) => {
 		setScrollTop(event.currentTarget.scrollTop);
+		setScrollLeft(event.currentTarget.scrollLeft);
 	}, []);
 	const nextSearchResult = useCallback(() => {
 		if (searchResults.length === 0) return;
@@ -1174,43 +1183,54 @@ function HexViewer({ data: rawData, bytesPerRow = 16, byteGrouping = 1, offsetBa
 					})]
 				}, i))
 			}),
-			/* @__PURE__ */ jsxs("div", {
+			/* @__PURE__ */ jsx("div", {
 				role: "row",
 				"aria-label": "Column headers",
 				style: {
 					padding: `${tokens.spacing.xs} ${tokens.spacing.smd}`,
 					borderBottom: `1px solid ${tokens.colors.border.muted}`,
-					display: "flex",
-					alignItems: "center",
 					fontSize: tokens.typography.fontSize.xxs,
 					color: tokens.colors.text.muted,
 					textTransform: "uppercase",
 					letterSpacing: "0.5px",
 					fontWeight: tokens.typography.fontWeight.medium,
-					background: tokens.colors.background.surface
+					background: tokens.colors.background.surface,
+					overflow: "hidden"
 				},
-				children: [
-					showOffset && /* @__PURE__ */ jsx("span", {
-						style: {
-							marginRight: tokens.spacing.smd,
-							minWidth: 60,
-							textAlign: "right"
-						},
-						children: "Offset"
-					}),
-					/* @__PURE__ */ jsx("span", {
-						style: { flex: 1 },
-						children: "Hex"
-					}),
-					localShowAscii && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
-						"aria-hidden": "true",
-						style: {
-							color: `${tokens.colors.border.muted}`,
-							marginRight: tokens.spacing.sm
-						},
-						children: "|"
-					}), /* @__PURE__ */ jsx("span", { children: "ASCII" })] })
-				]
+				children: /* @__PURE__ */ jsxs("div", {
+					style: {
+						display: "flex",
+						alignItems: "center",
+						transform: `translateX(${-scrollLeft}px)`
+					},
+					children: [
+						showOffset && /* @__PURE__ */ jsx("span", {
+							style: {
+								marginRight: tokens.spacing.smd,
+								minWidth: 60,
+								flexShrink: 0,
+								textAlign: "right"
+							},
+							children: "Offset"
+						}),
+						/* @__PURE__ */ jsx("span", {
+							style: { flex: 1 },
+							children: "Hex"
+						}),
+						localShowAscii && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+							"aria-hidden": "true",
+							style: {
+								color: `${tokens.colors.border.muted}`,
+								marginRight: tokens.spacing.sm,
+								flexShrink: 0
+							},
+							children: "|"
+						}), /* @__PURE__ */ jsx("span", {
+							style: { flexShrink: 0 },
+							children: "ASCII"
+						})] })
+					]
+				})
 			}),
 			/* @__PURE__ */ jsx("div", {
 				ref: scrollRef,
@@ -1234,7 +1254,7 @@ function HexViewer({ data: rawData, bytesPerRow = 16, byteGrouping = 1, offsetBa
 							position: "absolute",
 							top: startRow * HEX_ROW_HEIGHT,
 							left: 0,
-							right: 0
+							minWidth: "100%"
 						},
 						children: virtualRows.map((row) => /* @__PURE__ */ jsx(HexRow, {
 							offset: row.offset,