@m4l/gclick 0.2.0 → 0.2.3-beta.1

package/components/maps/components/GpsMapTools/subcomponents/GeofencesTool/subcomponents/GeofenceFeatureRender/GeofenceFeatureRender.js

@@ -0,0 +1,163 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Circle, Polyline, Polygon, GeoJSON } from "react-leaflet";
+import { shallow } from "zustand/shallow";
+import { u as useMapStore } from "../../../../../GpsMap/hooks/useMapStore/index.js";
+import React, { useCallback } from "react";
+import { M as MarkerIconLabel } from "../../../../../GpsMap/featureRenders/MarkerIconLabel/index.js";
+import { g as getLabelPositionForCircle, a as getLabelPositionForLineString, b as getLabelPositionForPolygon } from "./helpers.js";
+import { g as getStyleFromProperties } from "../../helpers.js";
+const GeofenceFeatureRender = (props) => {
+  const { id, layerId } = props;
+  const feature = useMapStore((state) => {
+    const gObject = state.hashLayers[layerId].geoJsonObject;
+    if (!gObject) {
+      return null;
+    }
+    if (gObject.object.type === "FeatureCollection") {
+      const feat = gObject.object.features.find((f) => f.id === id);
+      if (feat) {
+        return {
+          id: feat.id,
+          geometry: feat.geometry,
+          properties: feat.properties
+        };
+      }
+    } else {
+      throw new Error("GeofenceFeatureRender no se puede usar con un feature de tipo Feature");
+    }
+    return null;
+  }, shallow);
+  const { addLayerDataToFeature } = useMapStore((state) => state.mapActions, shallow);
+  const onAddLayer = useCallback((e) => {
+    if (!feature) {
+      return;
+    }
+    const layerData = {
+      // visible: true,
+      boundsNW: e.target.getBounds().getNorthWest(),
+      boundsSE: e.target.getBounds().getSouthEast(),
+      getTarget: () => e.target
+      // target: e.target,
+    };
+    addLayerDataToFeature(layerId, feature.id, layerData);
+  }, [feature, addLayerDataToFeature, layerId]);
+  if (!feature) {
+    return null;
+  }
+  const propFeature = {
+    featureId: feature.id
+  };
+  if (feature.geometry?.type === "Point") {
+    const [lng, lat] = feature.geometry.coordinates;
+    if (feature.properties?.radius) {
+      const { radius, markerIconLabel, ...otherProperties } = feature.properties;
+      const styleProperties = getStyleFromProperties(otherProperties);
+      const labelPosition = getLabelPositionForCircle(lat, lng, radius);
+      return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          Circle,
+          {
+            center: { lat, lng },
+            radius: feature.properties?.radius,
+            eventHandlers: {
+              add: onAddLayer
+              // remove: () => {
+              //     removeLefletLayerToFeature(layerId, feature.id)
+              // },
+            },
+            ...styleProperties,
+            ...propFeature
+          },
+          Math.random()
+        ),
+        markerIconLabel && /* @__PURE__ */ jsx(
+          MarkerIconLabel,
+          {
+            position: labelPosition,
+            ...markerIconLabel
+          }
+        )
+      ] });
+    }
+  } else if (feature.geometry?.type === "LineString") {
+    const polylinePositions = feature.geometry.coordinates.map(
+      (coord) => [coord[1], coord[0]]
+    );
+    const { markerIconLabel, ...otherProperties } = feature.properties;
+    const styleProperties = getStyleFromProperties(otherProperties);
+    return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        Polyline,
+        {
+          positions: polylinePositions,
+          stroke: true,
+          eventHandlers: {
+            add: onAddLayer
+            // remove: () => {
+            //     removeLefletLayerToFeature(layerId, feature.id)
+            // },
+          },
+          ...styleProperties,
+          ...propFeature
+        },
+        Math.random()
+      ),
+      markerIconLabel && /* @__PURE__ */ jsx(
+        MarkerIconLabel,
+        {
+          position: getLabelPositionForLineString(polylinePositions),
+          ...markerIconLabel
+        }
+      )
+    ] });
+  } else if (feature.geometry?.type === "Polygon") {
+    const polygonPositions = feature.geometry.coordinates.map(
+      (ring) => ring.map(([lng, lat]) => [lat, lng])
+    );
+    const { markerIconLabel, ...otherProperties } = feature.properties;
+    const styleProperties = getStyleFromProperties(otherProperties);
+    return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        Polygon,
+        {
+          positions: polygonPositions,
+          eventHandlers: {
+            add: onAddLayer
+            // remove: () => {
+            //     removeLefletLayerToFeature(layerId, feature.id)
+            // },
+          },
+          ...styleProperties,
+          ...propFeature
+        }
+      ),
+      markerIconLabel && /* @__PURE__ */ jsx(MarkerIconLabel, { position: getLabelPositionForPolygon(polygonPositions), ...markerIconLabel })
+    ] });
+  } else if (feature.geometry?.type === "MultiPolygon") {
+    const multiPolygonPositions = feature.geometry.coordinates.map(
+      (polygon) => polygon.map(
+        (ring) => ring.map(([lng, lat]) => [lat, lng])
+      )
+    );
+    const { markerIconLabel, ...otherProperties } = feature.properties;
+    const styleProperties = getStyleFromProperties(otherProperties);
+    return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        GeoJSON,
+        {
+          data: feature.geometry,
+          ...styleProperties,
+          ...propFeature,
+          eventHandlers: {
+            add: onAddLayer
+          }
+        }
+      ),
+      markerIconLabel && /* @__PURE__ */ jsx(React.Fragment, { children: multiPolygonPositions.map((polygon, idx) => /* @__PURE__ */ jsx(MarkerIconLabel, { position: getLabelPositionForPolygon(polygon), ...markerIconLabel, label: `${markerIconLabel.label} (${idx + 1}/${multiPolygonPositions.length})` }, idx)) })
+    ] });
+  }
+  return null;
+};
+export {
+  GeofenceFeatureRender as G
+};

package/components/maps/components/GpsMapTools/subcomponents/GeofencesTool/subcomponents/GeofenceFeatureRender/constants.d.ts

@@ -0,0 +1 @@
+export declare const FALLBACK_SVG = "PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYOCAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiBoZWlnaHQ9IjI5IiB3aWR0aD0iNjIiIHZlcnNpb249IjEuMSIgc3R5bGU9InNoYXBlLXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IHRleHQtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgaW1hZ2UtcmVuZGVyaW5nOm9wdGltaXplUXVhbGl0eTsgZmlsbC1ydWxlOmV2ZW5vZGQ7IGNsaXAtcnVsZTpldmVub2RkIg0Kdmlld0JveD0iMCAwIDg2IDM5Ig0KIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiA8ZGVmcz4NCiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCiAgIDwhW0NEQVRBWw0KICAgIC5jYXItZmlsMSB7ZmlsbDojMzMzMzMzfQ0KICAgIC5jYXItZmlsMiB7ZmlsbDojRjQ0MzM2fQ0KICAgIC5jYXItZmlsMyB7ZmlsbDojRkZFQjNCfQ0KICAgIC5jYXItZmlsNiB7ZmlsbDpibGFjaztmaWxsLXJ1bGU6bm9uemVyb30NCiAgICAuY2FyLWZpbDAge2ZpbGw6IzFFOTZEQztmaWxsLXJ1bGU6bm9uemVyb30NCiAgICAuY2FyLWZpbDUge2ZpbGw6IzMzMzMzMztmaWxsLXJ1bGU6bm9uemVyb30NCiAgICAuY2FyLWZpbDQge2ZpbGw6d2hpdGU7ZmlsbC1ydWxlOm5vbnplcm99DQogICBdXT4NCiAgPC9zdHlsZT4NCiAgICA8bWFzayBpZD0iaWQwIj4NCiAgPGxpbmVhckdyYWRpZW50IGlkPSJpZDEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNDkuMTg0MiIgeTE9IjE0LjU2MTkiIHgyPSI0OS4xODU4IiB5Mj0iLTMuNjU0MjgiPg0KICAgPHN0b3Agb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1vcGFjaXR5OjA7IHN0b3AtY29sb3I6d2hpdGUiLz4NCiAgIDxzdG9wIG9mZnNldD0iMSIgc3R5bGU9InN0b3Atb3BhY2l0eToxOyBzdG9wLWNvbG9yOndoaXRlIi8+DQogIDwvbGluZWFyR3JhZGllbnQ+DQogICAgIDxyZWN0IHN0eWxlPSJmaWxsOnVybCgjaWQxKSIgd2lkdGg9Ijg2Ljc4NjQiIGhlaWdodD0iNDAuMDI4NyIvPg0KICAgIDwvbWFzaz4NCiAgICA8bWFzayBpZD0iaWQyIj4NCiAgPGxpbmVhckdyYWRpZW50IGlkPSJpZDMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNTEuMTA0MyIgeTE9IjM3LjA0MDkiIHgyPSI1MS4xMDU5IiB5Mj0iMjAuNTIzNiI+DQogICA8c3RvcCBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLW9wYWNpdHk6MDsgc3RvcC1jb2xvcjp3aGl0ZSIvPg0KICAgPHN0b3Agb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1vcGFjaXR5OjE7IHN0b3AtY29sb3I6d2hpdGUiLz4NCiAgPC9saW5lYXJHcmFkaWVudD4NCiAgICAgPHJlY3Qgc3R5bGU9ImZpbGw6dXJsKCNpZDMpIiB4PSIxIiB5PSIyOSIgd2lkdGg9IjgzLjk4MzciIGhlaWdodD0iMTEuMTA3Ii8+DQogICAgPC9tYXNrPg0KICAgIDxtYXNrIGlkPSJpZDQiPg0KICA8bGluZWFyR3JhZGllbnQgaWQ9ImlkNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI0OS4zNTYyIiB5MT0iMi4yMTIwMyIgeDI9IjQ5LjM1NjIiIHkyPSIxOS45OTQ5Ij4NCiAgIDxzdG9wIG9mZnNldD0iMCIgc3R5bGU9InN0b3Atb3BhY2l0eTowOyBzdG9wLWNvbG9yOndoaXRlIi8+DQogICA8c3RvcCBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLW9wYWNpdHk6MTsgc3RvcC1jb2xvcjp3aGl0ZSIvPg0KICA8L2xpbmVhckdyYWRpZW50Pg0KICAgICA8cmVjdCBzdHlsZT0iZmlsbDp1cmwoI2lkNSkiIHdpZHRoPSI4NS43NjEyIiBoZWlnaHQ9IjE2LjQ0MjciLz4NCiAgICA8L21hc2s+DQogICAgPG1hc2sgaWQ9ImlkNiI+DQogIDxsaW5lYXJHcmFkaWVudCBpZD0iaWQ3IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjQ5LjE4NDIiIHkxPSIyNC42NzI0IiB4Mj0iNDkuMTg1OCIgeTI9IjQ5LjA3MjYiPg0KICAgPHN0b3Agb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1vcGFjaXR5OjA7IHN0b3AtY29sb3I6d2hpdGUiLz4NCiAgIDxzdG9wIG9mZnNldD0iMSIgc3R5bGU9InN0b3Atb3BhY2l0eToxOyBzdG9wLWNvbG9yOndoaXRlIi8+DQogIDwvbGluZWFyR3JhZGllbnQ+DQogICAgIDxyZWN0IHN0eWxlPSJmaWxsOnVybCgjaWQ3KSIgd2lkdGg9Ijg2Ljc4NjQiIGhlaWdodD0iNDAuMDI4NyIvPg0KICAgIDwvbWFzaz4NCiA8L2RlZnM+DQogPGc+DQogIDxnPg0KICAgPHBhdGggY2xhc3M9ImNhci1maWwwIiBkPSJNODQgMzFjLTEsMiAtMyw1IC01LDUgMCwtNCAzLC01IDUsLTYgMCwxIDAsMSAwLDF6bS0zMiAtMjVsMCAyIDE0IDAgNiAtMiAtMjAgMHptMCAyNWwwIDIgMjAgMCAtNiAtMiAtMTQgMHptLTIgMmwwIC0yIC0xMyAwIC0xMSAyIDI0IDB6bTAgLTI1bDAgLTIgLTI0IDAgMTEgMiAxMyAwem0yNCAtMWwtNiAyYzEsMSAxLDIgMSwzIDAsMCAxLDMgMSw4IDAsNSAtMSw3IC0xLDcgMCwxIDAsMiAtMSwzbDYgM2MxLC0xIDEsLTUgMSwtNiAwLDAgMSwtMiAxLC03IDAsLTUgLTEsLTggLTEsLTggMCwtMiAwLC01IC0xLC01em0tNDAgMjJsLTEwIDNjLTEsLTEgLTIsLTQgLTIsLTUgMCwwIC0xLC0yIC0xLC03IDAsLTUgMSwtOCAxLC04IDAsLTEgMSwtNCAyLC01bDEwIDJjMCwxIC0xLDIgLTEsMyAwLDAgLTEsMyAtMSw4IDAsNSAxLDcgMSw3IDAsMSAxLDIgMSwyem0tMzEgLTRjMTIsNiAyMCw4IDIwLDggLTEwLC0xIC0yMCwtOCAtMjAsLTh6bS0xIDZjMCwwIC0xLC0yIC0xLC01IDIsMiA2LDUgOCwxMCAtMywwIC02LC0yIC03LC01em0yMSAtMjVjMCwwIC04LDIgLTIwLDggMCwwIDEwLC03IDIwLC04em0tMjEgMmMxLC0zIDQsLTUgNiwtNSAtMSw1IC01LDggLTcsMTAgMSwtMyAxLC01IDEsLTV6bTgyIDBjMCwwIDAsMSAwLDEgLTIsLTEgLTUsLTIgLTUsLTYgMiwwIDQsMiA1LDV6bTEgMGMtMiwtNCAtMywtNiAtNiwtNmwtNTAgMCAxIC0yYzAsMCAtMSwxIC0yLDJsLTIwIDBjLTIsMCAtNSwyIC03LDYgMCwwIC0xLDQgLTEsMTIgMCw4IDEsMTIgMSwxMiAxLDMgNSw1IDcsNWwyMCAwYzEsMSAyLDIgMiwybC0xIC0yIDUwIDBjMywwIDUsLTMgNiwtNSAwLDAgMSwtNCAxLC0xMiAwLC04IC0xLC0xMiAtMSwtMTJ6Ii8+DQogICA8Zz4NCiAgICA8cGF0aCBjbGFzcz0iY2FyLWZpbDEiIGQ9Ik0zIDE0YzEyLC02IDIwLC04IDIwLC04IC0xMCwxIC0yMCw4IC0yMCw4eiIvPg0KICAgIDxwYXRoIGNsYXNzPSJjYXItZmlsMSIgZD0iTTIzIDMzYzAsMCAtOCwtMiAtMjAsLTggMCwwIDEwLDcgMjAsOHoiLz4NCiAgICA8cG9seWdvbiBjbGFzcz0iY2FyLWZpbDEiIHBvaW50cz0iNTAsNiAyNiw2IDM3LDggNTAsOCAiLz4NCiAgICA8cG9seWdvbiBjbGFzcz0iY2FyLWZpbDEiIHBvaW50cz0iNTIsNiA1Miw4IDY2LDggNzIsNiAiLz4NCiAgICA8cG9seWdvbiBjbGFzcz0iY2FyLWZpbDEiIHBvaW50cz0iNTAsMzEgMzcsMzEgMjYsMzMgNTAsMzMgIi8+DQogICAgPHBvbHlnb24gY2xhc3M9ImNhci1maWwxIiBwb2ludHM9IjUyLDMxIDUyLDMzIDcyLDMzIDY2LDMxICIvPg0KICAgIDxwYXRoIGNsYXNzPSJjYXItZmlsMSIgZD0iTTMzIDI3YzAsMCAtMSwtMiAtMSwtNyAwLC01IDEsLTggMSwtOCAwLC0xIDEsLTIgMSwtM2wtMTAgLTJjLTEsMSAtMiw0IC0yLDUgMCwwIC0xLDMgLTEsOCAwLDUgMSw3IDEsNyAwLDEgMSw0IDIsNWwxMCAtM2MwLDAgLTEsLTEgLTEsLTJ6Ii8+DQogICAgPHBhdGggY2xhc3M9ImNhci1maWwxIiBkPSJNNzAgMjBjMCw1IC0xLDcgLTEsNyAwLDEgMCwyIC0xLDNsNiAzYzEsLTEgMSwtNSAxLC02IDAsMCAxLC0yIDEsLTcgMCwtNSAtMSwtOCAtMSwtOCAwLC0yIDAsLTUgLTEsLTVsLTYgMmMxLDEgMSwyIDEsMyAwLDAgMSwzIDEsOHoiLz4NCiAgIDwvZz4NCiAgIDxwYXRoIGNsYXNzPSJjYXItZmlsMiIgZD0iTTg0IDMwYy0yLDEgLTUsMiAtNSw2IDIsMCA0LC0zIDUsLTUgMCwwIDAsMCAwLC0xeiIvPg0KICAgPHBhdGggY2xhc3M9ImNhci1maWwyIiBkPSJNNzkgM2MwLDQgMyw1IDUsNiAwLDAgMCwtMSAwLC0xIC0xLC0zIC0zLC01IC01LC01eiIvPg0KICAgPHBhdGggY2xhc3M9ImNhci1maWwzIiBkPSJNMSAxM2MyLC0yIDYsLTUgNywtMTAgLTIsMCAtNSwyIC02LDUgMCwwIDAsMiAtMSw1eiIvPg0KICAgPHBhdGggY2xhc3M9ImNhci1maWwzIiBkPSJNOSAzNmMtMiwtNSAtNiwtOCAtOCwtMTAgMCwzIDEsNSAxLDUgMSwzIDQsNSA3LDV6Ii8+DQogICA8cGF0aCBjbGFzcz0iY2FyLWZpbDQiIHN0eWxlPSJtYXNrOnVybCgjaWQwKSIgZD0iTTg1IDhjLTIsLTQgLTMsLTYgLTYsLTZsLTUwIDAgMSAtMmMwLDAgLTEsMSAtMiwybC0yMCAwYy0yLDAgLTUsMiAtNyw2IDAsMCAtMSw0IC0xLDEyIDAsOCAxLDEyIDEsMTIgMSwzIDUsNSA3LDVsMjAgMGMxLDEgMiwyIDIsMmwtMSAtMiA1MCAwYzMsMCA1LC0zIDYsLTUgMCwwIDEsLTQgMSwtMTIgMCwtOCAtMSwtMTIgLTEsLTEyeiIvPg0KICAgPHBhdGggY2xhc3M9ImNhci1maWw1IiBzdHlsZT0ibWFzazp1cmwoI2lkMikiIGQ9Ik0xIDMyYzEsMyA1LDUgNyw1bDIwIDBjMSwxIDIsMiAyLDJsLTEgLTIgNTAgMGMzLDAgNSwtMyA2LC01IC0xLDEgLTUsMiAtMTEsMSAwLDAgLTIsLTEgLTYsLTMgLTExLC0xIC0yMiwtMSAtMzQsLTEgMCwwIC0zLDEgLTEwLDMgLTMsMCAtOCwxIC0xNSw0IC0yLDAgLTUsLTEgLTgsLTR6Ii8+DQogICA8cGF0aCBjbGFzcz0iY2FyLWZpbDQiIHN0eWxlPSJtYXNrOnVybCgjaWQ0KSIgZD0iTTg1IDhjLTIsLTQgLTMsLTYgLTYsLTZsLTUwIDAgMSAtMmMwLDAgLTEsMSAtMiwybC0yMCAwYy0yLDAgLTUsMiAtNyw2IDAsMCAtMSwyIC0xLDggOCwtNiAxNSwtOSAyMywtMTAgLTEsMyAtMiw2IC0yLDkgNCwtMiA4LC00IDEyLC00IDEyLC0yIDI0LC0yIDM2LDAgMywwIDUsMSA3LDIgNSwtNCA4LC01IDksLTMgMCwtMiAwLC0yIDAsLTJ6Ii8+DQogICA8cGF0aCBjbGFzcz0iY2FyLWZpbDYiIHN0eWxlPSJtYXNrOnVybCgjaWQ2KSIgZD0iTTg1IDMyYy0yLDMgLTMsNSAtNiw1bC01MCAwIDEgMmMwLDAgLTEsLTEgLTIsLTJsLTIwIDBjLTIsMCAtNSwtMiAtNywtNSAwLDAgLTEsLTUgLTEsLTEzIDAsLTcgMSwtMTEgMSwtMTEgMSwtMyA1LC02IDcsLTZsMjAgMGMxLC0xIDIsLTIgMiwtMmwtMSAyIDUwIDBjMywwIDUsMyA2LDYgMCwwIDEsNCAxLDExIDAsOCAtMSwxMyAtMSwxM3oiLz4NCiAgPC9nPg0KIDwvZz4NCjwvc3ZnPg0K";

package/components/maps/components/GpsMapTools/subcomponents/GeofencesTool/subcomponents/GeofenceFeatureRender/helpers.d.ts

@@ -0,0 +1,17 @@
+import { LatLngExpression, LatLngTuple } from 'leaflet';
+/**
+ * "calculateLabelPosition" es la función encargada de calcular la posición del label de una geocerca
+ */
+export declare const getLabelPositionForCircle: (lat: number, lng: number, radius: number) => LatLngTuple;
+/**
+ * "getLabelPositionForLineString" es la función encargada de calcular la posición del label de una línea
+ */
+export declare const getLabelPositionForLineString: (lineStringPositions: LatLngExpression[]) => LatLngTuple;
+/**
+ * "getLabelPositionForPolygon" es la función encargada de calcular la posición del label de un polígono
+ */
+export declare const getLabelPositionForPolygon: (polygonPositions: LatLngExpression[][]) => LatLngTuple;
+/**
+ * "getLabelPositionForMultiPolygon" es la función encargada de calcular la posición del label de un multi polígono
+ */
+export declare const getLabelPositionForMultiPolygon: (multiPolygonPositions: LatLngExpression[][][]) => LatLngTuple;

package/components/maps/components/GpsMapTools/subcomponents/GeofencesTool/subcomponents/GeofenceFeatureRender/helpers.js

@@ -0,0 +1,35 @@
+const getLabelPositionForCircle = (lat, lng, radius) => {
+  const offsetFactor = 1.1;
+  const totalDistance = radius * offsetFactor;
+  const angle = 45 * (Math.PI / 180);
+  const offsetLat = totalDistance * Math.sin(angle) / 111319;
+  const offsetLng = totalDistance * Math.cos(angle) / (111319 * Math.cos(lat * (Math.PI / 180)));
+  return [lat + offsetLat, lng + offsetLng];
+};
+const getLabelPositionForLineString = (lineStringPositions) => {
+  let topRightPoint = null;
+  lineStringPositions.forEach((coord) => {
+    const [lat, lng] = coord;
+    if (!topRightPoint || lat >= topRightPoint[0] && lng >= topRightPoint[1]) {
+      topRightPoint = coord;
+    }
+  });
+  topRightPoint = topRightPoint || lineStringPositions[0];
+  return topRightPoint;
+};
+const getLabelPositionForPolygon = (polygonPositions) => {
+  let topRightPoint = null;
+  polygonPositions[0].forEach((coord) => {
+    const [lat, lng] = coord;
+    if (!topRightPoint || lat >= topRightPoint[0] && lng >= topRightPoint[1]) {
+      topRightPoint = coord;
+    }
+  });
+  topRightPoint = topRightPoint || polygonPositions[0][0];
+  return topRightPoint;
+};
+export {
+  getLabelPositionForLineString as a,
+  getLabelPositionForPolygon as b,
+  getLabelPositionForCircle as g
+};

package/components/maps/components/GpsMapTools/types.d.ts

@@ -1,18 +0,0 @@
-import { GeofenceTypeId } from './subcomponents/TabsGpsTools/subcomponents/model';
-export interface GeofenceTypeItem {
-    id: GeofenceTypeId;
-    name: string;
-    url: string;
-}
-export interface StyleOpacity {
-    value: number;
-    label: string;
-}
-export interface StyleWheight {
-    value: number;
-    label: string;
-}
-export interface StyleDashArray {
-    value: string;
-    label: string;
-}

package/components/maps/index.d.ts

@@ -1,5 +1,5 @@
 export * from './components/GpsMap';
 export * from './utils';
 export type { MapProps, RendePropFeatureArgs, ComponentRenderPropFeature, FeatureId, FeatureCollection, Feature, Geometry, } from './components/GpsMap';
-export { GpsMapTools, useGpsMapToolsStore, GpsMapToolsProvider, getGpsMapToolsComponentsDictionary, } from './components/GpsMapTools';
+export * from './components/GpsMapTools';
 export { courseToCssAngle } from './utils/courseToCssAngle';

package/index.js

@@ -5,81 +5,81 @@ import { D } from "./components/Device/hooks/constants.js";
 import { u } from "./components/Device/hooks/useDeviceStatus.js";
 import { D as D2 } from "./components/Device/Device.js";
 import { D as D3 } from "./components/DeviceLabel/DeviceLabel.js";
-import { G } from "./components/maps/components/GpsMapTools/GpsMapTools.js";
-import { u as u2 } from "./components/maps/components/GpsMapTools/hooks/useGpsMapToolsStore/index.js";
-import { a as a2 } from "./components/maps/components/GpsMapTools/contexts/GpsMapToolsContext/index.js";
-import { g as g3 } from "./components/maps/components/GpsMapTools/dictionary.js";
 import { c } from "./components/maps/utils/courseToCssAngle.js";
-import { G as G2 } from "./components/maps/components/GpsMap/GpsMap.js";
-import { M, a as a3 } from "./components/maps/components/GpsMap/contexts/MapContext/MapContext.js";
-import { g as g4 } from "./components/maps/components/GpsMap/dictionary.js";
-import { i } from "./components/maps/components/GpsMap/constants.js";
+import { G } from "./components/maps/components/GpsMap/GpsMap.js";
+import { M, a as a2 } from "./components/maps/components/GpsMap/contexts/MapContext/MapContext.js";
+import { g as g3 } from "./components/maps/components/GpsMap/dictionary.js";
+import { g as g4 } from "./components/maps/components/GpsMap/constants.js";
 import { M as M2 } from "./components/maps/components/GpsMap/featureRenders/MarkerFeatureRender/index.js";
-import { C } from "./components/maps/components/GpsMap/featureRenders/CommonFeatureRender/index.js";
 import { g as g5 } from "./components/maps/components/GpsMap/popups/MapPopupDevice/dictionary.js";
 import { M as M3 } from "./components/maps/components/GpsMap/popups/MapPopupDevice/MapPopupDevice.js";
 import { P } from "./components/maps/components/GpsMap/pluginLayers/PolylineWithArrows/index.js";
-import { u as u3 } from "./components/maps/components/GpsMap/hooks/useDisableMapEventsOnMouseOver/index.js";
-import { u as u4 } from "./components/maps/components/GpsMap/hooks/useDisableMapEventsOnFlag/index.js";
-import { u as u5 } from "./components/maps/components/GpsMap/hooks/useMapStore/index.js";
+import { u as u2 } from "./components/maps/components/GpsMap/hooks/useDisableMapEventsOnMouseOver/index.js";
+import { u as u3 } from "./components/maps/components/GpsMap/hooks/useDisableMapEventsOnFlag/index.js";
+import { u as u4 } from "./components/maps/components/GpsMap/hooks/useMapStore/index.js";
 import { c as c2 } from "./components/maps/utils/coordsToQuadKey.js";
 import { c as c3 } from "./components/maps/utils/courseToCartesianAngle.js";
-import { i as i2 } from "./components/maps/utils/isFeature.js";
-import { i as i3 } from "./components/maps/utils/isFeatureCollection.js";
-import { i as i4 } from "./components/maps/utils/isFeatureCollectionDraft.js";
-import { i as i5 } from "./components/maps/utils/isGeometry.js";
+import { i } from "./components/maps/utils/isFeature.js";
+import { i as i2 } from "./components/maps/utils/isFeatureCollection.js";
+import { i as i3 } from "./components/maps/utils/isFeatureCollectionDraft.js";
+import { i as i4 } from "./components/maps/utils/isGeometry.js";
+import { G as G2 } from "./components/maps/components/GpsMapTools/subcomponents/GeofencesTool/GeofencesTool.js";
+import { d } from "./components/maps/components/GpsMapTools/subcomponents/GeofencesTool/constants.js";
+import { g as g6 } from "./components/maps/components/GpsMapTools/dictionary.js";
+import { G as G3, a as a3 } from "./components/maps/components/GpsMapTools/contexts/GpsMapToolsContext/GpsMapToolsContext.js";
 import { I } from "./components/indicators/IndicatorBattery/IndicatorBattery.js";
-import { g as g6 } from "./components/indicators/IndicatorBattery/dictionary.js";
+import { g as g7 } from "./components/indicators/IndicatorBattery/dictionary.js";
 import { I as I2 } from "./components/indicators/IndicatorCSQ/IndicatorCSQ.js";
-import { g as g7 } from "./components/indicators/IndicatorCSQ/dictionary.js";
+import { g as g8 } from "./components/indicators/IndicatorCSQ/dictionary.js";
 import { I as I3 } from "./components/indicators/IndicatorValueStatus/IndicatorValueStatus.js";
 import { I as I4 } from "./components/indicators/IndicatorValueAndMagnitude/IndicatorValueAndMagnitude.js";
-import { g as g8 } from "./formatters/CourseFormatter/helper.js";
-import { g as g9 } from "./formatters/CourseFormatter/dictionary.js";
-import { C as C2 } from "./formatters/CourseFormatter/CourseFormatter.js";
+import { g as g9 } from "./formatters/CourseFormatter/helper.js";
+import { g as g10 } from "./formatters/CourseFormatter/dictionary.js";
+import { C } from "./formatters/CourseFormatter/CourseFormatter.js";
 import { E } from "./contexts/RealTimeProducerContext/constants.js";
 import { R } from "./contexts/RealTimeProducerContext/sourceDataMechanisms/dummy/constants.js";
 import { R as R2, a as a4 } from "./contexts/RealTimeProducerContext/RealTimeProducerContext.js";
 import { R as R3 } from "./contexts/RealTimeConsumerContext/constants.js";
 import { R as R4, a as a5 } from "./contexts/RealTimeConsumerContext/RealTimeConsumerContext.js";
-import { u as u6 } from "./hooks/useRealTimeProducer/index.js";
-import { u as u7 } from "./hooks/useRealTimeConsumer/index.js";
+import { u as u5 } from "./hooks/useRealTimeProducer/index.js";
+import { u as u6 } from "./hooks/useRealTimeConsumer/index.js";
 import { c as c4 } from "./utils/capitalizeFirstLetter.js";
-import { i as i6 } from "./utils/isValidDate.js";
-import { g as g10 } from "./utils/getComponentUtilityClass.js";
-import { g as g11 } from "./utils/getPaletteColor.js";
-import { g as g12 } from "./utils/getTypographyStyles.js";
-import { g as g13 } from "./utils/getSizeStyles/getSizeStyles.js";
+import { i as i5 } from "./utils/isValidDate.js";
+import { g as g11 } from "./utils/getComponentUtilityClass.js";
+import { g as g12 } from "./utils/getPaletteColor.js";
+import { g as g13 } from "./utils/getTypographyStyles.js";
+import { g as g14 } from "./utils/getSizeStyles/getSizeStyles.js";
 import { O } from "./utils/ObjectQueue.js";
-import { a as a6, g as g14 } from "./utils/getComponentSlotRoot.js";
-import { g as g15 } from "./utils/getVptValueWithGuard.js";
-import { g as g16 } from "./utils/getVptUpdatedAtWithGuard.js";
-import { a as a7, g as g17, b } from "./utils/getPrecisionFromHdop/getPrecisionFromHdop.js";
+import { a as a6, g as g15 } from "./utils/getComponentSlotRoot.js";
+import { g as g16 } from "./utils/getVptValueWithGuard.js";
+import { g as g17 } from "./utils/getVptUpdatedAtWithGuard.js";
+import { a as a7, g as g18, b } from "./utils/getPrecisionFromHdop/getPrecisionFromHdop.js";
 import { D as D4, a as a8, H } from "./utils/getPrecisionFromHdop/constants.js";
-import { G as G3, a as a9 } from "./@types/constants.js";
+import { G as G4, a as a9 } from "./@types/constants.js";
 export {
-  C as CommonFeatureRender,
-  C2 as CourseFormatter,
+  C as CourseFormatter,
   D4 as DEFAULT_RMS_ERROR,
   D as DEVICE_STATUSES_CONFIG,
   D2 as Device,
   D3 as DeviceLabel,
   E as EnumResourceTypesIds,
-  G3 as GNSSEnumMotionStatus,
+  d as GEOFENCES_TOOL,
+  G4 as GNSSEnumMotionStatus,
   a9 as GNSSEnumSignal,
-  G2 as GpsMap,
-  G as GpsMapTools,
-  a2 as GpsMapToolsProvider,
+  G2 as GeofencesTool,
+  G as GpsMap,
+  G3 as GpsMapToolsContext,
+  a3 as GpsMapToolsProvider,
   a8 as HDOP_QUALITY_RANGES,
   H as HDOP_QUALITY_STATUS,
   I as IndicatorBattery,
   I2 as IndicatorCSQ,
   I4 as IndicatorValueAndMagnitude,
   I3 as IndicatorValueStatus,
-  i as LAT_LON_FIXED_DIGITS,
+  g4 as LAT_LON_FIXED_DIGITS,
   M as MapContext,
   M3 as MapPopupDevice,
-  a3 as MapProvider,
+  a2 as MapProvider,
   M2 as MarkerFeatureRender,
   O as ObjectQueue,
   P as PolylineWithArrows,
@@ -94,36 +94,35 @@ export {
   c3 as courseToCartesianAngle,
   c as courseToCssAngle,
   a6 as getComponentClasses,
-  g14 as getComponentSlotRoot,
-  g10 as getComponentUtilityClass,
-  g8 as getCourseDirection,
-  g9 as getCourseFormatterComponentsDictionary,
+  g15 as getComponentSlotRoot,
+  g11 as getComponentUtilityClass,
+  g9 as getCourseDirection,
+  g10 as getCourseFormatterComponentsDictionary,
   a as getDeviceByData,
   g as getDeviceComponentsDictionary,
   g2 as getDeviceStatusByData,
-  g3 as getGpsMapToolsComponentsDictionary,
+  g6 as getGpsMapToolsComponentsDictionary,
   a7 as getHdopFromPrecision,
-  g13 as getHeightSizeStyles,
-  g6 as getIndicatorBatteryComponentsDictionary,
-  g7 as getIndicatorCSQComponentsDictionary,
-  g4 as getMapComponentsDictionary,
+  g14 as getHeightSizeStyles,
+  g7 as getIndicatorBatteryComponentsDictionary,
+  g8 as getIndicatorCSQComponentsDictionary,
+  g3 as getMapComponentsDictionary,
   g5 as getMapPopupDeviceComponentsDictionary,
-  g11 as getPaletteColor,
-  g17 as getPrecisionFromHdop,
+  g12 as getPaletteColor,
+  g18 as getPrecisionFromHdop,
   b as getQualityCategoryFromPrecision,
-  g12 as getTypographyStyles,
-  g16 as getVptUpdatedAtWithGuard,
-  g15 as getVptValueWithGuard,
-  i2 as isFeature,
-  i3 as isFeatureCollection,
-  i4 as isFeatureCollectionDraft,
-  i5 as isGeometry,
-  i6 as isValidDate,
+  g13 as getTypographyStyles,
+  g17 as getVptUpdatedAtWithGuard,
+  g16 as getVptValueWithGuard,
+  i as isFeature,
+  i2 as isFeatureCollection,
+  i3 as isFeatureCollectionDraft,
+  i4 as isGeometry,
+  i5 as isValidDate,
   u as useDeviceStatus,
-  u4 as useDisableMapEventsOnFlag,
-  u3 as useDisableMapEventsOnMouseOver,
-  u2 as useGpsMapToolsStore,
-  u5 as useMapStore,
-  u7 as useRealTimeConsumer,
-  u6 as useRealTimeProducer
+  u3 as useDisableMapEventsOnFlag,
+  u2 as useDisableMapEventsOnMouseOver,
+  u4 as useMapStore,
+  u6 as useRealTimeConsumer,
+  u5 as useRealTimeProducer
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/gclick",
-  "version": "0.2.0",
+  "version": "0.2.3-beta.1",
   "license": "UNLICENSED",
   "lint-staged": {
     "*.{js,ts,tsx}": "eslint --fix --max-warnings 0  --no-warn-ignored"
@@ -9,9 +9,10 @@
     "@geoman-io/leaflet-geoman-free": "^2.14.2",
     "@googlemaps/js-api-loader": "^1.16.6",
     "@hookform/resolvers": "2.9.11",
-    "@m4l/components": "^9.0.0",
+    "@m4l/components": "9.3.25-beta.0",
     "@m4l/core": "^2.0.0",
     "@m4l/graphics": "^7.0.0",
+    "@m4l/layouts": "9.3.14-beta.0",
     "@m4l/styles": "^7.0.0",
     "@microlink/react-json-view": "^1.23.3",
     "@mui/lab": "5.0.0-alpha.173",

package/components/maps/components/GpsMap/featureRenders/CommonFeatureRender/constants.js

@@ -1,4 +0,0 @@
-const FALLBACK_SVG = "PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYOCAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiBoZWlnaHQ9IjI5IiB3aWR0aD0iNjIiIHZlcnNpb249IjEuMSIgc3R5bGU9InNoYXBlLXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IHRleHQtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgaW1hZ2UtcmVuZGVyaW5nOm9wdGltaXplUXVhbGl0eTsgZmlsbC1ydWxlOmV2ZW5vZGQ7IGNsaXAtcnVsZTpldmVub2RkIg0Kdmlld0JveD0iMCAwIDg2IDM5Ig0KIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiA8ZGVmcz4NCiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCiAgIDwhW0NEQVRBWw0KICAgIC5jYXItZmlsMSB7ZmlsbDojMzMzMzMzfQ0KICAgIC5jYXItZmlsMiB7ZmlsbDojRjQ0MzM2fQ0KICAgIC5jYXItZmlsMyB7ZmlsbDojRkZFQjNCfQ0KICAgIC5jYXItZmlsNiB7ZmlsbDpibGFjaztmaWxsLXJ1bGU6bm9uemVyb30NCiAgICAuY2FyLWZpbDAge2ZpbGw6IzFFOTZEQztmaWxsLXJ1bGU6bm9uemVyb30NCiAgICAuY2FyLWZpbDUge2ZpbGw6IzMzMzMzMztmaWxsLXJ1bGU6bm9uemVyb30NCiAgICAuY2FyLWZpbDQge2ZpbGw6d2hpdGU7ZmlsbC1ydWxlOm5vbnplcm99DQogICBdXT4NCiAgPC9zdHlsZT4NCiAgICA8bWFzayBpZD0iaWQwIj4NCiAgPGxpbmVhckdyYWRpZW50IGlkPSJpZDEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNDkuMTg0MiIgeTE9IjE0LjU2MTkiIHgyPSI0OS4xODU4IiB5Mj0iLTMuNjU0MjgiPg0KICAgPHN0b3Agb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1vcGFjaXR5OjA7IHN0b3AtY29sb3I6d2hpdGUiLz4NCiAgIDxzdG9wIG9mZnNldD0iMSIgc3R5bGU9InN0b3Atb3BhY2l0eToxOyBzdG9wLWNvbG9yOndoaXRlIi8+DQogIDwvbGluZWFyR3JhZGllbnQ+DQogICAgIDxyZWN0IHN0eWxlPSJmaWxsOnVybCgjaWQxKSIgd2lkdGg9Ijg2Ljc4NjQiIGhlaWdodD0iNDAuMDI4NyIvPg0KICAgIDwvbWFzaz4NCiAgICA8bWFzayBpZD0iaWQyIj4NCiAgPGxpbmVhckdyYWRpZW50IGlkPSJpZDMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNTEuMTA0MyIgeTE9IjM3LjA0MDkiIHgyPSI1MS4xMDU5IiB5Mj0iMjAuNTIzNiI+DQogICA8c3RvcCBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLW9wYWNpdHk6MDsgc3RvcC1jb2xvcjp3aGl0ZSIvPg0KICAgPHN0b3Agb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1vcGFjaXR5OjE7IHN0b3AtY29sb3I6d2hpdGUiLz4NCiAgPC9saW5lYXJHcmFkaWVudD4NCiAgICAgPHJlY3Qgc3R5bGU9ImZpbGw6dXJsKCNpZDMpIiB4PSIxIiB5PSIyOSIgd2lkdGg9IjgzLjk4MzciIGhlaWdodD0iMTEuMTA3Ii8+DQogICAgPC9tYXNrPg0KICAgIDxtYXNrIGlkPSJpZDQiPg0KICA8bGluZWFyR3JhZGllbnQgaWQ9ImlkNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI0OS4zNTYyIiB5MT0iMi4yMTIwMyIgeDI9IjQ5LjM1NjIiIHkyPSIxOS45OTQ5Ij4NCiAgIDxzdG9wIG9mZnNldD0iMCIgc3R5bGU9InN0b3Atb3BhY2l0eTowOyBzdG9wLWNvbG9yOndoaXRlIi8+DQogICA8c3RvcCBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLW9wYWNpdHk6MTsgc3RvcC1jb2xvcjp3aGl0ZSIvPg0KICA8L2xpbmVhckdyYWRpZW50Pg0KICAgICA8cmVjdCBzdHlsZT0iZmlsbDp1cmwoI2lkNSkiIHdpZHRoPSI4NS43NjEyIiBoZWlnaHQ9IjE2LjQ0MjciLz4NCiAgICA8L21hc2s+DQogICAgPG1hc2sgaWQ9ImlkNiI+DQogIDxsaW5lYXJHcmFkaWVudCBpZD0iaWQ3IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjQ5LjE4NDIiIHkxPSIyNC42NzI0IiB4Mj0iNDkuMTg1OCIgeTI9IjQ5LjA3MjYiPg0KICAgPHN0b3Agb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1vcGFjaXR5OjA7IHN0b3AtY29sb3I6d2hpdGUiLz4NCiAgIDxzdG9wIG9mZnNldD0iMSIgc3R5bGU9InN0b3Atb3BhY2l0eToxOyBzdG9wLWNvbG9yOndoaXRlIi8+DQogIDwvbGluZWFyR3JhZGllbnQ+DQogICAgIDxyZWN0IHN0eWxlPSJmaWxsOnVybCgjaWQ3KSIgd2lkdGg9Ijg2Ljc4NjQiIGhlaWdodD0iNDAuMDI4NyIvPg0KICAgIDwvbWFzaz4NCiA8L2RlZnM+DQogPGc+DQogIDxnPg0KICAgPHBhdGggY2xhc3M9ImNhci1maWwwIiBkPSJNODQgMzFjLTEsMiAtMyw1IC01LDUgMCwtNCAzLC01IDUsLTYgMCwxIDAsMSAwLDF6bS0zMiAtMjVsMCAyIDE0IDAgNiAtMiAtMjAgMHptMCAyNWwwIDIgMjAgMCAtNiAtMiAtMTQgMHptLTIgMmwwIC0yIC0xMyAwIC0xMSAyIDI0IDB6bTAgLTI1bDAgLTIgLTI0IDAgMTEgMiAxMyAwem0yNCAtMWwtNiAyYzEsMSAxLDIgMSwzIDAsMCAxLDMgMSw4IDAsNSAtMSw3IC0xLDcgMCwxIDAsMiAtMSwzbDYgM2MxLC0xIDEsLTUgMSwtNiAwLDAgMSwtMiAxLC03IDAsLTUgLTEsLTggLTEsLTggMCwtMiAwLC01IC0xLC01em0tNDAgMjJsLTEwIDNjLTEsLTEgLTIsLTQgLTIsLTUgMCwwIC0xLC0yIC0xLC03IDAsLTUgMSwtOCAxLC04IDAsLTEgMSwtNCAyLC01bDEwIDJjMCwxIC0xLDIgLTEsMyAwLDAgLTEsMyAtMSw4IDAsNSAxLDcgMSw3IDAsMSAxLDIgMSwyem0tMzEgLTRjMTIsNiAyMCw4IDIwLDggLTEwLC0xIC0yMCwtOCAtMjAsLTh6bS0xIDZjMCwwIC0xLC0yIC0xLC01IDIsMiA2LDUgOCwxMCAtMywwIC02LC0yIC03LC01em0yMSAtMjVjMCwwIC04LDIgLTIwLDggMCwwIDEwLC03IDIwLC04em0tMjEgMmMxLC0zIDQsLTUgNiwtNSAtMSw1IC01LDggLTcsMTAgMSwtMyAxLC01IDEsLTV6bTgyIDBjMCwwIDAsMSAwLDEgLTIsLTEgLTUsLTIgLTUsLTYgMiwwIDQsMiA1LDV6bTEgMGMtMiwtNCAtMywtNiAtNiwtNmwtNTAgMCAxIC0yYzAsMCAtMSwxIC0yLDJsLTIwIDBjLTIsMCAtNSwyIC03LDYgMCwwIC0xLDQgLTEsMTIgMCw4IDEsMTIgMSwxMiAxLDMgNSw1IDcsNWwyMCAwYzEsMSAyLDIgMiwybC0xIC0yIDUwIDBjMywwIDUsLTMgNiwtNSAwLDAgMSwtNCAxLC0xMiAwLC04IC0xLC0xMiAtMSwtMTJ6Ii8+DQogICA8Zz4NCiAgICA8cGF0aCBjbGFzcz0iY2FyLWZpbDEiIGQ9Ik0zIDE0YzEyLC02IDIwLC04IDIwLC04IC0xMCwxIC0yMCw4IC0yMCw4eiIvPg0KICAgIDxwYXRoIGNsYXNzPSJjYXItZmlsMSIgZD0iTTIzIDMzYzAsMCAtOCwtMiAtMjAsLTggMCwwIDEwLDcgMjAsOHoiLz4NCiAgICA8cG9seWdvbiBjbGFzcz0iY2FyLWZpbDEiIHBvaW50cz0iNTAsNiAyNiw2IDM3LDggNTAsOCAiLz4NCiAgICA8cG9seWdvbiBjbGFzcz0iY2FyLWZpbDEiIHBvaW50cz0iNTIsNiA1Miw4IDY2LDggNzIsNiAiLz4NCiAgICA8cG9seWdvbiBjbGFzcz0iY2FyLWZpbDEiIHBvaW50cz0iNTAsMzEgMzcsMzEgMjYsMzMgNTAsMzMgIi8+DQogICAgPHBvbHlnb24gY2xhc3M9ImNhci1maWwxIiBwb2ludHM9IjUyLDMxIDUyLDMzIDcyLDMzIDY2LDMxICIvPg0KICAgIDxwYXRoIGNsYXNzPSJjYXItZmlsMSIgZD0iTTMzIDI3YzAsMCAtMSwtMiAtMSwtNyAwLC01IDEsLTggMSwtOCAwLC0xIDEsLTIgMSwtM2wtMTAgLTJjLTEsMSAtMiw0IC0yLDUgMCwwIC0xLDMgLTEsOCAwLDUgMSw3IDEsNyAwLDEgMSw0IDIsNWwxMCAtM2MwLDAgLTEsLTEgLTEsLTJ6Ii8+DQogICAgPHBhdGggY2xhc3M9ImNhci1maWwxIiBkPSJNNzAgMjBjMCw1IC0xLDcgLTEsNyAwLDEgMCwyIC0xLDNsNiAzYzEsLTEgMSwtNSAxLC02IDAsMCAxLC0yIDEsLTcgMCwtNSAtMSwtOCAtMSwtOCAwLC0yIDAsLTUgLTEsLTVsLTYgMmMxLDEgMSwyIDEsMyAwLDAgMSwzIDEsOHoiLz4NCiAgIDwvZz4NCiAgIDxwYXRoIGNsYXNzPSJjYXItZmlsMiIgZD0iTTg0IDMwYy0yLDEgLTUsMiAtNSw2IDIsMCA0LC0zIDUsLTUgMCwwIDAsMCAwLC0xeiIvPg0KICAgPHBhdGggY2xhc3M9ImNhci1maWwyIiBkPSJNNzkgM2MwLDQgMyw1IDUsNiAwLDAgMCwtMSAwLC0xIC0xLC0zIC0zLC01IC01LC01eiIvPg0KICAgPHBhdGggY2xhc3M9ImNhci1maWwzIiBkPSJNMSAxM2MyLC0yIDYsLTUgNywtMTAgLTIsMCAtNSwyIC02LDUgMCwwIDAsMiAtMSw1eiIvPg0KICAgPHBhdGggY2xhc3M9ImNhci1maWwzIiBkPSJNOSAzNmMtMiwtNSAtNiwtOCAtOCwtMTAgMCwzIDEsNSAxLDUgMSwzIDQsNSA3LDV6Ii8+DQogICA8cGF0aCBjbGFzcz0iY2FyLWZpbDQiIHN0eWxlPSJtYXNrOnVybCgjaWQwKSIgZD0iTTg1IDhjLTIsLTQgLTMsLTYgLTYsLTZsLTUwIDAgMSAtMmMwLDAgLTEsMSAtMiwybC0yMCAwYy0yLDAgLTUsMiAtNyw2IDAsMCAtMSw0IC0xLDEyIDAsOCAxLDEyIDEsMTIgMSwzIDUsNSA3LDVsMjAgMGMxLDEgMiwyIDIsMmwtMSAtMiA1MCAwYzMsMCA1LC0zIDYsLTUgMCwwIDEsLTQgMSwtMTIgMCwtOCAtMSwtMTIgLTEsLTEyeiIvPg0KICAgPHBhdGggY2xhc3M9ImNhci1maWw1IiBzdHlsZT0ibWFzazp1cmwoI2lkMikiIGQ9Ik0xIDMyYzEsMyA1LDUgNyw1bDIwIDBjMSwxIDIsMiAyLDJsLTEgLTIgNTAgMGMzLDAgNSwtMyA2LC01IC0xLDEgLTUsMiAtMTEsMSAwLDAgLTIsLTEgLTYsLTMgLTExLC0xIC0yMiwtMSAtMzQsLTEgMCwwIC0zLDEgLTEwLDMgLTMsMCAtOCwxIC0xNSw0IC0yLDAgLTUsLTEgLTgsLTR6Ii8+DQogICA8cGF0aCBjbGFzcz0iY2FyLWZpbDQiIHN0eWxlPSJtYXNrOnVybCgjaWQ0KSIgZD0iTTg1IDhjLTIsLTQgLTMsLTYgLTYsLTZsLTUwIDAgMSAtMmMwLDAgLTEsMSAtMiwybC0yMCAwYy0yLDAgLTUsMiAtNyw2IDAsMCAtMSwyIC0xLDggOCwtNiAxNSwtOSAyMywtMTAgLTEsMyAtMiw2IC0yLDkgNCwtMiA4LC00IDEyLC00IDEyLC0yIDI0LC0yIDM2LDAgMywwIDUsMSA3LDIgNSwtNCA4LC01IDksLTMgMCwtMiAwLC0yIDAsLTJ6Ii8+DQogICA8cGF0aCBjbGFzcz0iY2FyLWZpbDYiIHN0eWxlPSJtYXNrOnVybCgjaWQ2KSIgZD0iTTg1IDMyYy0yLDMgLTMsNSAtNiw1bC01MCAwIDEgMmMwLDAgLTEsLTEgLTIsLTJsLTIwIDBjLTIsMCAtNSwtMiAtNywtNSAwLDAgLTEsLTUgLTEsLTEzIDAsLTcgMSwtMTEgMSwtMTEgMSwtMyA1LC02IDcsLTZsMjAgMGMxLC0xIDIsLTIgMiwtMmwtMSAyIDUwIDBjMywwIDUsMyA2LDYgMCwwIDEsNCAxLDExIDAsOCAtMSwxMyAtMSwxM3oiLz4NCiAgPC9nPg0KIDwvZz4NCjwvc3ZnPg0K";
-export {
-  FALLBACK_SVG as F
-};