@deck.gl-community/editable-layers 9.2.0-beta.6 → 9.2.5

package/src/mode-handlers/snappable-handler.ts

@@ -2,7 +2,7 @@
 // SPDX-License-Identifier: MIT
 // Copyright (c) vis.gl contributors
 
-import {Feature, FeatureCollection, Position} from '../utils/geojson-types';
+import {SimpleFeature, SimpleFeatureCollection, Position} from '../utils/geojson-types';
 import {PointerMoveEvent, StartDraggingEvent, StopDraggingEvent} from '../edit-modes/types';
 import {
   EditHandle,
@@ -25,7 +25,7 @@ export class SnappableHandler extends ModeHandler {
     this._handler = handler;
   }
 
-  setFeatureCollection(featureCollection: FeatureCollection): void {
+  setFeatureCollection(featureCollection: SimpleFeatureCollection): void {
     this._handler.setFeatureCollection(featureCollection);
   }
 
@@ -88,7 +88,7 @@ export class SnappableHandler extends ModeHandler {
   // method will return those features along with the features
   // that live in the current layer. Otherwise, this method will simply return the
   // features from the current layer
-  _getSnapTargets(): Feature[] {
+  _getSnapTargets(): SimpleFeature[] {
     let {additionalSnapTargets} = this.getModeConfig() || {};
     additionalSnapTargets = additionalSnapTargets || [];
 

package/src/mode-handlers/split-polygon-handler.ts

@@ -6,16 +6,16 @@ import booleanPointInPolygon from '@turf/boolean-point-in-polygon';
 import turfDifference from '@turf/difference';
 import turfBuffer from '@turf/buffer';
 import lineIntersect from '@turf/line-intersect';
-import {lineString} from '@turf/helpers';
+import {feature as turfFeature, featureCollection, lineString} from '@turf/helpers';
 import turfBearing from '@turf/bearing';
 import turfDistance from '@turf/distance';
 import turfDestination from '@turf/destination';
 import turfPolygonToLine from '@turf/polygon-to-line';
-import type {NearestPointOnLine} from '@turf/nearest-point-on-line';
 import nearestPointOnLine from '@turf/nearest-point-on-line';
 import {generatePointsParallelToLinePoints} from '../utils/utils';
 import {EditAction, ModeHandler} from './mode-handler';
 import {ClickEvent, PointerMoveEvent} from '../edit-modes/types';
+import {PolygonGeometry} from '../utils/geojson-types';
 
 // TODO edit-modes: delete handlers once EditMode fully implemented
 export class SplitPolygonHandler extends ModeHandler {
@@ -33,7 +33,7 @@ export class SplitPolygonHandler extends ModeHandler {
 
       const lines = feature.type === 'FeatureCollection' ? feature.features : [feature];
       let minDistance = Number.MAX_SAFE_INTEGER;
-      let closestPoint: NearestPointOnLine | null = null;
+      let closestPoint: ReturnType<typeof nearestPointOnLine> | null = null;
       // If Multipolygon, then we should find nearest polygon line and stick split to it.
       lines.forEach((line) => {
         const snapPoint = nearestPointOnLine(line, firstPoint);
@@ -120,7 +120,8 @@ export class SplitPolygonHandler extends ModeHandler {
       geometry: {
         type: 'LineString',
         coordinates: [...clickSequence, this.calculateMapCoords(clickSequence, mapCoords)]
-      }
+      },
+      properties: {}
     });
 
     return result;
@@ -138,10 +139,10 @@ export class SplitPolygonHandler extends ModeHandler {
       gap = 0.1;
       units = 'centimeters';
     }
-    // @ts-expect-error turf type diff
     const buffer = turfBuffer(tentativeFeature, gap, {units});
-    // @ts-expect-error turf type diff
-    const updatedGeometry = turfDifference(selectedGeometry, buffer);
+    const updatedGeometry = turfDifference(
+      featureCollection([turfFeature(selectedGeometry as PolygonGeometry), buffer])
+    );
     this._setTentativeFeature(null);
     if (!updatedGeometry) {
       // eslint-disable-next-line no-console,no-undef

package/src/mode-handlers/translate-handler.ts

@@ -6,13 +6,13 @@ import turfBearing from '@turf/bearing';
 import turfDistance from '@turf/distance';
 import turfTransformTranslate from '@turf/transform-translate';
 import {point} from '@turf/helpers';
-import {FeatureCollection, Position} from '../utils/geojson-types';
+import {SimpleFeatureCollection, Position} from '../utils/geojson-types';
 import {PointerMoveEvent, StartDraggingEvent, StopDraggingEvent} from '../edit-modes/types';
 import {EditAction, ModeHandler} from './mode-handler';
 
 // TODO edit-modes: delete handlers once EditMode fully implemented
 export class TranslateHandler extends ModeHandler {
-  _geometryBeforeTranslate: FeatureCollection | null | undefined;
+  _geometryBeforeTranslate: SimpleFeatureCollection | null | undefined;
   _isTranslatable: boolean = undefined!;
 
   handlePointerMove(event: PointerMoveEvent): {
@@ -87,9 +87,7 @@ export class TranslateHandler extends ModeHandler {
     const distanceMoved = turfDistance(p1, p2);
     const direction = turfBearing(p1, p2);
 
-    // @ts-expect-error turf type diff
-    const movedFeatures: FeatureCollection = turfTransformTranslate(
-      // @ts-expect-error turf type diff
+    const movedFeatures: SimpleFeatureCollection = turfTransformTranslate(
       this._geometryBeforeTranslate,
       distanceMoved,
       direction

package/src/utils/geojson-types.ts

@@ -2,8 +2,6 @@
 // SPDX-License-Identifier: MIT
 // Copyright (c) vis.gl contributors
 
-// Geometry types
-
 import type {
   Point,
   LineString,
@@ -11,64 +9,43 @@ import type {
   MultiPoint,
   MultiLineString,
   MultiPolygon,
-  Position
+  Position,
+  Feature,
+  FeatureCollection
 } from 'geojson';
 
-export {Point, LineString, Polygon, MultiPoint, MultiLineString, MultiPolygon, Position};
-
-export type PointCoordinates = Position;
-export type LineStringCoordinates = Position[];
-export type PolygonCoordinates = Position[][];
-export type MultiPointCoordinates = Position[];
-export type MultiLineStringCoordinates = Position[][];
-export type MultiPolygonCoordinates = Position[][][];
-
-export type AnyCoordinates =
-  | PointCoordinates
-  | LineStringCoordinates
-  | PolygonCoordinates
-  | MultiPointCoordinates
-  | MultiLineStringCoordinates
-  | MultiPolygonCoordinates;
-
-export type Geometry = Point | LineString | Polygon | MultiPoint | MultiLineString | MultiPolygon;
-
-export type Polygonal = Polygon | MultiPolygon;
-
-// Feature types
+export {
+  Point,
+  LineString,
+  Polygon,
+  MultiPoint,
+  MultiLineString,
+  MultiPolygon,
+  Position,
+  Feature,
+  FeatureCollection
+};
 
-export type BoundingBoxArray = [number, number, number, number];
+/** Simple geometries (excludes GeometryCollection) */
+export type SimpleGeometry =
+  | Point
+  | LineString
+  | Polygon
+  | MultiPoint
+  | MultiLineString
+  | MultiPolygon;
 
-export type FeatureOf<T extends Geometry> = {
-  type: 'Feature';
-  geometry: T;
-  properties?: {
-    [key: string]: any;
-  };
-  id?: string | number;
-  bbox?: BoundingBoxArray;
-};
+/** Feature with any geometry except GeometryCollection */
+export type SimpleFeature = Feature<SimpleGeometry>;
 
-export type FeatureWithProps<T extends Geometry, P> = {
-  type: 'Feature';
-  geometry: T;
-  properties: P;
-};
+/** FeatureCollection with any geometries except GeometryCollection */
+export type SimpleFeatureCollection = FeatureCollection<SimpleGeometry>;
 
-export type Feature =
-  | FeatureOf<Point>
-  | FeatureOf<LineString>
-  | FeatureOf<Polygon>
-  | FeatureOf<MultiPoint>
-  | FeatureOf<MultiLineString>
-  | FeatureOf<MultiPolygon>;
+/** Coordinates of any geometry except GeometryCollection */
+export type SimpleGeometryCoordinates = SimpleGeometry['coordinates'];
 
-export type FeatureCollection = {
-  type: 'FeatureCollection';
-  features: Feature[];
-  properties?: {};
-  id?: string | number;
-  bbox?: BoundingBoxArray;
-};
+/** Polygon and MultiPolygon geometries */
+export type PolygonGeometry = Polygon | MultiPolygon;
 
+/** A Feature or FeatureCollection */
 export type AnyGeoJson = Feature | FeatureCollection;

package/src/utils/translate-from-center.ts

@@ -6,45 +6,27 @@ import turfCenter from '@turf/center';
 import turfRhumbBearing from '@turf/rhumb-bearing';
 import turfRhumbDistance from '@turf/rhumb-distance';
 import turfRhumbDestination from '@turf/rhumb-destination';
-import type {
-  Position as TurfPosition,
-  Feature as TurfFeature,
-  Geometry as TurfGeometry
-} from '@turf/helpers';
 import {mapCoords} from '../edit-modes/utils';
-import type {AnyCoordinates /* , Position */} from './geojson-types';
+import type {SimpleFeature} from './geojson-types';
 
 // This function takes feature's center, moves it,
 // and builds new feature around it keeping the proportions
-export function translateFromCenter(
-  feature: TurfFeature<TurfGeometry>,
-  distance: number,
-  direction: number
-) {
-  const initialCenterPoint = turfCenter(feature as TurfFeature);
+export function translateFromCenter(feature: SimpleFeature, distance: number, direction: number) {
+  const initialCenterPoint = turfCenter(feature);
 
   const movedCenterPoint = turfRhumbDestination(initialCenterPoint, distance, direction);
 
-  const movedCoordinates = mapCoords(
-    feature.geometry.coordinates as AnyCoordinates,
-    (coordinate) => {
-      const rhumbDistance = turfRhumbDistance(
-        initialCenterPoint.geometry.coordinates,
-        coordinate as TurfPosition
-      );
-      const rhumbDirection = turfRhumbBearing(
-        initialCenterPoint.geometry.coordinates,
-        coordinate as TurfPosition
-      );
+  const movedCoordinates = mapCoords(feature.geometry.coordinates, (coordinate) => {
+    const rhumbDistance = turfRhumbDistance(initialCenterPoint.geometry.coordinates, coordinate);
+    const rhumbDirection = turfRhumbBearing(initialCenterPoint.geometry.coordinates, coordinate);
 
-      const movedPosition = turfRhumbDestination(
-        movedCenterPoint.geometry.coordinates,
-        rhumbDistance,
-        rhumbDirection
-      ).geometry.coordinates;
-      return movedPosition;
-    }
-  );
+    const movedPosition = turfRhumbDestination(
+      movedCenterPoint.geometry.coordinates,
+      rhumbDistance,
+      rhumbDirection
+    ).geometry.coordinates;
+    return movedPosition;
+  });
 
   feature.geometry.coordinates = movedCoordinates;
 

package/src/utils/utils.ts

@@ -6,13 +6,13 @@ import destination from '@turf/destination';
 import bearing from '@turf/bearing';
 import pointToLineDistance from '@turf/point-to-line-distance';
 import {point} from '@turf/helpers';
-import {WebMercatorViewport} from 'viewport-mercator-project';
-import {FeatureOf, FeatureWithProps, LineString, Point, Position} from './geojson-types';
+import {WebMercatorViewport} from '@math.gl/web-mercator';
+import {Feature, LineString, Point, Position} from './geojson-types';
 import {Viewport} from './types';
 
 // TODO edit-modes: delete and use edit-modes/utils instead
 
-export type NearestPointType = FeatureWithProps<Point, {dist: number; index: number}>;
+export type NearestPointType = Feature<Point, {dist: number; index: number}>;
 
 export function toDeckColor(
   color?: [number, number, number, number] | number,
@@ -106,8 +106,8 @@ export function mix(a: number, b: number, ratio: number): number {
 }
 
 export function nearestPointOnProjectedLine(
-  line: FeatureOf<LineString>,
-  inPoint: FeatureOf<Point>,
+  line: Feature<LineString>,
+  inPoint: Feature<Point>,
   viewport: Viewport
 ): NearestPointType {
   const wmViewport = new WebMercatorViewport(viewport);

package/src/widgets/edit-mode-tray-widget.tsx

@@ -4,12 +4,7 @@
 
 import {render} from 'preact';
 import type {ComponentChild, JSX} from 'preact';
-import {
-  Widget,
-  type WidgetProps,
-  type WidgetPlacement,
-  type Deck
-} from '@deck.gl/core';
+import {Widget, type WidgetProps, type WidgetPlacement, type Deck} from '@deck.gl/core';
 import type {
   GeoJsonEditModeConstructor,
   GeoJsonEditModeType
@@ -106,6 +101,7 @@ const BUTTON_LABEL_STYLE: JSX.CSSProperties = {
 export class EditModeTrayWidget extends Widget<EditModeTrayWidgetProps> {
   static override defaultProps = {
     id: 'edit-mode-tray',
+    _container: null,
     placement: 'top-left',
     layout: 'vertical',
     modes: [],

package/src/widgets/editor-toolbar-widget.tsx

@@ -0,0 +1,348 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
+import {render} from 'preact';
+import type {JSX} from 'preact';
+import {Widget, type WidgetProps, type WidgetPlacement, type Deck} from '@deck.gl/core';
+
+export type BooleanOperation = 'union' | 'difference' | 'intersection' | null;
+
+export type EditorToolbarWidgetProps = WidgetProps & {
+  /** Placement for the widget root element. */
+  placement?: WidgetPlacement;
+  /** Currently active boolean operation. */
+  booleanOperation?: BooleanOperation;
+  /** Number of features in the current dataset. */
+  featureCount?: number;
+  /** Callback fired when the user selects a boolean operation. */
+  onSetBooleanOperation?: (op: BooleanOperation) => void;
+  /** Callback fired when the user clicks the clear button. */
+  onClear?: () => void;
+  /** Callback fired when the user clicks the export button. */
+  onExport?: () => void;
+};
+
+// --- Styles (match EditModeTrayWidget visual language) ---
+
+const ROOT_STYLE: Partial<CSSStyleDeclaration> = {
+  position: 'absolute',
+  display: 'flex',
+  flexDirection: 'column',
+  gap: '6px',
+  pointerEvents: 'auto',
+  userSelect: 'none',
+  zIndex: '99'
+};
+
+const TRAY_STYLE: JSX.CSSProperties = {
+  display: 'flex',
+  gap: '4px',
+  background: 'rgba(36, 40, 41, 0.88)',
+  borderRadius: '999px',
+  padding: '5px 8px',
+  alignItems: 'center',
+  justifyContent: 'center',
+  boxShadow: '0 4px 12px rgba(0, 0, 0, 0.25)'
+};
+
+const BUTTON_STYLE: JSX.CSSProperties = {
+  appearance: 'none',
+  background: 'transparent',
+  border: 'none',
+  color: '#f0f0f0',
+  height: '30px',
+  padding: '0 8px',
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  gap: '4px',
+  borderRadius: '15px',
+  cursor: 'pointer',
+  fontSize: '11px',
+  fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+  fontWeight: '500',
+  transition: 'background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease',
+  whiteSpace: 'nowrap'
+};
+
+const BUTTON_ACTIVE_STYLE: JSX.CSSProperties = {
+  background: '#0071e3',
+  color: '#ffffff',
+  boxShadow: '0 0 0 2px rgba(255, 255, 255, 0.35)'
+};
+
+const DIVIDER_STYLE: JSX.CSSProperties = {
+  width: '1px',
+  height: '20px',
+  background: 'rgba(255, 255, 255, 0.2)',
+  margin: '0 2px',
+  flexShrink: '0'
+};
+
+const BADGE_STYLE: JSX.CSSProperties = {
+  color: 'rgba(255, 255, 255, 0.6)',
+  fontSize: '11px',
+  padding: '0 6px',
+  fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+  whiteSpace: 'nowrap'
+};
+
+// --- SVG Icons (14x14) ---
+
+function PencilIcon() {
+  return (
+    <svg
+      width="14"
+      height="14"
+      viewBox="0 0 14 14"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    >
+      <path d="M10 1.5l2.5 2.5L4.5 12H2v-2.5z" />
+    </svg>
+  );
+}
+
+function SubtractIcon() {
+  return (
+    <svg
+      width="14"
+      height="14"
+      viewBox="0 0 14 14"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="1.1"
+    >
+      <rect x="1" y="1" width="8" height="8" rx="1.5" />
+      <rect x="5" y="5" width="8" height="8" rx="1.5" fill="rgba(36,40,41,0.88)" />
+    </svg>
+  );
+}
+
+function UnionIcon() {
+  return (
+    <svg
+      width="14"
+      height="14"
+      viewBox="0 0 14 14"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="1.1"
+    >
+      <rect x="1" y="1" width="8" height="8" rx="1.5" />
+      <rect x="5" y="5" width="8" height="8" rx="1.5" />
+    </svg>
+  );
+}
+
+function IntersectIcon() {
+  return (
+    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" strokeWidth="1.1">
+      <rect x="1" y="1" width="8" height="8" rx="1.5" stroke="currentColor" opacity="0.4" />
+      <rect x="5" y="5" width="8" height="8" rx="1.5" stroke="currentColor" opacity="0.4" />
+      <rect x="5" y="5" width="4" height="4" fill="currentColor" opacity="0.6" />
+    </svg>
+  );
+}
+
+function TrashIcon() {
+  return (
+    <svg
+      width="14"
+      height="14"
+      viewBox="0 0 14 14"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="1.3"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    >
+      <path d="M2.5 4h9M5.5 4V2.5h3V4M3.5 4l.5 8h6l.5-8" />
+    </svg>
+  );
+}
+
+function DownloadIcon() {
+  return (
+    <svg
+      width="14"
+      height="14"
+      viewBox="0 0 14 14"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="1.3"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    >
+      <path d="M7 2v7M4.5 6.5L7 9l2.5-2.5M2.5 11.5h9" />
+    </svg>
+  );
+}
+
+// --- Widget ---
+
+const BOOLEAN_OPS: Array<{
+  op: BooleanOperation;
+  icon: () => JSX.Element;
+  label: string;
+  title: string;
+}> = [
+  {op: null, icon: PencilIcon, label: 'Edit', title: 'Draw new features'},
+  {op: 'difference', icon: SubtractIcon, label: 'Sub', title: 'Subtract from selection'},
+  {op: 'union', icon: UnionIcon, label: 'Union', title: 'Union with selection'},
+  {op: 'intersection', icon: IntersectIcon, label: 'Sect', title: 'Intersect with selection'}
+];
+
+export class EditorToolbarWidget extends Widget<EditorToolbarWidgetProps> {
+  static override defaultProps = {
+    id: 'editor-toolbar',
+    _container: null,
+    placement: 'bottom-left',
+    booleanOperation: null,
+    featureCount: 0,
+    style: {},
+    className: ''
+  } satisfies Required<WidgetProps> &
+    Required<Pick<EditorToolbarWidgetProps, 'placement'>> &
+    EditorToolbarWidgetProps;
+
+  placement: WidgetPlacement = 'bottom-left';
+  className = 'deck-widget-editor-toolbar';
+  deck?: Deck | null = null;
+  private appliedCustomClassName: string | null = null;
+
+  constructor(props: EditorToolbarWidgetProps = {}) {
+    super({...EditorToolbarWidget.defaultProps, ...props});
+    this.placement = props.placement ?? EditorToolbarWidget.defaultProps.placement;
+  }
+
+  override setProps(props: Partial<EditorToolbarWidgetProps>): void {
+    if (props.placement !== undefined) {
+      this.placement = props.placement;
+    }
+    super.setProps(props);
+    this.renderToolbar();
+  }
+
+  override onAdd({deck}: {deck: Deck}): void {
+    this.deck = deck;
+  }
+
+  override onRemove(): void {
+    this.deck = null;
+    const root = this.rootElement;
+    if (root) {
+      render(null, root);
+    }
+    this.rootElement = null;
+  }
+
+  override onRenderHTML(rootElement: HTMLElement): void {
+    const style = {...ROOT_STYLE, ...this.props.style};
+    Object.assign(rootElement.style, style);
+    if (this.appliedCustomClassName && this.appliedCustomClassName !== this.props.className) {
+      rootElement.classList.remove(this.appliedCustomClassName);
+      this.appliedCustomClassName = null;
+    }
+    if (this.props.className) {
+      rootElement.classList.add(this.props.className);
+      this.appliedCustomClassName = this.props.className;
+    }
+    rootElement.classList.add(this.className);
+    this.renderToolbar();
+  }
+
+  private renderToolbar() {
+    const root = this.rootElement;
+    if (!root) {
+      return;
+    }
+
+    const booleanOp = this.props.booleanOperation ?? null;
+    const featureCount = this.props.featureCount ?? 0;
+
+    const stopEvent = (event: Event) => {
+      event.stopPropagation();
+      if (typeof (event as any).stopImmediatePropagation === 'function') {
+        (event as any).stopImmediatePropagation();
+      }
+    };
+
+    const ui = (
+      <div
+        style={TRAY_STYLE}
+        onPointerDown={stopEvent}
+        onPointerMove={stopEvent}
+        onPointerUp={stopEvent}
+        onMouseDown={stopEvent}
+        onMouseMove={stopEvent}
+        onMouseUp={stopEvent}
+        onTouchStart={stopEvent}
+        onTouchMove={stopEvent}
+        onTouchEnd={stopEvent}
+      >
+        {/* Boolean operation toggle buttons */}
+        {BOOLEAN_OPS.map(({op, icon: Icon, label, title}) => {
+          const active = booleanOp === op;
+          return (
+            <button
+              key={label}
+              type="button"
+              title={title}
+              aria-pressed={active}
+              style={{...BUTTON_STYLE, ...(active ? BUTTON_ACTIVE_STYLE : {})}}
+              onClick={(event) => {
+                stopEvent(event);
+                this.props.onSetBooleanOperation?.(op);
+              }}
+            >
+              <Icon />
+              <span>{label}</span>
+            </button>
+          );
+        })}
+
+        <div style={DIVIDER_STYLE} />
+
+        {/* Clear button */}
+        <button
+          type="button"
+          title="Clear all features"
+          style={BUTTON_STYLE}
+          onClick={(event) => {
+            stopEvent(event);
+            this.props.onClear?.();
+          }}
+        >
+          <TrashIcon />
+        </button>
+
+        {/* Export button */}
+        <button
+          type="button"
+          title="Download as GeoJSON"
+          style={BUTTON_STYLE}
+          onClick={(event) => {
+            stopEvent(event);
+            this.props.onExport?.();
+          }}
+        >
+          <DownloadIcon />
+        </button>
+
+        <div style={DIVIDER_STYLE} />
+
+        {/* Feature count badge */}
+        <span style={BADGE_STYLE}>
+          {featureCount} feature{featureCount !== 1 ? 's' : ''}
+        </span>
+      </div>
+    );
+
+    render(ui, root);
+  }
+}

package/dist/lib/constants.d.ts

@@ -1,7 +0,0 @@
-/**
- * A multiplier for screen-space width/scale for Arc, Line, Icon and Text layers.
- * Required in order to maintain the same appearance after upgrading to deck.gl v8.5.
- * https://github.com/visgl/deck.gl/blob/master/docs/upgrade-guide.md
- */
-export declare const PROJECTED_PIXEL_SIZE_MULTIPLIER: number;
-//# sourceMappingURL=constants.d.ts.map

package/dist/lib/constants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/lib/constants.ts"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,eAAO,MAAM,+BAA+B,QAAQ,CAAC"}