@biodiv-platform/naksha-maplibre-layers 5.0.5 → 5.0.6

package/dist/index.js

@@ -1,2658 +1 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __pow = Math.pow;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-
-// src/index.tsx
-var src_exports = {};
-__export(src_exports, {
-  NakshaMaplibreLayers: () => NakshaMaplibreLayers
-});
-module.exports = __toCommonJS(src_exports);
-var import_naksha_commons14 = require("@biodiv-platform/naksha-commons");
-var import_react14 = __toESM(require("react"));
-var import_maplibre10 = require("react-map-gl/maplibre");
-var import_twind21 = require("twind");
-
-// locales/en.json
-var en_default = {
-  are_you_sure: "Are you sure?",
-  base_style: "Base Style",
-  clear: "Clear Selection",
-  created_by: "Attribution",
-  created_on: "Created On",
-  delete: "Delete",
-  download: "Download",
-  find_layer_by_name: "Find layer by name",
-  infobar: "Attributes at Clicked Location",
-  information: "Information",
-  layer_selection: "Layer Selection",
-  layer_selection_all: "All Layers",
-  layer_selection_top: "Top Layer Only",
-  layers: "Layers",
-  legend: "Legend",
-  less: "Less",
-  license: "License",
-  list_layers: "List Layers",
-  pending: "Pending",
-  publish: "Publish",
-  raster_style_not_found: "Style not available for the given layer",
-  remove: "Remove",
-  selected: "Selected",
-  settings: "Settings",
-  square: "Square",
-  tags: "Tags",
-  toggle: "Toggle Publishing",
-  uploaded: "Uploaded",
-  uploader: "Uploader",
-  url: "URL",
-  visiblity: "Visiblity"
-};
-
-// locales/fr.json
-var fr_default = {
-  are_you_sure: "\xCAtes-vous s\xFBr?",
-  base_style: "Style de base",
-  clear: "Effacer la s\xE9lection",
-  created_by: "Attribution",
-  created_on: "Cr\xE9\xE9 sur",
-  delete: "Effacer",
-  download: "T\xE9l\xE9charger",
-  find_layer_by_name: "Trouver la couche par nom",
-  infobar: "Attributs \xE0 l'emplacement cliqu\xE9",
-  information: "Informations",
-  layer_selection_all: "Toutes les couches",
-  layer_selection_top: "Couche sup\xE9rieure uniquement",
-  layer_selection: "S\xE9lection de calque",
-  layers: "Couches",
-  legend: "L\xE9gende",
-  less: "Moins",
-  license: "Licence",
-  list_layers: "Liste des couches",
-  pending: "En attente",
-  publish: "Publier",
-  remove: "Supprimer",
-  selected: "Choisie",
-  settings: "Param\xE8tres",
-  square: "Carr\xE9",
-  toggle: "Basculer la publication",
-  uploaded: "T\xE9l\xE9charg\xE9",
-  url: "url"
-};
-
-// locales/hi.json
-var hi_default = {
-  are_you_sure: "\u0915\u094D\u092F\u093E \u0906\u092A\u0915\u094B \u092F\u0915\u0940\u0928 \u0939\u0948?",
-  base_style: "\u0906\u0927\u093E\u0930 \u0936\u0948\u0932\u0940",
-  clear: "\u091A\u092F\u0928 \u0938\u093E\u092B\u093C \u0915\u0930\u0947\u0902",
-  created_by: "\u0906\u0930\u094B\u092A\u0923",
-  created_on: "\u092A\u0930 \u092C\u0928\u093E\u092F\u093E",
-  delete: "\u0939\u091F\u093E\u090F\u0902",
-  download: "\u0921\u093E\u0909\u0928\u0932\u094B\u0921",
-  find_layer_by_name: "\u0928\u093E\u092E \u0938\u0947 \u092A\u0930\u0924 \u0916\u094B\u091C\u0947\u0902",
-  infobar: "\u0915\u094D\u0932\u093F\u0915 \u0915\u093F\u090F \u0917\u090F \u0938\u094D\u0925\u093E\u0928 \u092A\u0930 \u0935\u093F\u0936\u0947\u0937\u0924\u093E\u090F\u0902",
-  information: "\u091C\u093E\u0928\u0915\u093E\u0930\u0940",
-  layer_selection_all: "\u0938\u092D\u0940 \u092A\u0930\u0924\u0947\u0902",
-  layer_selection_top: "\u0915\u0947\u0935\u0932 \u0936\u0940\u0930\u094D\u0937 \u092A\u0930\u0924",
-  layer_selection: "\u092A\u0930\u0924 \u091A\u092F\u0928",
-  layers: "\u092A\u0930\u0924\u0947\u0902",
-  legend: "\u0915\u093F\u0902\u0935\u0926\u0902\u0924\u0940",
-  less: "\u0915\u092E",
-  license: "\u0932\u093E\u0907\u0938\u0947\u0902\u0938",
-  list_layers: "\u0938\u0942\u091A\u0940 \u092A\u0930\u0924\u0947\u0902",
-  pending: "\u0932\u0902\u092C\u093F\u0924",
-  publish: "\u092A\u094D\u0930\u0915\u093E\u0936\u093F\u0924",
-  remove: "\u0939\u091F\u093E\u0928\u093E",
-  selected: "\u091A\u092F\u0928\u093F\u0924",
-  settings: "\u0938\u092E\u093E\u092F\u094B\u091C\u0928",
-  square: "\u0938\u094D\u0915\u094D\u0935\u093E\u092F\u0930",
-  tags: "\u091F\u0948\u0917",
-  toggle: "\u092A\u094D\u0930\u0915\u093E\u0936\u0928 \u091F\u0949\u0917\u0932 \u0915\u0930\u0947\u0902",
-  uploaded: "\u0905\u092A\u0932\u094B\u0921 \u0915\u093F\u092F\u093E \u0917\u092F\u093E",
-  url: "\u092F\u0942\u0906\u0930\u090F\u0932"
-};
-
-// locales/index.ts
-var locales_default = { en: en_default, fr: fr_default, hi: hi_default };
-
-// src/components/map/index.tsx
-var import_naksha_commons13 = require("@biodiv-platform/naksha-commons");
-var import_react13 = require("react");
-var import_maplibre9 = __toESM(require("react-map-gl/maplibre"));
-var import_twind20 = require("twind");
-
-// src/hooks/use-layers.tsx
-var import_naksha_commons2 = require("@biodiv-platform/naksha-commons");
-var import_react = __toESM(require("react"));
-var import_maplibre = require("react-map-gl/maplibre");
-
-// src/services/naksha.ts
-var import_colorbrewer = __toESM(require("colorbrewer"));
-var import_redaxios = __toESM(require("redaxios"));
-
-// src/utils/grid.ts
-var import_boundingbox = __toESM(require("boundingbox"));
-var import_geohash = require("geohash");
-
-// src/static/constants.tsx
-var import_naksha_commons = require("@biodiv-platform/naksha-commons");
-var defaultNakshaProps = {
-  defaultViewState: import_naksha_commons.defaultViewState,
-  nakshaApiEndpoint: "/naksha-api/api",
-  geoserver: { endpoint: "/geoserver", workspace: "biodiv", store: "ibp" },
-  mapStyle: import_naksha_commons.MapStyles.MAP_STREETS,
-  layers: [],
-  selectedLayers: []
-};
-var FALLBACK_THUMB = "data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cpath fill='%23fff' d='M0 0h72v72H0z'/%3E%3Cpath d='M35.981 48.293l-13.853-10.77-3.045 2.368L36 53.048l16.917-13.157-3.064-2.387-13.872 10.789zM36 43.519l13.834-10.77 3.083-2.388L36 17.204 19.083 30.36l3.064 2.387L36 43.518z' fill='%23A0AEC0'/%3E%3C/svg%3E";
-var overflowStyle = {
-  display: "-webkit-box",
-  WebkitLineClamp: 1,
-  WebkitBoxOrient: "vertical",
-  overflow: "hidden",
-  wordBreak: "break-word"
-};
-var overflowStyle2 = __spreadProps(__spreadValues({}, overflowStyle), {
-  WebkitLineClamp: 2
-});
-var PROPERTY_ID = "ogc_fid";
-var LAYER_STATUS = {
-  ACTIVE: "Active",
-  PENDING: "Pending"
-};
-var SELECTION_STYLE = {
-  TOP: "layer_selection_top",
-  ALL: "layer_selection_all"
-};
-
-// src/utils/grid.ts
-var getZoomConfig = (zoom) => {
-  if (zoom < 6)
-    return [4, 1, 39.2];
-  else if (zoom < 7)
-    return [5, 0, 19.6];
-  else if (zoom < 8)
-    return [5, 1, 9.8];
-  else if (zoom < 9)
-    return [5, -1, 4.9];
-  else if (zoom < 10)
-    return [6, 0, 2.45];
-  else if (zoom < 11)
-    return [6, 1, 1.225];
-  else if (zoom < 12)
-    return [7, 0, 0.612];
-  else if (zoom < 13)
-    return [7, 1, 0.306];
-  else if (zoom < 14)
-    return [7, -1, 0.153];
-  else if (zoom < 15)
-    return [8, 0, 0.077];
-  return [8, 1, 0.039];
-};
-var BASE32 = "0123456789bcdefghjkmnpqrstuvwxyz";
-var aggregateGeohashKey = (key, level, binSize) => {
-  binSize = binSize || 16 / __pow(2, 1 - key.length & 1) / __pow(4, level);
-  const keyExceptLast = key.slice(0, -1);
-  const binnedCharAt = ~~(BASE32.indexOf(key.slice(-1)) / binSize);
-  return [
-    keyExceptLast + BASE32[binSize * binnedCharAt],
-    keyExceptLast + BASE32[binSize * (binnedCharAt + 1) - 1]
-  ];
-};
-var processRectangles = function(data, level) {
-  var counts = /* @__PURE__ */ new Map();
-  var bins = /* @__PURE__ */ new Map();
-  const features = [];
-  for (const [hash, count] of Object.entries(data)) {
-    const [kStart, kEnd] = aggregateGeohashKey(hash, level);
-    bins.set(kStart, kEnd);
-    if (!counts.has(kStart)) {
-      counts.set(kStart, 0);
-    }
-    counts.set(kStart, counts.get(kStart) + count);
-  }
-  counts.forEach((count, hash) => {
-    const bboxStart = import_geohash.GeoHash.decodeGeoHash(hash);
-    const bboxEnd = import_geohash.GeoHash.decodeGeoHash(bins.get(hash));
-    const feature2 = new import_boundingbox.default({
-      minlat: bboxStart.latitude[0],
-      minlon: bboxStart.longitude[0],
-      maxlat: bboxEnd.latitude[1],
-      maxlon: bboxEnd.longitude[1]
-    }).toGeoJSON();
-    features.push(__spreadProps(__spreadValues({}, feature2), { properties: { count, [PROPERTY_ID]: hash } }));
-  });
-  return features;
-};
-var processSquares = (data) => {
-  const features = [];
-  for (const [hash, count] of Object.entries(data)) {
-    const bbox2 = import_geohash.GeoHash.decodeGeoHash(hash);
-    const feature2 = new import_boundingbox.default({
-      minlat: bbox2.latitude[0],
-      minlon: bbox2.longitude[0],
-      maxlat: bbox2.latitude[1],
-      maxlon: bbox2.longitude[1]
-    }).toGeoJSON();
-    features.push(__spreadProps(__spreadValues({}, feature2), { properties: { count, [PROPERTY_ID]: hash } }));
-  }
-  return features;
-};
-var geohashToJSON = (data, level) => ({
-  type: "FeatureCollection",
-  features: Object.keys(data).length === 0 ? [] : level === -1 ? processSquares(data) : processRectangles(data, level)
-});
-var getDataBins = (data, binCount) => {
-  const sortedData = Object.values(data).sort((a, b) => a - b);
-  const cutoff = Math.floor(sortedData.length / binCount);
-  const tBins = new Array(binCount - 1).fill(0).map((_, index) => sortedData[cutoff * (index + 1)]);
-  tBins.push(sortedData[sortedData.length - 1]);
-  return tBins;
-};
-
-// src/utils/naksha.ts
-var import_immer = __toESM(require("immer"));
-var parseGeoserverLayersXml = (layers, nakshaApiEndpoint, geoserver, selectedLayers) => __async(void 0, null, function* () {
-  const parsedLayers = [];
-  for (const l of layers) {
-    const isAdded = selectedLayers.includes(l.name);
-    const _l = __spreadProps(__spreadValues({}, l), {
-      id: l.name,
-      thumbnail: nakshaApiEndpoint + l.thumbnail,
-      source: {
-        type: l.layerType.toLowerCase() === "raster" ? "raster" : "vector",
-        scheme: "tms",
-        tiles: [
-          `${geoserver.endpoint}/gwc/service/tms/1.0.0/${geoserver.workspace}:${l.name}@EPSG%3A900913@pbf/{z}/{x}/{y}.pbf`
-        ]
-      },
-      data: { styles: [] },
-      isAdded
-    });
-    if (isAdded) {
-      const _ld = yield getLayerStyle(_l, 0, nakshaApiEndpoint, geoserver);
-      parsedLayers.push(__spreadProps(__spreadValues({}, _l), { data: _ld }));
-    } else {
-      parsedLayers.push(_l);
-    }
-  }
-  return parsedLayers;
-});
-var getLayerStyle = (layer, styleIndex, nakshaApiEndpoint, geoserver) => __async(void 0, null, function* () {
-  const nextSl = (0, import_immer.default)(layer.data, (_draft) => __async(void 0, null, function* () {
-    var _a;
-    if (_draft.styles.length === 0) {
-      const { success, data } = yield axGetGeoserverLayerStyleList(
-        layer.id,
-        nakshaApiEndpoint
-      );
-      if (success) {
-        _draft.layerName = data.layerName;
-        _draft.styles = data.styles;
-        _draft.summaryColumn = data.summaryColumn;
-        _draft.titleColumn = data.titleColumn;
-        _draft.propertyMap = Object.fromEntries(
-          data.styles.map((o) => [o.styleName, o.styleTitle])
-        );
-      }
-    }
-    if (_draft.styles[styleIndex] && !((_a = _draft.styles[styleIndex]) == null ? void 0 : _a.colors)) {
-      _draft.styles[styleIndex].colors = yield axGetGeoserverLayerStyle(
-        layer.id,
-        geoserver == null ? void 0 : geoserver.workspace,
-        _draft.styles[styleIndex].styleName,
-        nakshaApiEndpoint
-      );
-    }
-    _draft.styleIndex = styleIndex;
-  }));
-  return nextSl;
-});
-
-// src/services/naksha.ts
-var axGetGeoserverLayers = (nakshaEndpointToken, nakshaApiEndpoint, geoserver, selectedLayers) => __async(void 0, null, function* () {
-  try {
-    const res = yield import_redaxios.default.get(`${nakshaApiEndpoint}/layer/all`, {
-      headers: { Authorization: nakshaEndpointToken }
-    });
-    const finalLayers = yield parseGeoserverLayersXml(
-      res.data,
-      nakshaApiEndpoint,
-      geoserver,
-      selectedLayers
-    );
-    return finalLayers;
-  } catch (e) {
-    console.error(e);
-    return [];
-  }
-});
-var axGetGeoserverLayerStyleList = (id, endpoint) => __async(void 0, null, function* () {
-  try {
-    const { data } = yield import_redaxios.default.get(`${endpoint}/layer/onClick/${id}`);
-    return { success: true, data };
-  } catch (e) {
-    console.error(e);
-    return { success: false };
-  }
-});
-var axGexGetRasterInfoWithLonLat = (endpoint, workspace, params) => __async(void 0, null, function* () {
-  const RasterInfoParams = {
-    service: "WMS",
-    version: "1.1.1",
-    request: "GetFeatureInfo",
-    info_format: "application/json",
-    width: 100,
-    height: 100,
-    x: 50,
-    y: 50,
-    srs: "EPSG:4326"
-  };
-  try {
-    const res = yield import_redaxios.default.get(`${endpoint}/${workspace}/wms`, {
-      params: __spreadValues(__spreadValues({}, params), RasterInfoParams)
-    });
-    return { success: true, data: res.data };
-  } catch (e) {
-    console.error(e);
-    return { success: false, data: [] };
-  }
-});
-var axToggleLayerPublishing = (nakshaEndpointToken, nakshaApiEndpoint, layerId, isActive) => __async(void 0, null, function* () {
-  try {
-    yield import_redaxios.default.put(
-      `${nakshaApiEndpoint}/layer/${isActive ? "active" : "pending"}/${layerId}`,
-      {},
-      { headers: { Authorization: nakshaEndpointToken } }
-    );
-    return true;
-  } catch (e) {
-    console.error(e);
-    return false;
-  }
-});
-var axDeleteLayer = (nakshaEndpointToken, nakshaApiEndpoint, layerId) => __async(void 0, null, function* () {
-  try {
-    yield import_redaxios.default.delete(`${nakshaApiEndpoint}/layer/${layerId}`, {
-      headers: { Authorization: nakshaEndpointToken }
-    });
-    return true;
-  } catch (e) {
-    console.error(e);
-    return false;
-  }
-});
-var axGetGeoserverLayerStyle = (layername, workspace, styleName, endpoint) => __async(void 0, null, function* () {
-  var _a, _b;
-  try {
-    const res = yield import_redaxios.default.get(
-      `${endpoint}/geoserver/workspaces/${workspace}/styles/${layername}_${styleName}.mbstyle`
-    );
-    return (_b = (_a = res.data) == null ? void 0 : _a.layers) == null ? void 0 : _b[0];
-  } catch (e) {
-    console.error(e);
-    return {};
-  }
-});
-var getGridLayerData = (fetcher, bounds, zoom, binCount = 6, colorScheme = "YlOrRd") => __async(void 0, null, function* () {
-  try {
-    const [geoAggegationPrecision, level, squareSize] = getZoomConfig(zoom);
-    const { _ne, _sw } = bounds;
-    const params = {
-      top: _ne.lat,
-      left: _sw.lng,
-      bottom: _sw.lat,
-      right: _ne.lng,
-      geoAggegationPrecision
-    };
-    const data = yield fetcher(params);
-    const geojson = geohashToJSON(data, level);
-    const bins = getDataBins(data, binCount);
-    const stops = bins.map((bin, index) => [
-      bin,
-      import_colorbrewer.default[colorScheme][binCount][index]
-    ]);
-    const paint2 = {
-      "fill-color": {
-        property: "count",
-        default: "yellow",
-        stops
-      },
-      "fill-outline-color": "rgba(0,0,0,0.2)",
-      "fill-opacity": 0.7
-    };
-    return { success: true, geojson, paint: paint2, stops, squareSize };
-  } catch (e) {
-    console.error(e);
-    return { success: false, geojson: {}, paint: {}, stops: [], squareSize: 0 };
-  }
-});
-var axDownloadLayer = (endpoint, token, layerName, layerTitle) => __async(void 0, null, function* () {
-  try {
-    yield import_redaxios.default.post(
-      `${endpoint}/layer/download`,
-      { layerName, layerTitle, attributeList: [], filterArray: [] },
-      { headers: { Authorization: token } }
-    );
-  } catch (e) {
-    console.error(e);
-  }
-});
-
-// src/hooks/use-layers.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var LayersContext = (0, import_react.createContext)(
-  {}
-);
-var LayersProvider = ({ mp: _mp, children }) => {
-  var _a, _b;
-  const [mp, setMP] = (0, import_react.useState)(_mp);
-  const { mapl } = (0, import_maplibre.useMap)();
-  const [queryTerm, setQueryTerm] = (0, import_react.useState)("");
-  const queryTermDebounced = (0, import_naksha_commons2.useDebounce)(queryTerm, 500);
-  const styles = mp.mapStyles && mp.mapStyles.length > 0 ? mp.mapStyles : import_naksha_commons2.defaultMapStyles;
-  const [mapStyle, setMapStyle] = (0, import_react.useState)(
-    (_a = styles[(mp == null ? void 0 : mp.mapStyle) || 0]) == null ? void 0 : _a.style
-  );
-  const [maxZoom, setMaxZoom] = (0, import_react.useState)(
-    (_b = styles[(mp == null ? void 0 : mp.mapStyle) || 0]) == null ? void 0 : _b.maxZoom
-  );
-  const [selectionStyle, setSelectionStyle] = (0, import_react.useState)(
-    SELECTION_STYLE.TOP
-  );
-  const [gridLegends, setGridLegends] = (0, import_react.useState)({});
-  const [isInfoBarOpen, setIsInfoBarOpen] = (0, import_react.useState)(true);
-  const [clickedLngLat, setClickedLngLat] = (0, import_react.useState)();
-  const [layers, setLayers] = (0, import_react.useState)(_mp.layers || []);
-  const [selectedLayerIds, setSelectedLayerIds] = (0, import_react.useState)(
-    mp.selectedLayers || []
-  );
-  const [hoverFeatures, setHoverFeatures] = (0, import_react.useState)();
-  const [selectedFeatures, setSelectedFeatures] = (0, import_react.useState)();
-  const selectedFeaturesId = (0, import_react.useMemo)(() => {
-    var _a2;
-    const meta = {};
-    for (const qr of selectedFeatures || []) {
-      meta[qr.sourceLayer] = [
-        ...meta[qr.sourceLayer] || [],
-        (_a2 = qr == null ? void 0 : qr.properties) == null ? void 0 : _a2[PROPERTY_ID]
-      ];
-    }
-    return Object.keys(meta).length ? meta : void 0;
-  }, [selectedFeatures]);
-  const selectedLayers = import_react.default.useMemo(() => {
-    const unsortedLayers = layers.filter(
-      (_layer) => selectedLayerIds.includes(_layer.id)
-    );
-    const sortedLayers = new Array(selectedLayerIds.length);
-    for (const layerToSort of unsortedLayers) {
-      const idx = selectedLayerIds.findIndex((l) => layerToSort.id === l);
-      if (idx > -1) {
-        sortedLayers[idx] = layerToSort;
-      }
-    }
-    return sortedLayers;
-  }, [layers, selectedLayerIds]);
-  const getLayerIndexById = (layerId) => {
-    return layers.findIndex((layer) => layer.id === layerId);
-  };
-  const updateLayerById = (layerId, updatedLayer) => {
-    setLayers(
-      (_layers) => _layers.map((l) => l.id === layerId ? __spreadValues(__spreadValues({}, l), updatedLayer) : l)
-    );
-  };
-  const toggleVectorLayer = (layerIndex, styleIndex, focus) => __async(void 0, null, function* () {
-    const layer = layers[layerIndex];
-    const layerData = yield getLayerStyle(
-      layer,
-      styleIndex,
-      mp.nakshaApiEndpoint,
-      mp.geoserver
-    );
-    updateLayerById(layer.id, { data: layerData });
-    focus && (mapl == null ? void 0 : mapl.fitBounds(layer.bbox, { padding: 40, duration: 1e3 }));
-  });
-  const updateLayerStyle = (layerId, styleIndex) => __async(void 0, null, function* () {
-    const layerIndex = getLayerIndexById(layerId);
-    toggleVectorLayer(layerIndex, styleIndex, false);
-  });
-  const onMapHover = (e) => __async(void 0, null, function* () {
-    var _a2, _b2, _c, _d;
-    if (!selectedLayerIds.length || !mapl)
-      return;
-    try {
-      const lastLayerId = selectedLayerIds[0];
-      const feats = mapl.queryRenderedFeatures(e.point, {
-        layers: [lastLayerId]
-      });
-      if (feats.length) {
-        const fId = ((_a2 = feats[0]) == null ? void 0 : _a2.id) || ((_c = (_b2 = feats[0]) == null ? void 0 : _b2.properties) == null ? void 0 : _c[PROPERTY_ID]);
-        if (fId === (hoverFeatures == null ? void 0 : hoverFeatures.id))
-          return;
-        const layer = layers[getLayerIndexById(lastLayerId)];
-        const hoverProperties = (_d = layer == null ? void 0 : layer.data) == null ? void 0 : _d.summaryColumn.map((sc) => {
-          var _a3, _b3, _c2;
-          return [
-            ((_b3 = (_a3 = layer.data) == null ? void 0 : _a3.propertyMap) == null ? void 0 : _b3[sc]) || sc,
-            (_c2 = feats[0].properties) == null ? void 0 : _c2[sc]
-          ];
-        });
-        setHoverFeatures({
-          id: fId,
-          title: layer.title,
-          data: hoverProperties
-        });
-      } else {
-        setHoverFeatures(void 0);
-      }
-    } catch (e2) {
-    }
-  });
-  const toggleLayer = (_0) => __async(void 0, [_0], function* ({
-    layerId,
-    add,
-    styleIndex = 0,
-    focus = true
-  }) {
-    var _a2, _b2;
-    if (!add) {
-      setSelectedLayerIds(
-        selectedLayerIds.filter((_lyrId) => layerId !== _lyrId)
-      );
-      return;
-    }
-    const layerIndex = getLayerIndexById(layerId);
-    const sourceType = (_a2 = layers[layerIndex]) == null ? void 0 : _a2.source.type;
-    if (sourceType === "grid") {
-      setSelectedLayerIds((_slIds) => [
-        layerId,
-        ..._slIds.filter((lid) => lid !== layerId)
-      ]);
-      if (focus && ((_b2 = layers[layerIndex]) == null ? void 0 : _b2.bbox)) {
-        setTimeout(() => {
-          mapl == null ? void 0 : mapl.fitBounds(layers[layerIndex].bbox, {
-            padding: 40,
-            duration: 1e3
-          });
-        }, 100);
-      }
-    } else {
-      yield toggleVectorLayer(layerIndex, styleIndex, focus);
-      setSelectedLayerIds((_slIds) => [
-        layerId,
-        ..._slIds.filter((lid) => lid !== layerId)
-      ]);
-    }
-  });
-  const clearAllLayers = () => __async(void 0, null, function* () {
-    return setSelectedLayerIds([]);
-  });
-  const updateMP = (key, value) => {
-    setMP(__spreadProps(__spreadValues({}, mp), { [key]: value }));
-  };
-  const toggleLayerPublishing = (layerId, layerStatus) => {
-    const isActive = layerStatus === LAYER_STATUS.PENDING;
-    axToggleLayerPublishing(
-      mp.nakshaEndpointToken,
-      mp.nakshaApiEndpoint,
-      layerId,
-      isActive
-    );
-    updateLayerById(layerId, {
-      layerStatus: isActive ? LAYER_STATUS.ACTIVE : LAYER_STATUS.PENDING
-    });
-  };
-  const deleteLayer = (layerId, message) => __async(void 0, null, function* () {
-    if (confirm(message)) {
-      axDeleteLayer(mp.nakshaEndpointToken, mp.nakshaApiEndpoint, layerId);
-      setLayers(layers.filter((l) => l.id !== layerId));
-    }
-  });
-  const zoomToExtent = (layerId) => {
-    const layerIndex = getLayerIndexById(layerId);
-    const layer = layers[layerIndex];
-    mapl == null ? void 0 : mapl.fitBounds(layer.bbox, { padding: 40, duration: 1e3 });
-  };
-  const getBBoxFromLngLat = () => {
-    return [
-      clickedLngLat.lng,
-      clickedLngLat.lat,
-      clickedLngLat.lng + 0.1,
-      clickedLngLat.lat + 0.1
-    ];
-  };
-  const handleSelectStyle = (value) => {
-    setSelectionStyle(value);
-    if (value === SELECTION_STYLE.TOP) {
-      featuresAtLatLng(value);
-    }
-  };
-  const featuresAtLatLng = (value) => {
-    if (!clickedLngLat)
-      return;
-    try {
-      const finalXY = mapl == null ? void 0 : mapl.project([clickedLngLat.lng, clickedLngLat.lat]);
-      let queryFeat = mapl == null ? void 0 : mapl.queryRenderedFeatures(finalXY, {
-        layers: selectionStyle === SELECTION_STYLE.TOP ? [selectedLayerIds[0]] : selectedLayerIds
-      });
-      if ((value || selectionStyle) === SELECTION_STYLE.ALL) {
-        const rasterLayerFeat = selectedLayers.filter((item) => item.layerType == "RASTER").map((item) => ({
-          sourceLayer: item.id,
-          layerType: "raster",
-          bbox: getBBoxFromLngLat()
-        }));
-        queryFeat = [...queryFeat, ...rasterLayerFeat];
-      }
-      setSelectedFeatures(
-        (selectedLayers == null ? void 0 : selectedLayers[0].layerType) === "RASTER" && selectionStyle !== SELECTION_STYLE.ALL ? selectedLayerIds.length && (queryFeat == null ? void 0 : queryFeat.length) ? queryFeat : [
-          {
-            sourceLayer: selectedLayerIds[0],
-            layerType: "raster",
-            bbox: getBBoxFromLngLat()
-          }
-        ] : queryFeat
-      );
-    } catch (e) {
-      console.error(e);
-    }
-  };
-  (0, import_react.useEffect)(() => {
-    if (mp.onSelectedLayersChange) {
-      mp.onSelectedLayersChange(selectedLayerIds);
-    }
-  }, [selectedLayerIds]);
-  (0, import_react.useEffect)(() => {
-    setTimeout(featuresAtLatLng, 300);
-  }, [clickedLngLat, selectionStyle, selectedLayerIds]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LayersContext.Provider, {
-    value: {
-      mp,
-      updateMP,
-      layer: {
-        mapStyle,
-        featuresAtLatLng,
-        setMapStyle,
-        maxZoom,
-        setMaxZoom,
-        mapStyles: styles,
-        all: layers,
-        setAll: setLayers,
-        selectedIds: selectedLayerIds,
-        handleSelectStyle,
-        setSelectedIds: setSelectedLayerIds,
-        selectedLayers,
-        clearAll: clearAllLayers,
-        toggle: toggleLayer,
-        updateStyle: updateLayerStyle,
-        selectedFeatures,
-        selectedFeaturesId,
-        setSelectedFeatures,
-        togglePublish: toggleLayerPublishing,
-        delete: deleteLayer,
-        selectionStyle,
-        setSelectionStyle,
-        zoomToExtent,
-        gridLegends,
-        setGridLegends
-      },
-      query: {
-        term: queryTermDebounced,
-        setTerm: setQueryTerm,
-        clickedLngLat,
-        setClickedLngLat
-      },
-      isInfoBarOpen,
-      setIsInfoBarOpen,
-      hover: {
-        onHover: onMapHover,
-        features: hoverFeatures
-      }
-    },
-    children
-  });
-};
-function useLayers() {
-  return (0, import_react.useContext)(LayersContext);
-}
-
-// src/components/core/button.tsx
-var import_react2 = __toESM(require("react"));
-var import_twind2 = require("twind");
-
-// src/components/core/icons.tsx
-var import_twind = require("twind");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var SearchIcon = () => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", {
-  fill: "none",
-  className: import_twind.tw`w-5 h-5 text-gray-400`,
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", {
-    stroke: "currentColor",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: "2",
-    d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
-  })
-});
-var LayersIcon = () => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", {
-  width: "18",
-  height: "18",
-  fill: "none",
-  stroke: "currentColor",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: "2",
-  viewBox: "0 0 24 24",
-  children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", {
-      d: "M12 2L2 7 12 12 22 7 12 2z"
-    }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", {
-      d: "M2 17L12 22 22 17"
-    }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", {
-      d: "M2 12L12 17 22 12"
-    })
-  ]
-});
-var InfoIcon = () => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", {
-  width: "16",
-  height: "16",
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: "2",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", {
-      cx: "12",
-      cy: "12",
-      r: "10"
-    }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", {
-      x1: "12",
-      y1: "16",
-      x2: "12",
-      y2: "12"
-    }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", {
-      x1: "12",
-      y1: "8",
-      x2: "12.01",
-      y2: "8"
-    })
-  ]
-});
-var SlidersIcon = () => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", {
-  width: "18",
-  height: "18",
-  fill: "none",
-  stroke: "currentColor",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: "2",
-  viewBox: "0 0 24 24",
-  children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", {
-      d: "M4 21L4 14"
-    }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", {
-      d: "M4 10L4 3"
-    }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", {
-      d: "M12 21L12 12"
-    }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", {
-      d: "M12 8L12 3"
-    }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", {
-      d: "M20 21L20 16"
-    }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", {
-      d: "M20 12L20 3"
-    }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", {
-      d: "M1 14L7 14"
-    }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", {
-      d: "M9 8L15 8"
-    }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", {
-      d: "M17 16L23 16"
-    })
-  ]
-});
-function AttributionIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", {
-    width: "14",
-    height: "14",
-    viewBox: "0 0 16 16",
-    style: { display: "inline-block" },
-    children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", {
-      fillRule: "evenodd",
-      fill: "currentColor",
-      d: "M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"
-    })
-  });
-}
-function TagIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", {
-    width: "14",
-    height: "14",
-    viewBox: "0 0 16 16",
-    style: { display: "inline-block" },
-    children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", {
-      fillRule: "evenodd",
-      fill: "currentColor",
-      d: "M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"
-    })
-  });
-}
-function LicenseIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", {
-    width: "14",
-    height: "14",
-    viewBox: "0 0 16 16",
-    style: { display: "inline-block" },
-    children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", {
-      fillRule: "evenodd",
-      fill: "currentColor",
-      d: "M8.75.75a.75.75 0 00-1.5 0V2h-.984c-.305 0-.604.08-.869.23l-1.288.737A.25.25 0 013.984 3H1.75a.75.75 0 000 1.5h.428L.066 9.192a.75.75 0 00.154.838l.53-.53-.53.53v.001l.002.002.002.002.006.006.016.015.045.04a3.514 3.514 0 00.686.45A4.492 4.492 0 003 11c.88 0 1.556-.22 2.023-.454a3.515 3.515 0 00.686-.45l.045-.04.016-.015.006-.006.002-.002.001-.002L5.25 9.5l.53.53a.75.75 0 00.154-.838L3.822 4.5h.162c.305 0 .604-.08.869-.23l1.289-.737a.25.25 0 01.124-.033h.984V13h-2.5a.75.75 0 000 1.5h6.5a.75.75 0 000-1.5h-2.5V3.5h.984a.25.25 0 01.124.033l1.29.736c.264.152.563.231.868.231h.162l-2.112 4.692a.75.75 0 00.154.838l.53-.53-.53.53v.001l.002.002.002.002.006.006.016.015.045.04a3.517 3.517 0 00.686.45A4.492 4.492 0 0013 11c.88 0 1.556-.22 2.023-.454a3.512 3.512 0 00.686-.45l.045-.04.01-.01.006-.005.006-.006.002-.002.001-.002-.529-.531.53.53a.75.75 0 00.154-.838L13.823 4.5h.427a.75.75 0 000-1.5h-2.234a.25.25 0 01-.124-.033l-1.29-.736A1.75 1.75 0 009.735 2H8.75V.75zM1.695 9.227c.285.135.718.273 1.305.273s1.02-.138 1.305-.273L3 6.327l-1.305 2.9zm10 0c.285.135.718.273 1.305.273s1.02-.138 1.305-.273L13 6.327l-1.305 2.9z"
-    })
-  });
-}
-function EyeIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", {
-    viewBox: "0 0 16 16",
-    width: "14",
-    height: "14",
-    style: { display: "inline-block" },
-    children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", {
-      fillRule: "evenodd",
-      fill: "currentColor",
-      d: "M1.679 7.932c.412-.621 1.242-1.75 2.366-2.717C5.175 4.242 6.527 3.5 8 3.5c1.473 0 2.824.742 3.955 1.715 1.124.967 1.954 2.096 2.366 2.717a.119.119 0 010 .136c-.412.621-1.242 1.75-2.366 2.717C10.825 11.758 9.473 12.5 8 12.5c-1.473 0-2.824-.742-3.955-1.715C2.92 9.818 2.09 8.69 1.679 8.068a.119.119 0 010-.136zM8 2c-1.981 0-3.67.992-4.933 2.078C1.797 5.169.88 6.423.43 7.1a1.619 1.619 0 000 1.798c.45.678 1.367 1.932 2.637 3.024C4.329 13.008 6.019 14 8 14c1.981 0 3.67-.992 4.933-2.078 1.27-1.091 2.187-2.345 2.637-3.023a1.619 1.619 0 000-1.798c-.45-.678-1.367-1.932-2.637-3.023C11.671 2.992 9.981 2 8 2zm0 8a2 2 0 100-4 2 2 0 000 4z"
-    })
-  });
-}
-function ClockIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", {
-    viewBox: "0 0 16 16",
-    width: "14",
-    height: "14",
-    style: { display: "inline-block" },
-    children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", {
-      fillRule: "evenodd",
-      fill: "currentColor",
-      d: "M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"
-    })
-  });
-}
-function DownloadIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", {
-    viewBox: "0 0 16 16",
-    width: "16",
-    height: "16",
-    style: { display: "inline-block" },
-    children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", {
-      fillRule: "evenodd",
-      fill: "currentColor",
-      d: "M7.47 10.78a.75.75 0 001.06 0l3.75-3.75a.75.75 0 00-1.06-1.06L8.75 8.44V1.75a.75.75 0 00-1.5 0v6.69L4.78 5.97a.75.75 0 00-1.06 1.06l3.75 3.75zM3.75 13a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5h-8.5z"
-    })
-  });
-}
-function ZoomExtentIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", {
-    viewBox: "0 0 24 24",
-    width: "16",
-    height: "16",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    style: { display: "inline-block" },
-    children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", {
-      d: "M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"
-    })
-  });
-}
-function ShareIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", {
-    viewBox: "0 0 24 24",
-    width: "16",
-    height: "16",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    style: { display: "inline-block" },
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", {
-        cx: "18",
-        cy: "5",
-        r: "3"
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", {
-        cx: "6",
-        cy: "12",
-        r: "3"
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", {
-        cx: "18",
-        cy: "19",
-        r: "3"
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", {
-        x1: "8.59",
-        y1: "13.51",
-        x2: "15.42",
-        y2: "17.49"
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", {
-        x1: "15.41",
-        y1: "6.51",
-        x2: "8.59",
-        y2: "10.49"
-      })
-    ]
-  });
-}
-function GrabberIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", {
-    viewBox: "0 0 16 16",
-    width: "16",
-    height: "16",
-    style: { display: "inline-block" },
-    children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", {
-      fillRule: "evenodd",
-      d: "M10 13a1 1 0 100-2 1 1 0 000 2zm-4 0a1 1 0 100-2 1 1 0 000 2zm1-5a1 1 0 11-2 0 1 1 0 012 0zm3 1a1 1 0 100-2 1 1 0 000 2zm1-5a1 1 0 11-2 0 1 1 0 012 0zM6 5a1 1 0 100-2 1 1 0 000 2z"
-    })
-  });
-}
-function CrossHairIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", {
-    style: { display: "inline-block" },
-    width: "18",
-    height: "18",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", {
-        cx: "12",
-        cy: "12",
-        r: "10"
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", {
-        x1: "22",
-        y1: "12",
-        x2: "18",
-        y2: "12"
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", {
-        x1: "6",
-        y1: "12",
-        x2: "2",
-        y2: "12"
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", {
-        x1: "12",
-        y1: "6",
-        x2: "12",
-        y2: "2"
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", {
-        x1: "12",
-        y1: "22",
-        x2: "12",
-        y2: "18"
-      })
-    ]
-  });
-}
-function DownIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", {
-    width: "18",
-    height: "18",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    style: { display: "inline-block" },
-    children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("polyline", {
-      points: "6 9 12 15 18 9"
-    })
-  });
-}
-function UpIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", {
-    width: "18",
-    height: "18",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    style: { display: "inline-block" },
-    children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("polyline", {
-      points: "18 15 12 9 6 15"
-    })
-  });
-}
-
-// src/components/core/button.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var Button = import_react2.default.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", __spreadValues({
-  ref,
-  type: "button",
-  className: import_twind2.tw`h-8 px-3 py-2 rounded-md focus:outline-none focus:ring cursor-pointer text-md flex align-middle items-center gap-2 bg-gray-100 hover:bg-gray-200 text-gray-700 disabled:cursor-not-allowed disabled:bg-gray-100! disabled:opacity-50`
-}, props)));
-var CloseButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", __spreadValues({
-  className: import_twind2.tw`absolute top-0 right-0 h-12 w-12 bg-red-100 cursor-pointer hover:bg-red-200 text-red-800 text-lg`,
-  children: "\u2715"
-}, props));
-var LayersButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", __spreadProps(__spreadValues({
-  className: import_twind2.tw`absolute top-4 left-4 rounded-lg z-10 h-10 w-10 bg-white cursor-pointer hover:bg-gray-100 text-gray-700 text-lg flex items-center justify-center`
-}, props), {
-  children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(LayersIcon, {})
-}));
-var InfobarButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", __spreadProps(__spreadValues({
-  className: import_twind2.tw`absolute top-4 right-4 rounded-lg z-10 h-10 w-10 bg-white cursor-pointer hover:bg-gray-100 text-gray-700 text-lg flex items-center justify-center`
-}, props), {
-  children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(InfoIcon, {})
-}));
-
-// src/components/core/input.tsx
-var import_twind3 = require("twind");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var SelectInput = (props) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", {
-  children: [
-    props.label && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("label", {
-      className: import_twind3.tw`text-gray-700`,
-      htmlFor: props.name,
-      children: props.label
-    }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("select", __spreadValues({
-      id: props.name,
-      name: props.name,
-      className: import_twind3.tw`block w-full px-4 py-2 mt-2 text-gray-700 border bg-white border-gray-200 rounded-md focus:outline-none focus:ring appearance-none text-base`,
-      style: {
-        backgroundImage: `url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E")`,
-        backgroundPosition: "right 0.75rem center",
-        backgroundSize: "16px 12px",
-        backgroundRepeat: "no-repeat"
-      }
-    }, props))
-  ]
-});
-var SearchInput = (props) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", {
-  className: "relative",
-  children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", {
-      className: import_twind3.tw`absolute inset-y-0 left-0 flex items-center pl-3`,
-      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SearchIcon, {})
-    }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", __spreadValues({
-      type: "search",
-      className: import_twind3.tw`w-full py-2 pl-10 pr-4 text-gray-700 bg-white border border-gray-300 text-base rounded-md focus:outline-none focus:ring`
-    }, props))
-  ]
-});
-var CheckboxInput = (props) => props.isLoading ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", {
-  width: "20px",
-  height: "20px",
-  viewBox: "0 0 20 20",
-  version: "1.1",
-  className: import_twind3.tw`inline text-gray-200 animate-spin dark:text-gray-600`,
-  children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("g", {
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd",
-    children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("g", {
-      fill: "#212121",
-      fillRule: "nonzero",
-      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", {
-        d: "M10,3 C6.13401,3 3,6.13401 3,10 C3,10.2761 2.77614,10.5 2.5,10.5 C2.22386,10.5 2,10.2761 2,10 C2,5.58172 5.58172,2 10,2 C14.4183,2 18,5.58172 18,10 C18,14.4183 14.4183,18 10,18 C9.72386,18 9.5,17.7761 9.5,17.5 C9.5,17.2239 9.72386,17 10,17 C13.866,17 17,13.866 17,10 C17,6.13401 13.866,3 10,3 Z"
-      })
-    })
-  })
-}) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", {
-  type: "checkbox",
-  className: import_twind3.tw`w-5 h-5 border-gray-100 focus:outline-none focus:ring focus:ring-blue-300 focus:ring-opacity-80`,
-  name: props.name,
-  checked: props.checked,
-  onChange: props.onChange
-});
-
-// src/components/core/tabs.tsx
-var import_tabs = require("@bumaga/tabs");
-var import_clsx = __toESM(require("clsx"));
-var import_twind4 = require("twind");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var IconTab = ({ children, icon }) => {
-  const { onClick, isActive } = (0, import_tabs.useTabState)();
-  const classes = (0, import_clsx.default)([
-    "flex items-center justify-center h-12 px-2 py-2 bg-transparent -mb-px border-b-2 -px-1 whitespace-nowrap focus:outline-none w-full cursor-pointer",
-    {
-      "text-blue-600 border-blue-500": isActive,
-      "text-gray-700 border-gray-300 hover:border-gray-400": !isActive
-    }
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", {
-    className: (0, import_twind4.tw)(classes),
-    onClick,
-    children: [
-      icon,
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", {
-        className: import_twind4.tw`ml-2 text-base`,
-        children
-      })
-    ]
-  });
-};
-var Panel = ({ children }) => {
-  const isActive = (0, import_tabs.usePanelState)();
-  return isActive ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", {
-    className: import_twind4.tw`w-full flex flex-grow-1 overflow-auto`,
-    children
-  }) : null;
-};
-var TabHeader = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", {
-  className: import_twind4.tw`flex flex-shrink-0 border-b border-gray-200 justify-around pr-12`,
-  children
-});
-
-// src/components/infobar/content.tsx
-var import_naksha_commons4 = require("@biodiv-platform/naksha-commons");
-var import_twind6 = require("twind");
-
-// src/components/sidebar/settings/layer-selection.tsx
-var import_naksha_commons3 = require("@biodiv-platform/naksha-commons");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-function LayerSelection({ hideLabel }) {
-  const {
-    layer: { selectionStyle, handleSelectStyle }
-  } = useLayers();
-  const { t } = (0, import_naksha_commons3.useT)();
-  const handleOnSelectionStyleChange = (e) => {
-    handleSelectStyle(e.target.value);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectInput, {
-    name: "layer_selection",
-    label: hideLabel ? null : t("layer_selection"),
-    defaultValue: selectionStyle,
-    onChange: handleOnSelectionStyleChange,
-    children: Object.values(SELECTION_STYLE).map((ss) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("option", {
-      value: ss,
-      children: t(ss)
-    }, ss))
-  });
-}
-
-// src/components/infobar/infobar-panel.tsx
-var import_clsx2 = __toESM(require("clsx"));
-var import_react3 = require("react");
-var import_twind5 = require("twind");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-function InfoBarPanel({ data: payload }) {
-  const [isOpen, setIsOpen] = (0, import_react3.useState)(true);
-  const [layerInfo, setLayerInfo] = (0, import_react3.useState)({
-    title: payload.sourceLayer,
-    properties: []
-  });
-  const { layer, mp, query: { clickedLngLat } } = useLayers();
-  const getPropertyData = () => __async(this, null, function* () {
-    var _a, _b, _c, _d, _e, _f;
-    let properties;
-    const currentLayer = layer.selectedLayers.find(
-      (l) => l.id === (payload.sourceLayer || payload.source)
-    );
-    if (currentLayer.layerType.toLowerCase() === "raster") {
-      const { data } = yield axGexGetRasterInfoWithLonLat(
-        (_a = mp.geoserver) == null ? void 0 : _a.endpoint,
-        (_b = mp.geoserver) == null ? void 0 : _b.workspace,
-        {
-          bbox: payload.bbox.toString(),
-          query_layers: `${(_c = mp.geoserver) == null ? void 0 : _c.workspace}:${currentLayer.id}`,
-          layers: `${(_d = mp.geoserver) == null ? void 0 : _d.workspace}:${currentLayer.id}`
-        }
-      );
-      properties = (data == null ? void 0 : data.features[0]) ? Object.entries((_e = data.features[0]) == null ? void 0 : _e.properties).map(([v, k]) => [
-        k || "-"
-      ]) : [];
-    } else {
-      properties = Object.entries(((_f = currentLayer == null ? void 0 : currentLayer.data) == null ? void 0 : _f.propertyMap) || {}).map(
-        ([k, v]) => {
-          var _a2;
-          return [v, (_a2 = payload == null ? void 0 : payload.properties) == null ? void 0 : _a2[k]];
-        }
-      );
-    }
-    setLayerInfo({ title: currentLayer.title, properties });
-  });
-  (0, import_react3.useEffect)(() => {
-    getPropertyData();
-  }, [clickedLngLat]);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", {
-    className: import_twind5.tw`bg-gray-100 rounded-lg`,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", {
-        className: (0, import_twind5.tw)(
-          (0, import_clsx2.default)([
-            `px-4 h-10 flex items-center justify-between bg-gray-100 hover:bg-gray-200 transition-colors cursor-pointer w-full focus:outline-none focus:ring`,
-            { "bg-gray-200 rounded-t-lg": isOpen, "rounded-lg": !isOpen }
-          ])
-        ),
-        onClick: () => setIsOpen(!isOpen),
-        children: [
-          layerInfo.title,
-          " ",
-          isOpen ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(UpIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DownIcon, {})
-        ]
-      }),
-      isOpen && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", {
-        className: import_twind5.tw`px-4 py-3 flex flex-col gap-3`,
-        children: layerInfo.properties.map(([k, v], index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", {
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", {
-              className: import_twind5.tw`text-gray-600`,
-              children: k
-            }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", {
-              children: v
-            })
-          ]
-        }, k + v + index))
-      })
-    ]
-  });
-}
-
-// src/components/infobar/content.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-function InfoBarContent({ onClose }) {
-  var _a;
-  const {
-    layer: { selectedFeatures, selectedLayers, selectionStyle }
-  } = useLayers();
-  const { t } = (0, import_naksha_commons4.useT)();
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", {
-    className: import_twind6.tw`absolute top-0 right-0 bottom-0 left-0 md:top-4 md:right-4 md:bottom-4 md:left-auto bg-white rounded-lg overflow-hidden shadow-md md:max-w-sm w-full z-20 flex flex-col`,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", {
-        className: "flex w-full",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", {
-            className: import_twind6.tw`h-12 px-4 flex items-center gap-3 flex-grow bg-gray-200`,
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CrossHairIcon, {}),
-              " ",
-              t("infobar")
-            ]
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CloseButton, {
-            onClick: onClose
-          })
-        ]
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", {
-        className: import_twind6.tw`bg-gray-100 p-4 flex-shrink-0 rt`,
-        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(LayerSelection, {
-          hideLabel: true
-        })
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", {
-        className: import_twind6.tw`flex flex-col flex-grow overflow-auto gap-3 p-4`,
-        children: (_a = selectedFeatures.flat(1)) == null ? void 0 : _a.map((data) => {
-          var _a2;
-          return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(InfoBarPanel, {
-            data
-          }, ((_a2 = selectedLayers == null ? void 0 : selectedLayers[0]) == null ? void 0 : _a2.source.type) === "raster" || selectionStyle === SELECTION_STYLE.ALL ? data == null ? void 0 : data.sourceLayer : (data == null ? void 0 : data.sourceLayer) + (data == null ? void 0 : data.properties[PROPERTY_ID]));
-        })
-      })
-    ]
-  });
-}
-
-// src/components/infobar/index.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-function InfoBar() {
-  var _a;
-  const { layer, isInfoBarOpen, setIsInfoBarOpen } = useLayers();
-  if (!((_a = layer.selectedFeatures) == null ? void 0 : _a.length))
-    return null;
-  const toggleOpen = () => setIsInfoBarOpen(!isInfoBarOpen);
-  return isInfoBarOpen ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(InfoBarContent, {
-    onClose: toggleOpen
-  }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(InfobarButton, {
-    onClick: toggleOpen
-  });
-}
-
-// src/components/sidebar/index.tsx
-var import_react9 = require("react");
-var import_maplibre2 = require("react-map-gl/maplibre");
-
-// src/components/sidebar/tabs.tsx
-var import_naksha_commons12 = require("@biodiv-platform/naksha-commons");
-var import_twind18 = require("twind");
-
-// src/components/sidebar/layers/index.tsx
-var import_twind15 = require("twind");
-
-// src/components/sidebar/layers/layer-list.tsx
-var import_react8 = __toESM(require("react"));
-var import_react_virtual = require("react-virtual");
-var import_react_virtualized_auto_sizer = __toESM(require("react-virtualized-auto-sizer"));
-var import_twind13 = require("twind");
-
-// src/components/sidebar/common/layer-item.tsx
-var import_naksha_commons8 = require("@biodiv-platform/naksha-commons");
-var import_react7 = require("react");
-var import_react_web_share = require("react-web-share");
-var import_twind12 = require("twind");
-
-// src/components/core/highlighter.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var Highlighted = ({ text = "", highlight = "" }) => {
-  if (!highlight.trim()) {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, {
-      children: text
-    });
-  }
-  const regex = new RegExp(`(${highlight})`, "gi");
-  const parts = text.split(regex);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, {
-    children: parts.filter((part) => part).map(
-      (part, i) => regex.test(part) ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("mark", {
-        children: part
-      }, i) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", {
-        children: part
-      }, i)
-    )
-  });
-};
-
-// src/components/sidebar/common/grid-legend.tsx
-var import_twind8 = require("twind");
-
-// src/components/sidebar/common/moreless.tsx
-var import_naksha_commons5 = require("@biodiv-platform/naksha-commons");
-var import_react4 = require("react");
-var import_twind7 = require("twind");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-function MoreLess({ children }) {
-  const [showMore, setShowMore] = (0, import_react4.useState)(false);
-  const { t } = (0, import_naksha_commons5.useT)();
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", {
-    children: [
-      showMore && children,
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", {
-        onClick: () => setShowMore(!showMore),
-        className: import_twind7.tw`text-blue-600 focus:outline-none focus:outline focus:ring`,
-        children: showMore ? t("less") : t("legend")
-      })
-    ]
-  });
-}
-
-// src/components/sidebar/common/grid-legend.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
-function GridLegend({ item }) {
-  const { layer } = useLayers();
-  const legendInfo = layer.gridLegends[item.id];
-  if (!legendInfo)
-    return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(MoreLess, {
-    children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("ul", {
-      style: { margin: 0, padding: 0 },
-      children: [
-        legendInfo == null ? void 0 : legendInfo.stops.map(([stop, color], index, stopsArr) => {
-          const prevStop = (stopsArr[index - 1] || [0])[0];
-          if (prevStop === stop)
-            return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", {}, color);
-          return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("li", {
-            className: import_twind8.tw`flex gap-2 items-center mb-1`,
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", {
-                viewBox: "0 0 24 24",
-                height: "14",
-                width: "14",
-                focusable: "false",
-                children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("circle", {
-                  cx: "12",
-                  fill: color,
-                  cy: "12",
-                  r: "12",
-                  stroke: "none"
-                })
-              }),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", {
-                children: [
-                  prevStop,
-                  " - ",
-                  stop
-                ]
-              })
-            ]
-          }, color);
-        }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("li", {
-          children: [
-            "1 Square = ",
-            legendInfo == null ? void 0 : legendInfo.squareSize,
-            " x ",
-            legendInfo == null ? void 0 : legendInfo.squareSize,
-            " km"
-          ]
-        })
-      ]
-    })
-  });
-}
-
-// src/components/sidebar/common/info-popover.tsx
-var import_naksha_commons6 = require("@biodiv-platform/naksha-commons");
-var import_react5 = require("react");
-var import_react_tiny_popover = require("react-tiny-popover");
-var import_twind9 = require("twind");
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var LayerInfoLine = ({
-  icon,
-  name,
-  title,
-  link,
-  children
-}) => {
-  const content = /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", {
-    children: children || "-"
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", {
-    className: import_twind9.tw`flex gap-3 text-sm text-gray-600 break-all`,
-    title: name && title && `${name}: ${title}`,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", {
-        children: icon
-      }),
-      link ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("a", {
-        className: import_twind9.tw`text-blue-700 focus:outline-none focus:ring`,
-        target: "_blank",
-        rel: "noopener",
-        href: link,
-        children: content
-      }) : content
-    ]
-  });
-};
-function InfoPopover({ item, containerStyle }) {
-  var _a;
-  const { t } = (0, import_naksha_commons6.useT)();
-  const { layer, mp } = useLayers();
-  const license = item.license || "CC-BY";
-  const createdOn = (item == null ? void 0 : item.createdDate) && new Date(item.createdDate).toLocaleDateString();
-  const tags = (_a = item.tags) == null ? void 0 : _a.join(", ");
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", {
-    className: import_twind9.tw`flex flex-col gap-1 bg-white p-4 rounded-lg w-72 border border-gray-300 border-solid`,
-    style: containerStyle,
-    children: [
-      mp.managePublishing && item.layerStatus && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(LayerInfoLine, {
-        icon: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(EyeIcon, {}),
-        name: t("visiblity"),
-        title: item.layerStatus,
-        children: [
-          item.layerStatus,
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", {
-            className: import_twind9.tw`text-blue-600 focus:outline-none ml-4`,
-            onClick: () => layer.togglePublish(item.id, item == null ? void 0 : item.layerStatus),
-            children: t("toggle")
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", {
-            className: import_twind9.tw`text-red-600 focus:outline-none ml-4`,
-            onClick: () => layer.delete(item.id, t("are_you_sure")),
-            children: t("delete")
-          })
-        ]
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(LayerInfoLine, {
-        icon: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(AttributionIcon, {}),
-        link: item.url,
-        name: t("uploader"),
-        title: item.createdBy,
-        children: item.createdBy
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(LayerInfoLine, {
-        icon: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(AttributionIcon, {}),
-        link: item.url,
-        name: t("created_by"),
-        title: item.attribution,
-        children: item.attribution
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(LayerInfoLine, {
-        icon: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ClockIcon, {}),
-        name: t("created_on"),
-        title: createdOn,
-        children: createdOn
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(LayerInfoLine, {
-        icon: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TagIcon, {}),
-        name: t("tags"),
-        title: tags,
-        children: tags
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(LayerInfoLine, {
-        name: t("license"),
-        title: license,
-        link: license && import_naksha_commons6.LICENSES[license],
-        icon: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(LicenseIcon, {}),
-        children: license
-      })
-    ]
-  });
-}
-var PopoverWrapper = ({ item }) => {
-  const [isPopoverOpen, setIsPopoverOpen] = (0, import_react5.useState)(false);
-  const togglePopover = () => setIsPopoverOpen(!isPopoverOpen);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_tiny_popover.Popover, {
-    isOpen: isPopoverOpen,
-    padding: 10,
-    positions: ["right"],
-    containerStyle: { zIndex: 99 },
-    onClickOutside: togglePopover,
-    content: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(InfoPopover, {
-      item
-    }),
-    children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Button, {
-      onClick: togglePopover,
-      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(InfoIcon, {}),
-      title: "Information"
-    })
-  });
-};
-
-// src/components/sidebar/common/layer-item-style.tsx
-var import_twind11 = require("twind");
-
-// src/components/sidebar/common/style-legend.tsx
-var import_react6 = require("react");
-var import_naksha_commons7 = require("@biodiv-platform/naksha-commons");
-var import_twind10 = require("twind");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-function StyleLegend({ item }) {
-  var _a;
-  const [showImage, setShowImage] = (0, import_react6.useState)(true);
-  const { mp } = useLayers();
-  const { t } = (0, import_naksha_commons7.useT)();
-  const legendStyles = (0, import_react6.useMemo)(
-    () => {
-      var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
-      return ((_f = (_e = (_d = (_c = (_b = (_a2 = item == null ? void 0 : item.data) == null ? void 0 : _a2.styles) == null ? void 0 : _b[item.data.styleIndex]) == null ? void 0 : _c.colors) == null ? void 0 : _d.paint) == null ? void 0 : _e["fill-color"]) == null ? void 0 : _f.stops) || ((_l = (_k = (_j = (_i = (_h = (_g = item == null ? void 0 : item.data) == null ? void 0 : _g.styles) == null ? void 0 : _h[item.data.styleIndex]) == null ? void 0 : _i.colors) == null ? void 0 : _j.paint) == null ? void 0 : _k["circle-color"]) == null ? void 0 : _l.stops) || [];
-    },
-    [item]
-  );
-  const vectorLegend = () => {
-    return legendStyles.map(([title, color]) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("li", {
-      className: import_twind10.tw`flex gap-2 items-center mb-1`,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("svg", {
-          viewBox: "0 0 24 24",
-          height: "14",
-          width: "14",
-          focusable: "false",
-          children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("circle", {
-            cx: "12",
-            fill: color,
-            cy: "12",
-            r: "12",
-            stroke: "none"
-          })
-        }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", {
-          children: title
-        })
-      ]
-    }, color));
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("ul", {
-    style: { margin: 0, padding: 0 },
-    children: item.layerType !== "RASTER" ? vectorLegend() : showImage ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("li", {
-      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("img", {
-        style: { margin: "5px" },
-        onError: () => setShowImage(false),
-        src: `${(_a = mp == null ? void 0 : mp.geoserver) == null ? void 0 : _a.endpoint}/wms?REQUEST=GetLegendGraphic&VERSION=1.0.0&WIDTH=20&HEIGHT=20&STRICT=false&layer=biodiv:${item.id}`
-      })
-    }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", {
-      children: t("raster_style_not_found")
-    })
-  });
-}
-
-// src/components/sidebar/common/layer-item-style.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
-function LayerItemStyle({ item }) {
-  var _a, _b;
-  if (!((_a = item.data) == null ? void 0 : _a.styles))
-    return null;
-  const { layer } = useLayers();
-  const onStyleChange = (e) => {
-    layer.updateStyle(item.id, Number(e.target.value));
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", {
-    className: import_twind11.tw`flex flex-col gap-4 pt-2`,
-    children: [
-      item.layerType !== "RASTER" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SelectInput, {
-        onChange: onStyleChange,
-        children: (_b = item.data) == null ? void 0 : _b.styles.map((opt, idx) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("option", {
-          value: idx,
-          children: opt.styleTitle
-        }, idx))
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(MoreLess, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(StyleLegend, {
-          item
-        })
-      })
-    ]
-  });
-}
-
-// src/components/sidebar/common/layer-item.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
-function DragHandle({
-  dragHandleProps
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", __spreadProps(__spreadValues({
-    className: import_twind12.tw`mt-1 w-6 text-center cursor-move`,
-    style: { touchAction: "none" }
-  }, dragHandleProps), {
-    children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(GrabberIcon, {})
-  }));
-}
-function LayerItem({
-  item,
-  extended,
-  dragHandleProps
-}) {
-  const { t } = (0, import_naksha_commons8.useT)();
-  const {
-    layer,
-    query,
-    mp,
-    query: { setClickedLngLat },
-    setIsInfoBarOpen
-  } = useLayers();
-  const [isAdded, setIsAdded] = (0, import_react7.useState)(layer.selectedIds.includes(item.id));
-  const [isLoading, setIsLoading] = (0, import_react7.useState)(false);
-  const shareData = (0, import_react7.useMemo)(
-    () => mp.canLayerShare ? {
-      url: `${window.location.href.split("?")[0]}?layers=${item.id}`,
-      title: item.title
-    } : void 0,
-    [item.id]
-  );
-  const onToggleLayer = () => __async(this, null, function* () {
-    setIsLoading(true);
-    setIsInfoBarOpen(true);
-    layer.setSelectedFeatures([]);
-    setClickedLngLat(null);
-    yield layer.toggle({ layerId: item.id, add: !isAdded });
-    setIsAdded(!isAdded);
-    setIsLoading(false);
-  });
-  const onDownloadLayer = () => __async(this, null, function* () {
-    yield axDownloadLayer(
-      mp.nakshaApiEndpoint,
-      mp.nakshaEndpointToken,
-      item.id,
-      item.title
-    );
-    mp == null ? void 0 : mp.onLayerDownload(item.id);
-  });
-  const handleOnZoom = () => layer.zoomToExtent(item.id);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", {
-    className: import_twind12.tw`z-20 p-3 bg-white`,
-    style: { borderTop: "1px solid #e5e7eb" },
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", {
-        className: import_twind12.tw`flex gap-3`,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", {
-            className: import_twind12.tw`flex-shrink-0`,
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CheckboxInput, {
-                name: item.id,
-                checked: isAdded,
-                onChange: onToggleLayer,
-                isLoading
-              }),
-              extended && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DragHandle, {
-                dragHandleProps
-              })
-            ]
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("img", {
-            className: import_twind12.tw`flex-shrink-0 overflow-hidden h-16 w-16 p-1 mb-2 object-cover border border-gray-200 rounded`,
-            src: item.thumbnail || FALLBACK_THUMB
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", {
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", {
-                title: item.title,
-                className: import_twind12.tw`mb-1 leading-tight`,
-                style: overflowStyle,
-                children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Highlighted, {
-                  text: item.title,
-                  highlight: query.term
-                })
-              }),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", {
-                title: item.description,
-                className: import_twind12.tw`text-gray-600 text-sm`,
-                style: overflowStyle2,
-                children: item.description
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", {
-        className: import_twind12.tw`flex justify-between`,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Button, {
-            onClick: onDownloadLayer,
-            disabled: !item.isDownloadable,
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DownloadIcon, {}),
-              " ",
-              t("download")
-            ]
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", {
-            className: import_twind12.tw`flex gap-3`,
-            children: [
-              shareData && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_web_share.RWebShare, {
-                data: shareData,
-                children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Button, {
-                  title: "Share",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ShareIcon, {})
-                })
-              }),
-              extended && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Button, {
-                onClick: handleOnZoom,
-                title: "Zoom To Extent",
-                children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ZoomExtentIcon, {})
-              }),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(PopoverWrapper, {
-                item
-              })
-            ]
-          })
-        ]
-      }),
-      extended && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(LayerItemStyle, {
-        item
-      }),
-      extended && item.source.type === "grid" && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(GridLegend, {
-        item
-      })
-    ]
-  });
-}
-
-// src/components/sidebar/layers/layer-list.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
-function LayerList() {
-  const { layer, query } = useLayers();
-  const filteredLayers = (0, import_react8.useMemo)(
-    () => query.term ? layer.all.filter(
-      (_l) => _l.title.toLowerCase().includes(query.term.toLowerCase())
-    ) : layer.all,
-    [layer.all, query.term]
-  );
-  const parentRef = import_react8.default.useRef();
-  const rowVirtualizer = (0, import_react_virtual.useVirtual)({
-    size: filteredLayers.length,
-    parentRef
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", {
-    className: import_twind13.tw`flex-grow-1 relative`,
-    children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_virtualized_auto_sizer.default, {
-      disableWidth: true,
-      children: (p) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", {
-        ref: parentRef,
-        className: "List",
-        style: { height: p.height, overflow: "auto" },
-        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", {
-          style: {
-            height: rowVirtualizer.totalSize,
-            width: "100%",
-            position: "relative"
-          },
-          children: rowVirtualizer.virtualItems.map((virtualRow) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", {
-            ref: virtualRow.measureRef,
-            className: import_twind13.tw`absolute top-0 left-0 w-full`,
-            style: { transform: `translateY(${virtualRow.start}px)` },
-            children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", {
-              style: { height: 146 },
-              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(LayerItem, {
-                item: filteredLayers[virtualRow.index]
-              })
-            })
-          }, virtualRow.index))
-        })
-      })
-    })
-  });
-}
-
-// src/components/sidebar/layers/search.tsx
-var import_naksha_commons9 = require("@biodiv-platform/naksha-commons");
-var import_twind14 = require("twind");
-var import_jsx_runtime18 = require("react/jsx-runtime");
-function LayerSearch() {
-  const { t } = (0, import_naksha_commons9.useT)();
-  const { query } = useLayers();
-  const handleOnSearchChange = (e) => query.setTerm(e.target.value);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", {
-    className: import_twind14.tw`flex-shrink-0 border-b-2 p-4`,
-    children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SearchInput, {
-      name: "lyr_search",
-      placeholder: t("find_layer_by_name"),
-      onChange: handleOnSearchChange
-    })
-  });
-}
-
-// src/components/sidebar/layers/index.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
-function LayersTabPanel() {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", {
-    className: import_twind15.tw`flex flex-col w-full`,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(LayerSearch, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(LayerList, {})
-    ]
-  });
-}
-
-// src/utils/array-move.ts
-function arrayMoveMutable(array, fromIndex, toIndex) {
-  const startIndex = fromIndex < 0 ? array.length + fromIndex : fromIndex;
-  if (startIndex >= 0 && startIndex < array.length) {
-    const endIndex = toIndex < 0 ? array.length + toIndex : toIndex;
-    const [item] = array.splice(fromIndex, 1);
-    array.splice(endIndex, 0, item);
-  }
-}
-function arrayMoveImmutable(array, fromIndex, toIndex) {
-  array = [...array];
-  arrayMoveMutable(array, fromIndex, toIndex);
-  return array;
-}
-
-// src/components/sidebar/selected/selected-item-list.tsx
-var import_core9 = require("@dnd-kit/core");
-var import_sortable = require("@dnd-kit/sortable");
-var import_utilities = require("@dnd-kit/utilities");
-var import_jsx_runtime20 = require("react/jsx-runtime");
-function SortableSelectedItem({ item, extended }) {
-  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = (0, import_sortable.useSortable)({
-    id: item.id
-  });
-  const style = {
-    transform: import_utilities.CSS.Transform.toString(transform),
-    transition,
-    opacity: isDragging ? 0.5 : 1
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", {
-    ref: setNodeRef,
-    style,
-    children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(LayerItem, {
-      item,
-      extended,
-      dragHandleProps: __spreadValues(__spreadValues({}, attributes), listeners)
-    })
-  });
-}
-var SelectedItemList = ({ layerList, onSortEnd }) => {
-  const sensors = (0, import_core9.useSensors)((0, import_core9.useSensor)(import_core9.PointerSensor, { activationConstraint: { distance: 4 } }));
-  const handleDragEnd = (event) => {
-    const { active, over } = event;
-    if (over && active.id !== over.id) {
-      const oldIndex = layerList.findIndex((item) => item.id === active.id);
-      const newIndex = layerList.findIndex((item) => item.id === over.id);
-      if (oldIndex !== -1 && newIndex !== -1) {
-        onSortEnd({ oldIndex, newIndex });
-      }
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core9.DndContext, {
-    sensors,
-    collisionDetection: import_core9.closestCenter,
-    onDragEnd: handleDragEnd,
-    children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_sortable.SortableContext, {
-      items: layerList.map((item) => item.id),
-      strategy: import_sortable.verticalListSortingStrategy,
-      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", {
-        children: layerList.map((item) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SortableSelectedItem, {
-          item,
-          extended: true
-        }, item.id))
-      })
-    })
-  });
-};
-
-// src/components/sidebar/selected/index.tsx
-var import_naksha_commons10 = require("@biodiv-platform/naksha-commons");
-var import_twind16 = require("twind");
-var import_jsx_runtime21 = require("react/jsx-runtime");
-function SelectedTabPanel() {
-  const { layer } = useLayers();
-  const { t } = (0, import_naksha_commons10.useT)();
-  const onSortEnd = ({ oldIndex, newIndex }) => {
-    layer.setSelectedIds(
-      arrayMoveImmutable(layer.selectedIds, oldIndex, newIndex)
-    );
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", {
-    className: import_twind16.tw`flex flex-col gap-3 w-full`,
-    children: [
-      layer.selectedIds.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", {
-        className: import_twind16.tw`p-3 pb-0`,
-        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Button, {
-          onClick: () => layer.clearAll(),
-          children: [
-            "\u2715 ",
-            t("clear")
-          ]
-        })
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectedItemList, {
-        layerList: layer.selectedLayers,
-        useDragHandle: true,
-        onSortEnd
-      })
-    ]
-  });
-}
-
-// src/components/sidebar/settings/index.tsx
-var import_naksha_commons11 = require("@biodiv-platform/naksha-commons");
-var import_twind17 = require("twind");
-var import_jsx_runtime22 = require("react/jsx-runtime");
-function SettingsTabPanel() {
-  const { layer } = useLayers();
-  const { t } = (0, import_naksha_commons11.useT)();
-  const handleOnStyleChange = (e) => {
-    var _a;
-    layer.setMapStyle(e.target.value);
-    layer.setMaxZoom(
-      (_a = layer.mapStyles.find((ms) => ms.style === e.target.value)) == null ? void 0 : _a.maxZoom
-    );
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", {
-    className: import_twind17.tw`w-full p-4 flex flex-col gap-4`,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectInput, {
-        name: "base_style",
-        label: t("base_style"),
-        defaultValue: layer.mapStyle,
-        onChange: handleOnStyleChange,
-        children: layer.mapStyles.map((ms) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("option", {
-          value: ms.style,
-          children: ms.text
-        }, ms.key))
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(LayerSelection, {})
-    ]
-  });
-}
-
-// src/components/sidebar/tabs.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
-function SidebarTabs({ onClose }) {
-  const { t } = (0, import_naksha_commons12.useT)();
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", {
-    className: import_twind18.tw`absolute top-0 right-0 bottom-0 left-0 md:right-auto md:top-4 md:left-4 md:bottom-4 bg-white rounded-lg shadow-md md:max-w-sm w-full z-20 overflow-hidden`,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CloseButton, {
-        onClick: onClose
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", {
-        className: import_twind18.tw`flex flex-col h-full`,
-        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_tabs.Tabs, {
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(TabHeader, {
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(IconTab, {
-                  icon: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(LayersIcon, {}),
-                  children: t("layers")
-                }),
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(IconTab, {
-                  icon: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(LayersIcon, {}),
-                  children: t("selected")
-                }),
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(IconTab, {
-                  icon: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SlidersIcon, {}),
-                  children: t("settings")
-                })
-              ]
-            }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Panel, {
-              children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(LayersTabPanel, {})
-            }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Panel, {
-              children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectedTabPanel, {})
-            }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Panel, {
-              children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SettingsTabPanel, {})
-            })
-          ]
-        })
-      })
-    ]
-  });
-}
-
-// src/components/sidebar/index.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
-function Sidebar() {
-  const { mp, layer } = useLayers();
-  const [isOpen, setIsOpen] = (0, import_react9.useState)(mp.showToC);
-  const { mapl } = (0, import_maplibre2.useMap)();
-  const toggleOpen = () => setIsOpen(!isOpen);
-  function loadToC() {
-    return __async(this, null, function* () {
-      const _layers = yield axGetGeoserverLayers(
-        mp.nakshaEndpointToken,
-        mp.nakshaApiEndpoint,
-        mp.geoserver,
-        mp.selectedLayers
-      );
-      const _newLayers = [...mp.layers || [], ..._layers];
-      layer.setAll(_newLayers);
-      if (layer.selectedIds.length) {
-        const _layer = _newLayers.find((l) => l.id === layer.selectedIds[0]);
-        (_layer == null ? void 0 : _layer.bbox) && (mapl == null ? void 0 : mapl.fitBounds(_layer.bbox, { padding: 40, duration: 1e3 }));
-      }
-    });
-  }
-  (0, import_react9.useEffect)(() => {
-    if (mapl && mp.loadToC) {
-      loadToC();
-    }
-  }, [mapl]);
-  return isOpen ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SidebarTabs, {
-    onClose: toggleOpen
-  }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(LayersButton, {
-    onClick: toggleOpen
-  });
-}
-
-// src/components/map/layers/index.tsx
-var import_maplibre6 = require("react-map-gl/maplibre");
-
-// ../../node_modules/@turf/helpers/dist/es/index.js
-var earthRadius = 63710088e-1;
-var factors = {
-  centimeters: earthRadius * 100,
-  centimetres: earthRadius * 100,
-  degrees: earthRadius / 111325,
-  feet: earthRadius * 3.28084,
-  inches: earthRadius * 39.37,
-  kilometers: earthRadius / 1e3,
-  kilometres: earthRadius / 1e3,
-  meters: earthRadius,
-  metres: earthRadius,
-  miles: earthRadius / 1609.344,
-  millimeters: earthRadius * 1e3,
-  millimetres: earthRadius * 1e3,
-  nauticalmiles: earthRadius / 1852,
-  radians: 1,
-  yards: earthRadius * 1.0936
-};
-var unitsFactors = {
-  centimeters: 100,
-  centimetres: 100,
-  degrees: 1 / 111325,
-  feet: 3.28084,
-  inches: 39.37,
-  kilometers: 1 / 1e3,
-  kilometres: 1 / 1e3,
-  meters: 1,
-  metres: 1,
-  miles: 1 / 1609.344,
-  millimeters: 1e3,
-  millimetres: 1e3,
-  nauticalmiles: 1 / 1852,
-  radians: 1 / earthRadius,
-  yards: 1.0936133
-};
-
-// ../../node_modules/@turf/meta/dist/es/index.js
-function coordEach(geojson, callback, excludeWrapCoord) {
-  if (geojson === null)
-    return;
-  var j, k, l, geometry, stopG, coords, geometryMaybeCollection, wrapShrink = 0, coordIndex = 0, isGeometryCollection, type = geojson.type, isFeatureCollection = type === "FeatureCollection", isFeature = type === "Feature", stop = isFeatureCollection ? geojson.features.length : 1;
-  for (var featureIndex = 0; featureIndex < stop; featureIndex++) {
-    geometryMaybeCollection = isFeatureCollection ? geojson.features[featureIndex].geometry : isFeature ? geojson.geometry : geojson;
-    isGeometryCollection = geometryMaybeCollection ? geometryMaybeCollection.type === "GeometryCollection" : false;
-    stopG = isGeometryCollection ? geometryMaybeCollection.geometries.length : 1;
-    for (var geomIndex = 0; geomIndex < stopG; geomIndex++) {
-      var multiFeatureIndex = 0;
-      var geometryIndex = 0;
-      geometry = isGeometryCollection ? geometryMaybeCollection.geometries[geomIndex] : geometryMaybeCollection;
-      if (geometry === null)
-        continue;
-      coords = geometry.coordinates;
-      var geomType = geometry.type;
-      wrapShrink = excludeWrapCoord && (geomType === "Polygon" || geomType === "MultiPolygon") ? 1 : 0;
-      switch (geomType) {
-        case null:
-          break;
-        case "Point":
-          if (callback(
-            coords,
-            coordIndex,
-            featureIndex,
-            multiFeatureIndex,
-            geometryIndex
-          ) === false)
-            return false;
-          coordIndex++;
-          multiFeatureIndex++;
-          break;
-        case "LineString":
-        case "MultiPoint":
-          for (j = 0; j < coords.length; j++) {
-            if (callback(
-              coords[j],
-              coordIndex,
-              featureIndex,
-              multiFeatureIndex,
-              geometryIndex
-            ) === false)
-              return false;
-            coordIndex++;
-            if (geomType === "MultiPoint")
-              multiFeatureIndex++;
-          }
-          if (geomType === "LineString")
-            multiFeatureIndex++;
-          break;
-        case "Polygon":
-        case "MultiLineString":
-          for (j = 0; j < coords.length; j++) {
-            for (k = 0; k < coords[j].length - wrapShrink; k++) {
-              if (callback(
-                coords[j][k],
-                coordIndex,
-                featureIndex,
-                multiFeatureIndex,
-                geometryIndex
-              ) === false)
-                return false;
-              coordIndex++;
-            }
-            if (geomType === "MultiLineString")
-              multiFeatureIndex++;
-            if (geomType === "Polygon")
-              geometryIndex++;
-          }
-          if (geomType === "Polygon")
-            multiFeatureIndex++;
-          break;
-        case "MultiPolygon":
-          for (j = 0; j < coords.length; j++) {
-            geometryIndex = 0;
-            for (k = 0; k < coords[j].length; k++) {
-              for (l = 0; l < coords[j][k].length - wrapShrink; l++) {
-                if (callback(
-                  coords[j][k][l],
-                  coordIndex,
-                  featureIndex,
-                  multiFeatureIndex,
-                  geometryIndex
-                ) === false)
-                  return false;
-                coordIndex++;
-              }
-              geometryIndex++;
-            }
-            multiFeatureIndex++;
-          }
-          break;
-        case "GeometryCollection":
-          for (j = 0; j < geometry.geometries.length; j++)
-            if (coordEach(geometry.geometries[j], callback, excludeWrapCoord) === false)
-              return false;
-          break;
-        default:
-          throw new Error("Unknown Geometry Type");
-      }
-    }
-  }
-}
-
-// ../../node_modules/@turf/bbox/dist/es/index.js
-function bbox(geojson) {
-  var result = [Infinity, Infinity, -Infinity, -Infinity];
-  coordEach(geojson, function(coord) {
-    if (result[0] > coord[0]) {
-      result[0] = coord[0];
-    }
-    if (result[1] > coord[1]) {
-      result[1] = coord[1];
-    }
-    if (result[2] < coord[0]) {
-      result[2] = coord[0];
-    }
-    if (result[3] < coord[1]) {
-      result[3] = coord[1];
-    }
-  });
-  return result;
-}
-bbox["default"] = bbox;
-var es_default = bbox;
-
-// src/components/map/layers/grid/index.tsx
-var import_react10 = require("react");
-var import_maplibre3 = require("react-map-gl/maplibre");
-var import_jsx_runtime25 = require("react/jsx-runtime");
-function GridLayer({
-  data,
-  beforeId
-}) {
-  const { layer } = useLayers();
-  const { mapl } = (0, import_maplibre3.useMap)();
-  const [layerData, setLayerData] = (0, import_react10.useState)({ geojson: {}, paint: {} });
-  const isSelected = layer.selectedIds.includes(data.id);
-  const isLastSelected = layer.selectedIds[0] === data.id;
-  const fetchGridData = (shouldFitBounds = false) => __async(this, null, function* () {
-    const { success, geojson, paint: paint2, stops, squareSize } = yield getGridLayerData(
-      data.source.fetcher,
-      mapl == null ? void 0 : mapl.getBounds(),
-      mapl == null ? void 0 : mapl.getZoom()
-    );
-    if (success) {
-      setLayerData({ geojson, paint: paint2 });
-      if (shouldFitBounds && isLastSelected && data.zoomToFit) {
-        try {
-          const [minLon, minLat, maxLon, maxLat] = es_default(geojson);
-          mapl == null ? void 0 : mapl.fitBounds(
-            [
-              [minLon, minLat],
-              [maxLon, maxLat]
-            ],
-            { padding: 40, animate: true }
-          );
-        } catch (e) {
-          console.warn("Failed to compute bbox", e);
-        }
-      }
-      layer.setGridLegends({
-        [data.id]: { stops, squareSize }
-      });
-    }
-  });
-  (0, import_react10.useEffect)(() => {
-    if (isSelected && isLastSelected) {
-      fetchGridData(true);
-    } else if (isSelected) {
-      fetchGridData(false);
-    }
-  }, [isSelected, isLastSelected]);
-  (0, import_react10.useEffect)(() => {
-    if (!isSelected || !mapl)
-      return;
-    const handleIdle = () => fetchGridData(false);
-    mapl.on("idle", handleIdle);
-    return () => {
-      mapl.off("idle", handleIdle);
-    };
-  }, [isSelected, mapl]);
-  (0, import_react10.useEffect)(() => {
-    return () => {
-      layer.setGridLegends((prev) => {
-        const newLegends = __spreadValues({}, prev);
-        delete newLegends[data.id];
-        return newLegends;
-      });
-    };
-  }, [data.id]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_maplibre3.Source, {
-    id: data.id,
-    type: "geojson",
-    data: layerData.geojson,
-    children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_maplibre3.Layer, {
-      beforeId,
-      id: data.id,
-      type: "fill",
-      paint: layerData.paint
-    })
-  });
-}
-
-// src/components/map/layers/vector/index.tsx
-var import_react11 = require("react");
-var import_maplibre4 = require("react-map-gl/maplibre");
-var import_jsx_runtime26 = require("react/jsx-runtime");
-var paint = {
-  fill: {
-    "line-color": "red",
-    "line-width": 2
-  },
-  circle: {
-    "circle-stroke-color": "red",
-    "circle-stroke-width": 2,
-    "circle-opacity": 0
-  }
-};
-function VectorLayer({ layer: data, beforeId }) {
-  var _a;
-  const { layer } = useLayers();
-  const layerProps = (0, import_react11.useMemo)(
-    () => {
-      var _a2, _b, _c, _d;
-      return (_d = (_c = (_a2 = data.data) == null ? void 0 : _a2.styles) == null ? void 0 : _c[(_b = data.data) == null ? void 0 : _b.styleIndex]) == null ? void 0 : _d.colors;
-    },
-    [data, layer.selectedFeatures]
-  );
-  const highlightData = (_a = layer.selectedFeaturesId) == null ? void 0 : _a[data.id];
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_maplibre4.Source, __spreadProps(__spreadValues({}, data.source), {
-    children: [
-      layerProps && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_maplibre4.Layer, __spreadValues({
-        beforeId
-      }, layerProps)),
-      highlightData && layerProps && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_maplibre4.Layer, __spreadProps(__spreadValues({}, layerProps), {
-        beforeId,
-        id: `hl_${data.id}`,
-        filter: ["in", PROPERTY_ID, ...highlightData],
-        type: layerProps.type === "fill" ? "line" : layerProps.type,
-        paint: paint[layerProps.type]
-      }))
-    ]
-  }));
-}
-
-// src/components/map/layers/raster/index.tsx
-var import_maplibre5 = require("react-map-gl/maplibre");
-var import_jsx_runtime27 = require("react/jsx-runtime");
-function RasterLayer({
-  data,
-  beforeId
-}) {
-  var _a;
-  const { mp } = useLayers();
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_maplibre5.Source, {
-    id: data.id,
-    type: "raster",
-    tiles: [
-      `${(_a = mp == null ? void 0 : mp.geoserver) == null ? void 0 : _a.endpoint}/wms?bbox={bbox-epsg-3857}&format=image/png&service=WMS&version=1.1.1&request=GetMap&srs=EPSG:3857&width=256&height=256&transparent=true&layers=biodiv:${data.id}`
-    ],
-    tileSize: 256,
-    children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_maplibre5.Layer, {
-      id: data.id,
-      beforeId,
-      type: "raster",
-      source: "biodiv",
-      layout: { visibility: "visible" },
-      paint: {}
-    })
-  });
-}
-
-// src/components/map/layers/index.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
-function MapLayer({
-  layer,
-  beforeId
-}) {
-  const { mapl } = (0, import_maplibre6.useMap)();
-  if (!mapl) {
-    return null;
-  }
-  switch (layer.source.type) {
-    case "vector":
-      return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(VectorLayer, {
-        beforeId,
-        layer
-      });
-    case "grid":
-      return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(GridLayer, {
-        beforeId,
-        data: layer
-      });
-    case "raster":
-      return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(RasterLayer, {
-        beforeId,
-        data: layer
-      });
-    default:
-      return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(VectorLayer, {
-        beforeId,
-        layer
-      });
-  }
-}
-
-// src/components/map/markers-list/index.tsx
-var import_react12 = require("react");
-var import_maplibre7 = require("react-map-gl/maplibre");
-var import_jsx_runtime29 = require("react/jsx-runtime");
-var Marker1 = import_maplibre7.Marker;
-var MarkersList = () => {
-  const { mp } = useLayers();
-  const markersMemoized = (0, import_react12.useMemo)(() => mp.markers, [mp.markers]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_jsx_runtime29.Fragment, {
-    children: markersMemoized == null ? void 0 : markersMemoized.map(({ latitude, longitude, colorHex }, index) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Marker1, {
-      latitude,
-      longitude,
-      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("img", {
-        style: { cursor: "pointer" },
-        alt: "Marker",
-        src: "https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon.png"
-      })
-    }, index))
-  });
-};
-var markers_list_default = MarkersList;
-
-// src/components/map/popup/index.tsx
-var import_clsx3 = __toESM(require("clsx"));
-var import_maplibre8 = require("react-map-gl/maplibre");
-var import_twind19 = require("twind");
-var import_jsx_runtime30 = require("react/jsx-runtime");
-var Pop = import_maplibre8.Popup;
-function HoverPopup({ coordinates }) {
-  const { hover } = useLayers();
-  return (coordinates == null ? void 0 : coordinates.lat) && hover.features ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Pop, {
-    latitude: coordinates.lat,
-    longitude: coordinates.lng,
-    closeButton: false,
-    children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("table", {
-      className: import_twind19.tw`table-auto border`,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("thead", {
-          children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("tr", {
-            children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("th", {
-              className: import_twind19.tw`bg-gray-200 py-1 px-2`,
-              colSpan: 2,
-              children: hover.features.title
-            })
-          })
-        }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("tbody", {
-          children: hover.features.data.map(([k, v], idx) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("tr", {
-            className: (0, import_twind19.tw)(
-              (0, import_clsx3.default)({
-                "bg-gray-50": idx % 2 === 0,
-                "border-gray-100 border-t": 1
-              })
-            ),
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("td", {
-                className: import_twind19.tw`py-1 px-2`,
-                children: k
-              }),
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("td", {
-                className: import_twind19.tw`py-1 px-2 border-l border-gray-100`,
-                children: v
-              })
-            ]
-          }, k + v))
-        })
-      ]
-    })
-  }) : null;
-}
-
-// src/components/map/index.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
-var NavControl = import_maplibre9.NavigationControl;
-function Map2() {
-  var _a;
-  const { mp, layer, hover, query } = useLayers();
-  const [coordinates, setCoordinates] = (0, import_react13.useState)();
-  const viewState = (0, import_react13.useMemo)(
-    () => mp.defaultViewState || import_naksha_commons13.defaultViewState,
-    [mp.defaultViewState]
-  );
-  const onMapClick = (e) => query.setClickedLngLat(e.lngLat);
-  const handleOnMouseMove = (event) => {
-    setCoordinates(event.lngLat);
-    hover.onHover(event);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", {
-    className: import_twind20.tw`h-full w-full relative bg-gray-100`,
-    children: [
-      mp.loadToC && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Sidebar, {}),
-      ((_a = layer.selectedFeatures) == null ? void 0 : _a.length) > 0 && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(InfoBar, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_maplibre9.default, {
-        id: "mapl",
-        cursor: "default",
-        initialViewState: viewState,
-        style: { width: "100%", height: "100%" },
-        mapStyle: layer.mapStyle,
-        maxZoom: layer.maxZoom,
-        onClick: onMapClick,
-        onMouseMove: handleOnMouseMove,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(NavControl, {
-            position: "bottom-right",
-            showZoom: true,
-            showCompass: true
-          }),
-          mp.showFullscreenControl && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_maplibre9.FullscreenControl, {
-            position: "bottom-right"
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(markers_list_default, {}),
-          layer.selectedLayers.map((_l, index) => {
-            const beforeId = index > 0 ? layer.selectedIds[index - 1] : void 0;
-            return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(MapLayer, {
-              layer: _l,
-              beforeId
-            }, _l.id);
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(HoverPopup, {
-            coordinates
-          }, "popup")
-        ]
-      })
-    ]
-  });
-}
-
-// src/index.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
-(0, import_twind21.setup)({ preflight: false });
-var NakshaMaplibreLayers = (props) => {
-  const mp = import_react14.default.useMemo(
-    () => __spreadValues(__spreadValues({}, defaultNakshaProps), props),
-    [props]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_maplibre10.MapProvider, {
-    children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_naksha_commons14.TranslationProvider, {
-      localeStrings: locales_default,
-      lang: mp.lang,
-      children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(LayersProvider, {
-        mp,
-        children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Map2, {})
-      })
-    })
-  });
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  NakshaMaplibreLayers
-});
+"use strict";var Uo=Object.create;var Pe=Object.defineProperty,Ko=Object.defineProperties,Xo=Object.getOwnPropertyDescriptor,Qo=Object.getOwnPropertyDescriptors,jo=Object.getOwnPropertyNames,Kt=Object.getOwnPropertySymbols,en=Object.getPrototypeOf,Qt=Object.prototype.hasOwnProperty,tn=Object.prototype.propertyIsEnumerable;var lt=Math.pow,Xt=(e,r,t)=>r in e?Pe(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,m=(e,r)=>{for(var t in r||(r={}))Qt.call(r,t)&&Xt(e,t,r[t]);if(Kt)for(var t of Kt(r))tn.call(r,t)&&Xt(e,t,r[t]);return e},T=(e,r)=>Ko(e,Qo(r));var rn=(e,r)=>{for(var t in r)Pe(e,t,{get:r[t],enumerable:!0})},jt=(e,r,t,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of jo(r))!Qt.call(e,n)&&n!==t&&Pe(e,n,{get:()=>r[n],enumerable:!(o=Xo(r,n))||o.enumerable});return e};var O=(e,r,t)=>(t=e!=null?Uo(en(e)):{},jt(r||!e||!e.__esModule?Pe(t,"default",{value:e,enumerable:!0}):t,e)),on=e=>jt(Pe({},"__esModule",{value:!0}),e);var v=(e,r,t)=>new Promise((o,n)=>{var a=i=>{try{c(t.next(i))}catch(l){n(l)}},s=i=>{try{c(t.throw(i))}catch(l){n(l)}},c=i=>i.done?o(i.value):Promise.resolve(i.value).then(a,s);c((t=t.apply(e,r)).next())});var xn={};rn(xn,{NakshaMaplibreLayers:()=>Ln});module.exports=on(xn);var Go=require("@biodiv-platform/naksha-commons"),_o=O(require("react")),Oo=require("react-map-gl/maplibre"),Do=require("twind");var er={are_you_sure:"Are you sure?",base_style:"Base Style",clear:"Clear Selection",created_by:"Attribution",created_on:"Created On",delete:"Delete",download:"Download",find_layer_by_name:"Find layer by name",infobar:"Attributes at Clicked Location",information:"Information",layer_selection:"Layer Selection",layer_selection_all:"All Layers",layer_selection_top:"Top Layer Only",layers:"Layers",legend:"Legend",less:"Less",license:"License",list_layers:"List Layers",pending:"Pending",publish:"Publish",raster_style_not_found:"Style not available for the given layer",remove:"Remove",selected:"Selected",settings:"Settings",square:"Square",tags:"Tags",toggle:"Toggle Publishing",uploaded:"Uploaded",uploader:"Uploader",url:"URL",visiblity:"Visiblity"};var tr={are_you_sure:"\xCAtes-vous s\xFBr?",base_style:"Style de base",clear:"Effacer la s\xE9lection",created_by:"Attribution",created_on:"Cr\xE9\xE9 sur",delete:"Effacer",download:"T\xE9l\xE9charger",find_layer_by_name:"Trouver la couche par nom",infobar:"Attributs \xE0 l'emplacement cliqu\xE9",information:"Informations",layer_selection_all:"Toutes les couches",layer_selection_top:"Couche sup\xE9rieure uniquement",layer_selection:"S\xE9lection de calque",layers:"Couches",legend:"L\xE9gende",less:"Moins",license:"Licence",list_layers:"Liste des couches",pending:"En attente",publish:"Publier",remove:"Supprimer",selected:"Choisie",settings:"Param\xE8tres",square:"Carr\xE9",toggle:"Basculer la publication",uploaded:"T\xE9l\xE9charg\xE9",url:"url"};var rr={are_you_sure:"\u0915\u094D\u092F\u093E \u0906\u092A\u0915\u094B \u092F\u0915\u0940\u0928 \u0939\u0948?",base_style:"\u0906\u0927\u093E\u0930 \u0936\u0948\u0932\u0940",clear:"\u091A\u092F\u0928 \u0938\u093E\u092B\u093C \u0915\u0930\u0947\u0902",created_by:"\u0906\u0930\u094B\u092A\u0923",created_on:"\u092A\u0930 \u092C\u0928\u093E\u092F\u093E",delete:"\u0939\u091F\u093E\u090F\u0902",download:"\u0921\u093E\u0909\u0928\u0932\u094B\u0921",find_layer_by_name:"\u0928\u093E\u092E \u0938\u0947 \u092A\u0930\u0924 \u0916\u094B\u091C\u0947\u0902",infobar:"\u0915\u094D\u0932\u093F\u0915 \u0915\u093F\u090F \u0917\u090F \u0938\u094D\u0925\u093E\u0928 \u092A\u0930 \u0935\u093F\u0936\u0947\u0937\u0924\u093E\u090F\u0902",information:"\u091C\u093E\u0928\u0915\u093E\u0930\u0940",layer_selection_all:"\u0938\u092D\u0940 \u092A\u0930\u0924\u0947\u0902",layer_selection_top:"\u0915\u0947\u0935\u0932 \u0936\u0940\u0930\u094D\u0937 \u092A\u0930\u0924",layer_selection:"\u092A\u0930\u0924 \u091A\u092F\u0928",layers:"\u092A\u0930\u0924\u0947\u0902",legend:"\u0915\u093F\u0902\u0935\u0926\u0902\u0924\u0940",less:"\u0915\u092E",license:"\u0932\u093E\u0907\u0938\u0947\u0902\u0938",list_layers:"\u0938\u0942\u091A\u0940 \u092A\u0930\u0924\u0947\u0902",pending:"\u0932\u0902\u092C\u093F\u0924",publish:"\u092A\u094D\u0930\u0915\u093E\u0936\u093F\u0924",remove:"\u0939\u091F\u093E\u0928\u093E",selected:"\u091A\u092F\u0928\u093F\u0924",settings:"\u0938\u092E\u093E\u092F\u094B\u091C\u0928",square:"\u0938\u094D\u0915\u094D\u0935\u093E\u092F\u0930",tags:"\u091F\u0948\u0917",toggle:"\u092A\u094D\u0930\u0915\u093E\u0936\u0928 \u091F\u0949\u0917\u0932 \u0915\u0930\u0947\u0902",uploaded:"\u0905\u092A\u0932\u094B\u0921 \u0915\u093F\u092F\u093E \u0917\u092F\u093E",url:"\u092F\u0942\u0906\u0930\u090F\u0932"};var or={en:er,fr:tr,hi:rr};var Ao=require("@biodiv-platform/naksha-commons"),nt=require("react"),Le=O(require("react-map-gl/maplibre")),Bo=require("twind");var Ze=require("@biodiv-platform/naksha-commons"),S=O(require("react")),xr=require("react-map-gl/maplibre");var mr=O(require("colorbrewer")),Q=O(require("redaxios"));var ft=O(require("boundingbox")),We=require("geohash");var $e=require("@biodiv-platform/naksha-commons");var nr={defaultViewState:$e.defaultViewState,nakshaApiEndpoint:"/naksha-api/api",geoserver:{endpoint:"/geoserver",workspace:"biodiv",store:"ibp"},mapStyle:$e.MapStyles.MAP_STREETS,layers:[],selectedLayers:[]},ar="data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cpath fill='%23fff' d='M0 0h72v72H0z'/%3E%3Cpath d='M35.981 48.293l-13.853-10.77-3.045 2.368L36 53.048l16.917-13.157-3.064-2.387-13.872 10.789zM36 43.519l13.834-10.77 3.083-2.388L36 17.204 19.083 30.36l3.064 2.387L36 43.518z' fill='%23A0AEC0'/%3E%3C/svg%3E",ct={display:"-webkit-box",WebkitLineClamp:1,WebkitBoxOrient:"vertical",overflow:"hidden",wordBreak:"break-word"},sr=T(m({},ct),{WebkitLineClamp:2}),q="ogc_fid",Ve={ACTIVE:"Active",PENDING:"Pending"},$={TOP:"layer_selection_top",ALL:"layer_selection_all"};var ir=e=>e<6?[4,1,39.2]:e<7?[5,0,19.6]:e<8?[5,1,9.8]:e<9?[5,-1,4.9]:e<10?[6,0,2.45]:e<11?[6,1,1.225]:e<12?[7,0,.612]:e<13?[7,1,.306]:e<14?[7,-1,.153]:e<15?[8,0,.077]:[8,1,.039],ut="0123456789bcdefghjkmnpqrstuvwxyz",ln=(e,r,t)=>{t=t||16/lt(2,1-e.length&1)/lt(4,r);let o=e.slice(0,-1),n=~~(ut.indexOf(e.slice(-1))/t);return[o+ut[t*n],o+ut[t*(n+1)-1]]},cn=function(e,r){var t=new Map,o=new Map;let n=[];for(let[a,s]of Object.entries(e)){let[c,i]=ln(a,r);o.set(c,i),t.has(c)||t.set(c,0),t.set(c,t.get(c)+s)}return t.forEach((a,s)=>{let c=We.GeoHash.decodeGeoHash(s),i=We.GeoHash.decodeGeoHash(o.get(s)),l=new ft.default({minlat:c.latitude[0],minlon:c.longitude[0],maxlat:i.latitude[1],maxlon:i.longitude[1]}).toGeoJSON();n.push(T(m({},l),{properties:{count:a,[q]:s}}))}),n},un=e=>{let r=[];for(let[t,o]of Object.entries(e)){let n=We.GeoHash.decodeGeoHash(t),a=new ft.default({minlat:n.latitude[0],minlon:n.longitude[0],maxlat:n.latitude[1],maxlon:n.longitude[1]}).toGeoJSON();r.push(T(m({},a),{properties:{count:o,[q]:t}}))}return r},lr=(e,r)=>({type:"FeatureCollection",features:Object.keys(e).length===0?[]:r===-1?un(e):cn(e,r)}),cr=(e,r)=>{let t=Object.values(e).sort((a,s)=>a-s),o=Math.floor(t.length/r),n=new Array(r-1).fill(0).map((a,s)=>t[o*(s+1)]);return n.push(t[t.length-1]),n};var ur=O(require("immer"));var fr=(e,r,t,o)=>v(void 0,null,function*(){let n=[];for(let a of e){let s=o.includes(a.name),c=T(m({},a),{id:a.name,thumbnail:r+a.thumbnail,source:{type:a.layerType.toLowerCase()==="raster"?"raster":"vector",scheme:"tms",tiles:[`${t.endpoint}/gwc/service/tms/1.0.0/${t.workspace}:${a.name}@EPSG%3A900913@pbf/{z}/{x}/{y}.pbf`]},data:{styles:[]},isAdded:s});if(s){let i=yield dt(c,0,r,t);n.push(T(m({},c),{data:i}))}else n.push(c)}return n}),dt=(e,r,t,o)=>v(void 0,null,function*(){return(0,ur.default)(e.data,a=>v(void 0,null,function*(){var s;if(a.styles.length===0){let{success:c,data:i}=yield dr(e.id,t);c&&(a.layerName=i.layerName,a.styles=i.styles,a.summaryColumn=i.summaryColumn,a.titleColumn=i.titleColumn,a.propertyMap=Object.fromEntries(i.styles.map(l=>[l.styleName,l.styleTitle])))}a.styles[r]&&!((s=a.styles[r])!=null&&s.colors)&&(a.styles[r].colors=yield pr(e.id,o==null?void 0:o.workspace,a.styles[r].styleName,t)),a.styleIndex=r}))});var yr=(e,r,t,o)=>v(void 0,null,function*(){try{let n=yield Q.default.get(`${r}/layer/all`,{headers:{Authorization:e}});return yield fr(n.data,r,t,o)}catch(n){return console.error(n),[]}}),dr=(e,r)=>v(void 0,null,function*(){try{let{data:t}=yield Q.default.get(`${r}/layer/onClick/${e}`);return{success:!0,data:t}}catch(t){return console.error(t),{success:!1}}}),gr=(e,r,t)=>v(void 0,null,function*(){let o={service:"WMS",version:"1.1.1",request:"GetFeatureInfo",info_format:"application/json",width:100,height:100,x:50,y:50,srs:"EPSG:4326"};try{return{success:!0,data:(yield Q.default.get(`${e}/${r}/wms`,{params:m(m({},t),o)})).data}}catch(n){return console.error(n),{success:!1,data:[]}}}),hr=(e,r,t,o)=>v(void 0,null,function*(){try{return yield Q.default.put(`${r}/layer/${o?"active":"pending"}/${t}`,{},{headers:{Authorization:e}}),!0}catch(n){return console.error(n),!1}}),vr=(e,r,t)=>v(void 0,null,function*(){try{return yield Q.default.delete(`${r}/layer/${t}`,{headers:{Authorization:e}}),!0}catch(o){return console.error(o),!1}}),pr=(e,r,t,o)=>v(void 0,null,function*(){var n,a;try{return(a=(n=(yield Q.default.get(`${o}/geoserver/workspaces/${r}/styles/${e}_${t}.mbstyle`)).data)==null?void 0:n.layers)==null?void 0:a[0]}catch(s){return console.error(s),{}}}),br=(e,r,t,o=6,n="YlOrRd")=>v(void 0,null,function*(){try{let[a,s,c]=ir(t),{_ne:i,_sw:l}=r,p={top:i.lat,left:l.lng,bottom:l.lat,right:i.lng,geoAggegationPrecision:a},h=yield e(p),k=lr(h,s),M=cr(h,o).map((R,x)=>[R,mr.default[n][o][x]]);return{success:!0,geojson:k,paint:{"fill-color":{property:"count",default:"yellow",stops:M},"fill-outline-color":"rgba(0,0,0,0.2)","fill-opacity":.7},stops:M,squareSize:c}}catch(a){return console.error(a),{success:!1,geojson:{},paint:{},stops:[],squareSize:0}}}),Lr=(e,r,t,o)=>v(void 0,null,function*(){try{yield Q.default.post(`${e}/layer/download`,{layerName:t,layerTitle:o,attributeList:[],filterArray:[]},{headers:{Authorization:r}})}catch(n){console.error(n)}});var kr=require("react/jsx-runtime"),wr=(0,S.createContext)({}),Sr=({mp:e,children:r})=>{var Wt,Zt;let[t,o]=(0,S.useState)(e),{mapl:n}=(0,xr.useMap)(),[a,s]=(0,S.useState)(""),c=(0,Ze.useDebounce)(a,500),i=t.mapStyles&&t.mapStyles.length>0?t.mapStyles:Ze.defaultMapStyles,[l,p]=(0,S.useState)((Wt=i[(t==null?void 0:t.mapStyle)||0])==null?void 0:Wt.style),[h,k]=(0,S.useState)((Zt=i[(t==null?void 0:t.mapStyle)||0])==null?void 0:Zt.maxZoom),[P,M]=(0,S.useState)($.TOP),[N,R]=(0,S.useState)({}),[x,_]=(0,S.useState)(!0),[b,U]=(0,S.useState)(),[C,at]=(0,S.useState)(e.layers||[]),[A,xe]=(0,S.useState)(t.selectedLayers||[]),[Fe,Ht]=(0,S.useState)(),[st,Ft]=(0,S.useState)(),zo=(0,S.useMemo)(()=>{var g;let d={};for(let y of st||[])d[y.sourceLayer]=[...d[y.sourceLayer]||[],(g=y==null?void 0:y.properties)==null?void 0:g[q]];return Object.keys(d).length?d:void 0},[st]),we=S.default.useMemo(()=>{let d=C.filter(y=>A.includes(y.id)),g=new Array(A.length);for(let y of d){let E=A.findIndex(F=>y.id===F);E>-1&&(g[E]=y)}return g},[C,A]),qe=d=>C.findIndex(g=>g.id===d),qt=(d,g)=>{at(y=>y.map(E=>E.id===d?m(m({},E),g):E))},$t=(d,g,y)=>v(void 0,null,function*(){let E=C[d],F=yield dt(E,g,t.nakshaApiEndpoint,t.geoserver);qt(E.id,{data:F}),y&&(n==null||n.fitBounds(E.bbox,{padding:40,duration:1e3}))}),Ho=(d,g)=>v(void 0,null,function*(){let y=qe(d);$t(y,g,!1)}),Fo=d=>v(void 0,null,function*(){var g,y,E,F;if(!(!A.length||!n))try{let K=A[0],Se=n.queryRenderedFeatures(d.point,{layers:[K]});if(Se.length){let ke=((g=Se[0])==null?void 0:g.id)||((E=(y=Se[0])==null?void 0:y.properties)==null?void 0:E[q]);if(ke===(Fe==null?void 0:Fe.id))return;let X=C[qe(K)],re=(F=X==null?void 0:X.data)==null?void 0:F.summaryColumn.map(oe=>{var Yt,Jt,Ut;return[((Jt=(Yt=X.data)==null?void 0:Yt.propertyMap)==null?void 0:Jt[oe])||oe,(Ut=Se[0].properties)==null?void 0:Ut[oe]]});Ht({id:ke,title:X.title,data:re})}else Ht(void 0)}catch(K){}}),qo=F=>v(void 0,[F],function*({layerId:d,add:g,styleIndex:y=0,focus:E=!0}){var ke,X;if(!g){xe(A.filter(re=>d!==re));return}let K=qe(d);((ke=C[K])==null?void 0:ke.source.type)==="grid"?(xe(re=>[d,...re.filter(oe=>oe!==d)]),E&&((X=C[K])==null?void 0:X.bbox)&&setTimeout(()=>{n==null||n.fitBounds(C[K].bbox,{padding:40,duration:1e3})},100)):(yield $t(K,y,E),xe(re=>[d,...re.filter(oe=>oe!==d)]))}),$o=()=>v(void 0,null,function*(){return xe([])}),Vo=(d,g)=>{o(T(m({},t),{[d]:g}))},Wo=(d,g)=>{let y=g===Ve.PENDING;hr(t.nakshaEndpointToken,t.nakshaApiEndpoint,d,y),qt(d,{layerStatus:y?Ve.ACTIVE:Ve.PENDING})},Zo=(d,g)=>v(void 0,null,function*(){confirm(g)&&(vr(t.nakshaEndpointToken,t.nakshaApiEndpoint,d),at(C.filter(y=>y.id!==d)))}),Yo=d=>{let g=qe(d),y=C[g];n==null||n.fitBounds(y.bbox,{padding:40,duration:1e3})},Vt=()=>[b.lng,b.lat,b.lng+.1,b.lat+.1],Jo=d=>{M(d),d===$.TOP&&it(d)},it=d=>{if(!!b)try{let g=n==null?void 0:n.project([b.lng,b.lat]),y=n==null?void 0:n.queryRenderedFeatures(g,{layers:P===$.TOP?[A[0]]:A});if((d||P)===$.ALL){let E=we.filter(F=>F.layerType=="RASTER").map(F=>({sourceLayer:F.id,layerType:"raster",bbox:Vt()}));y=[...y,...E]}Ft((we==null?void 0:we[0].layerType)==="RASTER"&&P!==$.ALL?A.length&&(y==null?void 0:y.length)?y:[{sourceLayer:A[0],layerType:"raster",bbox:Vt()}]:y)}catch(g){console.error(g)}};return(0,S.useEffect)(()=>{t.onSelectedLayersChange&&t.onSelectedLayersChange(A)},[A]),(0,S.useEffect)(()=>{setTimeout(it,300)},[b,P,A]),(0,kr.jsx)(wr.Provider,{value:{mp:t,updateMP:Vo,layer:{mapStyle:l,featuresAtLatLng:it,setMapStyle:p,maxZoom:h,setMaxZoom:k,mapStyles:i,all:C,setAll:at,selectedIds:A,handleSelectStyle:Jo,setSelectedIds:xe,selectedLayers:we,clearAll:$o,toggle:qo,updateStyle:Ho,selectedFeatures:st,selectedFeaturesId:zo,setSelectedFeatures:Ft,togglePublish:Wo,delete:Zo,selectionStyle:P,setSelectionStyle:M,zoomToExtent:Yo,gridLegends:N,setGridLegends:R},query:{term:c,setTerm:s,clickedLngLat:b,setClickedLngLat:U},isInfoBarOpen:x,setIsInfoBarOpen:_,hover:{onHover:Fo,features:Fe}},children:r})};function f(){return(0,S.useContext)(wr)}var zr=O(require("react")),Ie=require("twind");var Pr=require("twind"),u=require("react/jsx-runtime"),Cr=()=>(0,u.jsx)("svg",{fill:"none",className:Pr.tw`w-5 h-5 text-gray-400`,width:"24",height:"24",viewBox:"0 0 24 24",children:(0,u.jsx)("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"})}),Ce=()=>(0,u.jsxs)("svg",{width:"18",height:"18",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",children:[(0,u.jsx)("path",{d:"M12 2L2 7 12 12 22 7 12 2z"}),(0,u.jsx)("path",{d:"M2 17L12 22 22 17"}),(0,u.jsx)("path",{d:"M2 12L12 17 22 12"})]}),Ye=()=>(0,u.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,u.jsx)("circle",{cx:"12",cy:"12",r:"10"}),(0,u.jsx)("line",{x1:"12",y1:"16",x2:"12",y2:"12"}),(0,u.jsx)("line",{x1:"12",y1:"8",x2:"12.01",y2:"8"})]}),Ir=()=>(0,u.jsxs)("svg",{width:"18",height:"18",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",children:[(0,u.jsx)("path",{d:"M4 21L4 14"}),(0,u.jsx)("path",{d:"M4 10L4 3"}),(0,u.jsx)("path",{d:"M12 21L12 12"}),(0,u.jsx)("path",{d:"M12 8L12 3"}),(0,u.jsx)("path",{d:"M20 21L20 16"}),(0,u.jsx)("path",{d:"M20 12L20 3"}),(0,u.jsx)("path",{d:"M1 14L7 14"}),(0,u.jsx)("path",{d:"M9 8L15 8"}),(0,u.jsx)("path",{d:"M17 16L23 16"})]});function pt(){return(0,u.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 16 16",style:{display:"inline-block"},children:(0,u.jsx)("path",{fillRule:"evenodd",fill:"currentColor",d:"M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"})})}function Mr(){return(0,u.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 16 16",style:{display:"inline-block"},children:(0,u.jsx)("path",{fillRule:"evenodd",fill:"currentColor",d:"M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"})})}function Er(){return(0,u.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 16 16",style:{display:"inline-block"},children:(0,u.jsx)("path",{fillRule:"evenodd",fill:"currentColor",d:"M8.75.75a.75.75 0 00-1.5 0V2h-.984c-.305 0-.604.08-.869.23l-1.288.737A.25.25 0 013.984 3H1.75a.75.75 0 000 1.5h.428L.066 9.192a.75.75 0 00.154.838l.53-.53-.53.53v.001l.002.002.002.002.006.006.016.015.045.04a3.514 3.514 0 00.686.45A4.492 4.492 0 003 11c.88 0 1.556-.22 2.023-.454a3.515 3.515 0 00.686-.45l.045-.04.016-.015.006-.006.002-.002.001-.002L5.25 9.5l.53.53a.75.75 0 00.154-.838L3.822 4.5h.162c.305 0 .604-.08.869-.23l1.289-.737a.25.25 0 01.124-.033h.984V13h-2.5a.75.75 0 000 1.5h6.5a.75.75 0 000-1.5h-2.5V3.5h.984a.25.25 0 01.124.033l1.29.736c.264.152.563.231.868.231h.162l-2.112 4.692a.75.75 0 00.154.838l.53-.53-.53.53v.001l.002.002.002.002.006.006.016.015.045.04a3.517 3.517 0 00.686.45A4.492 4.492 0 0013 11c.88 0 1.556-.22 2.023-.454a3.512 3.512 0 00.686-.45l.045-.04.01-.01.006-.005.006-.006.002-.002.001-.002-.529-.531.53.53a.75.75 0 00.154-.838L13.823 4.5h.427a.75.75 0 000-1.5h-2.234a.25.25 0 01-.124-.033l-1.29-.736A1.75 1.75 0 009.735 2H8.75V.75zM1.695 9.227c.285.135.718.273 1.305.273s1.02-.138 1.305-.273L3 6.327l-1.305 2.9zm10 0c.285.135.718.273 1.305.273s1.02-.138 1.305-.273L13 6.327l-1.305 2.9z"})})}function Tr(){return(0,u.jsx)("svg",{viewBox:"0 0 16 16",width:"14",height:"14",style:{display:"inline-block"},children:(0,u.jsx)("path",{fillRule:"evenodd",fill:"currentColor",d:"M1.679 7.932c.412-.621 1.242-1.75 2.366-2.717C5.175 4.242 6.527 3.5 8 3.5c1.473 0 2.824.742 3.955 1.715 1.124.967 1.954 2.096 2.366 2.717a.119.119 0 010 .136c-.412.621-1.242 1.75-2.366 2.717C10.825 11.758 9.473 12.5 8 12.5c-1.473 0-2.824-.742-3.955-1.715C2.92 9.818 2.09 8.69 1.679 8.068a.119.119 0 010-.136zM8 2c-1.981 0-3.67.992-4.933 2.078C1.797 5.169.88 6.423.43 7.1a1.619 1.619 0 000 1.798c.45.678 1.367 1.932 2.637 3.024C4.329 13.008 6.019 14 8 14c1.981 0 3.67-.992 4.933-2.078 1.27-1.091 2.187-2.345 2.637-3.023a1.619 1.619 0 000-1.798c-.45-.678-1.367-1.932-2.637-3.023C11.671 2.992 9.981 2 8 2zm0 8a2 2 0 100-4 2 2 0 000 4z"})})}function Nr(){return(0,u.jsx)("svg",{viewBox:"0 0 16 16",width:"14",height:"14",style:{display:"inline-block"},children:(0,u.jsx)("path",{fillRule:"evenodd",fill:"currentColor",d:"M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"})})}function Rr(){return(0,u.jsx)("svg",{viewBox:"0 0 16 16",width:"16",height:"16",style:{display:"inline-block"},children:(0,u.jsx)("path",{fillRule:"evenodd",fill:"currentColor",d:"M7.47 10.78a.75.75 0 001.06 0l3.75-3.75a.75.75 0 00-1.06-1.06L8.75 8.44V1.75a.75.75 0 00-1.5 0v6.69L4.78 5.97a.75.75 0 00-1.06 1.06l3.75 3.75zM3.75 13a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5h-8.5z"})})}function Ar(){return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:"16",height:"16",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"inline-block"},children:(0,u.jsx)("path",{d:"M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"})})}function Br(){return(0,u.jsxs)("svg",{viewBox:"0 0 24 24",width:"16",height:"16",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"inline-block"},children:[(0,u.jsx)("circle",{cx:"18",cy:"5",r:"3"}),(0,u.jsx)("circle",{cx:"6",cy:"12",r:"3"}),(0,u.jsx)("circle",{cx:"18",cy:"19",r:"3"}),(0,u.jsx)("line",{x1:"8.59",y1:"13.51",x2:"15.42",y2:"17.49"}),(0,u.jsx)("line",{x1:"15.41",y1:"6.51",x2:"8.59",y2:"10.49"})]})}function Gr(){return(0,u.jsx)("svg",{viewBox:"0 0 16 16",width:"16",height:"16",style:{display:"inline-block"},children:(0,u.jsx)("path",{fillRule:"evenodd",d:"M10 13a1 1 0 100-2 1 1 0 000 2zm-4 0a1 1 0 100-2 1 1 0 000 2zm1-5a1 1 0 11-2 0 1 1 0 012 0zm3 1a1 1 0 100-2 1 1 0 000 2zm1-5a1 1 0 11-2 0 1 1 0 012 0zM6 5a1 1 0 100-2 1 1 0 000 2z"})})}function _r(){return(0,u.jsxs)("svg",{style:{display:"inline-block"},width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,u.jsx)("circle",{cx:"12",cy:"12",r:"10"}),(0,u.jsx)("line",{x1:"22",y1:"12",x2:"18",y2:"12"}),(0,u.jsx)("line",{x1:"6",y1:"12",x2:"2",y2:"12"}),(0,u.jsx)("line",{x1:"12",y1:"6",x2:"12",y2:"2"}),(0,u.jsx)("line",{x1:"12",y1:"22",x2:"12",y2:"18"})]})}function Or(){return(0,u.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"inline-block"},children:(0,u.jsx)("polyline",{points:"6 9 12 15 18 9"})})}function Dr(){return(0,u.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"inline-block"},children:(0,u.jsx)("polyline",{points:"18 15 12 9 6 15"})})}var ne=require("react/jsx-runtime"),j=zr.default.forwardRef((e,r)=>(0,ne.jsx)("button",m({ref:r,type:"button",className:Ie.tw`h-8 px-3 py-2 rounded-md focus:outline-none focus:ring cursor-pointer text-md flex align-middle items-center gap-2 bg-gray-100 hover:bg-gray-200 text-gray-700 disabled:cursor-not-allowed disabled:bg-gray-100! disabled:opacity-50`},e)));var Je=e=>(0,ne.jsx)("button",m({className:Ie.tw`absolute top-0 right-0 h-12 w-12 bg-red-100 cursor-pointer hover:bg-red-200 text-red-800 text-lg`,children:"\u2715"},e)),Hr=e=>(0,ne.jsx)("button",T(m({className:Ie.tw`absolute top-4 left-4 rounded-lg z-10 h-10 w-10 bg-white cursor-pointer hover:bg-gray-100 text-gray-700 text-lg flex items-center justify-center`},e),{children:(0,ne.jsx)(Ce,{})})),Fr=e=>(0,ne.jsx)("button",T(m({className:Ie.tw`absolute top-4 right-4 rounded-lg z-10 h-10 w-10 bg-white cursor-pointer hover:bg-gray-100 text-gray-700 text-lg flex items-center justify-center`},e),{children:(0,ne.jsx)(Ye,{})}));var ae=require("twind");var G=require("react/jsx-runtime");var ce=e=>(0,G.jsxs)("div",{children:[e.label&&(0,G.jsx)("label",{className:ae.tw`text-gray-700`,htmlFor:e.name,children:e.label}),(0,G.jsx)("select",m({id:e.name,name:e.name,className:ae.tw`block w-full px-4 py-2 mt-2 text-gray-700 border bg-white border-gray-200 rounded-md focus:outline-none focus:ring appearance-none text-base`,style:{backgroundImage:`url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E")`,backgroundPosition:"right 0.75rem center",backgroundSize:"16px 12px",backgroundRepeat:"no-repeat"}},e))]}),qr=e=>(0,G.jsxs)("div",{className:"relative",children:[(0,G.jsx)("span",{className:ae.tw`absolute inset-y-0 left-0 flex items-center pl-3`,children:(0,G.jsx)(Cr,{})}),(0,G.jsx)("input",m({type:"search",className:ae.tw`w-full py-2 pl-10 pr-4 text-gray-700 bg-white border border-gray-300 text-base rounded-md focus:outline-none focus:ring`},e))]}),$r=e=>e.isLoading?(0,G.jsx)("svg",{width:"20px",height:"20px",viewBox:"0 0 20 20",version:"1.1",className:ae.tw`inline text-gray-200 animate-spin dark:text-gray-600`,children:(0,G.jsx)("g",{stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:(0,G.jsx)("g",{fill:"#212121",fillRule:"nonzero",children:(0,G.jsx)("path",{d:"M10,3 C6.13401,3 3,6.13401 3,10 C3,10.2761 2.77614,10.5 2.5,10.5 C2.22386,10.5 2,10.2761 2,10 C2,5.58172 5.58172,2 10,2 C14.4183,2 18,5.58172 18,10 C18,14.4183 14.4183,18 10,18 C9.72386,18 9.5,17.7761 9.5,17.5 C9.5,17.2239 9.72386,17 10,17 C13.866,17 17,13.866 17,10 C17,6.13401 13.866,3 10,3 Z"})})})}):(0,G.jsx)("input",{type:"checkbox",className:ae.tw`w-5 h-5 border-gray-100 focus:outline-none focus:ring focus:ring-blue-300 focus:ring-opacity-80`,name:e.name,checked:e.checked,onChange:e.onChange});var se=require("@bumaga/tabs"),Vr=O(require("clsx")),Me=require("twind"),ue=require("react/jsx-runtime"),Ue=({children:e,icon:r})=>{let{onClick:t,isActive:o}=(0,se.useTabState)(),n=(0,Vr.default)(["flex items-center justify-center h-12 px-2 py-2 bg-transparent -mb-px border-b-2 -px-1 whitespace-nowrap focus:outline-none w-full cursor-pointer",{"text-blue-600 border-blue-500":o,"text-gray-700 border-gray-300 hover:border-gray-400":!o}]);return(0,ue.jsxs)("button",{className:(0,Me.tw)(n),onClick:t,children:[r,(0,ue.jsx)("span",{className:Me.tw`ml-2 text-base`,children:e})]})},Ke=({children:e})=>(0,se.usePanelState)()?(0,ue.jsx)("div",{className:Me.tw`w-full flex flex-grow-1 overflow-auto`,children:e}):null,Wr=({children:e})=>(0,ue.jsx)("div",{className:Me.tw`flex flex-shrink-0 border-b border-gray-200 justify-around pr-12`,children:e});var Jr=require("@biodiv-platform/naksha-commons"),Re=require("twind");var Zr=require("@biodiv-platform/naksha-commons");var mt=require("react/jsx-runtime");function Ee({hideLabel:e}){let{layer:{selectionStyle:r,handleSelectStyle:t}}=f(),{t:o}=(0,Zr.useT)(),n=a=>{t(a.target.value)};return(0,mt.jsx)(ce,{name:"layer_selection",label:e?null:o("layer_selection"),defaultValue:r,onChange:n,children:Object.values($).map(a=>(0,mt.jsx)("option",{value:a,children:o(a)},a))})}var Yr=O(require("clsx")),Ne=require("react"),Te=require("twind");var V=require("react/jsx-runtime");function yt({data:e}){let[r,t]=(0,Ne.useState)(!0),[o,n]=(0,Ne.useState)({title:e.sourceLayer,properties:[]}),{layer:a,mp:s,query:{clickedLngLat:c}}=f(),i=()=>v(this,null,function*(){var h,k,P,M,N,R;let l,p=a.selectedLayers.find(x=>x.id===(e.sourceLayer||e.source));if(p.layerType.toLowerCase()==="raster"){let{data:x}=yield gr((h=s.geoserver)==null?void 0:h.endpoint,(k=s.geoserver)==null?void 0:k.workspace,{bbox:e.bbox.toString(),query_layers:`${(P=s.geoserver)==null?void 0:P.workspace}:${p.id}`,layers:`${(M=s.geoserver)==null?void 0:M.workspace}:${p.id}`});l=x!=null&&x.features[0]?Object.entries((N=x.features[0])==null?void 0:N.properties).map(([_,b])=>[b||"-"]):[]}else l=Object.entries(((R=p==null?void 0:p.data)==null?void 0:R.propertyMap)||{}).map(([x,_])=>{var b;return[_,(b=e==null?void 0:e.properties)==null?void 0:b[x]]});n({title:p.title,properties:l})});return(0,Ne.useEffect)(()=>{i()},[c]),(0,V.jsxs)("div",{className:Te.tw`bg-gray-100 rounded-lg`,children:[(0,V.jsxs)("button",{className:(0,Te.tw)((0,Yr.default)(["px-4 h-10 flex items-center justify-between bg-gray-100 hover:bg-gray-200 transition-colors cursor-pointer w-full focus:outline-none focus:ring",{"bg-gray-200 rounded-t-lg":r,"rounded-lg":!r}])),onClick:()=>t(!r),children:[o.title," ",r?(0,V.jsx)(Dr,{}):(0,V.jsx)(Or,{})]}),r&&(0,V.jsx)("div",{className:Te.tw`px-4 py-3 flex flex-col gap-3`,children:o.properties.map(([l,p],h)=>(0,V.jsxs)("div",{children:[(0,V.jsx)("div",{className:Te.tw`text-gray-600`,children:l}),(0,V.jsx)("div",{children:p})]},l+p+h))})]})}var D=require("react/jsx-runtime");function gt({onClose:e}){var a;let{layer:{selectedFeatures:r,selectedLayers:t,selectionStyle:o}}=f(),{t:n}=(0,Jr.useT)();return(0,D.jsxs)("div",{className:Re.tw`absolute top-0 right-0 bottom-0 left-0 md:top-4 md:right-4 md:bottom-4 md:left-auto bg-white rounded-lg overflow-hidden shadow-md md:max-w-sm w-full z-20 flex flex-col`,children:[(0,D.jsxs)("div",{className:"flex w-full",children:[(0,D.jsxs)("div",{className:Re.tw`h-12 px-4 flex items-center gap-3 flex-grow bg-gray-200`,children:[(0,D.jsx)(_r,{})," ",n("infobar")]}),(0,D.jsx)(Je,{onClick:e})]}),(0,D.jsx)("div",{className:Re.tw`bg-gray-100 p-4 flex-shrink-0 rt`,children:(0,D.jsx)(Ee,{hideLabel:!0})}),(0,D.jsx)("div",{className:Re.tw`flex flex-col flex-grow overflow-auto gap-3 p-4`,children:(a=r.flat(1))==null?void 0:a.map(s=>{var c;return(0,D.jsx)(yt,{data:s},((c=t==null?void 0:t[0])==null?void 0:c.source.type)==="raster"||o===$.ALL?s==null?void 0:s.sourceLayer:(s==null?void 0:s.sourceLayer)+(s==null?void 0:s.properties[q]))})})]})}var ht=require("react/jsx-runtime");function vt(){var n;let{layer:e,isInfoBarOpen:r,setIsInfoBarOpen:t}=f();if(!((n=e.selectedFeatures)!=null&&n.length))return null;let o=()=>t(!r);return r?(0,ht.jsx)(gt,{onClose:o}):(0,ht.jsx)(Fr,{onClick:o})}var tt=require("react"),So=require("react-map-gl/maplibre");var wo=require("@biodiv-platform/naksha-commons"),Mt=require("twind");var yo=require("twind");var et=O(require("react")),co=require("react-virtual"),uo=O(require("react-virtualized-auto-sizer")),xt=require("twind");var io=require("@biodiv-platform/naksha-commons"),Be=require("react"),lo=require("react-web-share"),Y=require("twind");var ee=require("react/jsx-runtime"),Ur=({text:e="",highlight:r=""})=>{if(!r.trim())return(0,ee.jsx)(ee.Fragment,{children:e});let t=new RegExp(`(${r})`,"gi"),o=e.split(t);return(0,ee.jsx)(ee.Fragment,{children:o.filter(n=>n).map((n,a)=>t.test(n)?(0,ee.jsx)("mark",{children:n},a):(0,ee.jsx)("span",{children:n},a))})};var jr=require("twind");var Kr=require("@biodiv-platform/naksha-commons"),Xr=require("react"),Qr=require("twind"),Xe=require("react/jsx-runtime");function Ae({children:e}){let[r,t]=(0,Xr.useState)(!1),{t:o}=(0,Kr.useT)();return(0,Xe.jsxs)("div",{children:[r&&e,(0,Xe.jsx)("button",{onClick:()=>t(!r),className:Qr.tw`text-blue-600 focus:outline-none focus:outline focus:ring`,children:o(r?"less":"legend")})]})}var W=require("react/jsx-runtime");function bt({item:e}){let{layer:r}=f(),t=r.gridLegends[e.id];return t?(0,W.jsx)(Ae,{children:(0,W.jsxs)("ul",{style:{margin:0,padding:0},children:[t==null?void 0:t.stops.map(([o,n],a,s)=>{let c=(s[a-1]||[0])[0];return c===o?(0,W.jsx)("div",{},n):(0,W.jsxs)("li",{className:jr.tw`flex gap-2 items-center mb-1`,children:[(0,W.jsx)("svg",{viewBox:"0 0 24 24",height:"14",width:"14",focusable:"false",children:(0,W.jsx)("circle",{cx:"12",fill:n,cy:"12",r:"12",stroke:"none"})}),(0,W.jsxs)("div",{children:[c," - ",o]})]},n)}),(0,W.jsxs)("li",{children:["1 Square = ",t==null?void 0:t.squareSize," x ",t==null?void 0:t.squareSize," km"]})]})}):null}var Qe=require("@biodiv-platform/naksha-commons"),eo=require("react"),to=require("react-tiny-popover"),de=require("twind");var w=require("react/jsx-runtime"),fe=({icon:e,name:r,title:t,link:o,children:n})=>{let a=(0,w.jsx)("span",{children:n||"-"});return(0,w.jsxs)("div",{className:de.tw`flex gap-3 text-sm text-gray-600 break-all`,title:r&&t&&`${r}: ${t}`,children:[(0,w.jsx)("div",{children:e}),o?(0,w.jsx)("a",{className:de.tw`text-blue-700 focus:outline-none focus:ring`,target:"_blank",rel:"noopener",href:o,children:a}):a]})};function fn({item:e,containerStyle:r}){var i;let{t}=(0,Qe.useT)(),{layer:o,mp:n}=f(),a=e.license||"CC-BY",s=(e==null?void 0:e.createdDate)&&new Date(e.createdDate).toLocaleDateString(),c=(i=e.tags)==null?void 0:i.join(", ");return(0,w.jsxs)("div",{className:de.tw`flex flex-col gap-1 bg-white p-4 rounded-lg w-72 border border-gray-300 border-solid`,style:r,children:[n.managePublishing&&e.layerStatus&&(0,w.jsxs)(fe,{icon:(0,w.jsx)(Tr,{}),name:t("visiblity"),title:e.layerStatus,children:[e.layerStatus,(0,w.jsx)("button",{className:de.tw`text-blue-600 focus:outline-none ml-4`,onClick:()=>o.togglePublish(e.id,e==null?void 0:e.layerStatus),children:t("toggle")}),(0,w.jsx)("button",{className:de.tw`text-red-600 focus:outline-none ml-4`,onClick:()=>o.delete(e.id,t("are_you_sure")),children:t("delete")})]}),(0,w.jsx)(fe,{icon:(0,w.jsx)(pt,{}),link:e.url,name:t("uploader"),title:e.createdBy,children:e.createdBy}),(0,w.jsx)(fe,{icon:(0,w.jsx)(pt,{}),link:e.url,name:t("created_by"),title:e.attribution,children:e.attribution}),(0,w.jsx)(fe,{icon:(0,w.jsx)(Nr,{}),name:t("created_on"),title:s,children:s}),(0,w.jsx)(fe,{icon:(0,w.jsx)(Mr,{}),name:t("tags"),title:c,children:c}),(0,w.jsx)(fe,{name:t("license"),title:a,link:a&&Qe.LICENSES[a],icon:(0,w.jsx)(Er,{}),children:a})]})}var ro=({item:e})=>{let[r,t]=(0,eo.useState)(!1),o=()=>t(!r);return(0,w.jsx)(to.Popover,{isOpen:r,padding:10,positions:["right"],containerStyle:{zIndex:99},onClickOutside:o,content:(0,w.jsx)(fn,{item:e}),children:(0,w.jsx)(j,{onClick:o,children:(0,w.jsx)(Ye,{}),title:"Information"})})};var so=require("twind");var je=require("react"),oo=require("@biodiv-platform/naksha-commons"),no=require("twind");var Z=require("react/jsx-runtime");function ao({item:e}){var c;let[r,t]=(0,je.useState)(!0),{mp:o}=f(),{t:n}=(0,oo.useT)(),a=(0,je.useMemo)(()=>{var i,l,p,h,k,P,M,N,R,x,_,b;return((P=(k=(h=(p=(l=(i=e==null?void 0:e.data)==null?void 0:i.styles)==null?void 0:l[e.data.styleIndex])==null?void 0:p.colors)==null?void 0:h.paint)==null?void 0:k["fill-color"])==null?void 0:P.stops)||((b=(_=(x=(R=(N=(M=e==null?void 0:e.data)==null?void 0:M.styles)==null?void 0:N[e.data.styleIndex])==null?void 0:R.colors)==null?void 0:x.paint)==null?void 0:_["circle-color"])==null?void 0:b.stops)||[]},[e]),s=()=>a.map(([i,l])=>(0,Z.jsxs)("li",{className:no.tw`flex gap-2 items-center mb-1`,children:[(0,Z.jsx)("svg",{viewBox:"0 0 24 24",height:"14",width:"14",focusable:"false",children:(0,Z.jsx)("circle",{cx:"12",fill:l,cy:"12",r:"12",stroke:"none"})}),(0,Z.jsx)("div",{children:i})]},l));return(0,Z.jsx)("ul",{style:{margin:0,padding:0},children:e.layerType!=="RASTER"?s():r?(0,Z.jsx)("li",{children:(0,Z.jsx)("img",{style:{margin:"5px"},onError:()=>t(!1),src:`${(c=o==null?void 0:o.geoserver)==null?void 0:c.endpoint}/wms?REQUEST=GetLegendGraphic&VERSION=1.0.0&WIDTH=20&HEIGHT=20&STRICT=false&layer=biodiv:${e.id}`})}):(0,Z.jsx)("div",{children:n("raster_style_not_found")})})}var ie=require("react/jsx-runtime");function Lt({item:e}){var o,n;if(!((o=e.data)!=null&&o.styles))return null;let{layer:r}=f(),t=a=>{r.updateStyle(e.id,Number(a.target.value))};return(0,ie.jsxs)("div",{className:so.tw`flex flex-col gap-4 pt-2`,children:[e.layerType!=="RASTER"&&(0,ie.jsx)(ce,{onChange:t,children:(n=e.data)==null?void 0:n.styles.map((a,s)=>(0,ie.jsx)("option",{value:s,children:a.styleTitle},s))}),(0,ie.jsx)(Ae,{children:(0,ie.jsx)(ao,{item:e})})]})}var L=require("react/jsx-runtime");function dn({dragHandleProps:e}){return(0,L.jsx)("div",T(m({className:Y.tw`mt-1 w-6 text-center cursor-move`,style:{touchAction:"none"}},e),{children:(0,L.jsx)(Gr,{})}))}function Ge({item:e,extended:r,dragHandleProps:t}){let{t:o}=(0,io.useT)(),{layer:n,query:a,mp:s,query:{setClickedLngLat:c},setIsInfoBarOpen:i}=f(),[l,p]=(0,Be.useState)(n.selectedIds.includes(e.id)),[h,k]=(0,Be.useState)(!1),P=(0,Be.useMemo)(()=>s.canLayerShare?{url:`${window.location.href.split("?")[0]}?layers=${e.id}`,title:e.title}:void 0,[e.id]),M=()=>v(this,null,function*(){k(!0),i(!0),n.setSelectedFeatures([]),c(null),yield n.toggle({layerId:e.id,add:!l}),p(!l),k(!1)}),N=()=>v(this,null,function*(){yield Lr(s.nakshaApiEndpoint,s.nakshaEndpointToken,e.id,e.title),s==null||s.onLayerDownload(e.id)}),R=()=>n.zoomToExtent(e.id);return(0,L.jsxs)("div",{className:Y.tw`z-20 p-3 bg-white`,style:{borderTop:"1px solid #e5e7eb"},children:[(0,L.jsxs)("div",{className:Y.tw`flex gap-3`,children:[(0,L.jsxs)("div",{className:Y.tw`flex-shrink-0`,children:[(0,L.jsx)($r,{name:e.id,checked:l,onChange:M,isLoading:h}),r&&(0,L.jsx)(dn,{dragHandleProps:t})]}),(0,L.jsx)("img",{className:Y.tw`flex-shrink-0 overflow-hidden h-16 w-16 p-1 mb-2 object-cover border border-gray-200 rounded`,src:e.thumbnail||ar}),(0,L.jsxs)("div",{children:[(0,L.jsx)("div",{title:e.title,className:Y.tw`mb-1 leading-tight`,style:ct,children:(0,L.jsx)(Ur,{text:e.title,highlight:a.term})}),(0,L.jsx)("p",{title:e.description,className:Y.tw`text-gray-600 text-sm`,style:sr,children:e.description})]})]}),(0,L.jsxs)("div",{className:Y.tw`flex justify-between`,children:[(0,L.jsxs)(j,{onClick:N,disabled:!e.isDownloadable,children:[(0,L.jsx)(Rr,{})," ",o("download")]}),(0,L.jsxs)("div",{className:Y.tw`flex gap-3`,children:[P&&(0,L.jsx)(lo.RWebShare,{data:P,children:(0,L.jsx)(j,{title:"Share",children:(0,L.jsx)(Br,{})})}),r&&(0,L.jsx)(j,{onClick:R,title:"Zoom To Extent",children:(0,L.jsx)(Ar,{})}),(0,L.jsx)(ro,{item:e})]})]}),r&&(0,L.jsx)(Lt,{item:e}),r&&e.source.type==="grid"&&(0,L.jsx)(bt,{item:e})]})}var te=require("react/jsx-runtime");function fo(){let{layer:e,query:r}=f(),t=(0,et.useMemo)(()=>r.term?e.all.filter(a=>a.title.toLowerCase().includes(r.term.toLowerCase())):e.all,[e.all,r.term]),o=et.default.useRef(),n=(0,co.useVirtual)({size:t.length,parentRef:o});return(0,te.jsx)("div",{className:xt.tw`flex-grow-1 relative`,children:(0,te.jsx)(uo.default,{disableWidth:!0,children:a=>(0,te.jsx)("div",{ref:o,className:"List",style:{height:a.height,overflow:"auto"},children:(0,te.jsx)("div",{style:{height:n.totalSize,width:"100%",position:"relative"},children:n.virtualItems.map(s=>(0,te.jsx)("div",{ref:s.measureRef,className:xt.tw`absolute top-0 left-0 w-full`,style:{transform:`translateY(${s.start}px)`},children:(0,te.jsx)("div",{style:{height:146},children:(0,te.jsx)(Ge,{item:t[s.index]})})},s.index))})})})})}var po=require("@biodiv-platform/naksha-commons"),mo=require("twind");var wt=require("react/jsx-runtime");function St(){let{t:e}=(0,po.useT)(),{query:r}=f(),t=o=>r.setTerm(o.target.value);return(0,wt.jsx)("div",{className:mo.tw`flex-shrink-0 border-b-2 p-4`,children:(0,wt.jsx)(qr,{name:"lyr_search",placeholder:e("find_layer_by_name"),onChange:t})})}var _e=require("react/jsx-runtime");function kt(){return(0,_e.jsxs)("div",{className:yo.tw`flex flex-col w-full`,children:[(0,_e.jsx)(St,{}),(0,_e.jsx)(fo,{})]})}function pn(e,r,t){let o=r<0?e.length+r:r;if(o>=0&&o<e.length){let n=t<0?e.length+t:t,[a]=e.splice(r,1);e.splice(n,0,a)}}function go(e,r,t){return e=[...e],pn(e,r,t),e}var J=require("@dnd-kit/core"),pe=require("@dnd-kit/sortable"),ho=require("@dnd-kit/utilities");var le=require("react/jsx-runtime");function mn({item:e,extended:r}){let{attributes:t,listeners:o,setNodeRef:n,transform:a,transition:s,isDragging:c}=(0,pe.useSortable)({id:e.id}),i={transform:ho.CSS.Transform.toString(a),transition:s,opacity:c?.5:1};return(0,le.jsx)("div",{ref:n,style:i,children:(0,le.jsx)(Ge,{item:e,extended:r,dragHandleProps:m(m({},t),o)})})}var vo=({layerList:e,onSortEnd:r})=>{let t=(0,J.useSensors)((0,J.useSensor)(J.PointerSensor,{activationConstraint:{distance:4}}));return(0,le.jsx)(J.DndContext,{sensors:t,collisionDetection:J.closestCenter,onDragEnd:n=>{let{active:a,over:s}=n;if(s&&a.id!==s.id){let c=e.findIndex(l=>l.id===a.id),i=e.findIndex(l=>l.id===s.id);c!==-1&&i!==-1&&r({oldIndex:c,newIndex:i})}},children:(0,le.jsx)(pe.SortableContext,{items:e.map(n=>n.id),strategy:pe.verticalListSortingStrategy,children:(0,le.jsx)("div",{children:e.map(n=>(0,le.jsx)(mn,{item:n,extended:!0},n.id))})})})};var bo=require("@biodiv-platform/naksha-commons"),Pt=require("twind"),me=require("react/jsx-runtime");function Ct(){let{layer:e}=f(),{t:r}=(0,bo.useT)(),t=({oldIndex:o,newIndex:n})=>{e.setSelectedIds(go(e.selectedIds,o,n))};return(0,me.jsxs)("div",{className:Pt.tw`flex flex-col gap-3 w-full`,children:[e.selectedIds.length>0&&(0,me.jsx)("div",{className:Pt.tw`p-3 pb-0`,children:(0,me.jsxs)(j,{onClick:()=>e.clearAll(),children:["\u2715 ",r("clear")]})}),(0,me.jsx)(vo,{layerList:e.selectedLayers,useDragHandle:!0,onSortEnd:t})]})}var Lo=require("@biodiv-platform/naksha-commons"),xo=require("twind");var ye=require("react/jsx-runtime");function It(){let{layer:e}=f(),{t:r}=(0,Lo.useT)(),t=o=>{var n;e.setMapStyle(o.target.value),e.setMaxZoom((n=e.mapStyles.find(a=>a.style===o.target.value))==null?void 0:n.maxZoom)};return(0,ye.jsxs)("div",{className:xo.tw`w-full p-4 flex flex-col gap-4`,children:[(0,ye.jsx)(ce,{name:"base_style",label:r("base_style"),defaultValue:e.mapStyle,onChange:t,children:e.mapStyles.map(o=>(0,ye.jsx)("option",{value:o.style,children:o.text},o.key))}),(0,ye.jsx)(Ee,{})]})}var I=require("react/jsx-runtime");function Et({onClose:e}){let{t:r}=(0,wo.useT)();return(0,I.jsxs)("div",{className:Mt.tw`absolute top-0 right-0 bottom-0 left-0 md:right-auto md:top-4 md:left-4 md:bottom-4 bg-white rounded-lg shadow-md md:max-w-sm w-full z-20 overflow-hidden`,children:[(0,I.jsx)(Je,{onClick:e}),(0,I.jsx)("div",{className:Mt.tw`flex flex-col h-full`,children:(0,I.jsxs)(se.Tabs,{children:[(0,I.jsxs)(Wr,{children:[(0,I.jsx)(Ue,{icon:(0,I.jsx)(Ce,{}),children:r("layers")}),(0,I.jsx)(Ue,{icon:(0,I.jsx)(Ce,{}),children:r("selected")}),(0,I.jsx)(Ue,{icon:(0,I.jsx)(Ir,{}),children:r("settings")})]}),(0,I.jsx)(Ke,{children:(0,I.jsx)(kt,{})}),(0,I.jsx)(Ke,{children:(0,I.jsx)(Ct,{})}),(0,I.jsx)(Ke,{children:(0,I.jsx)(It,{})})]})})]})}var Tt=require("react/jsx-runtime");function Nt(){let{mp:e,layer:r}=f(),[t,o]=(0,tt.useState)(e.showToC),{mapl:n}=(0,So.useMap)(),a=()=>o(!t);function s(){return v(this,null,function*(){let c=yield yr(e.nakshaEndpointToken,e.nakshaApiEndpoint,e.geoserver,e.selectedLayers),i=[...e.layers||[],...c];if(r.setAll(i),r.selectedIds.length){let l=i.find(p=>p.id===r.selectedIds[0]);l!=null&&l.bbox&&(n==null||n.fitBounds(l.bbox,{padding:40,duration:1e3}))}})}return(0,tt.useEffect)(()=>{n&&e.loadToC&&s()},[n]),t?(0,Tt.jsx)(Et,{onClose:a}):(0,Tt.jsx)(Hr,{onClick:a})}var Co=require("react-map-gl/maplibre");var B=63710088e-1,Bs={centimeters:B*100,centimetres:B*100,degrees:B/111325,feet:B*3.28084,inches:B*39.37,kilometers:B/1e3,kilometres:B/1e3,meters:B,metres:B,miles:B/1609.344,millimeters:B*1e3,millimetres:B*1e3,nauticalmiles:B/1852,radians:1,yards:B*1.0936},Gs={centimeters:100,centimetres:100,degrees:1/111325,feet:3.28084,inches:39.37,kilometers:1/1e3,kilometres:1/1e3,meters:1,metres:1,miles:1/1609.344,millimeters:1e3,millimetres:1e3,nauticalmiles:1/1852,radians:1/B,yards:1.0936133};function Rt(e,r,t){if(e!==null)for(var o,n,a,s,c,i,l,p=0,h=0,k,P=e.type,M=P==="FeatureCollection",N=P==="Feature",R=M?e.features.length:1,x=0;x<R;x++){l=M?e.features[x].geometry:N?e.geometry:e,k=l?l.type==="GeometryCollection":!1,c=k?l.geometries.length:1;for(var _=0;_<c;_++){var b=0,U=0;if(s=k?l.geometries[_]:l,s!==null){i=s.coordinates;var C=s.type;switch(p=t&&(C==="Polygon"||C==="MultiPolygon")?1:0,C){case null:break;case"Point":if(r(i,h,x,b,U)===!1)return!1;h++,b++;break;case"LineString":case"MultiPoint":for(o=0;o<i.length;o++){if(r(i[o],h,x,b,U)===!1)return!1;h++,C==="MultiPoint"&&b++}C==="LineString"&&b++;break;case"Polygon":case"MultiLineString":for(o=0;o<i.length;o++){for(n=0;n<i[o].length-p;n++){if(r(i[o][n],h,x,b,U)===!1)return!1;h++}C==="MultiLineString"&&b++,C==="Polygon"&&U++}C==="Polygon"&&b++;break;case"MultiPolygon":for(o=0;o<i.length;o++){for(U=0,n=0;n<i[o].length;n++){for(a=0;a<i[o][n].length-p;a++){if(r(i[o][n][a],h,x,b,U)===!1)return!1;h++}U++}b++}break;case"GeometryCollection":for(o=0;o<s.geometries.length;o++)if(Rt(s.geometries[o],r,t)===!1)return!1;break;default:throw new Error("Unknown Geometry Type")}}}}}function At(e){var r=[1/0,1/0,-1/0,-1/0];return Rt(e,function(t){r[0]>t[0]&&(r[0]=t[0]),r[1]>t[1]&&(r[1]=t[1]),r[2]<t[0]&&(r[2]=t[0]),r[3]<t[1]&&(r[3]=t[1])}),r}At.default=At;var ko=At;var ge=require("react"),he=require("react-map-gl/maplibre");var Bt=require("react/jsx-runtime");function Gt({data:e,beforeId:r}){let{layer:t}=f(),{mapl:o}=(0,he.useMap)(),[n,a]=(0,ge.useState)({geojson:{},paint:{}}),s=t.selectedIds.includes(e.id),c=t.selectedIds[0]===e.id,i=(l=!1)=>v(this,null,function*(){let{success:p,geojson:h,paint:k,stops:P,squareSize:M}=yield br(e.source.fetcher,o==null?void 0:o.getBounds(),o==null?void 0:o.getZoom());if(p){if(a({geojson:h,paint:k}),l&&c&&e.zoomToFit)try{let[N,R,x,_]=ko(h);o==null||o.fitBounds([[N,R],[x,_]],{padding:40,animate:!0})}catch(N){console.warn("Failed to compute bbox",N)}t.setGridLegends({[e.id]:{stops:P,squareSize:M}})}});return(0,ge.useEffect)(()=>{s&&c?i(!0):s&&i(!1)},[s,c]),(0,ge.useEffect)(()=>{if(!s||!o)return;let l=()=>i(!1);return o.on("idle",l),()=>{o.off("idle",l)}},[s,o]),(0,ge.useEffect)(()=>()=>{t.setGridLegends(l=>{let p=m({},l);return delete p[e.id],p})},[e.id]),(0,Bt.jsx)(he.Source,{id:e.id,type:"geojson",data:n.geojson,children:(0,Bt.jsx)(he.Layer,{beforeId:r,id:e.id,type:"fill",paint:n.paint})})}var Po=require("react"),Oe=require("react-map-gl/maplibre");var De=require("react/jsx-runtime"),yn={fill:{"line-color":"red","line-width":2},circle:{"circle-stroke-color":"red","circle-stroke-width":2,"circle-opacity":0}};function rt({layer:e,beforeId:r}){var a;let{layer:t}=f(),o=(0,Po.useMemo)(()=>{var s,c,i,l;return(l=(i=(s=e.data)==null?void 0:s.styles)==null?void 0:i[(c=e.data)==null?void 0:c.styleIndex])==null?void 0:l.colors},[e,t.selectedFeatures]),n=(a=t.selectedFeaturesId)==null?void 0:a[e.id];return(0,De.jsxs)(Oe.Source,T(m({},e.source),{children:[o&&(0,De.jsx)(Oe.Layer,m({beforeId:r},o)),n&&o&&(0,De.jsx)(Oe.Layer,T(m({},o),{beforeId:r,id:`hl_${e.id}`,filter:["in",q,...n],type:o.type==="fill"?"line":o.type,paint:yn[o.type]}))]}))}var ot=require("react-map-gl/maplibre");var _t=require("react/jsx-runtime");function Ot({data:e,beforeId:r}){var o;let{mp:t}=f();return(0,_t.jsx)(ot.Source,{id:e.id,type:"raster",tiles:[`${(o=t==null?void 0:t.geoserver)==null?void 0:o.endpoint}/wms?bbox={bbox-epsg-3857}&format=image/png&service=WMS&version=1.1.1&request=GetMap&srs=EPSG:3857&width=256&height=256&transparent=true&layers=biodiv:${e.id}`],tileSize:256,children:(0,_t.jsx)(ot.Layer,{id:e.id,beforeId:r,type:"raster",source:"biodiv",layout:{visibility:"visible"},paint:{}})})}var ze=require("react/jsx-runtime");function Io({layer:e,beforeId:r}){let{mapl:t}=(0,Co.useMap)();if(!t)return null;switch(e.source.type){case"vector":return(0,ze.jsx)(rt,{beforeId:r,layer:e});case"grid":return(0,ze.jsx)(Gt,{beforeId:r,data:e});case"raster":return(0,ze.jsx)(Ot,{beforeId:r,data:e});default:return(0,ze.jsx)(rt,{beforeId:r,layer:e})}}var Mo=require("react"),Eo=require("react-map-gl/maplibre");var ve=require("react/jsx-runtime"),gn=Eo.Marker,hn=()=>{let{mp:e}=f(),r=(0,Mo.useMemo)(()=>e.markers,[e.markers]);return(0,ve.jsx)(ve.Fragment,{children:r==null?void 0:r.map(({latitude:t,longitude:o,colorHex:n},a)=>(0,ve.jsx)(gn,{latitude:t,longitude:o,children:(0,ve.jsx)("img",{style:{cursor:"pointer"},alt:"Marker",src:"https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon.png"})},a))})},To=hn;var No=O(require("clsx")),Ro=require("react-map-gl/maplibre"),be=require("twind");var z=require("react/jsx-runtime"),vn=Ro.Popup;function Dt({coordinates:e}){let{hover:r}=f();return(e==null?void 0:e.lat)&&r.features?(0,z.jsx)(vn,{latitude:e.lat,longitude:e.lng,closeButton:!1,children:(0,z.jsxs)("table",{className:be.tw`table-auto border`,children:[(0,z.jsx)("thead",{children:(0,z.jsx)("tr",{children:(0,z.jsx)("th",{className:be.tw`bg-gray-200 py-1 px-2`,colSpan:2,children:r.features.title})})}),(0,z.jsx)("tbody",{children:r.features.data.map(([t,o],n)=>(0,z.jsxs)("tr",{className:(0,be.tw)((0,No.default)({"bg-gray-50":n%2===0,"border-gray-100 border-t":1})),children:[(0,z.jsx)("td",{className:be.tw`py-1 px-2`,children:t}),(0,z.jsx)("td",{className:be.tw`py-1 px-2 border-l border-gray-100`,children:o})]},t+o))})]})}):null}var H=require("react/jsx-runtime"),bn=Le.NavigationControl;function zt(){var l;let{mp:e,layer:r,hover:t,query:o}=f(),[n,a]=(0,nt.useState)(),s=(0,nt.useMemo)(()=>e.defaultViewState||Ao.defaultViewState,[e.defaultViewState]),c=p=>o.setClickedLngLat(p.lngLat),i=p=>{a(p.lngLat),t.onHover(p)};return(0,H.jsxs)("div",{className:Bo.tw`h-full w-full relative bg-gray-100`,children:[e.loadToC&&(0,H.jsx)(Nt,{}),((l=r.selectedFeatures)==null?void 0:l.length)>0&&(0,H.jsx)(vt,{}),(0,H.jsxs)(Le.default,{id:"mapl",cursor:"default",initialViewState:s,style:{width:"100%",height:"100%"},mapStyle:r.mapStyle,maxZoom:r.maxZoom,onClick:c,onMouseMove:i,children:[(0,H.jsx)(bn,{position:"bottom-right",showZoom:!0,showCompass:!0}),e.showFullscreenControl&&(0,H.jsx)(Le.FullscreenControl,{position:"bottom-right"}),(0,H.jsx)(To,{}),r.selectedLayers.map((p,h)=>{let k=h>0?r.selectedIds[h-1]:void 0;return(0,H.jsx)(Io,{layer:p,beforeId:k},p.id)}),(0,H.jsx)(Dt,{coordinates:n},"popup")]})]})}var He=require("react/jsx-runtime");(0,Do.setup)({preflight:!1});var Ln=e=>{let r=_o.default.useMemo(()=>m(m({},nr),e),[e]);return(0,He.jsx)(Oo.MapProvider,{children:(0,He.jsx)(Go.TranslationProvider,{localeStrings:or,lang:r.lang,children:(0,He.jsx)(Sr,{mp:r,children:(0,He.jsx)(zt,{})})})})};0&&(module.exports={NakshaMaplibreLayers});