@undp/data-viz 2.0.0 → 2.0.2

package/dist/GeoHubCompareMaps.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"GeoHubCompareMaps.cjs","sources":["../src/Components/Graphs/Maps/GeoHubMaps/CompareMaps/Graph.tsx","../src/Components/Graphs/Maps/GeoHubMaps/CompareMaps/index.tsx"],"sourcesContent":["import { useRef, useEffect, useState } from 'react';\r\nimport * as maplibreGl from 'maplibre-gl';\r\nimport * as pmtiles from 'pmtiles';\r\nimport 'maplibre-gl/dist/maplibre-gl.css';\r\nimport { select } from 'd3-selection';\r\nimport {\r\n  DndContext,\r\n  useDraggable,\r\n  useSensor,\r\n  useSensors,\r\n  PointerSensor,\r\n  DragMoveEvent,\r\n} from '@dnd-kit/core';\r\nimport { restrictToHorizontalAxis } from '@dnd-kit/modifiers';\r\nimport React from 'react';\r\n\r\nimport { ChevronLeftRight, X } from '@/Components/Icons';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\n\r\ninterface Props {\r\n  width: number;\r\n  height: number;\r\n  mapStyles: [string, string];\r\n  center: [number, number];\r\n  mapLegend?: string | React.ReactNode;\r\n  zoomLevel: number;\r\n}\r\n\r\nfunction synchronizeMap(map1: maplibreGl.Map, map2: maplibreGl.Map) {\r\n  let isSyncing = false;\r\n  function syncMap(sourceMap: maplibreGl.Map, targetMap: maplibreGl.Map) {\r\n    if (!isSyncing) {\r\n      isSyncing = true;\r\n      const center = sourceMap.getCenter();\r\n      const zoom = sourceMap.getZoom();\r\n      const bearing = sourceMap.getBearing();\r\n      const pitch = sourceMap.getPitch();\r\n      targetMap.jumpTo({\r\n        center,\r\n        zoom,\r\n        bearing,\r\n        pitch,\r\n      });\r\n      isSyncing = false;\r\n    }\r\n  }\r\n\r\n  // Event listeners for map1\r\n  map1.on('move', () => {\r\n    syncMap(map1, map2);\r\n  });\r\n\r\n  // Event listeners for map2\r\n  map2.on('move', () => {\r\n    syncMap(map2, map1);\r\n  });\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const { height, width, mapStyles, center, zoomLevel, mapLegend } = props;\r\n  const [position, setPosition] = useState(50);\r\n  const [isDragging, setIsDragging] = useState(false);\r\n  const containerRef = useRef<HTMLDivElement>(null);\r\n  const [showLegend, setShowLegend] = useState(true);\r\n  const dragStartPositionRef = useRef(50);\r\n  const sliderWidthRef = useRef(0);\r\n\r\n  const sensors = useSensors(useSensor(PointerSensor, { activationConstraint: { distance: 0 } }));\r\n\r\n  const handleDragStart = () => {\r\n    setIsDragging(true);\r\n    dragStartPositionRef.current = position;\r\n\r\n    if (containerRef.current) {\r\n      sliderWidthRef.current = containerRef.current.getBoundingClientRect().width;\r\n    }\r\n  };\r\n\r\n  const handleDragMove = (event: DragMoveEvent) => {\r\n    if (!containerRef.current || sliderWidthRef.current === 0) return;\r\n\r\n    // Calculate position change as percentage of width\r\n    const deltaPercentage = (event.delta.x / sliderWidthRef.current) * 100;\r\n    const newPosition = Math.max(0, Math.min(100, dragStartPositionRef.current + deltaPercentage));\r\n\r\n    setPosition(newPosition);\r\n  };\r\n\r\n  const handleDragEnd = () => {\r\n    setIsDragging(false);\r\n  };\r\n\r\n  const handleClick = (e: React.MouseEvent) => {\r\n    if (isDragging || !containerRef.current) return;\r\n\r\n    const rect = containerRef.current.getBoundingClientRect();\r\n    const clickX = e.clientX - rect.left;\r\n    const newPosition = (clickX / rect.width) * 100;\r\n\r\n    setPosition(Math.max(0, Math.min(100, newPosition)));\r\n  };\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const leftMapRef = useRef<HTMLDivElement>(null);\r\n  const rightMapRef = useRef<HTMLDivElement>(null);\r\n  const mapContainer = useRef<HTMLDivElement>(null);\r\n  useEffect(() => {\r\n    if (mapContainer.current && leftMapRef.current && rightMapRef.current && width) {\r\n      const mapDiv = select(mapContainer.current);\r\n      mapDiv.selectAll('.maplibregl-compare').remove();\r\n      const leftMapDiv = select(leftMapRef.current);\r\n      leftMapDiv.selectAll('div').remove();\r\n      const rightMapDiv = select(rightMapRef.current);\r\n      rightMapDiv.selectAll('div').remove();\r\n      const protocol = new pmtiles.Protocol();\r\n      maplibreGl.addProtocol('pmtiles', protocol.tile);\r\n      const leftMap = new maplibreGl.Map({\r\n        container: leftMapRef.current,\r\n        style: mapStyles[0],\r\n        center: center || [0, 0],\r\n        zoom: zoomLevel || 4,\r\n      });\r\n\r\n      const rightMap = new maplibreGl.Map({\r\n        container: rightMapRef.current,\r\n        style: mapStyles[1],\r\n        center: center || [0, 0],\r\n        zoom: zoomLevel || 4,\r\n      });\r\n      rightMap.addControl(\r\n        new maplibreGl.NavigationControl({\r\n          visualizePitch: true,\r\n          showZoom: true,\r\n          showCompass: true,\r\n        }),\r\n        'bottom-right',\r\n      );\r\n      leftMap.addControl(new maplibreGl.ScaleControl(), 'bottom-left');\r\n      leftMap.addControl(\r\n        new maplibreGl.NavigationControl({\r\n          visualizePitch: true,\r\n          showZoom: true,\r\n          showCompass: true,\r\n        }),\r\n        'bottom-right',\r\n      );\r\n      rightMap.addControl(new maplibreGl.ScaleControl(), 'bottom-left');\r\n      synchronizeMap(leftMap, rightMap);\r\n    }\r\n  }, [width, mapStyles, center, zoomLevel]);\r\n  return (\r\n    <div\r\n      className='flex flex-col grow justify-center leading-0'\r\n      ref={graphDiv}\r\n      aria-label='Map area'\r\n    >\r\n      <div\r\n        style={{\r\n          width,\r\n          height,\r\n        }}\r\n      >\r\n        <div\r\n          ref={mapContainer}\r\n          className='map maplibre-show-control relative w-full h-full'\r\n          style={{ inset: 0 }}\r\n        >\r\n          <DndContext\r\n            sensors={sensors}\r\n            modifiers={[restrictToHorizontalAxis]}\r\n            onDragStart={handleDragStart}\r\n            onDragMove={handleDragMove}\r\n            onDragEnd={handleDragEnd}\r\n          >\r\n            <div\r\n              ref={containerRef}\r\n              style={{\r\n                position: 'relative',\r\n                width,\r\n                height,\r\n                overflow: 'hidden',\r\n                cursor: isDragging ? 'grabbing' : 'col-resize',\r\n                userSelect: 'none', // Prevent text selection during drag\r\n              }}\r\n              onClick={handleClick}\r\n            >\r\n              <div\r\n                ref={rightMapRef}\r\n                className='absolute h-full rightMap w-full'\r\n                style={{\r\n                  position: 'absolute',\r\n                  top: 0,\r\n                  left: 0,\r\n                  clipPath: `polygon(${position}% 0%, ${position}% 100%, 100% 100%, 100% 0%)`,\r\n                }}\r\n              />\r\n              <div\r\n                ref={leftMapRef}\r\n                className='absolute h-full leftMap w-full'\r\n                style={{\r\n                  position: 'absolute',\r\n                  top: 0,\r\n                  left: 0,\r\n                  inset: 0,\r\n                  clipPath: `polygon(0% 0%, ${position}% 0%, ${position}% 100%, 0% 100%)`,\r\n                }}\r\n              />\r\n\r\n              <SliderHandle position={position} />\r\n            </div>\r\n          </DndContext>\r\n        </div>\r\n      </div>\r\n      {mapLegend ? (\r\n        <div className='absolute left-[22px] bottom-13'>\r\n          {showLegend ? (\r\n            <>\r\n              <div\r\n                className='color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]'\r\n                onClick={() => {\r\n                  setShowLegend(false);\r\n                }}\r\n              >\r\n                <X />\r\n              </div>\r\n              <div\r\n                className='color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]'\r\n                dangerouslySetInnerHTML={\r\n                  typeof mapLegend === 'string' ? { __html: string2HTML(mapLegend) } : undefined\r\n                }\r\n              >\r\n                {React.isValidElement(mapLegend) ? mapLegend : null}\r\n              </div>\r\n            </>\r\n          ) : (\r\n            <button\r\n              type='button'\r\n              className='mb-0 border-0 bg-transparent p-0 self-start'\r\n              onClick={() => {\r\n                setShowLegend(true);\r\n              }}\r\n            >\r\n              <div className='show-color-legend-button items-start text-sm font-medium cursor-pointer p-2 mb-0 flex text-primary-black dark:text-primary-gray-300 bg-primary-gray-300 dark:bg-primary-gray-600 border-primary-gray-400 dark:border-primary-gray-500'>\r\n                Show Legend\r\n              </div>\r\n            </button>\r\n          )}\r\n        </div>\r\n      ) : null}\r\n    </div>\r\n  );\r\n}\r\n\r\ninterface HandleProps {\r\n  position: number;\r\n}\r\n\r\nfunction SliderHandle(props: HandleProps) {\r\n  const { position } = props;\r\n  const { attributes, listeners, setNodeRef } = useDraggable({ id: 'slider-handle' });\r\n\r\n  return (\r\n    <div\r\n      ref={setNodeRef}\r\n      style={{\r\n        position: 'absolute',\r\n        left: `${position}%`,\r\n        top: 0,\r\n        bottom: 0,\r\n        width: '40px',\r\n        transform: 'translateX(-50%)',\r\n        cursor: 'col-resize',\r\n        display: 'flex',\r\n        justifyContent: 'center',\r\n        alignItems: 'center',\r\n        zIndex: 10,\r\n        touchAction: 'none',\r\n      }}\r\n      {...listeners}\r\n      {...attributes}\r\n    >\r\n      <div\r\n        className='h-full bg-primary-blue-600 dark:bg-primary-blue-400'\r\n        style={{ width: '2px' }}\r\n      />\r\n      <div\r\n        className='flex bg-primary-blue-600 dark:bg-primary-blue-400 rounded-full absolute items-center justify-center text-primary-white font-primary-white'\r\n        style={{\r\n          boxShadow: 'inset 0 0 0 1px #fff',\r\n          width: '42px',\r\n          height: '42px',\r\n          top: 'calc(50% - 21px)',\r\n          left: '0',\r\n          cursor: 'col-resize',\r\n        }}\r\n      >\r\n        <ChevronLeftRight />\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n","import { useRef, useEffect, useState } from 'react';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { ClassNameObject, Languages, SourcesDataType, StyleObject } from '@/Types';\r\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n\r\n  // Graph Parameters\r\n  /** URLs for mapStyles JSON user wants to compare  */\r\n  mapStyles: [string, string];\r\n  /** Defines the legend for the map. mapLegend with type string is show as innerHTML. */\r\n  mapLegend?: string | React.ReactNode;\r\n  /** Starting center point of the map */\r\n  center?: [number, number];\r\n  /** Starting zoom level of the map */\r\n  zoomLevel?: number;\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\n/** For using these maps you will have to install [`maplibre`](https://maplibre.org/maplibre-gl-js/docs/#npm), [pmtiles](https://www.npmjs.com/package/pmtiles), [dnd-kit/core](https://www.npmjs.com/package/@dnd-kit/core), and [dnd-kit/modifier](https://www.npmjs.com/package/@dnd-kit/modifiers) package to your project */\r\nexport function GeoHubCompareMaps(props: Props) {\r\n  const {\r\n    graphTitle,\r\n    height,\r\n    width,\r\n    relativeHeight,\r\n    sources,\r\n    graphDescription,\r\n    footNote,\r\n    padding,\r\n    backgroundColor = false,\r\n    graphID,\r\n    mapStyles,\r\n    center = [0, 0],\r\n    zoomLevel = 3,\r\n    language = 'en',\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    ariaLabel,\r\n    styles,\r\n    classNames,\r\n    mapLegend,\r\n  } = props;\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setSvgWidth(entries[0].target.clientWidth || 620);\r\n      setSvgHeight(entries[0].target.clientHeight || 480);\r\n    });\r\n    if (graphDiv.current) {\r\n      resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, []);\r\n  return (\r\n    <GraphContainer\r\n      className={classNames?.graphContainer}\r\n      style={styles?.graphContainer}\r\n      id={graphID}\r\n      ref={graphParentDiv}\r\n      aria-label={ariaLabel}\r\n      backgroundColor={backgroundColor}\r\n      theme={theme}\r\n      language={language}\r\n      minHeight={minHeight}\r\n      width={width}\r\n      height={height}\r\n      relativeHeight={relativeHeight}\r\n      padding={padding}\r\n    >\r\n      {graphTitle || graphDescription ? (\r\n        <GraphHeader\r\n          styles={{\r\n            title: styles?.title,\r\n            description: styles?.description,\r\n          }}\r\n          classNames={{\r\n            title: classNames?.title,\r\n            description: classNames?.description,\r\n          }}\r\n          graphTitle={graphTitle}\r\n          graphDescription={graphDescription}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n      <GraphArea ref={graphDiv}>\r\n        {svgWidth && svgHeight ? (\r\n          <Graph\r\n            width={width || svgWidth}\r\n            height={Math.max(\r\n              minHeight,\r\n              height ||\r\n                (relativeHeight\r\n                  ? minHeight\r\n                    ? (width || svgWidth) * relativeHeight > minHeight\r\n                      ? (width || svgWidth) * relativeHeight\r\n                      : minHeight\r\n                    : (width || svgWidth) * relativeHeight\r\n                  : svgHeight),\r\n            )}\r\n            mapStyles={mapStyles}\r\n            center={center}\r\n            zoomLevel={zoomLevel}\r\n            mapLegend={mapLegend}\r\n          />\r\n        ) : null}\r\n      </GraphArea>\r\n      {sources || footNote ? (\r\n        <GraphFooter\r\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n          classNames={{\r\n            footnote: classNames?.footnote,\r\n            source: classNames?.source,\r\n          }}\r\n          sources={sources}\r\n          footNote={footNote}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n    </GraphContainer>\r\n  );\r\n}\r\n"],"names":["synchronizeMap","map1","map2","isSyncing","syncMap","sourceMap","targetMap","center","getCenter","zoom","getZoom","bearing","getBearing","pitch","getPitch","jumpTo","on","Graph","props","$","_c","height","width","mapStyles","zoomLevel","mapLegend","position","setPosition","useState","isDragging","setIsDragging","containerRef","useRef","showLegend","setShowLegend","dragStartPositionRef","sliderWidthRef","t0","Symbol","for","activationConstraint","distance","sensors","useSensors","useSensor","PointerSensor","t1","current","getBoundingClientRect","handleDragStart","t2","event","deltaPercentage","delta","x","newPosition","Math","max","min","handleDragMove","t3","handleDragEnd","t4","e","rect","newPosition_0","clientX","left","handleClick","graphDiv","leftMapRef","rightMapRef","mapContainer","t5","t6","select","selectAll","remove","protocol","pmtiles","Protocol","maplibreGl","addProtocol","tile","leftMap","Map","container","style","rightMap","addControl","NavigationControl","visualizePitch","showZoom","showCompass","ScaleControl","useEffect","t7","t8","inset","t9","restrictToHorizontalAxis","t10","t11","overflow","cursor","userSelect","t12","t13","top","clipPath","t14","t15","t16","SliderHandle","t17","t18","jsx","DndContext","t19","t20","jsxs","Fragment","X","__html","string2HTML","undefined","React","isValidElement","t21","id","attributes","listeners","setNodeRef","useDraggable","bottom","transform","display","justifyContent","alignItems","zIndex","touchAction","boxShadow","ChevronLeftRight","GeoHubCompareMaps","graphTitle","relativeHeight","sources","graphDescription","footNote","padding","backgroundColor","graphID","language","minHeight","theme","ariaLabel","styles","classNames","svgWidth","setSvgWidth","svgHeight","setSvgHeight","graphParentDiv","resizeObserver","ResizeObserver","entries","target","clientWidth","clientHeight","observe","disconnect","graphContainer","description","title","GraphHeader","GraphArea","footnote","source","GraphFooter","GraphContainer"],"mappings":"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"}
+{"version":3,"file":"GeoHubCompareMaps.cjs","sources":["../src/Components/Graphs/Maps/GeoHubMaps/CompareMaps/Graph.tsx","../src/Components/Graphs/Maps/GeoHubMaps/CompareMaps/index.tsx"],"sourcesContent":["import { useRef, useEffect, useState } from 'react';\r\nimport * as maplibreGl from 'maplibre-gl';\r\nimport * as pmtiles from 'pmtiles';\r\nimport 'maplibre-gl/dist/maplibre-gl.css';\r\nimport { select } from 'd3-selection';\r\nimport {\r\n  DndContext,\r\n  useDraggable,\r\n  useSensor,\r\n  useSensors,\r\n  PointerSensor,\r\n  DragMoveEvent,\r\n} from '@dnd-kit/core';\r\nimport { restrictToHorizontalAxis } from '@dnd-kit/modifiers';\r\nimport React from 'react';\r\n\r\nimport { ChevronLeftRight, X } from '@/Components/Icons';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\n\r\ninterface Props {\r\n  width: number;\r\n  height: number;\r\n  mapStyles: [string, string];\r\n  center: [number, number];\r\n  mapLegend?: string | React.ReactNode;\r\n  zoomLevel: number;\r\n}\r\n\r\nfunction synchronizeMap(map1: maplibreGl.Map, map2: maplibreGl.Map) {\r\n  let isSyncing = false;\r\n  function syncMap(sourceMap: maplibreGl.Map, targetMap: maplibreGl.Map) {\r\n    if (!isSyncing) {\r\n      isSyncing = true;\r\n      const center = sourceMap.getCenter();\r\n      const zoom = sourceMap.getZoom();\r\n      const bearing = sourceMap.getBearing();\r\n      const pitch = sourceMap.getPitch();\r\n      targetMap.jumpTo({\r\n        center,\r\n        zoom,\r\n        bearing,\r\n        pitch,\r\n      });\r\n      isSyncing = false;\r\n    }\r\n  }\r\n\r\n  // Event listeners for map1\r\n  map1.on('move', () => {\r\n    syncMap(map1, map2);\r\n  });\r\n\r\n  // Event listeners for map2\r\n  map2.on('move', () => {\r\n    syncMap(map2, map1);\r\n  });\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const { height, width, mapStyles, center, zoomLevel, mapLegend } = props;\r\n  const [position, setPosition] = useState(50);\r\n  const [isDragging, setIsDragging] = useState(false);\r\n  const containerRef = useRef<HTMLDivElement>(null);\r\n  const [showLegend, setShowLegend] = useState(true);\r\n  const dragStartPositionRef = useRef(50);\r\n  const sliderWidthRef = useRef(0);\r\n\r\n  const sensors = useSensors(useSensor(PointerSensor, { activationConstraint: { distance: 0 } }));\r\n\r\n  const handleDragStart = () => {\r\n    setIsDragging(true);\r\n    dragStartPositionRef.current = position;\r\n\r\n    if (containerRef.current) {\r\n      sliderWidthRef.current = containerRef.current.getBoundingClientRect().width;\r\n    }\r\n  };\r\n\r\n  const handleDragMove = (event: DragMoveEvent) => {\r\n    if (!containerRef.current || sliderWidthRef.current === 0) return;\r\n\r\n    // Calculate position change as percentage of width\r\n    const deltaPercentage = (event.delta.x / sliderWidthRef.current) * 100;\r\n    const newPosition = Math.max(0, Math.min(100, dragStartPositionRef.current + deltaPercentage));\r\n\r\n    setPosition(newPosition);\r\n  };\r\n\r\n  const handleDragEnd = () => {\r\n    setIsDragging(false);\r\n  };\r\n\r\n  const handleClick = (e: React.MouseEvent) => {\r\n    if (isDragging || !containerRef.current) return;\r\n\r\n    const rect = containerRef.current.getBoundingClientRect();\r\n    const clickX = e.clientX - rect.left;\r\n    const newPosition = (clickX / rect.width) * 100;\r\n\r\n    setPosition(Math.max(0, Math.min(100, newPosition)));\r\n  };\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const leftMapRef = useRef<HTMLDivElement>(null);\r\n  const rightMapRef = useRef<HTMLDivElement>(null);\r\n  const mapContainer = useRef<HTMLDivElement>(null);\r\n  useEffect(() => {\r\n    if (mapContainer.current && leftMapRef.current && rightMapRef.current && width) {\r\n      const mapDiv = select(mapContainer.current);\r\n      mapDiv.selectAll('.maplibregl-compare').remove();\r\n      const leftMapDiv = select(leftMapRef.current);\r\n      leftMapDiv.selectAll('div').remove();\r\n      const rightMapDiv = select(rightMapRef.current);\r\n      rightMapDiv.selectAll('div').remove();\r\n      const protocol = new pmtiles.Protocol();\r\n      maplibreGl.addProtocol('pmtiles', protocol.tile);\r\n      const leftMap = new maplibreGl.Map({\r\n        container: leftMapRef.current,\r\n        style: mapStyles[0],\r\n        center: center || [0, 0],\r\n        zoom: zoomLevel || 4,\r\n      });\r\n\r\n      const rightMap = new maplibreGl.Map({\r\n        container: rightMapRef.current,\r\n        style: mapStyles[1],\r\n        center: center || [0, 0],\r\n        zoom: zoomLevel || 4,\r\n      });\r\n      rightMap.addControl(\r\n        new maplibreGl.NavigationControl({\r\n          visualizePitch: true,\r\n          showZoom: true,\r\n          showCompass: true,\r\n        }),\r\n        'bottom-right',\r\n      );\r\n      leftMap.addControl(new maplibreGl.ScaleControl(), 'bottom-left');\r\n      leftMap.addControl(\r\n        new maplibreGl.NavigationControl({\r\n          visualizePitch: true,\r\n          showZoom: true,\r\n          showCompass: true,\r\n        }),\r\n        'bottom-right',\r\n      );\r\n      rightMap.addControl(new maplibreGl.ScaleControl(), 'bottom-left');\r\n      synchronizeMap(leftMap, rightMap);\r\n    }\r\n  }, [width, mapStyles, center, zoomLevel]);\r\n  return (\r\n    <div\r\n      className='flex flex-col grow justify-center leading-0'\r\n      ref={graphDiv}\r\n      aria-label='Map area'\r\n    >\r\n      <div\r\n        style={{\r\n          width,\r\n          height,\r\n        }}\r\n      >\r\n        <div\r\n          ref={mapContainer}\r\n          className='map maplibre-show-control relative w-full h-full'\r\n          style={{ inset: 0 }}\r\n        >\r\n          <DndContext\r\n            sensors={sensors}\r\n            modifiers={[restrictToHorizontalAxis]}\r\n            onDragStart={handleDragStart}\r\n            onDragMove={handleDragMove}\r\n            onDragEnd={handleDragEnd}\r\n          >\r\n            <div\r\n              ref={containerRef}\r\n              style={{\r\n                position: 'relative',\r\n                width,\r\n                height,\r\n                overflow: 'hidden',\r\n                cursor: isDragging ? 'grabbing' : 'col-resize',\r\n                userSelect: 'none', // Prevent text selection during drag\r\n              }}\r\n              onClick={handleClick}\r\n            >\r\n              <div\r\n                ref={rightMapRef}\r\n                className='absolute h-full rightMap w-full'\r\n                style={{\r\n                  position: 'absolute',\r\n                  top: 0,\r\n                  left: 0,\r\n                  clipPath: `polygon(${position}% 0%, ${position}% 100%, 100% 100%, 100% 0%)`,\r\n                }}\r\n              />\r\n              <div\r\n                ref={leftMapRef}\r\n                className='absolute h-full leftMap w-full'\r\n                style={{\r\n                  position: 'absolute',\r\n                  top: 0,\r\n                  left: 0,\r\n                  inset: 0,\r\n                  clipPath: `polygon(0% 0%, ${position}% 0%, ${position}% 100%, 0% 100%)`,\r\n                }}\r\n              />\r\n\r\n              <SliderHandle position={position} />\r\n            </div>\r\n          </DndContext>\r\n        </div>\r\n      </div>\r\n      {mapLegend ? (\r\n        <div className='absolute left-[22px] bottom-13'>\r\n          {showLegend ? (\r\n            <>\r\n              <div\r\n                className='color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]'\r\n                onClick={() => {\r\n                  setShowLegend(false);\r\n                }}\r\n              >\r\n                <X />\r\n              </div>\r\n              <div\r\n                className='color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]'\r\n                dangerouslySetInnerHTML={\r\n                  typeof mapLegend === 'string' ? { __html: string2HTML(mapLegend) } : undefined\r\n                }\r\n              >\r\n                {React.isValidElement(mapLegend) ? mapLegend : null}\r\n              </div>\r\n            </>\r\n          ) : (\r\n            <button\r\n              type='button'\r\n              className='mb-0 border-0 bg-transparent p-0 self-start'\r\n              onClick={() => {\r\n                setShowLegend(true);\r\n              }}\r\n            >\r\n              <div className='show-color-legend-button items-start text-sm font-medium cursor-pointer p-2 mb-0 flex text-primary-black dark:text-primary-gray-300 bg-primary-gray-300 dark:bg-primary-gray-600 border-primary-gray-400 dark:border-primary-gray-500'>\r\n                Show Legend\r\n              </div>\r\n            </button>\r\n          )}\r\n        </div>\r\n      ) : null}\r\n    </div>\r\n  );\r\n}\r\n\r\ninterface HandleProps {\r\n  position: number;\r\n}\r\n\r\nfunction SliderHandle(props: HandleProps) {\r\n  const { position } = props;\r\n  const { attributes, listeners, setNodeRef } = useDraggable({ id: 'slider-handle' });\r\n\r\n  return (\r\n    <div\r\n      ref={setNodeRef}\r\n      style={{\r\n        position: 'absolute',\r\n        left: `${position}%`,\r\n        top: 0,\r\n        bottom: 0,\r\n        width: '40px',\r\n        transform: 'translateX(-50%)',\r\n        cursor: 'col-resize',\r\n        display: 'flex',\r\n        justifyContent: 'center',\r\n        alignItems: 'center',\r\n        zIndex: 10,\r\n        touchAction: 'none',\r\n      }}\r\n      {...listeners}\r\n      {...attributes}\r\n    >\r\n      <div\r\n        className='h-full bg-primary-blue-600 dark:bg-primary-blue-400'\r\n        style={{ width: '2px' }}\r\n      />\r\n      <div\r\n        className='flex bg-primary-blue-600 dark:bg-primary-blue-400 rounded-full absolute items-center justify-center text-primary-white font-primary-white'\r\n        style={{\r\n          boxShadow: 'inset 0 0 0 1px #fff',\r\n          width: '42px',\r\n          height: '42px',\r\n          top: 'calc(50% - 21px)',\r\n          left: '0',\r\n          cursor: 'col-resize',\r\n        }}\r\n      >\r\n        <ChevronLeftRight />\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n","import { useRef, useEffect, useState } from 'react';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { ClassNameObject, Languages, SourcesDataType, StyleObject } from '@/Types';\r\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n\r\n  // Graph Parameters\r\n  /** URLs for mapStyles JSON user wants to compare  */\r\n  mapStyles: [string, string];\r\n  /** Defines the legend for the map. mapLegend with type string is show as innerHTML. */\r\n  mapLegend?: string | React.ReactNode;\r\n  /** Starting center point of the map */\r\n  center?: [number, number];\r\n  /** Starting zoom level of the map */\r\n  zoomLevel?: number;\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\n/** For using these maps you will have to install [`maplibre`](https://maplibre.org/maplibre-gl-js/docs/#npm), [pmtiles](https://www.npmjs.com/package/pmtiles), [dnd-kit/core](https://www.npmjs.com/package/@dnd-kit/core), and [dnd-kit/modifier](https://www.npmjs.com/package/@dnd-kit/modifiers) package to your project */\r\nexport function GeoHubCompareMaps(props: Props) {\r\n  const {\r\n    graphTitle,\r\n    height,\r\n    width,\r\n    relativeHeight,\r\n    sources,\r\n    graphDescription,\r\n    footNote,\r\n    padding,\r\n    backgroundColor = false,\r\n    graphID,\r\n    mapStyles,\r\n    center = [0, 0],\r\n    zoomLevel = 3,\r\n    language = 'en',\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    ariaLabel,\r\n    styles,\r\n    classNames,\r\n    mapLegend,\r\n  } = props;\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setSvgWidth(entries[0].target.clientWidth || 620);\r\n      setSvgHeight(entries[0].target.clientHeight || 480);\r\n    });\r\n    if (graphDiv.current) {\r\n      resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, []);\r\n  return (\r\n    <GraphContainer\r\n      className={classNames?.graphContainer}\r\n      style={styles?.graphContainer}\r\n      id={graphID}\r\n      ref={graphParentDiv}\r\n      aria-label={ariaLabel}\r\n      backgroundColor={backgroundColor}\r\n      theme={theme}\r\n      language={language}\r\n      minHeight={minHeight}\r\n      width={width}\r\n      height={height}\r\n      relativeHeight={relativeHeight}\r\n      padding={padding}\r\n    >\r\n      {graphTitle || graphDescription ? (\r\n        <GraphHeader\r\n          styles={{\r\n            title: styles?.title,\r\n            description: styles?.description,\r\n          }}\r\n          classNames={{\r\n            title: classNames?.title,\r\n            description: classNames?.description,\r\n          }}\r\n          graphTitle={graphTitle}\r\n          graphDescription={graphDescription}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n      <GraphArea ref={graphDiv}>\r\n        {svgWidth && svgHeight ? (\r\n          <Graph\r\n            width={svgWidth}\r\n            height={svgHeight}\r\n            mapStyles={mapStyles}\r\n            center={center}\r\n            zoomLevel={zoomLevel}\r\n            mapLegend={mapLegend}\r\n          />\r\n        ) : null}\r\n      </GraphArea>\r\n      {sources || footNote ? (\r\n        <GraphFooter\r\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n          classNames={{\r\n            footnote: classNames?.footnote,\r\n            source: classNames?.source,\r\n          }}\r\n          sources={sources}\r\n          footNote={footNote}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n    </GraphContainer>\r\n  );\r\n}\r\n"],"names":["synchronizeMap","map1","map2","isSyncing","syncMap","sourceMap","targetMap","center","getCenter","zoom","getZoom","bearing","getBearing","pitch","getPitch","jumpTo","on","Graph","props","$","_c","height","width","mapStyles","zoomLevel","mapLegend","position","setPosition","useState","isDragging","setIsDragging","containerRef","useRef","showLegend","setShowLegend","dragStartPositionRef","sliderWidthRef","t0","Symbol","for","activationConstraint","distance","sensors","useSensors","useSensor","PointerSensor","t1","current","getBoundingClientRect","handleDragStart","t2","event","deltaPercentage","delta","x","newPosition","Math","max","min","handleDragMove","t3","handleDragEnd","t4","e","rect","newPosition_0","clientX","left","handleClick","graphDiv","leftMapRef","rightMapRef","mapContainer","t5","t6","select","selectAll","remove","protocol","pmtiles","Protocol","maplibreGl","addProtocol","tile","leftMap","Map","container","style","rightMap","addControl","NavigationControl","visualizePitch","showZoom","showCompass","ScaleControl","useEffect","t7","t8","inset","t9","restrictToHorizontalAxis","t10","t11","overflow","cursor","userSelect","t12","t13","top","clipPath","t14","t15","t16","SliderHandle","t17","t18","jsx","DndContext","t19","t20","jsxs","Fragment","X","__html","string2HTML","undefined","React","isValidElement","t21","id","attributes","listeners","setNodeRef","useDraggable","bottom","transform","display","justifyContent","alignItems","zIndex","touchAction","boxShadow","ChevronLeftRight","GeoHubCompareMaps","graphTitle","relativeHeight","sources","graphDescription","footNote","padding","backgroundColor","graphID","language","minHeight","theme","ariaLabel","styles","classNames","svgWidth","setSvgWidth","svgHeight","setSvgHeight","graphParentDiv","resizeObserver","ResizeObserver","entries","target","clientWidth","clientHeight","observe","disconnect","graphContainer","description","title","GraphHeader","GraphArea","footnote","source","GraphFooter","GraphContainer"],"mappings":"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"}