@undp/data-viz 2.3.17 → 2.4.0

package/dist/GeoHubMap.js.map

@@ -1 +1 @@
-{"version":3,"file":"GeoHubMap.js","sources":["../src/Components/Graphs/Maps/GeoHubMaps/SimpleMap/GeoHubMultipleMap.tsx","../src/Components/Graphs/Maps/GeoHubMaps/SimpleMap/GeoHubSingleMap.tsx","../src/Components/Graphs/Maps/GeoHubMaps/SimpleMap/index.tsx"],"sourcesContent":["import { useRef, useEffect, useState } from 'react';\r\nimport 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 React from 'react';\r\n\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\nimport { filterData } from '@/Utils/transformData/filterData';\r\nimport { X } from '@/Components/Icons';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { GraphArea } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  mapStyle: string;\r\n  center?: [number, number];\r\n  zoomLevel?: number;\r\n  includeLayers: string[];\r\n  excludeLayers: string[];\r\n  mapLegend?: string | React.ReactNode;\r\n}\r\n\r\nexport function GeoHubMultipleMap(props: Props) {\r\n  const { mapStyle, center, zoomLevel, includeLayers, excludeLayers, mapLegend } = props;\r\n\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const [showLegend, setShowLegend] = useState(true);\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const mapContainer = useRef<HTMLDivElement>(null);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const mapRef = useRef<any>(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  useEffect(() => {\r\n    if (mapContainer.current && svgWidth && !mapRef.current) {\r\n      fetchAndParseJSON(mapStyle).then(d => {\r\n        const mapDiv = select(mapContainer.current);\r\n        mapDiv.selectAll('div').remove();\r\n        const protocol = new pmtiles.Protocol();\r\n        maplibreGl.addProtocol('pmtiles', protocol.tile);\r\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n        const mapObj: any = {\r\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n          container: mapContainer.current as any,\r\n          style:\r\n            includeLayers.length === 0 && excludeLayers.length === 0\r\n              ? d\r\n              : {\r\n                  ...d,\r\n                  layers: filterData(d.layers, [\r\n                    {\r\n                      column: 'id',\r\n                      includeValues: includeLayers,\r\n                      excludeValues: excludeLayers,\r\n                    },\r\n                  ]),\r\n                },\r\n          attributionControl: true,\r\n        };\r\n        if (center) {\r\n          mapObj.center = center;\r\n        }\r\n        if (zoomLevel) {\r\n          mapObj.zoom = zoomLevel;\r\n        }\r\n        mapRef.current = new maplibreGl.Map(mapObj);\r\n        mapRef.current.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        mapRef.current.addControl(new maplibreGl.ScaleControl(), 'bottom-left');\r\n      });\r\n    }\r\n  }, [svgWidth, center, zoomLevel, includeLayers, excludeLayers, mapStyle]);\r\n  useEffect(() => {\r\n    if (mapRef.current) {\r\n      fetchAndParseJSON(mapStyle).then(d => {\r\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n        const mapStyleObj: any = {\r\n          ...d,\r\n          layers: filterData(d.layers, [\r\n            {\r\n              column: 'id',\r\n              includeValues: includeLayers,\r\n              excludeValues: excludeLayers,\r\n            },\r\n          ]),\r\n        };\r\n        mapRef.current.setStyle(mapStyleObj);\r\n      });\r\n    }\r\n  }, [excludeLayers, includeLayers, mapStyle]);\r\n  return (\r\n    <GraphArea ref={graphDiv}>\r\n      {svgWidth && svgHeight ? (\r\n        <div\r\n          style={{\r\n            width: svgWidth,\r\n            height: svgHeight,\r\n          }}\r\n        >\r\n          <div\r\n            ref={mapContainer}\r\n            className='map maplibre-show-control'\r\n            style={{ width: '100%', height: '100%' }}\r\n          />\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      ) : null}\r\n    </GraphArea>\r\n  );\r\n}\r\n","import { useRef, useEffect, useState } from 'react';\r\nimport 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 React from 'react';\r\n\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\nimport { filterData } from '@/Utils/transformData/filterData';\r\nimport { X } from '@/Components/Icons';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { GraphArea } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  mapStyle: string;\r\n  center?: [number, number];\r\n  zoomLevel?: number;\r\n  mapLegend?: string | React.ReactNode;\r\n  includeLayers: string[];\r\n  excludeLayers: string[];\r\n}\r\n\r\nexport function GeoHubSingleMap(props: Props) {\r\n  const { mapStyle, center, zoomLevel, includeLayers, excludeLayers, mapLegend } = props;\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const [showLegend, setShowLegend] = useState(true);\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const mapContainer = 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  useEffect(() => {\r\n    if (mapContainer.current && svgWidth) {\r\n      fetchAndParseJSON(mapStyle).then(d => {\r\n        const mapDiv = select(mapContainer.current);\r\n        mapDiv.selectAll('div').remove();\r\n        const protocol = new pmtiles.Protocol();\r\n        maplibreGl.addProtocol('pmtiles', protocol.tile);\r\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n        const mapObj: any = {\r\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n          container: mapContainer.current as any,\r\n          style:\r\n            includeLayers.length === 0 && excludeLayers.length === 0\r\n              ? d\r\n              : {\r\n                  ...d,\r\n                  layers: filterData(d.layers, [\r\n                    {\r\n                      column: 'id',\r\n                      includeValues: includeLayers,\r\n                      excludeValues: excludeLayers,\r\n                    },\r\n                  ]),\r\n                },\r\n          attributionControl: true,\r\n        };\r\n        if (center) {\r\n          mapObj.center = center;\r\n        }\r\n        if (zoomLevel) {\r\n          mapObj.zoom = zoomLevel;\r\n        }\r\n        const map = new maplibreGl.Map(mapObj);\r\n        map.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        map.addControl(new maplibreGl.ScaleControl(), 'bottom-left');\r\n      });\r\n    }\r\n  }, [svgWidth, mapStyle, center, zoomLevel, includeLayers, excludeLayers]);\r\n  return (\r\n    <GraphArea ref={graphDiv}>\r\n      {svgWidth && svgHeight ? (\r\n        <div\r\n          style={{\r\n            width: svgWidth,\r\n            height: svgHeight,\r\n          }}\r\n        >\r\n          <div\r\n            ref={mapContainer}\r\n            className='map maplibre-show-control'\r\n            style={{ width: '100%', height: '100%' }}\r\n          />\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      ) : null}\r\n    </GraphArea>\r\n  );\r\n}\r\n","import React, { useRef, useState } from 'react';\r\nimport { DropdownSelect, createFilter } from '@undp/design-system-react/DropdownSelect';\r\n\r\nimport { GeoHubMultipleMap } from './GeoHubMultipleMap';\r\nimport { GeoHubSingleMap } from './GeoHubSingleMap';\r\n\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport {\r\n  ClassNameObject,\r\n  Languages,\r\n  MapLegendDataType,\r\n  SourcesDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { 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  /** URL for mapStyle JSON. If the type is string, otherwise it creates and dropdown and provide end user to select the map style they would like to  */\r\n  mapStyle: string | { style: string; name: string }[];\r\n  /** Defines the legend for the map. If the mapStyle is string, mapLegend can be string or ReactNode. mapLegend with type string is show as innerHTML. If the mapStyle is not string, mapLegend is of type { mapStyleName: string; legend: string | React.ReactNode }[] where mapStyleName corresponds to the each name in the mapStyle. */\r\n  mapLegend?: string | React.ReactNode | MapLegendDataType[];\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  /** List of layer IDs to be included in the visualization. If this is present only these layers are included. */\r\n  includeLayers?: string[];\r\n  /** List of layer IDs to be excluded from the visualization */\r\n  excludeLayers?: string[];\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  /** Theme for the UI elements */\r\n  uiMode?: 'light' | 'normal';\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) and [pmtiles](https://www.npmjs.com/package/pmtiles) package to your project */\r\nexport function GeoHubMap(props: Props) {\r\n  const {\r\n    mapStyle,\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    center,\r\n    zoomLevel,\r\n    graphID,\r\n    language = 'en',\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    includeLayers = [],\r\n    excludeLayers = [],\r\n    ariaLabel,\r\n    uiMode = 'normal',\r\n    styles,\r\n    classNames,\r\n    mapLegend,\r\n  } = props;\r\n\r\n  const [selectedMapStyle, setSelectedMapStyle] = useState<string | undefined>(undefined);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n\r\n  const defaultMapStyleValue = typeof mapStyle === 'string' ? mapStyle : mapStyle[0].style;\r\n\r\n  const filterConfig = {\r\n    ignoreCase: true,\r\n    ignoreAccents: true,\r\n    trim: true,\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      {typeof mapStyle === 'string' ? null : (\r\n        <DropdownSelect\r\n          options={mapStyle.map(d => ({ label: d.name, value: d.style }))}\r\n          isClearable={false}\r\n          size='sm'\r\n          variant={uiMode}\r\n          isRtl={language === 'he' || language === 'ar'}\r\n          isSearchable\r\n          filterOption={createFilter(filterConfig)}\r\n          defaultValue={mapStyle.find(d => d.style === defaultMapStyleValue)}\r\n          controlShouldRenderValue\r\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n          onChange={(el: any) => {\r\n            if (el) setSelectedMapStyle(el.value);\r\n          }}\r\n        />\r\n      )}\r\n      {typeof mapStyle === 'string' ? (\r\n        <GeoHubSingleMap\r\n          mapStyle={mapStyle}\r\n          center={center}\r\n          zoomLevel={zoomLevel}\r\n          includeLayers={includeLayers}\r\n          excludeLayers={excludeLayers}\r\n          mapLegend={mapLegend as string | React.ReactNode | undefined}\r\n        />\r\n      ) : (\r\n        <GeoHubMultipleMap\r\n          mapStyle={selectedMapStyle || defaultMapStyleValue}\r\n          center={center}\r\n          zoomLevel={zoomLevel}\r\n          includeLayers={includeLayers}\r\n          excludeLayers={excludeLayers}\r\n          mapLegend={\r\n            ((mapLegend || []) as MapLegendDataType[]).find(\r\n              d =>\r\n                d.mapStyleName ===\r\n                mapStyle.find(el => el.style === (selectedMapStyle || defaultMapStyleValue))?.name,\r\n            )?.legend\r\n          }\r\n        />\r\n      )}\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":["GeoHubMultipleMap","props","$","_c","mapStyle","center","zoomLevel","includeLayers","excludeLayers","mapLegend","svgWidth","setSvgWidth","useState","svgHeight","setSvgHeight","showLegend","setShowLegend","graphDiv","useRef","mapContainer","mapRef","t0","t1","Symbol","for","resizeObserver","ResizeObserver","entries","target","clientWidth","clientHeight","current","observe","disconnect","useEffect","t2","t3","fetchAndParseJSON","then","d","mapDiv","select","selectAll","remove","protocol","pmtiles","Protocol","maplibreGl","addProtocol","tile","mapObj","container","style","length","layers","filterData","column","includeValues","excludeValues","attributionControl","zoom","Map","addControl","NavigationControl","visualizePitch","showZoom","showCompass","ScaleControl","t4","t5","d_0","mapStyleObj","setStyle","t6","jsxs","width","height","jsx","Fragment","X","__html","string2HTML","undefined","React","isValidElement","t7","GraphArea","GeoHubSingleMap","map","GeoHubMap","graphTitle","relativeHeight","sources","graphDescription","footNote","padding","backgroundColor","graphID","language","minHeight","theme","ariaLabel","uiMode","styles","classNames","t8","selectedMapStyle","setSelectedMapStyle","graphParentDiv","defaultMapStyleValue","T0","t10","t11","t12","t13","t14","t15","t16","t17","t18","t19","t20","t21","t22","t23","t9","description","graphContainer","title","filterConfig","ignoreCase","ignoreAccents","trim","GraphContainer","GraphHeader","DropdownSelect","_temp","createFilter","find","el","value","t24","d_1","mapStyleName","el_0","name","legend","t25","footnote","source","GraphFooter","t26","label"],"mappings":"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"}
+{"version":3,"file":"GeoHubMap.js","sources":["../src/Components/Graphs/Maps/GeoHubMaps/SimpleMap/GeoHubMultipleMap.tsx","../src/Components/Graphs/Maps/GeoHubMaps/SimpleMap/GeoHubSingleMap.tsx","../src/Components/Graphs/Maps/GeoHubMaps/SimpleMap/index.tsx"],"sourcesContent":["import { useRef, useEffect, useState } from 'react';\r\nimport 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 React from 'react';\r\n\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\nimport { filterData } from '@/Utils/transformData/filterData';\r\nimport { ExpandIcon, X } from '@/Components/Icons';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { GraphArea } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  mapStyle: string;\r\n  center?: [number, number];\r\n  zoomLevel?: number;\r\n  includeLayers: string[];\r\n  excludeLayers: string[];\r\n  mapLegend?: string | React.ReactNode;\r\n}\r\n\r\nexport function GeoHubMultipleMap(props: Props) {\r\n  const { mapStyle, center, zoomLevel, includeLayers, excludeLayers, mapLegend } = props;\r\n\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const [showLegend, setShowLegend] = useState(true);\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const mapContainer = useRef<HTMLDivElement>(null);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const mapRef = useRef<any>(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  useEffect(() => {\r\n    if (mapContainer.current && svgWidth && !mapRef.current) {\r\n      fetchAndParseJSON(mapStyle).then(d => {\r\n        const mapDiv = select(mapContainer.current);\r\n        mapDiv.selectAll('div').remove();\r\n        const protocol = new pmtiles.Protocol();\r\n        maplibreGl.addProtocol('pmtiles', protocol.tile);\r\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n        const mapObj: any = {\r\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n          container: mapContainer.current as any,\r\n          style:\r\n            includeLayers.length === 0 && excludeLayers.length === 0\r\n              ? d\r\n              : {\r\n                  ...d,\r\n                  layers: filterData(d.layers, [\r\n                    {\r\n                      column: 'id',\r\n                      includeValues: includeLayers,\r\n                      excludeValues: excludeLayers,\r\n                    },\r\n                  ]),\r\n                },\r\n          attributionControl: true,\r\n        };\r\n        if (center) {\r\n          mapObj.center = center;\r\n        }\r\n        if (zoomLevel) {\r\n          mapObj.zoom = zoomLevel;\r\n        }\r\n        mapRef.current = new maplibreGl.Map(mapObj);\r\n        mapRef.current.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        mapRef.current.addControl(new maplibreGl.ScaleControl(), 'bottom-left');\r\n      });\r\n    }\r\n  }, [svgWidth, center, zoomLevel, includeLayers, excludeLayers, mapStyle]);\r\n  useEffect(() => {\r\n    if (mapRef.current) {\r\n      fetchAndParseJSON(mapStyle).then(d => {\r\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n        const mapStyleObj: any = {\r\n          ...d,\r\n          layers: filterData(d.layers, [\r\n            {\r\n              column: 'id',\r\n              includeValues: includeLayers,\r\n              excludeValues: excludeLayers,\r\n            },\r\n          ]),\r\n        };\r\n        mapRef.current.setStyle(mapStyleObj);\r\n      });\r\n    }\r\n  }, [excludeLayers, includeLayers, mapStyle]);\r\n  return (\r\n    <GraphArea ref={graphDiv}>\r\n      {svgWidth && svgHeight ? (\r\n        <div\r\n          style={{\r\n            width: svgWidth,\r\n            height: svgHeight,\r\n          }}\r\n        >\r\n          <div\r\n            ref={mapContainer}\r\n            className='map maplibre-show-control'\r\n            style={{ width: '100%', height: '100%' }}\r\n          />\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='p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button'\r\n                  onClick={() => {\r\n                    setShowLegend(true);\r\n                  }}\r\n                >\r\n                  <ExpandIcon />\r\n                </button>\r\n              )}\r\n            </div>\r\n          ) : null}\r\n        </div>\r\n      ) : null}\r\n    </GraphArea>\r\n  );\r\n}\r\n","import { useRef, useEffect, useState } from 'react';\r\nimport 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 React from 'react';\r\n\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\nimport { filterData } from '@/Utils/transformData/filterData';\r\nimport { ExpandIcon, X } from '@/Components/Icons';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { GraphArea } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  mapStyle: string;\r\n  center?: [number, number];\r\n  zoomLevel?: number;\r\n  mapLegend?: string | React.ReactNode;\r\n  includeLayers: string[];\r\n  excludeLayers: string[];\r\n}\r\n\r\nexport function GeoHubSingleMap(props: Props) {\r\n  const { mapStyle, center, zoomLevel, includeLayers, excludeLayers, mapLegend } = props;\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const [showLegend, setShowLegend] = useState(true);\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const mapContainer = 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  useEffect(() => {\r\n    if (mapContainer.current && svgWidth) {\r\n      fetchAndParseJSON(mapStyle).then(d => {\r\n        const mapDiv = select(mapContainer.current);\r\n        mapDiv.selectAll('div').remove();\r\n        const protocol = new pmtiles.Protocol();\r\n        maplibreGl.addProtocol('pmtiles', protocol.tile);\r\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n        const mapObj: any = {\r\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n          container: mapContainer.current as any,\r\n          style:\r\n            includeLayers.length === 0 && excludeLayers.length === 0\r\n              ? d\r\n              : {\r\n                  ...d,\r\n                  layers: filterData(d.layers, [\r\n                    {\r\n                      column: 'id',\r\n                      includeValues: includeLayers,\r\n                      excludeValues: excludeLayers,\r\n                    },\r\n                  ]),\r\n                },\r\n          attributionControl: true,\r\n        };\r\n        if (center) {\r\n          mapObj.center = center;\r\n        }\r\n        if (zoomLevel) {\r\n          mapObj.zoom = zoomLevel;\r\n        }\r\n        const map = new maplibreGl.Map(mapObj);\r\n        map.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        map.addControl(new maplibreGl.ScaleControl(), 'bottom-left');\r\n      });\r\n    }\r\n  }, [svgWidth, mapStyle, center, zoomLevel, includeLayers, excludeLayers]);\r\n  return (\r\n    <GraphArea ref={graphDiv}>\r\n      {svgWidth && svgHeight ? (\r\n        <div\r\n          style={{\r\n            width: svgWidth,\r\n            height: svgHeight,\r\n          }}\r\n        >\r\n          <div\r\n            ref={mapContainer}\r\n            className='map maplibre-show-control'\r\n            style={{ width: '100%', height: '100%' }}\r\n          />\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='p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button'\r\n                  onClick={() => {\r\n                    setShowLegend(true);\r\n                  }}\r\n                >\r\n                  <ExpandIcon />\r\n                </button>\r\n              )}\r\n            </div>\r\n          ) : null}\r\n        </div>\r\n      ) : null}\r\n    </GraphArea>\r\n  );\r\n}\r\n","import React, { useRef, useState } from 'react';\r\nimport { DropdownSelect, createFilter } from '@undp/design-system-react/DropdownSelect';\r\n\r\nimport { GeoHubMultipleMap } from './GeoHubMultipleMap';\r\nimport { GeoHubSingleMap } from './GeoHubSingleMap';\r\n\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport {\r\n  ClassNameObject,\r\n  Languages,\r\n  MapLegendDataType,\r\n  SourcesDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { 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  /** URL for mapStyle JSON. If the type is string, otherwise it creates and dropdown and provide end user to select the map style they would like to  */\r\n  mapStyle: string | { style: string; name: string }[];\r\n  /** Defines the legend for the map. If the mapStyle is string, mapLegend can be string or ReactNode. mapLegend with type string is show as innerHTML. If the mapStyle is not string, mapLegend is of type { mapStyleName: string; legend: string | React.ReactNode }[] where mapStyleName corresponds to the each name in the mapStyle. */\r\n  mapLegend?: string | React.ReactNode | MapLegendDataType[];\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  /** List of layer IDs to be included in the visualization. If this is present only these layers are included. */\r\n  includeLayers?: string[];\r\n  /** List of layer IDs to be excluded from the visualization */\r\n  excludeLayers?: string[];\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  /** Theme for the UI elements */\r\n  uiMode?: 'light' | 'normal';\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) and [pmtiles](https://www.npmjs.com/package/pmtiles) package to your project */\r\nexport function GeoHubMap(props: Props) {\r\n  const {\r\n    mapStyle,\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    center,\r\n    zoomLevel,\r\n    graphID,\r\n    language = 'en',\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    includeLayers = [],\r\n    excludeLayers = [],\r\n    ariaLabel,\r\n    uiMode = 'normal',\r\n    styles,\r\n    classNames,\r\n    mapLegend,\r\n  } = props;\r\n\r\n  const [selectedMapStyle, setSelectedMapStyle] = useState<string | undefined>(undefined);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n\r\n  const defaultMapStyleValue = typeof mapStyle === 'string' ? mapStyle : mapStyle[0].style;\r\n\r\n  const filterConfig = {\r\n    ignoreCase: true,\r\n    ignoreAccents: true,\r\n    trim: true,\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      {typeof mapStyle === 'string' ? null : (\r\n        <DropdownSelect\r\n          options={mapStyle.map(d => ({ label: d.name, value: d.style }))}\r\n          isClearable={false}\r\n          size='sm'\r\n          variant={uiMode}\r\n          isRtl={language === 'he' || language === 'ar'}\r\n          isSearchable\r\n          filterOption={createFilter(filterConfig)}\r\n          defaultValue={mapStyle.find(d => d.style === defaultMapStyleValue)}\r\n          controlShouldRenderValue\r\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n          onChange={(el: any) => {\r\n            if (el) setSelectedMapStyle(el.value);\r\n          }}\r\n        />\r\n      )}\r\n      {typeof mapStyle === 'string' ? (\r\n        <GeoHubSingleMap\r\n          mapStyle={mapStyle}\r\n          center={center}\r\n          zoomLevel={zoomLevel}\r\n          includeLayers={includeLayers}\r\n          excludeLayers={excludeLayers}\r\n          mapLegend={mapLegend as string | React.ReactNode | undefined}\r\n        />\r\n      ) : (\r\n        <GeoHubMultipleMap\r\n          mapStyle={selectedMapStyle || defaultMapStyleValue}\r\n          center={center}\r\n          zoomLevel={zoomLevel}\r\n          includeLayers={includeLayers}\r\n          excludeLayers={excludeLayers}\r\n          mapLegend={\r\n            ((mapLegend || []) as MapLegendDataType[]).find(\r\n              d =>\r\n                d.mapStyleName ===\r\n                mapStyle.find(el => el.style === (selectedMapStyle || defaultMapStyleValue))?.name,\r\n            )?.legend\r\n          }\r\n        />\r\n      )}\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":["GeoHubMultipleMap","props","$","_c","mapStyle","center","zoomLevel","includeLayers","excludeLayers","mapLegend","svgWidth","setSvgWidth","useState","svgHeight","setSvgHeight","showLegend","setShowLegend","graphDiv","useRef","mapContainer","mapRef","t0","t1","Symbol","for","resizeObserver","ResizeObserver","entries","target","clientWidth","clientHeight","current","observe","disconnect","useEffect","t2","t3","fetchAndParseJSON","then","d","mapDiv","select","selectAll","remove","protocol","pmtiles","Protocol","maplibreGl","addProtocol","tile","mapObj","container","style","length","layers","filterData","column","includeValues","excludeValues","attributionControl","zoom","Map","addControl","NavigationControl","visualizePitch","showZoom","showCompass","ScaleControl","t4","t5","d_0","mapStyleObj","setStyle","t6","jsxs","width","height","jsx","Fragment","X","__html","string2HTML","undefined","React","isValidElement","ExpandIcon","t7","GraphArea","GeoHubSingleMap","map","GeoHubMap","graphTitle","relativeHeight","sources","graphDescription","footNote","padding","backgroundColor","graphID","language","minHeight","theme","ariaLabel","uiMode","styles","classNames","t8","selectedMapStyle","setSelectedMapStyle","graphParentDiv","defaultMapStyleValue","T0","t10","t11","t12","t13","t14","t15","t16","t17","t18","t19","t20","t21","t22","t23","t9","description","graphContainer","title","filterConfig","ignoreCase","ignoreAccents","trim","GraphContainer","GraphHeader","DropdownSelect","_temp","createFilter","find","el","value","t24","d_1","mapStyleName","el_0","name","legend","t25","footnote","source","GraphFooter","t26","label"],"mappings":";;;;;;;;;;;;;;AAsBO,SAAAA,GAAAC,GAAA;AAAA,QAAAC,IAAAC,GAAAA,EAAA,EAAA,GACL;AAAA,IAAAC,UAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,eAAAA;AAAAA,IAAAC,eAAAA;AAAAA,IAAAC,WAAAA;AAAAA,EAAAA,IAAiFR,GAEjF,CAAAS,GAAAC,CAAA,IAAgCC,EAAS,CAAC,GAC1C,CAAAC,GAAAC,CAAA,IAAkCF,EAAS,CAAC,GAC5C,CAAAG,GAAAC,CAAA,IAAoCJ,EAAS,EAAI,GACjDK,IAAiBC,EAAuB,IAAI,GAC5CC,IAAqBD,EAAuB,IAAI,GAEhDE,IAAeF,EAAY,IAAI;AAAE,MAAAG,GAAAC;AAAA,EAAApB,EAAA,CAAA,MAAAqB,uBAAAC,IAAA,2BAAA,KACvBH,IAAAA,MAAA;AACR,UAAAI,IAAuB,IAAIC,eAAeC,CAAAA,MAAA;AACxChB,MAAAA,EAAYgB,EAAO,CAAA,EAAGC,OAAOC,eAAjB,GAAoC,GAChDf,EAAaa,EAAO,CAAA,EAAGC,OAAOE,gBAAjB,GAAqC;AAAA,IAAC,CACpD;AACD,WAAIb,EAAQc,WACVN,EAAcO,QAASf,EAAQc,OAAQ,GAElC,MAAMN,EAAcQ,WAAAA;AAAAA,EAAa,GACvCX,IAAA,CAAA,GAAEpB,OAAAmB,GAAAnB,OAAAoB,MAAAD,IAAAnB,EAAA,CAAA,GAAAoB,IAAApB,EAAA,CAAA,IATLgC,EAAUb,GASPC,CAAE;AAAC,MAAAa,GAAAC;AAAA,EAAAlC,SAAAG,KAAAH,EAAA,CAAA,MAAAM,KAAAN,EAAA,CAAA,MAAAK,KAAAL,EAAA,CAAA,MAAAE,KAAAF,SAAAQ,KAAAR,EAAA,CAAA,MAAAI,KACI6B,IAAAA,MAAA;AACR,IAAIhB,EAAYY,WAAZrB,KAAA,CAAqCU,EAAMW,WAC7CM,GAAkBjC,CAAQ,EAACkC,KAAMC,CAAAA,MAAA;AAE/BC,MADeC,GAAOtB,EAAYY,OAAQ,EACpCW,UAAW,KAAK,EAACC,OAAAA;AACvB,YAAAC,IAAiB,IAAIC,GAAOC,SAAAA;AAC5BC,MAAAA,EAAUC,YAAa,WAAWJ,EAAQK,IAAK;AAE/C,YAAAC,IAAoB;AAAA,QAAAC,WAEPhC,EAAYY;AAAAA,QAAeqB,OAEpC7C,EAAa8C,WAAY,KAAK7C,EAAa6C,WAAY,IAAvDd,IAAA;AAAA,UAAA,GAGSA;AAAAA,UAACe,QACIC,GAAWhB,EAACe,QAAS,CAC3B;AAAA,YAAAE,QACU;AAAA,YAAIC,eACGlD;AAAAA,YAAamD,eACblD;AAAAA,UAAAA,CAChB,CACF;AAAA,QAAA;AAAA,QACFmD,oBACa;AAAA,MAAA;AAEtB,MAAItD,MACF6C,EAAM7C,SAAUA,IAEdC,MACF4C,EAAMU,OAAQtD,IAEhBc,EAAMW,UAAW,IAAIgB,EAAUc,IAAKX,CAAM,GAC1C9B,EAAMW,QAAQ+B,WACZ,IAAIf,EAAUgB,kBAAmB;AAAA,QAAAC,gBACf;AAAA,QAAIC,UACV;AAAA,QAAIC,aACD;AAAA,MAAA,CACd,GACD,cACF,GACA9C,EAAMW,QAAQ+B,WAAY,IAAIf,EAAUoB,aAAAA,GAAiB,aAAa;AAAA,IAAC,CACxE;AAAA,EACF,GACA/B,IAAA,CAAC1B,GAAUL,GAAQC,GAAWC,GAAeC,GAAeJ,CAAQ,GAACF,OAAAG,GAAAH,OAAAM,GAAAN,OAAAK,GAAAL,OAAAE,GAAAF,OAAAQ,GAAAR,OAAAI,GAAAJ,OAAAiC,GAAAjC,OAAAkC,MAAAD,IAAAjC,EAAA,CAAA,GAAAkC,IAAAlC,EAAA,CAAA,IA5CxEgC,EAAUC,GA4CPC,CAAqE;AAAC,MAAAgC,GAAAC;AAAA,EAAAnE,EAAA,EAAA,MAAAM,KAAAN,UAAAK,KAAAL,EAAA,EAAA,MAAAE,KAC/DgE,IAAAA,MAAA;AACR,IAAIhD,EAAMW,WACRM,GAAkBjC,CAAQ,EAACkC,KAAMgC,CAAAA,MAAA;AAE/B,YAAAC,IAAyB;AAAA,QAAA,GACpBhC;AAAAA,QAACe,QACIC,GAAWhB,EAACe,QAAS,CAC3B;AAAA,UAAAE,QACU;AAAA,UAAIC,eACGlD;AAAAA,UAAamD,eACblD;AAAAA,QAAAA,CAChB,CACF;AAAA,MAAA;AAEHY,MAAAA,EAAMW,QAAQyC,SAAUD,CAAW;AAAA,IAAC,CACrC;AAAA,EACF,GACAF,KAAC7D,GAAeD,GAAeH,CAAQ,GAACF,QAAAM,GAAAN,QAAAK,GAAAL,QAAAE,GAAAF,QAAAkE,GAAAlE,QAAAmE,MAAAD,IAAAlE,EAAA,EAAA,GAAAmE,IAAAnE,EAAA,EAAA,IAjB3CgC,EAAUkC,GAiBPC,CAAwC;AAAC,MAAAI;AAAA,EAAAvE,EAAA,EAAA,MAAAO,KAAAP,EAAA,EAAA,MAAAa,KAAAb,EAAA,EAAA,MAAAW,KAAAX,UAAAQ,KAGvC+D,IAAA/D,KAAAG,IACC6D,gBAAAA,EAAAA,KAAA,OAAA,EACS,OAAA;AAAA,IAAAC,OACEjE;AAAAA,IAAQkE,QACP/D;AAAAA,EAAAA,GAGV,UAAA;AAAA,IAAAgE,gBAAAA,EAAAA,IAAA,OAAA,EACO1D,KAAAA,GACK,WAAA,6BACH,OAAA;AAAA,MAAAwD,OAAS;AAAA,MAAMC,QAAU;AAAA,IAAA,GAAQ;AAAA,IAEzCnE,IACCoE,gBAAAA,EAAAA,aAAe,WAAA,kCACZ9D,cAAA2D,gBAAAA,EAAAA,KAAAI,EAAAA,UAAA,EAEG,UAAA;AAAA,MAAAD,gBAAAA,EAAAA,IAAA,OAAA,EACY,WAAA,+MACD,SAAA,MAAA;AACP7D,QAAAA,EAAc,EAAK;AAAA,MAAC,GAGtB,UAAA6D,gBAAAA,EAAAA,IAACE,IAAA,CAAA,IACH;AAAA,4BACA,OAAA,EACY,WAAA,gFAER,gCAAOtE,KAAc,WAArB;AAAA,QAAAuE,QAA0CC,GAAYxE,CAAS;AAAA,MAAA,IAA/DyE,QAGDC,UAAAA,GAAKC,eAAgB3E,CAA4B,IAAjDA,IAAA,KAAA,CACH;AAAA,IAAA,GAAM,0BAGR,UAAA,EACO,MAAA,UACK,WAAA,mHACD,SAAA,MAAA;AACPO,MAAAA,EAAc,EAAI;AAAA,IAAC,GAGrB,UAAA6D,gBAAAA,MAACQ,IAAA,CAAA,CAAU,EAAA,CACb,GAEJ,IAhCD;AAAA,EAAA,EAAA,CAkCH,IA9CD,MA+COnF,QAAAO,GAAAP,QAAAa,GAAAb,QAAAW,GAAAX,QAAAQ,GAAAR,QAAAuE,KAAAA,IAAAvE,EAAA,EAAA;AAAA,MAAAoF;AAAA,SAAApF,UAAAuE,KAhDVa,IAAAT,gBAAAA,EAAAA,IAACU,IAAA,EAAetE,KAAAA,GACbwD,UAAAA,GAgDH,GAAYvE,QAAAuE,GAAAvE,QAAAoF,KAAAA,IAAApF,EAAA,EAAA,GAjDZoF;AAiDY;ACrIT,SAAAE,GAAAvF,GAAA;AAAA,QAAAC,IAAAC,GAAAA,EAAA,EAAA,GACL;AAAA,IAAAC,UAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,eAAAA;AAAAA,IAAAC,eAAAA;AAAAA,IAAAC,WAAAA;AAAAA,EAAAA,IAAiFR,GACjF,CAAAS,GAAAC,CAAA,IAAgCC,EAAS,CAAC,GAC1C,CAAAC,GAAAC,CAAA,IAAkCF,EAAS,CAAC,GAC5C,CAAAG,GAAAC,CAAA,IAAoCJ,EAAS,EAAI,GACjDK,IAAiBC,EAAuB,IAAI,GAC5CC,IAAqBD,EAAuB,IAAI;AAAE,MAAAG,GAAAC;AAAA,EAAApB,EAAA,CAAA,MAAAqB,uBAAAC,IAAA,2BAAA,KACxCH,IAAAA,MAAA;AACR,UAAAI,IAAuB,IAAIC,eAAeC,CAAAA,MAAA;AACxChB,MAAAA,EAAYgB,EAAO,CAAA,EAAGC,OAAOC,eAAjB,GAAoC,GAChDf,EAAaa,EAAO,CAAA,EAAGC,OAAOE,gBAAjB,GAAqC;AAAA,IAAC,CACpD;AACD,WAAIb,EAAQc,WACVN,EAAcO,QAASf,EAAQc,OAAQ,GAElC,MAAMN,EAAcQ,WAAAA;AAAAA,EAAa,GACvCX,IAAA,CAAA,GAAEpB,OAAAmB,GAAAnB,OAAAoB,MAAAD,IAAAnB,EAAA,CAAA,GAAAoB,IAAApB,EAAA,CAAA,IATLgC,EAAUb,GASPC,CAAE;AAAC,MAAAa,GAAAC;AAAA,EAAAlC,SAAAG,KAAAH,EAAA,CAAA,MAAAM,KAAAN,EAAA,CAAA,MAAAK,KAAAL,EAAA,CAAA,MAAAE,KAAAF,SAAAQ,KAAAR,EAAA,CAAA,MAAAI,KACI6B,IAAAA,MAAA;AACR,IAAIhB,EAAYY,WAAZrB,KACF2B,GAAkBjC,CAAQ,EAACkC,KAAMC,CAAAA,MAAA;AAE/BC,MADeC,GAAOtB,EAAYY,OAAQ,EACpCW,UAAW,KAAK,EAACC,OAAAA;AACvB,YAAAC,IAAiB,IAAIC,GAAOC,SAAAA;AAC5BC,MAAAA,EAAUC,YAAa,WAAWJ,EAAQK,IAAK;AAE/C,YAAAC,IAAoB;AAAA,QAAAC,WAEPhC,EAAYY;AAAAA,QAAeqB,OAEpC7C,EAAa8C,WAAY,KAAK7C,EAAa6C,WAAY,IAAvDd,IAAA;AAAA,UAAA,GAGSA;AAAAA,UAACe,QACIC,GAAWhB,EAACe,QAAS,CAC3B;AAAA,YAAAE,QACU;AAAA,YAAIC,eACGlD;AAAAA,YAAamD,eACblD;AAAAA,UAAAA,CAChB,CACF;AAAA,QAAA;AAAA,QACFmD,oBACa;AAAA,MAAA;AAEtB,MAAItD,MACF6C,EAAM7C,SAAUA,IAEdC,MACF4C,EAAMU,OAAQtD;AAEhB,YAAAmF,IAAY,IAAI1C,EAAUc,IAAKX,CAAM;AACrCuC,MAAAA,EAAG3B,WACD,IAAIf,EAAUgB,kBAAmB;AAAA,QAAAC,gBACf;AAAA,QAAIC,UACV;AAAA,QAAIC,aACD;AAAA,MAAA,CACd,GACD,cACF,GACAuB,EAAG3B,WAAY,IAAIf,EAAUoB,aAAAA,GAAiB,aAAa;AAAA,IAAC,CAC7D;AAAA,EACF,GACA/B,IAAA,CAAC1B,GAAUN,GAAUC,GAAQC,GAAWC,GAAeC,CAAa,GAACN,OAAAG,GAAAH,OAAAM,GAAAN,OAAAK,GAAAL,OAAAE,GAAAF,OAAAQ,GAAAR,OAAAI,GAAAJ,OAAAiC,GAAAjC,OAAAkC,MAAAD,IAAAjC,EAAA,CAAA,GAAAkC,IAAAlC,EAAA,CAAA,IA5CxEgC,EAAUC,GA4CPC,CAAqE;AAAC,MAAAgC;AAAA,EAAAlE,EAAA,EAAA,MAAAO,KAAAP,EAAA,EAAA,MAAAa,KAAAb,EAAA,EAAA,MAAAW,KAAAX,UAAAQ,KAGpE0D,IAAA1D,KAAAG,IACC6D,gBAAAA,EAAAA,KAAA,OAAA,EACS,OAAA;AAAA,IAAAC,OACEjE;AAAAA,IAAQkE,QACP/D;AAAAA,EAAAA,GAGV,UAAA;AAAA,IAAAgE,gBAAAA,EAAAA,IAAA,OAAA,EACO1D,KAAAA,GACK,WAAA,6BACH,OAAA;AAAA,MAAAwD,OAAS;AAAA,MAAMC,QAAU;AAAA,IAAA,GAAQ;AAAA,IAEzCnE,IACCoE,gBAAAA,EAAAA,aAAe,WAAA,kCACZ9D,cAAA2D,gBAAAA,EAAAA,KAAAI,EAAAA,UAAA,EAEG,UAAA;AAAA,MAAAD,gBAAAA,EAAAA,IAAA,OAAA,EACY,WAAA,+MACD,SAAA,MAAA;AACP7D,QAAAA,EAAc,EAAK;AAAA,MAAC,GAGtB,UAAA6D,gBAAAA,EAAAA,IAACE,IAAA,CAAA,IACH;AAAA,4BACA,OAAA,EACY,WAAA,gFAER,gCAAOtE,KAAc,WAArB;AAAA,QAAAuE,QAA0CC,GAAYxE,CAAS;AAAA,MAAA,IAA/DyE,QAGDC,UAAAA,GAAKC,eAAgB3E,CAA4B,IAAjDA,IAAA,KAAA,CACH;AAAA,IAAA,GAAM,0BAGR,UAAA,EACO,MAAA,UACK,WAAA,mHACD,SAAA,MAAA;AACPO,MAAAA,EAAc,EAAI;AAAA,IAAC,GAGrB,UAAA6D,gBAAAA,MAACQ,IAAA,CAAA,CAAU,EAAA,CACb,GAEJ,IAhCD;AAAA,EAAA,EAAA,CAkCH,IA9CD,MA+COnF,QAAAO,GAAAP,QAAAa,GAAAb,QAAAW,GAAAX,QAAAQ,GAAAR,QAAAkE,KAAAA,IAAAlE,EAAA,EAAA;AAAA,MAAAmE;AAAA,SAAAnE,UAAAkE,KAhDVC,IAAAQ,gBAAAA,EAAAA,IAACU,IAAA,EAAetE,KAAAA,GACbmD,UAAAA,GAgDH,GAAYlE,QAAAkE,GAAAlE,QAAAmE,KAAAA,IAAAnE,EAAA,EAAA,GAjDZmE;AAiDY;AC1DT,SAAAqB,GAAAzF,GAAA;AAAA,QAAAC,IAAAC,GAAAA,EAAA,EAAA,GACL;AAAA,IAAAC,UAAAA;AAAAA,IAAAuF,YAAAA;AAAAA,IAAAf,QAAAA;AAAAA,IAAAD,OAAAA;AAAAA,IAAAiB,gBAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,kBAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,iBAAA5E;AAAAA,IAAAhB,QAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAA4F,SAAAA;AAAAA,IAAAC,UAAA7E;AAAAA,IAAA8E,WAAAjE;AAAAA,IAAAkE,OAAAjE;AAAAA,IAAA7B,eAAA6D;AAAAA,IAAA5D,eAAA6D;AAAAA,IAAAiC,WAAAA;AAAAA,IAAAC,QAAA9B;AAAAA,IAAA+B,QAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAhG,WAAAA;AAAAA,EAAAA,IAwBIR,GAdFgG,IAAA5E,MAAA6D,SAAA,KAAA7D,GAIA8E,IAAA7E,MAAA4D,SAAA,OAAA5D,GACA8E,IAAAjE,MAAA+C,SAAA,IAAA/C,GACAkE,IAAAjE,MAAA8C,SAAA,UAAA9C;AAAe,MAAAkD;AAAA,EAAApF,SAAAkE,KACfkB,KAAAlB,MAAAc,SAAA,CAAA,IAAAd,GAAkBlE,OAAAkE,GAAAlE,OAAAoF,MAAAA,KAAApF,EAAA,CAAA;AAAlB,QAAAK,KAAA+E;AAAkB,MAAAoB;AAAA,EAAAxG,SAAAmE,KAClBqC,KAAArC,MAAAa,SAAA,CAAA,IAAAb,GAAkBnE,OAAAmE,GAAAnE,OAAAwG,MAAAA,KAAAxG,EAAA,CAAA;AAAlB,QAAAM,KAAAkG,IAEAH,KAAA9B,MAAAS,SAAA,WAAAT,GAMF,CAAAkC,IAAAC,EAAA,IAAgDhG,EAA6BsE,MAAS,GACtF2B,KAAuB3F,EAAuB,IAAI,GAElD4F,IAA6B,OAAO1G,KAAa,WAApBA,IAA0CA,EAAQ,CAAA,EAAGgD;AAAO,MAAA2D,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC;AAAA,MAAA5H,SAAAoG,KAAApG,EAAA,CAAA,MAAA+F,KAAA/F,EAAA,CAAA,MAAAuG,GAAAsB,eAAA7H,EAAA,CAAA,MAAAuG,GAAAuB,kBAAA9H,EAAA,CAAA,MAAAuG,GAAAwB,SAAA/H,EAAA,CAAA,MAAA4G,KAAA5G,UAAA4F,KAAA5F,EAAA,EAAA,MAAAgG,KAAAhG,EAAA,EAAA,MAAAyF,KAAAzF,EAAA,EAAA,MAAA0E,KAAA1E,UAAAiG,KAAAjG,EAAA,EAAA,MAAAE,KAAAF,EAAA,EAAA,MAAAkG,KAAAlG,UAAA8F,KAAA9F,EAAA,EAAA,MAAA0F,KAAA1F,EAAA,EAAA,MAAAsG,GAAAuB,eAAA7H,EAAA,EAAA,MAAAsG,GAAAwB,kBAAA9H,EAAA,EAAA,MAAAsG,GAAAyB,SAAA/H,EAAA,EAAA,MAAAmG,KAAAnG,UAAAqG,MAAArG,EAAA,EAAA,MAAAyE,GAAA;AAEzF,UAAAuD,KAAqB;AAAA,MAAAC,YACP;AAAA,MAAIC,eACD;AAAA,MAAIC,MACb;AAAA,IAAA;AAGLtB,IAAAA,IAAAuB,IACYR,IAAArB,GAAUuB,gBACdhB,IAAAR,GAAMwB,gBACT9B,IAAAA,GACCW,IAAAA,IACOP,IAAAA,GACKL,IAAAA,GACVI,IAAAA,GACGF,IAAAA,GACCC,IAAAA,GACJzB,IAAAA,GACCC,IAAAA,GACQgB,IAAAA,GACPI,IAAAA,GAAO9F,EAAA,EAAA,MAAAuG,GAAAsB,eAAA7H,EAAA,EAAA,MAAAuG,GAAAwB,SAAA/H,EAAA,EAAA,MAAA4F,KAAA5F,EAAA,EAAA,MAAAyF,KAAAzF,EAAA,EAAA,MAAAsG,GAAAuB,eAAA7H,EAAA,EAAA,MAAAsG,GAAAyB,SAAA/H,UAAAyE,KAEfiD,IAAAjC,KAAAG,IACCjB,gBAAAA,EAAAA,IAAC0D,IAAA,EACS,QAAA;AAAA,MAAAN,OACCzB,GAAMyB;AAAAA,MAAOF,aACPvB,GAAMuB;AAAAA,IAAAA,GAET,YAAA;AAAA,MAAAE,OACHxB,GAAUwB;AAAAA,MAAOF,aACXtB,GAAUsB;AAAAA,IAAAA,GAEbpC,YAAAA,GACMG,kBAAAA,GACXnB,OAAAA,EAAAA,CAAK,IAZf,MAcOzE,EAAA,EAAA,IAAAuG,GAAAsB,aAAA7H,EAAA,EAAA,IAAAuG,GAAAwB,OAAA/H,QAAA4F,GAAA5F,QAAAyF,GAAAzF,EAAA,EAAA,IAAAsG,GAAAuB,aAAA7H,EAAA,EAAA,IAAAsG,GAAAyB,OAAA/H,QAAAyE,GAAAzE,QAAA0H,KAAAA,IAAA1H,EAAA,EAAA,GACP2H,WAAOzH,KAAa,WAApB,OACCyE,gBAAAA,EAAAA,IAAC2D,MACU,SAAApI,EAAQqF,IAAKgD,EAAwC,GACjD,aAAA,IACR,MAAA,MACIlC,SAAAA,IACF,OAAAJ,MAAa,QAAQA,MAAa,MACzC,cAAA,IACc,cAAAuC,GAAaR,EAAY,GACzB,cAAA9H,EAAQuI,KAAMrE,CAAAA,MAAK/B,EAACa,UAAW0D,CAAoB,GACjE,0BAAA,IAEU,UAAA8B,CAAAA,MAAA;AACR,MAAIA,KAAIhC,GAAoBgC,EAAEC,KAAM;AAAA,IAAE,GACvC,GAEJ3I,OAAAoG,GAAApG,OAAA+F,GAAA/F,EAAA,CAAA,IAAAuG,GAAAsB,aAAA7H,EAAA,CAAA,IAAAuG,GAAAuB,gBAAA9H,EAAA,CAAA,IAAAuG,GAAAwB,OAAA/H,OAAA4G,GAAA5G,QAAA4F,GAAA5F,QAAAgG,GAAAhG,QAAAyF,GAAAzF,QAAA0E,GAAA1E,QAAAiG,GAAAjG,QAAAE,GAAAF,QAAAkG,GAAAlG,QAAA8F,GAAA9F,QAAA0F,GAAA1F,EAAA,EAAA,IAAAsG,GAAAuB,aAAA7H,EAAA,EAAA,IAAAsG,GAAAwB,gBAAA9H,EAAA,EAAA,IAAAsG,GAAAyB,OAAA/H,QAAAmG,GAAAnG,QAAAqG,IAAArG,QAAAyE,GAAAzE,QAAA6G,GAAA7G,QAAA8G,GAAA9G,QAAA+G,GAAA/G,QAAAgH,GAAAhH,QAAAiH,GAAAjH,QAAAkH,GAAAlH,QAAAmH,GAAAnH,QAAAoH,GAAApH,QAAAqH,GAAArH,QAAAsH,GAAAtH,QAAAuH,GAAAvH,QAAAwH,GAAAxH,QAAAyH,GAAAzH,QAAA0H,GAAA1H,QAAA2H,GAAA3H,QAAA4H;AAAAA,EAAA;AAAAf,IAAAA,IAAA7G,EAAA,EAAA,GAAA8G,IAAA9G,EAAA,EAAA,GAAA+G,IAAA/G,EAAA,EAAA,GAAAgH,IAAAhH,EAAA,EAAA,GAAAiH,IAAAjH,EAAA,EAAA,GAAAkH,IAAAlH,EAAA,EAAA,GAAAmH,IAAAnH,EAAA,EAAA,GAAAoH,IAAApH,EAAA,EAAA,GAAAqH,IAAArH,EAAA,EAAA,GAAAsH,IAAAtH,EAAA,EAAA,GAAAuH,IAAAvH,EAAA,EAAA,GAAAwH,IAAAxH,EAAA,EAAA,GAAAyH,IAAAzH,EAAA,EAAA,GAAA0H,IAAA1H,EAAA,EAAA,GAAA2H,IAAA3H,EAAA,EAAA,GAAA4H,IAAA5H,EAAA,EAAA;AAAA,MAAA4I;AAAA,EAAA5I,EAAA,EAAA,MAAAG,KAAAH,EAAA,EAAA,MAAA4G,KAAA5G,EAAA,EAAA,MAAAM,MAAAN,EAAA,EAAA,MAAAK,MAAAL,EAAA,EAAA,MAAAO,KAAAP,EAAA,EAAA,MAAAE,KAAAF,EAAA,EAAA,MAAAyG,MAAAzG,UAAAI,KACAwI,IAAA,OAAO1I,KAAa,WACnByE,gBAAAA,EAAAA,IAACW,IAAA,EACWpF,UAAAA,GACFC,QAAAA,GACGC,WAAAA,GACIC,eAAAA,IACAC,eAAAA,IACJ,WAAAC,GAAiD,IAG9DoE,gBAAAA,EAAAA,IAAC7E,MACW,UAAA2G,MAAAG,GACFzG,QAAAA,GACGC,WAAAA,GACIC,eAAAA,IACAC,eAAAA,IAEb,YAAEC,KAAA,CAAA,GAAuCkI,KACvCI,CAAAA,OACExG,GAACyG,iBACD5I,EAAQuI,KAAMM,CAAAA,MAAML,EAAExF,WAAYuD,MAAAG,EAA+C,GAACoC,IAC9E,GAACC,QAAA,GAGdjJ,QAAAG,GAAAH,QAAA4G,GAAA5G,QAAAM,IAAAN,QAAAK,IAAAL,QAAAO,GAAAP,QAAAE,GAAAF,QAAAyG,IAAAzG,QAAAI,GAAAJ,QAAA4I,KAAAA,IAAA5I,EAAA,EAAA;AAAA,MAAAkJ;AAAA,EAAAlJ,EAAA,EAAA,MAAAuG,GAAA4C,YAAAnJ,EAAA,EAAA,MAAAuG,GAAA6C,UAAApJ,EAAA,EAAA,MAAA6F,KAAA7F,EAAA,EAAA,MAAA2F,KAAA3F,EAAA,EAAA,MAAAsG,GAAA6C,YAAAnJ,EAAA,EAAA,MAAAsG,GAAA8C,UAAApJ,UAAAyE,KACAyE,IAAAvD,KAAAE,IACClB,gBAAAA,EAAAA,IAAC0E,IAAA,EACS,QAAA;AAAA,IAAAF,UAAY7C,GAAM6C;AAAAA,IAAUC,QAAU9C,GAAM8C;AAAAA,EAAAA,GACxC,YAAA;AAAA,IAAAD,UACA5C,GAAU4C;AAAAA,IAAUC,QACtB7C,GAAU6C;AAAAA,EAAAA,GAEXzD,SAAAA,GACCE,UAAAA,GACHpB,OAAAA,EAAAA,CAAK,IATf,MAWOzE,EAAA,EAAA,IAAAuG,GAAA4C,UAAAnJ,EAAA,EAAA,IAAAuG,GAAA6C,QAAApJ,QAAA6F,GAAA7F,QAAA2F,GAAA3F,EAAA,EAAA,IAAAsG,GAAA6C,UAAAnJ,EAAA,EAAA,IAAAsG,GAAA8C,QAAApJ,QAAAyE,GAAAzE,QAAAkJ,KAAAA,IAAAlJ,EAAA,EAAA;AAAA,MAAAsJ;AAAA,SAAAtJ,EAAA,EAAA,MAAA6G,KAAA7G,EAAA,EAAA,MAAA8G,KAAA9G,EAAA,EAAA,MAAA+G,KAAA/G,UAAAgH,KAAAhH,EAAA,EAAA,MAAAiH,KAAAjH,EAAA,EAAA,MAAAkH,KAAAlH,EAAA,EAAA,MAAAmH,KAAAnH,EAAA,EAAA,MAAAoH,KAAApH,EAAA,EAAA,MAAAqH,KAAArH,EAAA,EAAA,MAAAsH,KAAAtH,UAAAuH,KAAAvH,EAAA,EAAA,MAAAwH,KAAAxH,EAAA,EAAA,MAAAyH,KAAAzH,EAAA,EAAA,MAAA0H,KAAA1H,EAAA,EAAA,MAAA2H,KAAA3H,EAAA,EAAA,MAAA4I,KAAA5I,EAAA,EAAA,MAAAkJ,KAAAlJ,UAAA4H,KAnFV0B,4BAACzC,GAAA,EACY,WAAAe,GACJ,OAAAd,GACHd,OACCW,QACOP,cAAAA,GACKL,iBAAAA,GACVI,OAAAA,GACGF,UAAAA,GACCC,cACJzB,OAAAA,GACCC,QAAAA,GACQgB,gBAAAA,GACPI,SAAAA,GAER4B,UAAAA;AAAAA,IAAAA;AAAAA,IAeAC;AAAAA,IAiBAiB;AAAAA,IAyBAM;AAAAA,EAAAA,GAYH,GAAiBlJ,QAAA6G,GAAA7G,QAAA8G,GAAA9G,QAAA+G,GAAA/G,QAAAgH,GAAAhH,QAAAiH,GAAAjH,QAAAkH,GAAAlH,QAAAmH,GAAAnH,QAAAoH,GAAApH,QAAAqH,GAAArH,QAAAsH,GAAAtH,QAAAuH,GAAAvH,QAAAwH,GAAAxH,QAAAyH,GAAAzH,QAAA0H,GAAA1H,QAAA2H,GAAA3H,QAAA4I,GAAA5I,QAAAkJ,GAAAlJ,QAAA4H,GAAA5H,QAAAsJ,MAAAA,KAAAtJ,EAAA,EAAA,GApFjBsJ;AAoFiB;AA1Hd,SAAAf,GAAAlG,GAAA;AAAA,SAsE+B;AAAA,IAAAkH,OAASlH,EAAC2G;AAAAA,IAAKL,OAAStG,EAACa;AAAAA,EAAAA;AAAQ;"}

package/dist/GeoHubMapWithLayerSelection.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-CHPV5EwG-6v2a2njQ.cjs"),u=require("react"),me=require("./index-BS2TADPj.cjs"),le=require("./DropdownSelect-NNpOs7DX.cjs"),de=require("./Source-BOSAl3UX.cjs"),U=require("maplibre-gl"),pe=require("pmtiles");;/* empty css                       */const ne=require("./fetchAndParseData-QTF6tjij.cjs"),se=require("./filterData-T5DQBE9b.cjs"),fe=require("./string2HTML-xx9MzTtY.cjs"),ge=require("./index-sbKVyHS2.cjs"),ie=require("./GraphContainer-B1EDxJ0S.cjs"),xe=require("./select-Bnfk0lJx.cjs"),he=require("./GraphHeader.cjs"),ye=require("./GraphFooter.cjs");function be(a){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const n in a)if(n!=="default"){const m=Object.getOwnPropertyDescriptor(a,n);Object.defineProperty(e,n,m.get?m:{enumerable:!0,get:()=>a[n]})}}return e.default=a,Object.freeze(e)}const je=be(pe);function ve(a){const e=s.compilerRuntimeExports.c(25),{mapStyle:n,center:m,zoomLevel:y,selectedLayer:r,layerIdList:d,excludeLayers:c,mapLegend:f}=a,[p,A]=u.useState(0),[R,T]=u.useState(0),[E,O]=u.useState(!0),[b,W]=u.useState(void 0),_=u.useRef(null),t=u.useRef(null),g=u.useRef(null);let v,L;e[0]===Symbol.for("react.memo_cache_sentinel")?(v=()=>{const i=new ResizeObserver(h=>{A(h[0].target.clientWidth||620),T(h[0].target.clientHeight||480)});return _.current&&i.observe(_.current),()=>i.disconnect()},L=[],e[0]=v,e[1]=L):(v=e[0],L=e[1]),u.useEffect(v,L);let o,l;e[2]!==m||e[3]!==c||e[4]!==d||e[5]!==n||e[6]!==r||e[7]!==p||e[8]!==y?(o=()=>{t.current&&p&&!g.current&&ne.fetchAndParseJSON(n).then(i=>{W(i),xe.select(t.current).selectAll("div").remove();const C=new je.Protocol;U.addProtocol("pmtiles",C.tile);const w={container:t.current,style:{...i,layers:se.filterData(i.layers,[{column:"id",excludeValues:[...c,...d.filter(q=>r.indexOf(q)===-1)]}])},attributionControl:!0};m&&(w.center=m),y&&(w.zoom=y),g.current=new U.Map(w),g.current.addControl(new U.NavigationControl({visualizePitch:!0,showZoom:!0,showCompass:!0}),"bottom-right"),g.current.addControl(new U.ScaleControl,"bottom-left")})},l=[p,m,y,d,n,c,r],e[2]=m,e[3]=c,e[4]=d,e[5]=n,e[6]=r,e[7]=p,e[8]=y,e[9]=o,e[10]=l):(o=e[9],l=e[10]),u.useEffect(o,l);let j,S;e[11]!==c||e[12]!==d||e[13]!==n||e[14]!==b||e[15]!==r?(j=()=>{if(g.current)if(b){const i={...b,layers:se.filterData(b.layers,[{column:"id",excludeValues:[...c,...d.filter(h=>r.indexOf(h)===-1)]}])};g.current.setStyle(i)}else ne.fetchAndParseJSON(n).then(i=>{const h={...i,layers:se.filterData(i.layers,[{column:"id",excludeValues:[...c,...d.filter(C=>r.indexOf(C)===-1)]}])};g.current.setStyle(h)})},S=[c,d,n,b,r],e[11]=c,e[12]=d,e[13]=n,e[14]=b,e[15]=r,e[16]=j,e[17]=S):(j=e[16],S=e[17]),u.useEffect(j,S);let x;e[18]!==f||e[19]!==E||e[20]!==R||e[21]!==p?(x=p&&R?s.jsxRuntimeExports.jsxs("div",{style:{width:p,height:R},children:[s.jsxRuntimeExports.jsx("div",{ref:t,className:"map maplibre-show-control w-full h-full"}),f?s.jsxRuntimeExports.jsx("div",{className:"absolute left-[22px] bottom-13",children:E?s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx("div",{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]",onClick:()=>{O(!1)},children:s.jsxRuntimeExports.jsx(ge.X,{})}),s.jsxRuntimeExports.jsx("div",{className:"color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]",dangerouslySetInnerHTML:typeof f=="string"?{__html:fe.string2HTML(f)}:void 0,children:u.isValidElement(f)?f:null})]}):s.jsxRuntimeExports.jsx("button",{type:"button",className:"mb-0 border-0 bg-transparent p-0 self-start",onClick:()=>{O(!0)},children:s.jsxRuntimeExports.jsx("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",children:"Show Legend"})})}):null]}):null,e[18]=f,e[19]=E,e[20]=R,e[21]=p,e[22]=x):x=e[22];let D;return e[23]!==x?(D=s.jsxRuntimeExports.jsx(ie.GraphArea,{ref:_,children:x}),e[23]=x,e[24]=D):D=e[24],D}function Se(a){const e=s.compilerRuntimeExports.c(69),{mapStyle:n,graphTitle:m,height:y,width:r,relativeHeight:d,sources:c,graphDescription:f,footNote:p,padding:A,backgroundColor:R,center:T,zoomLevel:E,graphID:O,language:b,minHeight:W,theme:_,layerSelection:t,excludeLayers:g,ariaLabel:v,uiMode:L,styles:o,classNames:l,mapLegend:j}=a,S=R===void 0?!1:R,x=b===void 0?"en":b,D=W===void 0?0:W,i=_===void 0?"light":_;let h;e[0]!==g?(h=g===void 0?[]:g,e[0]=g,e[1]=h):h=e[1];const C=h,w=L===void 0?"normal":L;let q;e[2]!==j?(q=j===void 0?[]:j,e[2]=j,e[3]=q):q=e[3];const Y=q,[N,oe]=u.useState(t[0].layerID),ae=u.useRef(null);let F;e[4]!==t[0].layerID?(F=()=>{oe(t[0].layerID)},e[4]=t[0].layerID,e[5]=F):F=e[5];let $;e[6]!==t?($=[t],e[6]=t,e[7]=$):$=e[7],u.useEffect(F,$);let J;e[8]===Symbol.for("react.memo_cache_sentinel")?(J={ignoreCase:!0,ignoreAccents:!0,trim:!0},e[8]=J):J=e[8];const ce=J,ee=l?.graphContainer,te=o?.graphContainer;let H;e[9]!==l?.description||e[10]!==l?.title||e[11]!==f||e[12]!==m||e[13]!==o?.description||e[14]!==o?.title||e[15]!==r?(H=m||f?s.jsxRuntimeExports.jsx(he.GraphHeader,{styles:{title:o?.title,description:o?.description},classNames:{title:l?.title,description:l?.description},graphTitle:m,graphDescription:f,width:r}):null,e[9]=l?.description,e[10]=l?.title,e[11]=f,e[12]=m,e[13]=o?.description,e[14]=o?.title,e[15]=r,e[16]=H):H=e[16];let I;e[17]!==t?(I=t.map(Re),e[17]=t,e[18]=I):I=e[18];const re=x==="he"||x==="ar";let X;e[19]===Symbol.for("react.memo_cache_sentinel")?(X=le.Du(ce),e[19]=X):X=e[19];let M;e[20]!==t[0].layerID||e[21]!==t[0].name?(M={label:t[0].name,value:t[0].layerID},e[20]=t[0].layerID,e[21]=t[0].name,e[22]=M):M=e[22];let Z;e[23]===Symbol.for("react.memo_cache_sentinel")?(Z=Q=>{Q&&oe(Q.value)},e[23]=Z):Z=e[23];let k;e[24]!==I||e[25]!==re||e[26]!==M||e[27]!==w?(k=s.jsxRuntimeExports.jsx(le.ja,{options:I,size:"sm",isClearable:!1,variant:w,isRtl:re,isSearchable:!0,filterOption:X,defaultValue:M,controlShouldRenderValue:!0,onChange:Z}),e[24]=I,e[25]=re,e[26]=M,e[27]=w,e[28]=k):k=e[28];let B;e[29]===Symbol.for("react.memo_cache_sentinel")?(B=s.jsxRuntimeExports.jsx(de.n,{size:"lg"}),e[29]=B):B=e[29];let G;e[30]!==t?(G=me.flattenDeep(t.map(De)),e[30]=t,e[31]=G):G=e[31];let P;e[32]!==t||e[33]!==Y||e[34]!==N?(P=Y.find(Q=>Q.mapStyleName===t.find(ue=>ue.layerID===N)?.name)?.legend,e[32]=t,e[33]=Y,e[34]=N,e[35]=P):P=e[35];let z;e[36]!==T||e[37]!==C||e[38]!==n||e[39]!==N||e[40]!==G||e[41]!==P||e[42]!==E?(z=s.jsxRuntimeExports.jsx(ve,{mapStyle:n,center:T,zoomLevel:E,selectedLayer:N,layerIdList:G,excludeLayers:C,mapLegend:P}),e[36]=T,e[37]=C,e[38]=n,e[39]=N,e[40]=G,e[41]=P,e[42]=E,e[43]=z):z=e[43];let V;e[44]!==l?.footnote||e[45]!==l?.source||e[46]!==p||e[47]!==c||e[48]!==o?.footnote||e[49]!==o?.source||e[50]!==r?(V=c||p?s.jsxRuntimeExports.jsx(ye.GraphFooter,{styles:{footnote:o?.footnote,source:o?.source},classNames:{footnote:l?.footnote,source:l?.source},sources:c,footNote:p,width:r}):null,e[44]=l?.footnote,e[45]=l?.source,e[46]=p,e[47]=c,e[48]=o?.footnote,e[49]=o?.source,e[50]=r,e[51]=V):V=e[51];let K;return e[52]!==v||e[53]!==S||e[54]!==O||e[55]!==y||e[56]!==x||e[57]!==D||e[58]!==A||e[59]!==d||e[60]!==ee||e[61]!==te||e[62]!==H||e[63]!==k||e[64]!==z||e[65]!==V||e[66]!==i||e[67]!==r?(K=s.jsxRuntimeExports.jsxs(ie.GraphContainer,{className:ee,style:te,id:O,ref:ae,"aria-label":v,backgroundColor:S,theme:i,language:x,minHeight:D,width:r,height:y,relativeHeight:d,padding:A,children:[H,k,B,z,V]}),e[52]=v,e[53]=S,e[54]=O,e[55]=y,e[56]=x,e[57]=D,e[58]=A,e[59]=d,e[60]=ee,e[61]=te,e[62]=H,e[63]=k,e[64]=z,e[65]=V,e[66]=i,e[67]=r,e[68]=K):K=e[68],K}function De(a){return a.layerID}function Re(a){return{label:a.name,value:a.layerID}}exports.GeoHubMapWithLayerSelection=Se;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index-CHPV5EwG-D4pAp7u0.cjs"),u=require("react"),de=require("./index-BS2TADPj.cjs"),le=require("./DropdownSelect-CX1yMemd.cjs"),pe=require("./Source-PKuwZOn3.cjs"),U=require("maplibre-gl"),fe=require("pmtiles");;/* empty css                       */const ne=require("./fetchAndParseData-QTF6tjij.cjs"),oe=require("./filterData-T5DQBE9b.cjs"),ge=require("./string2HTML-ZoGd08P_.cjs"),ie=require("./index-BhI7mBJx.cjs"),ae=require("./GraphContainer-Cul9b74X.cjs"),xe=require("./select-Bnfk0lJx.cjs"),he=require("./GraphHeader.cjs"),ye=require("./GraphFooter.cjs");function be(a){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const n in a)if(n!=="default"){const m=Object.getOwnPropertyDescriptor(a,n);Object.defineProperty(e,n,m.get?m:{enumerable:!0,get:()=>a[n]})}}return e.default=a,Object.freeze(e)}const je=be(fe);function ve(a){const e=o.compilerRuntimeExports.c(25),{mapStyle:n,center:m,zoomLevel:y,selectedLayer:r,layerIdList:d,excludeLayers:c,mapLegend:f}=a,[p,A]=u.useState(0),[E,T]=u.useState(0),[R,O]=u.useState(!0),[b,W]=u.useState(void 0),_=u.useRef(null),t=u.useRef(null),g=u.useRef(null);let v,L;e[0]===Symbol.for("react.memo_cache_sentinel")?(v=()=>{const i=new ResizeObserver(h=>{A(h[0].target.clientWidth||620),T(h[0].target.clientHeight||480)});return _.current&&i.observe(_.current),()=>i.disconnect()},L=[],e[0]=v,e[1]=L):(v=e[0],L=e[1]),u.useEffect(v,L);let s,l;e[2]!==m||e[3]!==c||e[4]!==d||e[5]!==n||e[6]!==r||e[7]!==p||e[8]!==y?(s=()=>{t.current&&p&&!g.current&&ne.fetchAndParseJSON(n).then(i=>{W(i),xe.select(t.current).selectAll("div").remove();const C=new je.Protocol;U.addProtocol("pmtiles",C.tile);const w={container:t.current,style:{...i,layers:oe.filterData(i.layers,[{column:"id",excludeValues:[...c,...d.filter(q=>r.indexOf(q)===-1)]}])},attributionControl:!0};m&&(w.center=m),y&&(w.zoom=y),g.current=new U.Map(w),g.current.addControl(new U.NavigationControl({visualizePitch:!0,showZoom:!0,showCompass:!0}),"bottom-right"),g.current.addControl(new U.ScaleControl,"bottom-left")})},l=[p,m,y,d,n,c,r],e[2]=m,e[3]=c,e[4]=d,e[5]=n,e[6]=r,e[7]=p,e[8]=y,e[9]=s,e[10]=l):(s=e[9],l=e[10]),u.useEffect(s,l);let j,S;e[11]!==c||e[12]!==d||e[13]!==n||e[14]!==b||e[15]!==r?(j=()=>{if(g.current)if(b){const i={...b,layers:oe.filterData(b.layers,[{column:"id",excludeValues:[...c,...d.filter(h=>r.indexOf(h)===-1)]}])};g.current.setStyle(i)}else ne.fetchAndParseJSON(n).then(i=>{const h={...i,layers:oe.filterData(i.layers,[{column:"id",excludeValues:[...c,...d.filter(C=>r.indexOf(C)===-1)]}])};g.current.setStyle(h)})},S=[c,d,n,b,r],e[11]=c,e[12]=d,e[13]=n,e[14]=b,e[15]=r,e[16]=j,e[17]=S):(j=e[16],S=e[17]),u.useEffect(j,S);let x;e[18]!==f||e[19]!==R||e[20]!==E||e[21]!==p?(x=p&&E?o.jsxRuntimeExports.jsxs("div",{style:{width:p,height:E},children:[o.jsxRuntimeExports.jsx("div",{ref:t,className:"map maplibre-show-control w-full h-full"}),f?o.jsxRuntimeExports.jsx("div",{className:"absolute left-[22px] bottom-13",children:R?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx("div",{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]",onClick:()=>{O(!1)},children:o.jsxRuntimeExports.jsx(ie.X,{})}),o.jsxRuntimeExports.jsx("div",{className:"color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]",dangerouslySetInnerHTML:typeof f=="string"?{__html:ge.string2HTML(f)}:void 0,children:u.isValidElement(f)?f:null})]}):o.jsxRuntimeExports.jsx("button",{type:"button",className:"p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button",onClick:()=>{O(!0)},children:o.jsxRuntimeExports.jsx(ie.ExpandIcon,{})})}):null]}):null,e[18]=f,e[19]=R,e[20]=E,e[21]=p,e[22]=x):x=e[22];let D;return e[23]!==x?(D=o.jsxRuntimeExports.jsx(ae.GraphArea,{ref:_,children:x}),e[23]=x,e[24]=D):D=e[24],D}function Se(a){const e=o.compilerRuntimeExports.c(69),{mapStyle:n,graphTitle:m,height:y,width:r,relativeHeight:d,sources:c,graphDescription:f,footNote:p,padding:A,backgroundColor:E,center:T,zoomLevel:R,graphID:O,language:b,minHeight:W,theme:_,layerSelection:t,excludeLayers:g,ariaLabel:v,uiMode:L,styles:s,classNames:l,mapLegend:j}=a,S=E===void 0?!1:E,x=b===void 0?"en":b,D=W===void 0?0:W,i=_===void 0?"light":_;let h;e[0]!==g?(h=g===void 0?[]:g,e[0]=g,e[1]=h):h=e[1];const C=h,w=L===void 0?"normal":L;let q;e[2]!==j?(q=j===void 0?[]:j,e[2]=j,e[3]=q):q=e[3];const Y=q,[I,se]=u.useState(t[0].layerID),ce=u.useRef(null);let F;e[4]!==t[0].layerID?(F=()=>{se(t[0].layerID)},e[4]=t[0].layerID,e[5]=F):F=e[5];let $;e[6]!==t?($=[t],e[6]=t,e[7]=$):$=e[7],u.useEffect(F,$);let J;e[8]===Symbol.for("react.memo_cache_sentinel")?(J={ignoreCase:!0,ignoreAccents:!0,trim:!0},e[8]=J):J=e[8];const ue=J,ee=l?.graphContainer,te=s?.graphContainer;let N;e[9]!==l?.description||e[10]!==l?.title||e[11]!==f||e[12]!==m||e[13]!==s?.description||e[14]!==s?.title||e[15]!==r?(N=m||f?o.jsxRuntimeExports.jsx(he.GraphHeader,{styles:{title:s?.title,description:s?.description},classNames:{title:l?.title,description:l?.description},graphTitle:m,graphDescription:f,width:r}):null,e[9]=l?.description,e[10]=l?.title,e[11]=f,e[12]=m,e[13]=s?.description,e[14]=s?.title,e[15]=r,e[16]=N):N=e[16];let H;e[17]!==t?(H=t.map(Ee),e[17]=t,e[18]=H):H=e[18];const re=x==="he"||x==="ar";let X;e[19]===Symbol.for("react.memo_cache_sentinel")?(X=le.Du(ue),e[19]=X):X=e[19];let M;e[20]!==t[0].layerID||e[21]!==t[0].name?(M={label:t[0].name,value:t[0].layerID},e[20]=t[0].layerID,e[21]=t[0].name,e[22]=M):M=e[22];let Z;e[23]===Symbol.for("react.memo_cache_sentinel")?(Z=Q=>{Q&&se(Q.value)},e[23]=Z):Z=e[23];let G;e[24]!==H||e[25]!==re||e[26]!==M||e[27]!==w?(G=o.jsxRuntimeExports.jsx(le.ja,{options:H,size:"sm",isClearable:!1,variant:w,isRtl:re,isSearchable:!0,filterOption:X,defaultValue:M,controlShouldRenderValue:!0,onChange:Z}),e[24]=H,e[25]=re,e[26]=M,e[27]=w,e[28]=G):G=e[28];let B;e[29]===Symbol.for("react.memo_cache_sentinel")?(B=o.jsxRuntimeExports.jsx(pe.n,{size:"lg"}),e[29]=B):B=e[29];let P;e[30]!==t?(P=de.flattenDeep(t.map(De)),e[30]=t,e[31]=P):P=e[31];let z;e[32]!==t||e[33]!==Y||e[34]!==I?(z=Y.find(Q=>Q.mapStyleName===t.find(me=>me.layerID===I)?.name)?.legend,e[32]=t,e[33]=Y,e[34]=I,e[35]=z):z=e[35];let k;e[36]!==T||e[37]!==C||e[38]!==n||e[39]!==I||e[40]!==P||e[41]!==z||e[42]!==R?(k=o.jsxRuntimeExports.jsx(ve,{mapStyle:n,center:T,zoomLevel:R,selectedLayer:I,layerIdList:P,excludeLayers:C,mapLegend:z}),e[36]=T,e[37]=C,e[38]=n,e[39]=I,e[40]=P,e[41]=z,e[42]=R,e[43]=k):k=e[43];let V;e[44]!==l?.footnote||e[45]!==l?.source||e[46]!==p||e[47]!==c||e[48]!==s?.footnote||e[49]!==s?.source||e[50]!==r?(V=c||p?o.jsxRuntimeExports.jsx(ye.GraphFooter,{styles:{footnote:s?.footnote,source:s?.source},classNames:{footnote:l?.footnote,source:l?.source},sources:c,footNote:p,width:r}):null,e[44]=l?.footnote,e[45]=l?.source,e[46]=p,e[47]=c,e[48]=s?.footnote,e[49]=s?.source,e[50]=r,e[51]=V):V=e[51];let K;return e[52]!==v||e[53]!==S||e[54]!==O||e[55]!==y||e[56]!==x||e[57]!==D||e[58]!==A||e[59]!==d||e[60]!==ee||e[61]!==te||e[62]!==N||e[63]!==G||e[64]!==k||e[65]!==V||e[66]!==i||e[67]!==r?(K=o.jsxRuntimeExports.jsxs(ae.GraphContainer,{className:ee,style:te,id:O,ref:ce,"aria-label":v,backgroundColor:S,theme:i,language:x,minHeight:D,width:r,height:y,relativeHeight:d,padding:A,children:[N,G,B,k,V]}),e[52]=v,e[53]=S,e[54]=O,e[55]=y,e[56]=x,e[57]=D,e[58]=A,e[59]=d,e[60]=ee,e[61]=te,e[62]=N,e[63]=G,e[64]=k,e[65]=V,e[66]=i,e[67]=r,e[68]=K):K=e[68],K}function De(a){return a.layerID}function Ee(a){return{label:a.name,value:a.layerID}}exports.GeoHubMapWithLayerSelection=Se;
 //# sourceMappingURL=GeoHubMapWithLayerSelection.cjs.map

package/dist/GeoHubMapWithLayerSelection.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"GeoHubMapWithLayerSelection.cjs","sources":["../src/Components/Graphs/Maps/GeoHubMaps/MapWithLayerSelection/MapEl.tsx","../src/Components/Graphs/Maps/GeoHubMaps/MapWithLayerSelection/index.tsx"],"sourcesContent":["import { useRef, useEffect, useState } from 'react';\r\nimport 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 React from 'react';\r\n\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\nimport { filterData } from '@/Utils/transformData/filterData';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { X } from '@/Components/Icons';\r\nimport { GraphArea } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  mapStyle: string;\r\n  center?: [number, number];\r\n  zoomLevel?: number;\r\n  selectedLayer: string[];\r\n  layerIdList: string[];\r\n  excludeLayers: string[];\r\n  mapLegend?: string | React.ReactNode;\r\n}\r\n\r\nexport function MapEl(props: Props) {\r\n  const { mapStyle, center, zoomLevel, selectedLayer, layerIdList, excludeLayers, mapLegend } =\r\n    props;\r\n\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const [showLegend, setShowLegend] = useState(true);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mapStyleData, setMapStyleData] = useState<any>(undefined);\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const mapContainer = useRef<HTMLDivElement>(null);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const mapRef = useRef<any>(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  useEffect(() => {\r\n    if (mapContainer.current && svgWidth && !mapRef.current) {\r\n      fetchAndParseJSON(mapStyle).then(d => {\r\n        setMapStyleData(d);\r\n        const mapDiv = select(mapContainer.current);\r\n        mapDiv.selectAll('div').remove();\r\n        const protocol = new pmtiles.Protocol();\r\n        maplibreGl.addProtocol('pmtiles', protocol.tile);\r\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n        const mapObj: any = {\r\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n          container: mapContainer.current as any,\r\n          style: {\r\n            ...d,\r\n            layers: filterData(d.layers, [\r\n              {\r\n                column: 'id',\r\n                excludeValues: [\r\n                  ...excludeLayers,\r\n                  ...layerIdList.filter(el => selectedLayer.indexOf(el) === -1),\r\n                ],\r\n              },\r\n            ]),\r\n          },\r\n          attributionControl: true,\r\n        };\r\n        if (center) {\r\n          mapObj.center = center;\r\n        }\r\n        if (zoomLevel) {\r\n          mapObj.zoom = zoomLevel;\r\n        }\r\n        mapRef.current = new maplibreGl.Map(mapObj);\r\n        mapRef.current.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        mapRef.current.addControl(new maplibreGl.ScaleControl(), 'bottom-left');\r\n      });\r\n    }\r\n  }, [svgWidth, center, zoomLevel, layerIdList, mapStyle, excludeLayers, selectedLayer]);\r\n  useEffect(() => {\r\n    if (mapRef.current) {\r\n      if (mapStyleData) {\r\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n        const mapStyleObj: any = {\r\n          ...mapStyleData,\r\n          layers: filterData(mapStyleData.layers, [\r\n            {\r\n              column: 'id',\r\n              excludeValues: [\r\n                ...excludeLayers,\r\n                ...layerIdList.filter(el => selectedLayer.indexOf(el) === -1),\r\n              ],\r\n            },\r\n          ]),\r\n        };\r\n        mapRef.current.setStyle(mapStyleObj);\r\n      } else\r\n        fetchAndParseJSON(mapStyle).then(d => {\r\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n          const mapStyleObj: any = {\r\n            ...d,\r\n            layers: filterData(d.layers, [\r\n              {\r\n                column: 'id',\r\n                excludeValues: [\r\n                  ...excludeLayers,\r\n                  ...layerIdList.filter(el => selectedLayer.indexOf(el) === -1),\r\n                ],\r\n              },\r\n            ]),\r\n          };\r\n          mapRef.current.setStyle(mapStyleObj);\r\n        });\r\n    }\r\n  }, [excludeLayers, layerIdList, mapStyle, mapStyleData, selectedLayer]);\r\n  return (\r\n    <GraphArea ref={graphDiv}>\r\n      {svgWidth && svgHeight ? (\r\n        <div\r\n          style={{\r\n            width: svgWidth,\r\n            height: svgHeight,\r\n          }}\r\n        >\r\n          <div ref={mapContainer} className='map maplibre-show-control w-full h-full' />\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      ) : null}\r\n    </GraphArea>\r\n  );\r\n}\r\n","import { useEffect, useMemo, useRef, useState } from 'react';\r\nimport flattenDeep from 'lodash.flattendeep';\r\nimport { createFilter, DropdownSelect } from '@undp/design-system-react/DropdownSelect';\r\nimport { Spacer } from '@undp/design-system-react/Spacer';\r\n\r\nimport { MapEl } from './MapEl';\r\n\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport {\r\n  ClassNameObject,\r\n  Languages,\r\n  MapLegendDataType,\r\n  SourcesDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { 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  /** URL for mapStyle JSON  */\r\n  mapStyle: string;\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  /** List of the layers that the user select and switch between sing a drop down */\r\n  layerSelection: { layerID: string[]; name: string }[];\r\n  /** Defines the legend for the map. mapLegend is of type { mapStyleName: string; legend: string | React.ReactNode }[] where mapStyleName corresponds to the each name in the layerSelection. */\r\n  mapLegend?: MapLegendDataType[];\r\n  /** List of layer IDs to be excluded from the visualization */\r\n  excludeLayers?: string[];\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  /** Theme for the UI elements */\r\n  uiMode?: 'light' | 'normal';\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) and [pmtiles](https://www.npmjs.com/package/pmtiles) package to your project */\r\nexport function GeoHubMapWithLayerSelection(props: Props) {\r\n  const {\r\n    mapStyle,\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    center,\r\n    zoomLevel,\r\n    graphID,\r\n    language = 'en',\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    layerSelection,\r\n    excludeLayers = [],\r\n    ariaLabel,\r\n    uiMode = 'normal',\r\n    styles,\r\n    classNames,\r\n    mapLegend = [],\r\n  } = props;\r\n\r\n  const [selectedLayer, setSelectedLayer] = useState(layerSelection[0].layerID);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n\r\n  useEffect(() => {\r\n    setSelectedLayer(layerSelection[0].layerID);\r\n  }, [layerSelection]);\r\n\r\n  const filterConfig = useMemo(\r\n    () => ({\r\n      ignoreCase: true,\r\n      ignoreAccents: true,\r\n      trim: true,\r\n    }),\r\n    [],\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      <DropdownSelect\r\n        options={layerSelection.map(d => ({\r\n          label: d.name,\r\n          value: d.layerID,\r\n        }))}\r\n        size='sm'\r\n        isClearable={false}\r\n        variant={uiMode}\r\n        isRtl={language === 'he' || language === 'ar'}\r\n        isSearchable\r\n        filterOption={createFilter(filterConfig)}\r\n        defaultValue={{\r\n          label: layerSelection[0].name,\r\n          value: layerSelection[0].layerID,\r\n        }}\r\n        controlShouldRenderValue\r\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n        onChange={(el: any) => {\r\n          if (el) setSelectedLayer(el.value);\r\n        }}\r\n      />\r\n      <Spacer size='lg' />\r\n      <MapEl\r\n        mapStyle={mapStyle}\r\n        center={center}\r\n        zoomLevel={zoomLevel}\r\n        selectedLayer={selectedLayer}\r\n        layerIdList={flattenDeep(layerSelection.map(d => d.layerID))}\r\n        excludeLayers={excludeLayers}\r\n        mapLegend={\r\n          (mapLegend as MapLegendDataType[]).find(\r\n            d => d.mapStyleName === layerSelection.find(el => el.layerID === selectedLayer)?.name,\r\n          )?.legend\r\n        }\r\n      />\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":["MapEl","props","$","_c","mapStyle","center","zoomLevel","selectedLayer","layerIdList","excludeLayers","mapLegend","svgWidth","setSvgWidth","useState","svgHeight","setSvgHeight","showLegend","setShowLegend","mapStyleData","setMapStyleData","undefined","graphDiv","useRef","mapContainer","mapRef","t0","t1","Symbol","for","resizeObserver","ResizeObserver","entries","target","clientWidth","clientHeight","current","observe","disconnect","useEffect","t2","t3","fetchAndParseJSON","then","d","select","selectAll","remove","protocol","pmtiles","Protocol","maplibreGl","addProtocol","tile","mapObj","container","style","layers","filterData","column","excludeValues","filter","el","indexOf","attributionControl","zoom","Map","addControl","NavigationControl","visualizePitch","showZoom","showCompass","ScaleControl","t4","t5","mapStyleObj","el_0","setStyle","d_0","mapStyleObj_0","el_1","t6","jsxs","width","height","jsx","Fragment","X","__html","string2HTML","React","isValidElement","t7","GraphArea","GeoHubMapWithLayerSelection","graphTitle","relativeHeight","sources","graphDescription","footNote","padding","backgroundColor","graphID","language","minHeight","theme","layerSelection","ariaLabel","uiMode","styles","classNames","t8","setSelectedLayer","layerID","graphParentDiv","t9","t10","t11","ignoreCase","ignoreAccents","trim","filterConfig","t12","graphContainer","t13","t14","description","title","GraphHeader","t15","map","_temp","t16","t17","createFilter","t18","name","label","value","t19","t20","DropdownSelect","t21","Spacer","t22","flattenDeep","_temp2","t23","find","d_1","mapStyleName","legend","t24","t25","footnote","source","GraphFooter","t26","GraphContainer"],"mappings":"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"}
+{"version":3,"file":"GeoHubMapWithLayerSelection.cjs","sources":["../src/Components/Graphs/Maps/GeoHubMaps/MapWithLayerSelection/MapEl.tsx","../src/Components/Graphs/Maps/GeoHubMaps/MapWithLayerSelection/index.tsx"],"sourcesContent":["import { useRef, useEffect, useState } from 'react';\r\nimport 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 React from 'react';\r\n\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\nimport { filterData } from '@/Utils/transformData/filterData';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { ExpandIcon, X } from '@/Components/Icons';\r\nimport { GraphArea } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  mapStyle: string;\r\n  center?: [number, number];\r\n  zoomLevel?: number;\r\n  selectedLayer: string[];\r\n  layerIdList: string[];\r\n  excludeLayers: string[];\r\n  mapLegend?: string | React.ReactNode;\r\n}\r\n\r\nexport function MapEl(props: Props) {\r\n  const { mapStyle, center, zoomLevel, selectedLayer, layerIdList, excludeLayers, mapLegend } =\r\n    props;\r\n\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const [showLegend, setShowLegend] = useState(true);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mapStyleData, setMapStyleData] = useState<any>(undefined);\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const mapContainer = useRef<HTMLDivElement>(null);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const mapRef = useRef<any>(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  useEffect(() => {\r\n    if (mapContainer.current && svgWidth && !mapRef.current) {\r\n      fetchAndParseJSON(mapStyle).then(d => {\r\n        setMapStyleData(d);\r\n        const mapDiv = select(mapContainer.current);\r\n        mapDiv.selectAll('div').remove();\r\n        const protocol = new pmtiles.Protocol();\r\n        maplibreGl.addProtocol('pmtiles', protocol.tile);\r\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n        const mapObj: any = {\r\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n          container: mapContainer.current as any,\r\n          style: {\r\n            ...d,\r\n            layers: filterData(d.layers, [\r\n              {\r\n                column: 'id',\r\n                excludeValues: [\r\n                  ...excludeLayers,\r\n                  ...layerIdList.filter(el => selectedLayer.indexOf(el) === -1),\r\n                ],\r\n              },\r\n            ]),\r\n          },\r\n          attributionControl: true,\r\n        };\r\n        if (center) {\r\n          mapObj.center = center;\r\n        }\r\n        if (zoomLevel) {\r\n          mapObj.zoom = zoomLevel;\r\n        }\r\n        mapRef.current = new maplibreGl.Map(mapObj);\r\n        mapRef.current.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        mapRef.current.addControl(new maplibreGl.ScaleControl(), 'bottom-left');\r\n      });\r\n    }\r\n  }, [svgWidth, center, zoomLevel, layerIdList, mapStyle, excludeLayers, selectedLayer]);\r\n  useEffect(() => {\r\n    if (mapRef.current) {\r\n      if (mapStyleData) {\r\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n        const mapStyleObj: any = {\r\n          ...mapStyleData,\r\n          layers: filterData(mapStyleData.layers, [\r\n            {\r\n              column: 'id',\r\n              excludeValues: [\r\n                ...excludeLayers,\r\n                ...layerIdList.filter(el => selectedLayer.indexOf(el) === -1),\r\n              ],\r\n            },\r\n          ]),\r\n        };\r\n        mapRef.current.setStyle(mapStyleObj);\r\n      } else\r\n        fetchAndParseJSON(mapStyle).then(d => {\r\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n          const mapStyleObj: any = {\r\n            ...d,\r\n            layers: filterData(d.layers, [\r\n              {\r\n                column: 'id',\r\n                excludeValues: [\r\n                  ...excludeLayers,\r\n                  ...layerIdList.filter(el => selectedLayer.indexOf(el) === -1),\r\n                ],\r\n              },\r\n            ]),\r\n          };\r\n          mapRef.current.setStyle(mapStyleObj);\r\n        });\r\n    }\r\n  }, [excludeLayers, layerIdList, mapStyle, mapStyleData, selectedLayer]);\r\n  return (\r\n    <GraphArea ref={graphDiv}>\r\n      {svgWidth && svgHeight ? (\r\n        <div\r\n          style={{\r\n            width: svgWidth,\r\n            height: svgHeight,\r\n          }}\r\n        >\r\n          <div ref={mapContainer} className='map maplibre-show-control w-full h-full' />\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='p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button'\r\n                  onClick={() => {\r\n                    setShowLegend(true);\r\n                  }}\r\n                >\r\n                  <ExpandIcon />\r\n                </button>\r\n              )}\r\n            </div>\r\n          ) : null}\r\n        </div>\r\n      ) : null}\r\n    </GraphArea>\r\n  );\r\n}\r\n","import { useEffect, useMemo, useRef, useState } from 'react';\r\nimport flattenDeep from 'lodash.flattendeep';\r\nimport { createFilter, DropdownSelect } from '@undp/design-system-react/DropdownSelect';\r\nimport { Spacer } from '@undp/design-system-react/Spacer';\r\n\r\nimport { MapEl } from './MapEl';\r\n\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport {\r\n  ClassNameObject,\r\n  Languages,\r\n  MapLegendDataType,\r\n  SourcesDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { 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  /** URL for mapStyle JSON  */\r\n  mapStyle: string;\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  /** List of the layers that the user select and switch between sing a drop down */\r\n  layerSelection: { layerID: string[]; name: string }[];\r\n  /** Defines the legend for the map. mapLegend is of type { mapStyleName: string; legend: string | React.ReactNode }[] where mapStyleName corresponds to the each name in the layerSelection. */\r\n  mapLegend?: MapLegendDataType[];\r\n  /** List of layer IDs to be excluded from the visualization */\r\n  excludeLayers?: string[];\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  /** Theme for the UI elements */\r\n  uiMode?: 'light' | 'normal';\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) and [pmtiles](https://www.npmjs.com/package/pmtiles) package to your project */\r\nexport function GeoHubMapWithLayerSelection(props: Props) {\r\n  const {\r\n    mapStyle,\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    center,\r\n    zoomLevel,\r\n    graphID,\r\n    language = 'en',\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    layerSelection,\r\n    excludeLayers = [],\r\n    ariaLabel,\r\n    uiMode = 'normal',\r\n    styles,\r\n    classNames,\r\n    mapLegend = [],\r\n  } = props;\r\n\r\n  const [selectedLayer, setSelectedLayer] = useState(layerSelection[0].layerID);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n\r\n  useEffect(() => {\r\n    setSelectedLayer(layerSelection[0].layerID);\r\n  }, [layerSelection]);\r\n\r\n  const filterConfig = useMemo(\r\n    () => ({\r\n      ignoreCase: true,\r\n      ignoreAccents: true,\r\n      trim: true,\r\n    }),\r\n    [],\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      <DropdownSelect\r\n        options={layerSelection.map(d => ({\r\n          label: d.name,\r\n          value: d.layerID,\r\n        }))}\r\n        size='sm'\r\n        isClearable={false}\r\n        variant={uiMode}\r\n        isRtl={language === 'he' || language === 'ar'}\r\n        isSearchable\r\n        filterOption={createFilter(filterConfig)}\r\n        defaultValue={{\r\n          label: layerSelection[0].name,\r\n          value: layerSelection[0].layerID,\r\n        }}\r\n        controlShouldRenderValue\r\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n        onChange={(el: any) => {\r\n          if (el) setSelectedLayer(el.value);\r\n        }}\r\n      />\r\n      <Spacer size='lg' />\r\n      <MapEl\r\n        mapStyle={mapStyle}\r\n        center={center}\r\n        zoomLevel={zoomLevel}\r\n        selectedLayer={selectedLayer}\r\n        layerIdList={flattenDeep(layerSelection.map(d => d.layerID))}\r\n        excludeLayers={excludeLayers}\r\n        mapLegend={\r\n          (mapLegend as MapLegendDataType[]).find(\r\n            d => d.mapStyleName === layerSelection.find(el => el.layerID === selectedLayer)?.name,\r\n          )?.legend\r\n        }\r\n      />\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":["MapEl","props","$","_c","mapStyle","center","zoomLevel","selectedLayer","layerIdList","excludeLayers","mapLegend","svgWidth","setSvgWidth","useState","svgHeight","setSvgHeight","showLegend","setShowLegend","mapStyleData","setMapStyleData","undefined","graphDiv","useRef","mapContainer","mapRef","t0","t1","Symbol","for","resizeObserver","ResizeObserver","entries","target","clientWidth","clientHeight","current","observe","disconnect","useEffect","t2","t3","fetchAndParseJSON","then","d","select","selectAll","remove","protocol","pmtiles","Protocol","maplibreGl","addProtocol","tile","mapObj","container","style","layers","filterData","column","excludeValues","filter","el","indexOf","attributionControl","zoom","Map","addControl","NavigationControl","visualizePitch","showZoom","showCompass","ScaleControl","t4","t5","mapStyleObj","el_0","setStyle","d_0","mapStyleObj_0","el_1","t6","jsxs","width","height","jsx","Fragment","X","__html","string2HTML","React","isValidElement","ExpandIcon","t7","GraphArea","GeoHubMapWithLayerSelection","graphTitle","relativeHeight","sources","graphDescription","footNote","padding","backgroundColor","graphID","language","minHeight","theme","layerSelection","ariaLabel","uiMode","styles","classNames","t8","setSelectedLayer","layerID","graphParentDiv","t9","t10","t11","ignoreCase","ignoreAccents","trim","filterConfig","t12","graphContainer","t13","t14","description","title","GraphHeader","t15","map","_temp","t16","t17","createFilter","t18","name","label","value","t19","t20","DropdownSelect","t21","Spacer","t22","flattenDeep","_temp2","t23","find","d_1","mapStyleName","legend","t24","t25","footnote","source","GraphFooter","t26","GraphContainer"],"mappings":"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"}