@honua/sdk-esri-compat 0.0.6-alpha.0

package/esri-compat/map.d.ts

@@ -0,0 +1,47 @@
+import { CompatEventBus } from "./event-bus.js";
+export interface MapCompatOptions {
+    basemap?: unknown;
+    layers?: unknown;
+    ground?: unknown;
+    tables?: unknown[];
+    portalItem?: unknown;
+    spatialReference?: unknown;
+    eventBus?: CompatEventBus;
+}
+export type MapLoadStatusCompat = "not-loaded" | "loading" | "loaded";
+export interface MapCompatHandle {
+    remove(): void;
+}
+export declare class MapCompat {
+    basemap: unknown;
+    ground: unknown;
+    tables: unknown[];
+    portalItem: unknown;
+    spatialReference: unknown;
+    loaded: boolean;
+    loadStatus: MapLoadStatusCompat;
+    readonly eventBus: CompatEventBus;
+    private readonly watchListeners;
+    private readonly layersInternal;
+    constructor(options?: MapCompatOptions);
+    load(): Promise<MapCompat>;
+    when(callback?: (map: MapCompat) => void): Promise<MapCompat>;
+    watch(propertyName: string, listener: (value: unknown) => void): MapCompatHandle;
+    get layers(): readonly unknown[];
+    get allLayers(): readonly unknown[];
+    add(layer: unknown, index?: number): void;
+    addMany(layers: readonly unknown[], index?: number): void;
+    remove(layer: unknown): boolean;
+    removeMany(layers: readonly unknown[]): number;
+    removeAll(): void;
+    reorder(layer: unknown, index: number): boolean;
+    findLayerById(id: string): unknown;
+    setBasemap(basemap: unknown): void;
+    setGround(ground: unknown): void;
+    setTables(tables: readonly unknown[]): void;
+    setPortalItem(portalItem: unknown): void;
+    destroy(): void;
+    setSpatialReference(spatialReference: unknown): void;
+    private notifyWatchers;
+}
+//# sourceMappingURL=map.d.ts.map

package/esri-compat/map.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"map.d.ts","sourceRoot":"","sources":["../../../src/esri-compat/map.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAmD,MAAM,gBAAgB,CAAC;AAEjG,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,EAAE,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B;AAED,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEtE,MAAM,WAAW,eAAe;IAC9B,MAAM,IAAI,IAAI,CAAC;CAChB;AAED,qBAAa,SAAS;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,OAAO,EAAE,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,mBAAmB,CAAC;IACvC,SAAgB,QAAQ,EAAE,cAAc,CAAC;IACzC,OAAO,CAAC,QAAQ,CAAC,cAAc,CAA6C;IAC5E,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAY;gBAExB,OAAO,GAAE,gBAAqB;IAapC,IAAI,IAAI,OAAO,CAAC,SAAS,CAAC;IAgB1B,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,KAAK,IAAI,GAAG,OAAO,CAAC,SAAS,CAAC;IAQnE,KAAK,CAAC,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,GAAG,eAAe;IAevF,IAAW,MAAM,IAAI,SAAS,OAAO,EAAE,CAEtC;IAED,IAAW,SAAS,IAAI,SAAS,OAAO,EAAE,CAOzC;IAEM,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI;IAgBzC,OAAO,CAAC,MAAM,EAAE,SAAS,OAAO,EAAE,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI;IAqBzD,MAAM,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO;IAa/B,UAAU,CAAC,MAAM,EAAE,SAAS,OAAO,EAAE,GAAG,MAAM;IAU9C,SAAS,IAAI,IAAI;IAQjB,OAAO,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO;IAe/C,aAAa,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO;IAUlC,UAAU,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAMlC,SAAS,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;IAMhC,SAAS,CAAC,MAAM,EAAE,SAAS,OAAO,EAAE,GAAG,IAAI;IAM3C,aAAa,CAAC,UAAU,EAAE,OAAO,GAAG,IAAI;IAMxC,OAAO,IAAI,IAAI;IAKf,mBAAmB,CAAC,gBAAgB,EAAE,OAAO,GAAG,IAAI;IAM3D,OAAO,CAAC,cAAc;CAUvB"}

package/esri-compat/map.js

@@ -0,0 +1,209 @@
+import { CompatEventBus, resolveCompatEventBus, safeInvokeCompatListener } from "./event-bus.js";
+export class MapCompat {
+    basemap;
+    ground;
+    tables;
+    portalItem;
+    spatialReference;
+    loaded;
+    loadStatus;
+    eventBus;
+    watchListeners;
+    layersInternal;
+    constructor(options = {}) {
+        this.basemap = options.basemap;
+        this.ground = options.ground;
+        this.tables = Array.isArray(options.tables) ? [...options.tables] : [];
+        this.portalItem = options.portalItem;
+        this.spatialReference = options.spatialReference;
+        this.loaded = false;
+        this.loadStatus = "not-loaded";
+        this.layersInternal = Array.isArray(options.layers) ? [...options.layers] : [];
+        this.eventBus = options.eventBus ?? resolveCompatEventBus(options.layers) ?? new CompatEventBus();
+        this.watchListeners = new Map();
+    }
+    async load() {
+        if (this.loaded) {
+            return this;
+        }
+        this.loadStatus = "loading";
+        this.notifyWatchers("loadStatus", this.loadStatus);
+        this.eventBus.emit("map.loading", { layerCount: this.layersInternal.length }, this);
+        this.loaded = true;
+        this.notifyWatchers("loaded", this.loaded);
+        this.loadStatus = "loaded";
+        this.notifyWatchers("loadStatus", this.loadStatus);
+        this.eventBus.emit("map.loaded", { layerCount: this.layersInternal.length }, this);
+        return this;
+    }
+    async when(callback) {
+        const map = await this.load();
+        if (callback) {
+            callback(map);
+        }
+        return map;
+    }
+    watch(propertyName, listener) {
+        let listeners = this.watchListeners.get(propertyName);
+        if (!listeners) {
+            listeners = new Set();
+            this.watchListeners.set(propertyName, listeners);
+        }
+        listeners.add(listener);
+        return {
+            remove: () => {
+                listeners?.delete(listener);
+            },
+        };
+    }
+    get layers() {
+        return this.layersInternal;
+    }
+    get allLayers() {
+        const flattened = [];
+        for (const layer of this.layersInternal) {
+            flattened.push(layer);
+            flattened.push(...extractNestedLayers(layer));
+        }
+        return flattened;
+    }
+    add(layer, index) {
+        if (index === undefined) {
+            this.layersInternal.push(layer);
+            this.notifyWatchers("layers", this.layers);
+            this.notifyWatchers("allLayers", this.allLayers);
+            this.eventBus.emit("map.layer-added", { layer, index: this.layersInternal.length - 1 }, this);
+            return;
+        }
+        const insertAt = normalizeInsertIndex(index, this.layersInternal.length);
+        this.layersInternal.splice(insertAt, 0, layer);
+        this.notifyWatchers("layers", this.layers);
+        this.notifyWatchers("allLayers", this.allLayers);
+        this.eventBus.emit("map.layer-added", { layer, index: insertAt }, this);
+    }
+    addMany(layers, index) {
+        if (layers.length === 0) {
+            return;
+        }
+        if (index === undefined) {
+            const startIndex = this.layersInternal.length;
+            this.layersInternal.push(...layers);
+            this.notifyWatchers("layers", this.layers);
+            this.notifyWatchers("allLayers", this.allLayers);
+            this.eventBus.emit("map.layers-added", { layers: [...layers], index: startIndex }, this);
+            return;
+        }
+        const insertAt = normalizeInsertIndex(index, this.layersInternal.length);
+        this.layersInternal.splice(insertAt, 0, ...layers);
+        this.notifyWatchers("layers", this.layers);
+        this.notifyWatchers("allLayers", this.allLayers);
+        this.eventBus.emit("map.layers-added", { layers: [...layers], index: insertAt }, this);
+    }
+    remove(layer) {
+        const index = this.layersInternal.indexOf(layer);
+        if (index < 0) {
+            return false;
+        }
+        this.layersInternal.splice(index, 1);
+        this.notifyWatchers("layers", this.layers);
+        this.notifyWatchers("allLayers", this.allLayers);
+        this.eventBus.emit("map.layer-removed", { layer, index }, this);
+        return true;
+    }
+    removeMany(layers) {
+        let removedCount = 0;
+        for (const layer of layers) {
+            if (this.remove(layer)) {
+                removedCount += 1;
+            }
+        }
+        return removedCount;
+    }
+    removeAll() {
+        const removedLayers = [...this.layersInternal];
+        this.layersInternal.length = 0;
+        this.notifyWatchers("layers", this.layers);
+        this.notifyWatchers("allLayers", this.allLayers);
+        this.eventBus.emit("map.layers-cleared", { layers: removedLayers }, this);
+    }
+    reorder(layer, index) {
+        const existingIndex = this.layersInternal.indexOf(layer);
+        if (existingIndex < 0) {
+            return false;
+        }
+        this.layersInternal.splice(existingIndex, 1);
+        const insertAt = normalizeInsertIndex(index, this.layersInternal.length);
+        this.layersInternal.splice(insertAt, 0, layer);
+        this.notifyWatchers("layers", this.layers);
+        this.notifyWatchers("allLayers", this.allLayers);
+        this.eventBus.emit("map.layer-reordered", { layer, fromIndex: existingIndex, toIndex: insertAt }, this);
+        return true;
+    }
+    findLayerById(id) {
+        for (const layer of this.allLayers) {
+            if (isLayerWithId(layer) && layer.id === id) {
+                return layer;
+            }
+        }
+        return undefined;
+    }
+    setBasemap(basemap) {
+        this.basemap = basemap;
+        this.notifyWatchers("basemap", this.basemap);
+        this.eventBus.emit("map.basemap-changed", { basemap }, this);
+    }
+    setGround(ground) {
+        this.ground = ground;
+        this.notifyWatchers("ground", this.ground);
+        this.eventBus.emit("map.ground-changed", { ground }, this);
+    }
+    setTables(tables) {
+        this.tables = [...tables];
+        this.notifyWatchers("tables", this.tables);
+        this.eventBus.emit("map.tables-changed", { tables: this.tables }, this);
+    }
+    setPortalItem(portalItem) {
+        this.portalItem = portalItem;
+        this.notifyWatchers("portalItem", this.portalItem);
+        this.eventBus.emit("map.portal-item-changed", { portalItem }, this);
+    }
+    destroy() {
+        this.watchListeners.clear();
+        this.eventBus.emit("map.destroyed", { layerCount: this.layersInternal.length }, this);
+    }
+    setSpatialReference(spatialReference) {
+        this.spatialReference = spatialReference;
+        this.notifyWatchers("spatialReference", this.spatialReference);
+        this.eventBus.emit("map.spatial-reference-changed", { spatialReference }, this);
+    }
+    notifyWatchers(propertyName, value) {
+        const listeners = this.watchListeners.get(propertyName);
+        if (!listeners) {
+            return;
+        }
+        for (const listener of listeners) {
+            safeInvokeCompatListener(listener, value);
+        }
+    }
+}
+function isLayerWithId(value) {
+    return typeof value === "object" && value !== null && "id" in value && typeof value.id === "string";
+}
+function extractNestedLayers(layer) {
+    if (!isLayerWithChildren(layer)) {
+        return [];
+    }
+    const nested = [];
+    for (const child of layer.layers) {
+        nested.push(child);
+        nested.push(...extractNestedLayers(child));
+    }
+    return nested;
+}
+function isLayerWithChildren(value) {
+    return typeof value === "object" && value !== null && "layers" in value && Array.isArray(value.layers);
+}
+function normalizeInsertIndex(index, length) {
+    const sanitized = Number.isFinite(index) ? Math.trunc(index) : length;
+    return Math.min(Math.max(sanitized, 0), length);
+}

package/esri-compat/measurement-2d.d.ts

@@ -0,0 +1,61 @@
+import { type CompatEventBus } from "./event-bus.js";
+import { type AreaUnitCompat, type LinearUnitCompat, MeasurementCompat, type MeasurementResultCompat } from "./measurement.js";
+export interface DistanceMeasurement2DCompatOptions {
+    view?: unknown;
+    container?: unknown;
+    eventBus?: CompatEventBus;
+    unit?: LinearUnitCompat;
+}
+export interface AreaMeasurement2DCompatOptions {
+    view?: unknown;
+    container?: unknown;
+    eventBus?: CompatEventBus;
+    unit?: AreaUnitCompat;
+}
+export type DistanceMeasurement2DLoadStatusCompat = "not-loaded" | "loading" | "loaded";
+export interface DistanceMeasurement2DHandleCompat {
+    remove(): void;
+}
+export type AreaMeasurement2DLoadStatusCompat = "not-loaded" | "loading" | "loaded";
+export interface AreaMeasurement2DHandleCompat {
+    remove(): void;
+}
+export declare class DistanceMeasurement2DCompat {
+    readonly view: unknown;
+    readonly container: unknown;
+    readonly eventBus: CompatEventBus;
+    loaded: boolean;
+    loadStatus: DistanceMeasurement2DLoadStatusCompat;
+    unit: LinearUnitCompat;
+    lastMeasurement: MeasurementResultCompat | undefined;
+    readonly measurement: MeasurementCompat;
+    private readonly watchListeners;
+    constructor(options?: DistanceMeasurement2DCompatOptions);
+    load(): Promise<DistanceMeasurement2DCompat>;
+    when(callback?: (widget: DistanceMeasurement2DCompat) => void): Promise<DistanceMeasurement2DCompat>;
+    watch(propertyName: string, listener: (value: unknown) => void): DistanceMeasurement2DHandleCompat;
+    clear(): void;
+    measure(points: readonly [number, number][]): MeasurementResultCompat;
+    destroy(): void;
+    private notifyWatchers;
+}
+export declare class AreaMeasurement2DCompat {
+    readonly view: unknown;
+    readonly container: unknown;
+    readonly eventBus: CompatEventBus;
+    loaded: boolean;
+    loadStatus: AreaMeasurement2DLoadStatusCompat;
+    unit: AreaUnitCompat;
+    lastMeasurement: MeasurementResultCompat | undefined;
+    readonly measurement: MeasurementCompat;
+    private readonly watchListeners;
+    constructor(options?: AreaMeasurement2DCompatOptions);
+    load(): Promise<AreaMeasurement2DCompat>;
+    when(callback?: (widget: AreaMeasurement2DCompat) => void): Promise<AreaMeasurement2DCompat>;
+    watch(propertyName: string, listener: (value: unknown) => void): AreaMeasurement2DHandleCompat;
+    clear(): void;
+    measure(ring: readonly [number, number][]): MeasurementResultCompat;
+    destroy(): void;
+    private notifyWatchers;
+}
+//# sourceMappingURL=measurement-2d.d.ts.map

package/esri-compat/measurement-2d.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"measurement-2d.d.ts","sourceRoot":"","sources":["../../../src/esri-compat/measurement-2d.ts"],"names":[],"mappings":"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"}

package/esri-compat/measurement-2d.js

@@ -0,0 +1,184 @@
+import { safeInvokeCompatListener } from "./event-bus.js";
+import { MeasurementCompat, } from "./measurement.js";
+export class DistanceMeasurement2DCompat {
+    view;
+    container;
+    eventBus;
+    loaded;
+    loadStatus;
+    unit;
+    lastMeasurement;
+    measurement;
+    watchListeners;
+    constructor(options = {}) {
+        this.view = options.view;
+        this.container = options.container;
+        this.measurement = new MeasurementCompat({
+            view: options.view,
+            container: options.container,
+            eventBus: options.eventBus,
+            activeTool: "distance",
+            linearUnit: options.unit,
+        });
+        this.eventBus = this.measurement.eventBus;
+        this.loaded = false;
+        this.loadStatus = "not-loaded";
+        this.unit = this.measurement.linearUnit;
+        this.lastMeasurement = undefined;
+        this.watchListeners = new Map();
+    }
+    async load() {
+        if (this.loaded) {
+            return this;
+        }
+        this.loadStatus = "loading";
+        this.notifyWatchers("loadStatus", this.loadStatus);
+        this.eventBus.emit("distance-measurement-2d.loading", undefined, this);
+        await this.measurement.load();
+        this.loaded = true;
+        this.notifyWatchers("loaded", this.loaded);
+        this.loadStatus = "loaded";
+        this.notifyWatchers("loadStatus", this.loadStatus);
+        this.eventBus.emit("distance-measurement-2d.loaded", undefined, this);
+        return this;
+    }
+    async when(callback) {
+        const widget = await this.load();
+        if (callback) {
+            callback(widget);
+        }
+        return widget;
+    }
+    watch(propertyName, listener) {
+        let listeners = this.watchListeners.get(propertyName);
+        if (!listeners) {
+            listeners = new Set();
+            this.watchListeners.set(propertyName, listeners);
+        }
+        listeners.add(listener);
+        return {
+            remove: () => {
+                listeners?.delete(listener);
+            },
+        };
+    }
+    clear() {
+        this.measurement.clear();
+        this.lastMeasurement = undefined;
+        this.notifyWatchers("lastMeasurement", this.lastMeasurement);
+        this.eventBus.emit("distance-measurement-2d.cleared", undefined, this);
+    }
+    measure(points) {
+        this.measurement.start("distance");
+        const result = this.measurement.measureDistance(points);
+        this.unit = this.measurement.linearUnit;
+        this.notifyWatchers("unit", this.unit);
+        this.lastMeasurement = result;
+        this.notifyWatchers("lastMeasurement", this.lastMeasurement);
+        this.eventBus.emit("distance-measurement-2d.updated", result, this);
+        return result;
+    }
+    destroy() {
+        this.watchListeners.clear();
+    }
+    notifyWatchers(propertyName, value) {
+        const listeners = this.watchListeners.get(propertyName);
+        if (!listeners) {
+            return;
+        }
+        for (const listener of listeners) {
+            safeInvokeCompatListener(listener, value);
+        }
+    }
+}
+export class AreaMeasurement2DCompat {
+    view;
+    container;
+    eventBus;
+    loaded;
+    loadStatus;
+    unit;
+    lastMeasurement;
+    measurement;
+    watchListeners;
+    constructor(options = {}) {
+        this.view = options.view;
+        this.container = options.container;
+        this.measurement = new MeasurementCompat({
+            view: options.view,
+            container: options.container,
+            eventBus: options.eventBus,
+            activeTool: "area",
+            areaUnit: options.unit,
+        });
+        this.eventBus = this.measurement.eventBus;
+        this.loaded = false;
+        this.loadStatus = "not-loaded";
+        this.unit = this.measurement.areaUnit;
+        this.lastMeasurement = undefined;
+        this.watchListeners = new Map();
+    }
+    async load() {
+        if (this.loaded) {
+            return this;
+        }
+        this.loadStatus = "loading";
+        this.notifyWatchers("loadStatus", this.loadStatus);
+        this.eventBus.emit("area-measurement-2d.loading", undefined, this);
+        await this.measurement.load();
+        this.loaded = true;
+        this.notifyWatchers("loaded", this.loaded);
+        this.loadStatus = "loaded";
+        this.notifyWatchers("loadStatus", this.loadStatus);
+        this.eventBus.emit("area-measurement-2d.loaded", undefined, this);
+        return this;
+    }
+    async when(callback) {
+        const widget = await this.load();
+        if (callback) {
+            callback(widget);
+        }
+        return widget;
+    }
+    watch(propertyName, listener) {
+        let listeners = this.watchListeners.get(propertyName);
+        if (!listeners) {
+            listeners = new Set();
+            this.watchListeners.set(propertyName, listeners);
+        }
+        listeners.add(listener);
+        return {
+            remove: () => {
+                listeners?.delete(listener);
+            },
+        };
+    }
+    clear() {
+        this.measurement.clear();
+        this.lastMeasurement = undefined;
+        this.notifyWatchers("lastMeasurement", this.lastMeasurement);
+        this.eventBus.emit("area-measurement-2d.cleared", undefined, this);
+    }
+    measure(ring) {
+        this.measurement.start("area");
+        const result = this.measurement.measureArea(ring);
+        this.unit = this.measurement.areaUnit;
+        this.notifyWatchers("unit", this.unit);
+        this.lastMeasurement = result;
+        this.notifyWatchers("lastMeasurement", this.lastMeasurement);
+        this.eventBus.emit("area-measurement-2d.updated", result, this);
+        return result;
+    }
+    destroy() {
+        this.watchListeners.clear();
+    }
+    notifyWatchers(propertyName, value) {
+        const listeners = this.watchListeners.get(propertyName);
+        if (!listeners) {
+            return;
+        }
+        for (const listener of listeners) {
+            safeInvokeCompatListener(listener, value);
+        }
+    }
+}

package/esri-compat/measurement.d.ts

@@ -0,0 +1,45 @@
+import { CompatEventBus } from "./event-bus.js";
+export type MeasurementToolCompat = "distance" | "area" | "direct-line";
+export type LinearUnitCompat = "meters" | "kilometers" | "feet" | "miles";
+export type AreaUnitCompat = "square-meters" | "square-kilometers" | "square-feet" | "square-miles";
+export interface MeasurementCompatOptions {
+    view?: unknown;
+    container?: unknown;
+    eventBus?: CompatEventBus;
+    activeTool?: MeasurementToolCompat;
+    linearUnit?: LinearUnitCompat;
+    areaUnit?: AreaUnitCompat;
+}
+export interface MeasurementResultCompat {
+    tool: MeasurementToolCompat;
+    value: number;
+    unit: LinearUnitCompat | AreaUnitCompat;
+}
+export type MeasurementLoadStatusCompat = "not-loaded" | "loading" | "loaded";
+export interface MeasurementHandleCompat {
+    remove(): void;
+}
+export declare class MeasurementCompat {
+    readonly view: unknown;
+    readonly container: unknown;
+    readonly eventBus: CompatEventBus;
+    loaded: boolean;
+    loadStatus: MeasurementLoadStatusCompat;
+    activeTool: MeasurementToolCompat | undefined;
+    linearUnit: LinearUnitCompat;
+    areaUnit: AreaUnitCompat;
+    lastMeasurement: MeasurementResultCompat | undefined;
+    private readonly watchListeners;
+    constructor(options?: MeasurementCompatOptions);
+    load(): Promise<MeasurementCompat>;
+    when(callback?: (widget: MeasurementCompat) => void): Promise<MeasurementCompat>;
+    watch(propertyName: string, listener: (value: unknown) => void): MeasurementHandleCompat;
+    start(tool: MeasurementToolCompat): void;
+    stop(): void;
+    clear(): void;
+    measureDistance(points: readonly [number, number][]): MeasurementResultCompat;
+    measureArea(ring: readonly [number, number][]): MeasurementResultCompat;
+    destroy(): void;
+    private notifyWatchers;
+}
+//# sourceMappingURL=measurement.d.ts.map

package/esri-compat/measurement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"measurement.d.ts","sourceRoot":"","sources":["../../../src/esri-compat/measurement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAmD,MAAM,gBAAgB,CAAC;AAEjG,MAAM,MAAM,qBAAqB,GAAG,UAAU,GAAG,MAAM,GAAG,aAAa,CAAC;AACxE,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,YAAY,GAAG,MAAM,GAAG,OAAO,CAAC;AAC1E,MAAM,MAAM,cAAc,GAAG,eAAe,GAAG,mBAAmB,GAAG,aAAa,GAAG,cAAc,CAAC;AAEpG,MAAM,WAAW,wBAAwB;IACvC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B;AAED,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,qBAAqB,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,gBAAgB,GAAG,cAAc,CAAC;CACzC;AAED,MAAM,MAAM,2BAA2B,GAAG,YAAY,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE9E,MAAM,WAAW,uBAAuB;IACtC,MAAM,IAAI,IAAI,CAAC;CAChB;AAED,qBAAa,iBAAiB;IAC5B,SAAgB,IAAI,EAAE,OAAO,CAAC;IAC9B,SAAgB,SAAS,EAAE,OAAO,CAAC;IACnC,SAAgB,QAAQ,EAAE,cAAc,CAAC;IAClC,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,2BAA2B,CAAC;IACxC,UAAU,EAAE,qBAAqB,GAAG,SAAS,CAAC;IAC9C,UAAU,EAAE,gBAAgB,CAAC;IAC7B,QAAQ,EAAE,cAAc,CAAC;IACzB,eAAe,EAAE,uBAAuB,GAAG,SAAS,CAAC;IAC5D,OAAO,CAAC,QAAQ,CAAC,cAAc,CAA6C;gBAEzD,OAAO,GAAE,wBAA6B;IAa5C,IAAI,IAAI,OAAO,CAAC,iBAAiB,CAAC;IAgBlC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,GAAG,OAAO,CAAC,iBAAiB,CAAC;IAQtF,KAAK,CAAC,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,GAAG,uBAAuB;IAexF,KAAK,CAAC,IAAI,EAAE,qBAAqB,GAAG,IAAI;IAMxC,IAAI,IAAI,IAAI;IAUZ,KAAK,IAAI,IAAI;IAMb,eAAe,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,GAAG,uBAAuB;IAc7E,WAAW,CAAC,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,GAAG,uBAAuB;IAcvE,OAAO,IAAI,IAAI;IAItB,OAAO,CAAC,cAAc;CAUvB"}