geojson features, required modes for demo maps

docs/edit-modes/00-edit-drag.mdx

@@ -11,5 +11,8 @@ You can enable Drag Mode on your map to allow users to drag geometries.
 ## Live Drag Example
 import BrowserOnlyGmMap from '../../src/components/map/BrowserOnlyGmMap';
 import { editDragOptions } from '../../src/components/examles/mode-options';
+import features from '../../src/components/examles/geojson/basic-edit.json';
 
-<BrowserOnlyGmMap gmOptions={editDragOptions} />
+<BrowserOnlyGmMap
+  gmOptions={editDragOptions}
+  features={features} />

docs/edit-modes/01-edit-change.mdx

@@ -11,5 +11,9 @@ You can enable Change Mode on your map to allow users to change geometries.
 ## Live Change Example
 import BrowserOnlyGmMap from '../../src/components/map/BrowserOnlyGmMap';
 import { editChangeOptions } from '../../src/components/examles/mode-options';
+import features from '../../src/components/examles/geojson/basic-edit.json';
+
+<BrowserOnlyGmMap
+  gmOptions={editChangeOptions}
+  features={features} />
 
-<BrowserOnlyGmMap gmOptions={editChangeOptions} />

docs/edit-modes/02-edit-rotate.mdx

@@ -11,5 +11,8 @@ You can enable Rotate Mode on your map to allow users to rotate geometries.
 ## Live Rotate Example
 import BrowserOnlyGmMap from '../../src/components/map/BrowserOnlyGmMap';
 import { editRotateOptions } from '../../src/components/examles/mode-options';
+import features from '../../src/components/examles/geojson/basic-edit.json';
 
-<BrowserOnlyGmMap gmOptions={editRotateOptions} />
+<BrowserOnlyGmMap
+  gmOptions={editRotateOptions}
+  features={features} />

docs/edit-modes/03-edit-scale.mdx

@@ -11,5 +11,8 @@ You can enable Scale Mode on your map to allow users to scale geometries.
 ## Live Scale Example
 import BrowserOnlyGmMap from '../../src/components/map/BrowserOnlyGmMap';
 import { editScaleOptions } from '../../src/components/examles/mode-options';
+import features from '../../src/components/examles/geojson/basic-edit.json';
 
-<BrowserOnlyGmMap gmOptions={editScaleOptions} />
+<BrowserOnlyGmMap
+  gmOptions={editScaleOptions}
+  features={features} />

docs/edit-modes/04-edit-copy.mdx

@@ -11,5 +11,8 @@ You can enable Copy Mode on your map to allow users to copy geometries.
 ## Live Copy Example
 import BrowserOnlyGmMap from '../../src/components/map/BrowserOnlyGmMap';
 import { editCopyOptions } from '../../src/components/examles/mode-options';
+import features from '../../src/components/examles/geojson/basic-edit.json';
 
-<BrowserOnlyGmMap gmOptions={editCopyOptions} />
+<BrowserOnlyGmMap
+  gmOptions={editCopyOptions}
+  features={features} />

docs/edit-modes/05-edit-cut.mdx

@@ -11,5 +11,8 @@ You can enable Cut Mode on your map to allow users to cut geometries.
 ## Live Cut Example
 import BrowserOnlyGmMap from '../../src/components/map/BrowserOnlyGmMap';
 import { editCutOptions } from '../../src/components/examles/mode-options';
+import features from '../../src/components/examles/geojson/basic-edit.json';
 
-<BrowserOnlyGmMap gmOptions={editCutOptions} />
+<BrowserOnlyGmMap
+  gmOptions={editCutOptions}
+  features={features} />

docs/edit-modes/06-edit-split.mdx

@@ -11,5 +11,8 @@ You can enable Split Mode on your map to allow users to split geometries.
 ## Live Split Example
 import BrowserOnlyGmMap from '../../src/components/map/BrowserOnlyGmMap';
 import { editSplitOptions } from '../../src/components/examles/mode-options';
+import features from '../../src/components/examles/geojson/basic-edit.json';
 
-<BrowserOnlyGmMap gmOptions={editSplitOptions} />
+<BrowserOnlyGmMap
+  gmOptions={editSplitOptions}
+  features={features} />

docs/edit-modes/07-edit-union.mdx

@@ -11,5 +11,8 @@ You can enable Union Mode on your map to allow users to union geometries.
 ## Live Union Example
 import BrowserOnlyGmMap from '../../src/components/map/BrowserOnlyGmMap';
 import { editUnionOptions } from '../../src/components/examles/mode-options';
+import features from '../../src/components/examles/geojson/olverlapped-features.json';
 
-<BrowserOnlyGmMap gmOptions={editUnionOptions} />
+<BrowserOnlyGmMap
+  gmOptions={editUnionOptions}
+  features={features} />

docs/edit-modes/08-edit-difference.mdx

@@ -11,5 +11,8 @@ You can enable Difference Mode on your map to allow users to difference geometri
 ## Live Difference Example
 import BrowserOnlyGmMap from '../../src/components/map/BrowserOnlyGmMap';
 import { editDifferenceOptions } from '../../src/components/examles/mode-options';
+import features from '../../src/components/examles/geojson/olverlapped-features.json';
 
-<BrowserOnlyGmMap gmOptions={editDifferenceOptions} />
+<BrowserOnlyGmMap
+  gmOptions={editDifferenceOptions}
+  features={features} />

docs/edit-modes/09-edit-line_simplification.mdx

@@ -11,5 +11,8 @@ You can enable Line Simplification Mode on your map to allow users to line simpl
 ## Live Line Simplification Example
 import BrowserOnlyGmMap from '../../src/components/map/BrowserOnlyGmMap';
 import { editLineSimplificationOptions } from '../../src/components/examles/mode-options';
+import features from '../../src/components/examles/geojson/basic-edit.json';
 
-<BrowserOnlyGmMap gmOptions={editLineSimplificationOptions} />
+<BrowserOnlyGmMap
+  gmOptions={editLineSimplificationOptions}
+  features={features} />

docs/edit-modes/10-edit-lasso.mdx

@@ -11,5 +11,8 @@ You can enable Lasso Mode on your map to allow users to lasso geometries.
 ## Live Lasso Example
 import BrowserOnlyGmMap from '../../src/components/map/BrowserOnlyGmMap';
 import { editLassoOptions } from '../../src/components/examles/mode-options';
+import features from '../../src/components/examles/geojson/basic-edit.json';
 
-<BrowserOnlyGmMap gmOptions={editLassoOptions} />
+<BrowserOnlyGmMap
+  gmOptions={editLassoOptions}
+  features={features} />

docs/edit-modes/11-edit-delete.mdx

@@ -11,5 +11,8 @@ You can enable Delete Mode on your map to allow users to delete geometries.
 ## Live Delete Example
 import BrowserOnlyGmMap from '../../src/components/map/BrowserOnlyGmMap';
 import { editDeleteOptions } from '../../src/components/examles/mode-options';
+import features from '../../src/components/examles/geojson/basic-edit.json';
 
-<BrowserOnlyGmMap gmOptions={editDeleteOptions} />
+<BrowserOnlyGmMap
+  gmOptions={editDeleteOptions}
+  features={features} />

docs/helper-modes/00-helper-snapping.mdx

@@ -11,5 +11,8 @@ You can enable Snapping Mode on your map to allow users to have snapping on geom
 ## Live Snapping Example
 import BrowserOnlyGmMap from '../../src/components/map/BrowserOnlyGmMap';
 import { helperSnappingOptions } from '../../src/components/examles/mode-options';
+import features from '../../src/components/examles/geojson/basic-edit.json';
 
-<BrowserOnlyGmMap gmOptions={helperSnappingOptions} />
+<BrowserOnlyGmMap
+  gmOptions={helperSnappingOptions}
+  features={features} />

docs/helper-modes/01-helper-snap_guides.mdx

@@ -11,5 +11,9 @@ You can enable Snap Guides Mode on your map to allow users to have snap guides o
 ## Live Snap Guides Example
 import BrowserOnlyGmMap from '../../src/components/map/BrowserOnlyGmMap';
 import { helperSnapGuidesOptions } from '../../src/components/examles/mode-options';
+import features from '../../src/components/examles/geojson/basic-edit.json';
 
-<BrowserOnlyGmMap gmOptions={helperSnapGuidesOptions} />
+
+<BrowserOnlyGmMap
+  gmOptions={helperSnapGuidesOptions}
+  features={features} />

docs/helper-modes/02-helper-measurements.mdx

@@ -11,5 +11,8 @@ You can enable Measurements Mode on your map to allow users to have measurements
 ## Live Measurements Example
 import BrowserOnlyGmMap from '../../src/components/map/BrowserOnlyGmMap';
 import { helperMeasurementsOptions } from '../../src/components/examles/mode-options';
+import features from '../../src/components/examles/geojson/basic-edit.json';
 
-<BrowserOnlyGmMap gmOptions={helperMeasurementsOptions} />
+<BrowserOnlyGmMap
+  gmOptions={helperMeasurementsOptions}
+  features={features} />

docs/helper-modes/04-helper-auto_trace.mdx

@@ -11,5 +11,8 @@ You can enable Auto Trace Mode on your map to allow users to have auto trace on
 ## Live Auto Trace Example
 import BrowserOnlyGmMap from '../../src/components/map/BrowserOnlyGmMap';
 import { helperAutoTraceOptions } from '../../src/components/examles/mode-options';
+import features from '../../src/components/examles/geojson/basic-edit.json';
 
-<BrowserOnlyGmMap gmOptions={helperAutoTraceOptions} />
+<BrowserOnlyGmMap
+  gmOptions={helperAutoTraceOptions}
+  features={features} />

docs/helper-modes/05-helper-zoom_to_features.mdx

@@ -11,5 +11,8 @@ You can enable Zoom To Features Mode on your map to allow users to have zoom to
 ## Live Zoom to Features Example
 import BrowserOnlyGmMap from '../../src/components/map/BrowserOnlyGmMap';
 import { helperZoomToFeaturesOptions } from '../../src/components/examles/mode-options';
+import features from '../../src/components/examles/geojson/basic-edit.json';
 
-<BrowserOnlyGmMap gmOptions={helperZoomToFeaturesOptions} />
+<BrowserOnlyGmMap
+  gmOptions={helperZoomToFeaturesOptions}
+  features={features} />

package.json

@@ -17,7 +17,7 @@
   "dependencies": {
     "@docusaurus/core": "^3.5.2",
     "@docusaurus/preset-classic": "^3.5.2",
-    "@geoman-io/maplibre-geoman-pro": "^0.0.13",
+    "@geoman-io/maplibre-geoman-pro": "^0.0.14",
     "@mdx-js/react": "^3.0.0",
     "maplibre-gl": "^4.5.2",
     "lodash-es": "^4.17.21",
@@ -28,6 +28,7 @@
   },
   "devDependencies": {
     "@types/lodash-es": "^4.17.12",
+    "@types/geojson": "^7946.0.14",
     "@docusaurus/module-type-aliases": "^3.5.2",
     "@docusaurus/tsconfig": "^3.5.2",
     "@docusaurus/types": "^3.5.2",