maplibre-gl-geo-editor 0.1.0

package/dist/maplibre-gl-geo-editor.css

@@ -0,0 +1,499 @@
+/* ============================================================================
+   GeoEditor Control Styles
+   ============================================================================ */
+
+/* Base control container */
+.geo-editor-control {
+  background: transparent;
+  box-shadow: none;
+}
+
+/* Toolbar container */
+.geo-editor-toolbar {
+  display: inline-flex;
+  gap: 4px;
+  padding: 4px;
+  background: #fff;
+  border-radius: 4px;
+  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
+}
+
+/* Collapsed toolbar - minimal padding and no gap */
+.geo-editor-toolbar--collapsed {
+  padding: 0;
+  gap: 0;
+}
+
+.geo-editor-toolbar--vertical {
+  flex-direction: column;
+}
+
+.geo-editor-toolbar--horizontal {
+  flex-direction: row;
+}
+
+/* Tools wrapper (for collapse/expand functionality) */
+.geo-editor-tools-wrapper {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.geo-editor-toolbar--horizontal .geo-editor-tools-wrapper {
+  flex-direction: row;
+}
+
+/* Collapse button */
+.geo-editor-collapse-btn {
+  margin-bottom: 4px;
+  flex-shrink: 0;
+  width: 30px;
+  height: 30px;
+}
+
+.geo-editor-toolbar--horizontal .geo-editor-collapse-btn {
+  margin-bottom: 0;
+  margin-right: 4px;
+}
+
+/* No margin when collapsed */
+.geo-editor-toolbar--collapsed .geo-editor-collapse-btn {
+  margin: 0;
+}
+
+/* Tool group */
+.geo-editor-tool-group {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.geo-editor-toolbar--horizontal .geo-editor-tool-group {
+  flex-direction: row;
+}
+
+.geo-editor-tool-group:not(:last-child) {
+  padding-bottom: 4px;
+  border-bottom: 1px solid #e5e5e5;
+}
+
+.geo-editor-toolbar--horizontal .geo-editor-tool-group:not(:last-child) {
+  padding-bottom: 0;
+  padding-right: 4px;
+  border-bottom: none;
+  border-right: 1px solid #e5e5e5;
+}
+
+.geo-editor-tool-group-label {
+  font-size: 9px;
+  font-weight: 600;
+  text-transform: uppercase;
+  color: #666;
+  padding: 2px 4px;
+  letter-spacing: 0.5px;
+}
+
+.geo-editor-tool-buttons {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.geo-editor-toolbar--horizontal .geo-editor-tool-buttons {
+  flex-direction: row;
+}
+
+/* Tool button */
+.geo-editor-tool-button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 30px;
+  height: 30px;
+  padding: 0;
+  border: none;
+  border-radius: 4px;
+  background: #f5f5f5;
+  color: #333;
+  cursor: pointer;
+  transition: all 0.15s ease;
+}
+
+.geo-editor-tool-button:hover {
+  background: #e8e8e8;
+}
+
+.geo-editor-tool-button:active {
+  background: #ddd;
+}
+
+.geo-editor-tool-button--active,
+.geo-editor-tool-button.geo-editor-tool-button--active {
+  background: #3388ff !important;
+  background-color: #3388ff !important;
+  color: #fff !important;
+}
+
+.geo-editor-tool-button--active:hover,
+.geo-editor-tool-button.geo-editor-tool-button--active:hover {
+  background: #2277ee !important;
+  background-color: #2277ee !important;
+}
+
+.geo-editor-tool-button:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.geo-editor-tool-button svg {
+  width: 18px;
+  height: 18px;
+}
+
+/* Active button icons - force white color with high specificity */
+.geo-editor-tool-button--active svg {
+  color: #fff !important;
+}
+
+.geo-editor-tool-button--active svg path,
+.geo-editor-tool-button--active svg polygon,
+.geo-editor-tool-button--active svg rect,
+.geo-editor-tool-button--active svg circle,
+.geo-editor-tool-button--active svg ellipse,
+.geo-editor-tool-button--active svg line,
+.geo-editor-tool-button--active svg text {
+  fill: #fff !important;
+  color: #fff !important;
+}
+
+/* For stroke-only elements - stroke white, preserve fill:none */
+.geo-editor-tool-button--active svg path[fill="none"],
+.geo-editor-tool-button--active svg polygon[fill="none"],
+.geo-editor-tool-button--active svg rect[fill="none"],
+.geo-editor-tool-button--active svg circle[fill="none"],
+.geo-editor-tool-button--active svg ellipse[fill="none"],
+.geo-editor-tool-button--active svg line[fill="none"] {
+  fill: none !important;
+  stroke: #fff !important;
+}
+
+/* Elements with explicit stroke attribute */
+.geo-editor-tool-button--active svg [stroke],
+.geo-editor-tool-button--active svg path[stroke],
+.geo-editor-tool-button--active svg polygon[stroke],
+.geo-editor-tool-button--active svg rect[stroke],
+.geo-editor-tool-button--active svg circle[stroke],
+.geo-editor-tool-button--active svg ellipse[stroke],
+.geo-editor-tool-button--active svg line[stroke] {
+  stroke: #fff !important;
+}
+
+/* Tooltip styling */
+.geo-editor-tool-button[title] {
+  position: relative;
+}
+
+/* ============================================================================
+   Dialog Styles
+   ============================================================================ */
+
+.geo-editor-dialog-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 10000;
+}
+
+.geo-editor-dialog {
+  background: #fff;
+  border-radius: 8px;
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
+  max-width: 400px;
+  width: 90%;
+  max-height: 80vh;
+  overflow: auto;
+}
+
+.geo-editor-dialog-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px 20px;
+  border-bottom: 1px solid #e5e5e5;
+}
+
+.geo-editor-dialog-title {
+  font-size: 16px;
+  font-weight: 600;
+  color: #333;
+  margin: 0;
+}
+
+.geo-editor-dialog-close {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  border: none;
+  border-radius: 4px;
+  background: transparent;
+  color: #666;
+  cursor: pointer;
+  transition: all 0.15s ease;
+}
+
+.geo-editor-dialog-close:hover {
+  background: #f5f5f5;
+  color: #333;
+}
+
+.geo-editor-dialog-body {
+  padding: 20px;
+}
+
+.geo-editor-dialog-footer {
+  display: flex;
+  gap: 8px;
+  justify-content: flex-end;
+  padding: 16px 20px;
+  border-top: 1px solid #e5e5e5;
+}
+
+/* ============================================================================
+   Form Controls
+   ============================================================================ */
+
+.geo-editor-form-group {
+  margin-bottom: 16px;
+}
+
+.geo-editor-form-group:last-child {
+  margin-bottom: 0;
+}
+
+.geo-editor-label {
+  display: block;
+  font-size: 13px;
+  font-weight: 500;
+  color: #333;
+  margin-bottom: 6px;
+}
+
+.geo-editor-input {
+  width: 100%;
+  padding: 8px 12px;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  font-size: 14px;
+  transition: border-color 0.15s ease;
+}
+
+.geo-editor-input:focus {
+  outline: none;
+  border-color: #3388ff;
+  box-shadow: 0 0 0 3px rgba(51, 136, 255, 0.1);
+}
+
+.geo-editor-slider {
+  width: 100%;
+  height: 6px;
+  border-radius: 3px;
+  background: #e5e5e5;
+  appearance: none;
+  cursor: pointer;
+}
+
+.geo-editor-slider::-webkit-slider-thumb {
+  appearance: none;
+  width: 16px;
+  height: 16px;
+  border-radius: 50%;
+  background: #3388ff;
+  cursor: pointer;
+  transition: transform 0.15s ease;
+}
+
+.geo-editor-slider::-webkit-slider-thumb:hover {
+  transform: scale(1.1);
+}
+
+.geo-editor-slider::-moz-range-thumb {
+  width: 16px;
+  height: 16px;
+  border: none;
+  border-radius: 50%;
+  background: #3388ff;
+  cursor: pointer;
+}
+
+/* ============================================================================
+   Buttons
+   ============================================================================ */
+
+.geo-editor-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  padding: 8px 16px;
+  border: none;
+  border-radius: 4px;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.15s ease;
+}
+
+.geo-editor-btn--primary {
+  background: #3388ff;
+  color: #fff;
+}
+
+.geo-editor-btn--primary:hover {
+  background: #2277ee;
+}
+
+.geo-editor-btn--secondary {
+  background: #f5f5f5;
+  color: #333;
+}
+
+.geo-editor-btn--secondary:hover {
+  background: #e8e8e8;
+}
+
+.geo-editor-btn--danger {
+  background: #dc3545;
+  color: #fff;
+}
+
+.geo-editor-btn--danger:hover {
+  background: #c82333;
+}
+
+.geo-editor-btn:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+/* ============================================================================
+   Stats Display
+   ============================================================================ */
+
+.geo-editor-stats {
+  display: flex;
+  gap: 20px;
+  padding: 12px;
+  background: #f8f9fa;
+  border-radius: 4px;
+  margin-bottom: 16px;
+}
+
+.geo-editor-stat {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.geo-editor-stat-value {
+  font-size: 20px;
+  font-weight: 600;
+  color: #333;
+}
+
+.geo-editor-stat-label {
+  font-size: 11px;
+  text-transform: uppercase;
+  color: #666;
+  letter-spacing: 0.5px;
+}
+
+.geo-editor-stat--highlight .geo-editor-stat-value {
+  color: #3388ff;
+}
+
+.geo-editor-stat--success .geo-editor-stat-value {
+  color: #28a745;
+}
+
+/* ============================================================================
+   Messages
+   ============================================================================ */
+
+.geo-editor-message {
+  padding: 12px 16px;
+  border-radius: 4px;
+  font-size: 13px;
+  margin-bottom: 16px;
+}
+
+.geo-editor-message--info {
+  background: #e7f3ff;
+  color: #0056b3;
+  border: 1px solid #b8daff;
+}
+
+.geo-editor-message--warning {
+  background: #fff3cd;
+  color: #856404;
+  border: 1px solid #ffeeba;
+}
+
+.geo-editor-message--error {
+  background: #f8d7da;
+  color: #721c24;
+  border: 1px solid #f5c6cb;
+}
+
+.geo-editor-message--success {
+  background: #d4edda;
+  color: #155724;
+  border: 1px solid #c3e6cb;
+}
+
+/* ============================================================================
+   Selection Highlight
+   ============================================================================ */
+
+.geo-editor-selection-highlight {
+  stroke: #3388ff;
+  stroke-width: 3;
+  stroke-dasharray: 5, 5;
+  fill: rgba(51, 136, 255, 0.1);
+  animation: geo-editor-dash 0.5s linear infinite;
+}
+
+@keyframes geo-editor-dash {
+  to {
+    stroke-dashoffset: -10;
+  }
+}
+
+/* ============================================================================
+   Responsive Adjustments
+   ============================================================================ */
+
+@media (max-width: 768px) {
+  .geo-editor-toolbar {
+    padding: 2px;
+  }
+
+  .geo-editor-tool-button {
+    width: 36px;
+    height: 36px;
+  }
+
+  .geo-editor-dialog {
+    max-width: 95%;
+    margin: 10px;
+  }
+}
+

package/dist/react.cjs

@@ -0,0 +1,157 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+const index = require("./index.cjs");
+function GeoEditorReact({
+  map,
+  geoman,
+  position = "top-left",
+  ...options
+}) {
+  const controlRef = react.useRef(null);
+  react.useEffect(() => {
+    if (!map) return;
+    const control = new index.GeoEditor({ ...options, position });
+    controlRef.current = control;
+    map.addControl(control, position);
+    if (geoman) {
+      control.setGeoman(geoman);
+    }
+    return () => {
+      if (controlRef.current) {
+        map.removeControl(controlRef.current);
+        controlRef.current = null;
+      }
+    };
+  }, [map, position]);
+  react.useEffect(() => {
+    if (controlRef.current && geoman) {
+      controlRef.current.setGeoman(geoman);
+    }
+  }, [geoman]);
+  return null;
+}
+function useGeoEditor(map, options = {}) {
+  const controlRef = react.useRef(null);
+  react.useEffect(() => {
+    if (!map) return;
+    const control = new index.GeoEditor(options);
+    controlRef.current = control;
+    map.addControl(control, options.position || "top-left");
+    return () => {
+      if (controlRef.current) {
+        map.removeControl(controlRef.current);
+        controlRef.current = null;
+      }
+    };
+  }, [map]);
+  const enableDrawMode = react.useCallback((mode) => {
+    var _a;
+    (_a = controlRef.current) == null ? void 0 : _a.enableDrawMode(mode);
+  }, []);
+  const enableEditMode = react.useCallback((mode) => {
+    var _a;
+    (_a = controlRef.current) == null ? void 0 : _a.enableEditMode(mode);
+  }, []);
+  const disableAllModes = react.useCallback(() => {
+    var _a;
+    (_a = controlRef.current) == null ? void 0 : _a.disableAllModes();
+  }, []);
+  const copySelected = react.useCallback(() => {
+    var _a;
+    (_a = controlRef.current) == null ? void 0 : _a.copySelectedFeatures();
+  }, []);
+  const pasteFeatures = react.useCallback(() => {
+    var _a;
+    (_a = controlRef.current) == null ? void 0 : _a.pasteFeatures();
+  }, []);
+  const deleteSelected = react.useCallback(() => {
+    var _a;
+    (_a = controlRef.current) == null ? void 0 : _a.deleteSelectedFeatures();
+  }, []);
+  const clearSelection = react.useCallback(() => {
+    var _a;
+    (_a = controlRef.current) == null ? void 0 : _a.clearSelection();
+  }, []);
+  return {
+    control: controlRef.current,
+    enableDrawMode,
+    enableEditMode,
+    disableAllModes,
+    copySelected,
+    pasteFeatures,
+    deleteSelected,
+    clearSelection
+  };
+}
+exports.ADVANCED_EDIT_MODES = index.ADVANCED_EDIT_MODES;
+exports.CSS_PREFIX = index.CSS_PREFIX;
+exports.CopyFeature = index.CopyFeature;
+exports.DEFAULT_DRAW_MODES = index.DEFAULT_DRAW_MODES;
+exports.DEFAULT_EDIT_MODES = index.DEFAULT_EDIT_MODES;
+exports.DEFAULT_OPTIONS = index.DEFAULT_OPTIONS;
+exports.DifferenceFeature = index.DifferenceFeature;
+exports.GeoEditor = index.GeoEditor;
+exports.LassoFeature = index.LassoFeature;
+exports.ScaleFeature = index.ScaleFeature;
+exports.SimplifyFeature = index.SimplifyFeature;
+exports.SplitFeature = index.SplitFeature;
+exports.UnionFeature = index.UnionFeature;
+exports.addToSelection = index.addToSelection;
+exports.bearingBetweenPoints = index.bearingBetweenPoints;
+exports.calculateArea = index.calculateArea;
+exports.calculateLength = index.calculateLength;
+exports.calculateScaleFactor = index.calculateScaleFactor;
+exports.canMergeFeatures = index.canMergeFeatures;
+exports.canSubtractFeatures = index.canSubtractFeatures;
+exports.clamp = index.clamp;
+exports.cloneFeature = index.cloneFeature;
+exports.contains = index.contains;
+exports.createFeatureCollection = index.createFeatureCollection;
+exports.createLine = index.createLine;
+exports.createPoint = index.createPoint;
+exports.createPolygon = index.createPolygon;
+exports.degreesToRadians = index.degreesToRadians;
+exports.distanceBetweenPoints = index.distanceBetweenPoints;
+exports.ensureFeatureId = index.ensureFeatureId;
+exports.filterByGeometryType = index.filterByGeometryType;
+exports.fromSelectedFeatures = index.fromSelectedFeatures;
+exports.generateFeatureId = index.generateFeatureId;
+exports.getBBox = index.getBBox;
+exports.getBBoxCenter = index.getBBoxCenter;
+exports.getBBoxCorners = index.getBBoxCorners;
+exports.getBBoxMidpoints = index.getBBoxMidpoints;
+exports.getCenter = index.getCenter;
+exports.getCoordAll = index.getCoordAll;
+exports.getFeatureId = index.getFeatureId;
+exports.getPolygonFeatures = index.getPolygonFeatures;
+exports.getVertexCount = index.getVertexCount;
+exports.intersects = index.intersects;
+exports.isFeatureSelected = index.isFeatureSelected;
+exports.isLine = index.isLine;
+exports.isPoint = index.isPoint;
+exports.isPolygon = index.isPolygon;
+exports.isPolygonOnlySelection = index.isPolygonOnlySelection;
+exports.isValidGeometry = index.isValidGeometry;
+exports.isWithin = index.isWithin;
+exports.overlaps = index.overlaps;
+exports.polygonToLine = index.polygonToLine;
+exports.positionsEqual = index.positionsEqual;
+exports.radiansToDegrees = index.radiansToDegrees;
+exports.removeFromSelection = index.removeFromSelection;
+exports.roundCoordinates = index.roundCoordinates;
+exports.safeCentroid = index.safeCentroid;
+exports.safeClone = index.safeClone;
+exports.safeDifference = index.safeDifference;
+exports.safeLineIntersect = index.safeLineIntersect;
+exports.safeLineSplit = index.safeLineSplit;
+exports.safeScale = index.safeScale;
+exports.safeSimplify = index.safeSimplify;
+exports.safeTranslate = index.safeTranslate;
+exports.safeUnion = index.safeUnion;
+exports.selectFeaturesWithinLasso = index.selectFeaturesWithinLasso;
+exports.toSelectedFeatures = index.toSelectedFeatures;
+exports.toggleInSelection = index.toggleInSelection;
+exports.GeoEditorReact = GeoEditorReact;
+exports.useGeoEditor = useGeoEditor;
+//# sourceMappingURL=react.cjs.map

package/dist/react.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.cjs","sources":["../src/lib/core/GeoEditorReact.tsx"],"sourcesContent":["import { useEffect, useRef, useCallback } from 'react';\nimport type { Map as MapLibreMap } from 'maplibre-gl';\nimport { GeoEditor } from './GeoEditor';\nimport type { GeoEditorOptions, GeomanInstance, DrawMode, EditMode } from './types';\n\nexport interface GeoEditorReactProps extends GeoEditorOptions {\n  /** MapLibre map instance */\n  map: MapLibreMap;\n  /** Geoman instance for integration */\n  geoman?: GeomanInstance;\n}\n\n/**\n * React wrapper component for GeoEditor\n * This component renders nothing but manages the GeoEditor lifecycle\n */\nexport function GeoEditorReact({\n  map,\n  geoman,\n  position = 'top-left',\n  ...options\n}: GeoEditorReactProps) {\n  const controlRef = useRef<GeoEditor | null>(null);\n\n  useEffect(() => {\n    if (!map) return;\n\n    // Create and add the control\n    const control = new GeoEditor({ ...options, position });\n    controlRef.current = control;\n\n    map.addControl(control, position);\n\n    // Set geoman instance if provided\n    if (geoman) {\n      control.setGeoman(geoman);\n    }\n\n    // Cleanup on unmount\n    return () => {\n      if (controlRef.current) {\n        map.removeControl(controlRef.current);\n        controlRef.current = null;\n      }\n    };\n  }, [map, position]);\n\n  // Update geoman instance when it changes\n  useEffect(() => {\n    if (controlRef.current && geoman) {\n      controlRef.current.setGeoman(geoman);\n    }\n  }, [geoman]);\n\n  // This component doesn't render anything\n  return null;\n}\n\n/**\n * Hook for using GeoEditor imperatively\n */\nexport function useGeoEditor(\n  map: MapLibreMap | null,\n  options: GeoEditorOptions = {}\n): {\n  control: GeoEditor | null;\n  enableDrawMode: (mode: DrawMode) => void;\n  enableEditMode: (mode: EditMode) => void;\n  disableAllModes: () => void;\n  copySelected: () => void;\n  pasteFeatures: () => void;\n  deleteSelected: () => void;\n  clearSelection: () => void;\n} {\n  const controlRef = useRef<GeoEditor | null>(null);\n\n  useEffect(() => {\n    if (!map) return;\n\n    const control = new GeoEditor(options);\n    controlRef.current = control;\n    map.addControl(control, options.position || 'top-left');\n\n    return () => {\n      if (controlRef.current) {\n        map.removeControl(controlRef.current);\n        controlRef.current = null;\n      }\n    };\n  }, [map]);\n\n  const enableDrawMode = useCallback((mode: DrawMode) => {\n    controlRef.current?.enableDrawMode(mode);\n  }, []);\n\n  const enableEditMode = useCallback((mode: EditMode) => {\n    controlRef.current?.enableEditMode(mode);\n  }, []);\n\n  const disableAllModes = useCallback(() => {\n    controlRef.current?.disableAllModes();\n  }, []);\n\n  const copySelected = useCallback(() => {\n    controlRef.current?.copySelectedFeatures();\n  }, []);\n\n  const pasteFeatures = useCallback(() => {\n    controlRef.current?.pasteFeatures();\n  }, []);\n\n  const deleteSelected = useCallback(() => {\n    controlRef.current?.deleteSelectedFeatures();\n  }, []);\n\n  const clearSelection = useCallback(() => {\n    controlRef.current?.clearSelection();\n  }, []);\n\n  return {\n    control: controlRef.current,\n    enableDrawMode,\n    enableEditMode,\n    disableAllModes,\n    copySelected,\n    pasteFeatures,\n    deleteSelected,\n    clearSelection,\n  };\n}\n\nexport default GeoEditorReact;\n"],"names":["useRef","useEffect","GeoEditor","useCallback"],"mappings":";;;;AAgBO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,GAAG;AACL,GAAwB;AACtB,QAAM,aAAaA,MAAAA,OAAyB,IAAI;AAEhDC,QAAAA,UAAU,MAAM;AACd,QAAI,CAAC,IAAK;AAGV,UAAM,UAAU,IAAIC,MAAAA,UAAU,EAAE,GAAG,SAAS,UAAU;AACtD,eAAW,UAAU;AAErB,QAAI,WAAW,SAAS,QAAQ;AAGhC,QAAI,QAAQ;AACV,cAAQ,UAAU,MAAM;AAAA,IAC1B;AAGA,WAAO,MAAM;AACX,UAAI,WAAW,SAAS;AACtB,YAAI,cAAc,WAAW,OAAO;AACpC,mBAAW,UAAU;AAAA,MACvB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,KAAK,QAAQ,CAAC;AAGlBD,QAAAA,UAAU,MAAM;AACd,QAAI,WAAW,WAAW,QAAQ;AAChC,iBAAW,QAAQ,UAAU,MAAM;AAAA,IACrC;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAGX,SAAO;AACT;AAKO,SAAS,aACd,KACA,UAA4B,IAU5B;AACA,QAAM,aAAaD,MAAAA,OAAyB,IAAI;AAEhDC,QAAAA,UAAU,MAAM;AACd,QAAI,CAAC,IAAK;AAEV,UAAM,UAAU,IAAIC,MAAAA,UAAU,OAAO;AACrC,eAAW,UAAU;AACrB,QAAI,WAAW,SAAS,QAAQ,YAAY,UAAU;AAEtD,WAAO,MAAM;AACX,UAAI,WAAW,SAAS;AACtB,YAAI,cAAc,WAAW,OAAO;AACpC,mBAAW,UAAU;AAAA,MACvB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,GAAG,CAAC;AAER,QAAM,iBAAiBC,kBAAY,CAAC,SAAmB;;AACrD,qBAAW,YAAX,mBAAoB,eAAe;AAAA,EACrC,GAAG,CAAA,CAAE;AAEL,QAAM,iBAAiBA,kBAAY,CAAC,SAAmB;;AACrD,qBAAW,YAAX,mBAAoB,eAAe;AAAA,EACrC,GAAG,CAAA,CAAE;AAEL,QAAM,kBAAkBA,MAAAA,YAAY,MAAM;;AACxC,qBAAW,YAAX,mBAAoB;AAAA,EACtB,GAAG,CAAA,CAAE;AAEL,QAAM,eAAeA,MAAAA,YAAY,MAAM;;AACrC,qBAAW,YAAX,mBAAoB;AAAA,EACtB,GAAG,CAAA,CAAE;AAEL,QAAM,gBAAgBA,MAAAA,YAAY,MAAM;;AACtC,qBAAW,YAAX,mBAAoB;AAAA,EACtB,GAAG,CAAA,CAAE;AAEL,QAAM,iBAAiBA,MAAAA,YAAY,MAAM;;AACvC,qBAAW,YAAX,mBAAoB;AAAA,EACtB,GAAG,CAAA,CAAE;AAEL,QAAM,iBAAiBA,MAAAA,YAAY,MAAM;;AACvC,qBAAW,YAAX,mBAAoB;AAAA,EACtB,GAAG,CAAA,CAAE;AAEL,SAAO;AAAA,IACL,SAAS,WAAW;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}