@emuanalytics/flow-rdf-core 1.1.6 → 1.1.7

package/dist/cjs/lib/map/flow-map.js

@@ -0,0 +1,834 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FlowMap = void 0;
+var debug_1 = __importDefault(require("debug"));
+var eventemitter3_1 = __importDefault(require("eventemitter3"));
+var maplibre = __importStar(require("maplibre-gl"));
+var mobx_1 = require("mobx");
+var mobx_utils_1 = require("mobx-utils");
+var errors_1 = require("../errors");
+var flow_map_error_1 = require("../errors/flow-map-error");
+var map_style_1 = require("../map-style");
+var assert_1 = require("../utils/assert");
+var functional_1 = require("../utils/functional");
+var type_checks_1 = require("../utils/type-checks");
+var plugin_manager_1 = require("./plugins/plugin-manager");
+var image_registry_1 = require("./support/image-registry");
+var map_events_1 = require("./support/map-events");
+var map_feature_stream_1 = require("./support/map-feature-stream");
+var debug = (0, debug_1.default)('flow:map');
+var MOUSE_MOVE_THROTTLE_DURATION = 200;
+var FlowMap = (function (_super) {
+    __extends(FlowMap, _super);
+    function FlowMap(options) {
+        var _this = _super.call(this) || this;
+        Object.defineProperty(_this, "_initialized", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(_this, "_loading", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: true
+        });
+        Object.defineProperty(_this, "_state", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        Object.defineProperty(_this, "debouncedEmitSourceEvent", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(_this, "imageRegistry", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new image_registry_1.ImageRegistry()
+        });
+        Object.defineProperty(_this, "options", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(_this, "pluginManager", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(_this, "resolveInitialized", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: function () { }
+        });
+        Object.defineProperty(_this, "style", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(_this, "styleUpdateSubscription", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        Object.defineProperty(_this, "throttledMouseMove", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (0, functional_1.throttle)(_this.handleMouseMove, {
+                delay: MOUSE_MOVE_THROTTLE_DURATION,
+                noLeading: true,
+                context: _this
+            })
+        });
+        Object.defineProperty(_this, "updateMapStyle", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: function (style) {
+                var oldStyle = _this.maplibreMap.getStyle();
+                var beforeEvent = new map_events_1.MapStyleChangeEvent('beforeStyleChanged', _this, oldStyle, style);
+                style = _this.pluginManager.forwardStyleChangeEvent(new map_events_1.MapStyleChangeEvent('beforeStyleChanged', _this, oldStyle, style));
+                _this.emit(beforeEvent.type, beforeEvent);
+                debug("".concat(_this.formattedName(), ": Updating style"), style);
+                _this.maplibreMap.setStyle(style);
+                _this.emitEvent(new map_events_1.MapStyleChangeEvent('styleChanged', _this, oldStyle, style));
+            }
+        });
+        Object.defineProperty(_this, "maplibreMap", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        _this.options = __assign(__assign({}, FlowMap.defaultOptions), options);
+        _this.style = new map_style_1.MapStyle({
+            id: 'style'
+        });
+        _this.debouncedEmitSourceEvent = (0, functional_1.debounceWithArgs)(_this.emitEvent, {
+            delay: 20,
+            hash: function (event) { return event.source; },
+            context: _this
+        });
+        _this._initialized = new Promise(function (resolve) {
+            _this.resolveInitialized = resolve;
+        });
+        _this.pluginManager = new plugin_manager_1.PluginManager(_this);
+        _this.initialize();
+        return _this;
+    }
+    Object.defineProperty(FlowMap.prototype, "client", {
+        get: function () {
+            return this.options.flowClient;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(FlowMap.prototype, "container", {
+        get: function () {
+            return this.maplibreMap.getContainer();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(FlowMap.prototype, "id", {
+        get: function () {
+            return this.options.id;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(FlowMap.prototype, "initialized", {
+        get: function () {
+            return this._initialized;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(FlowMap.prototype, "state", {
+        get: function () {
+            return this._state;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(FlowMap.prototype, "styleSpecification", {
+        get: function () {
+            return this.style.styleSpecification;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(FlowMap.prototype, "addLayer", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (layer) {
+            this.style.addLayer(layer);
+            return this;
+        }
+    });
+    Object.defineProperty(FlowMap.prototype, "addSource", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (source) {
+            this.emitEvent(new map_events_1.MapSourceEvent('beforeSourceAdded', this, source.id));
+            source.setFlowEndpoint({
+                host: this.options.flowClient.baseUrl,
+                apiKey: this.options.flowClient.apiKey || undefined
+            });
+            this.style.addSource(source);
+            this.emitEvent(new map_events_1.MapSourceEvent('sourceAdded', this, source.id));
+            return this;
+        }
+    });
+    Object.defineProperty(FlowMap.prototype, "bindState", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (state) {
+            this._state = state;
+            this.style.bindState(state);
+            this.pluginManager.bindState(state);
+            return this;
+        }
+    });
+    Object.defineProperty(FlowMap.prototype, "destroy", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            var _a, _b;
+            this.pluginManager.removeAllPlugins();
+            (_a = this.styleUpdateSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+            (_b = this.maplibreMap) === null || _b === void 0 ? void 0 : _b.remove();
+            this.emit('destroyed', new map_events_1.MapEvent('destroyed', this));
+        }
+    });
+    Object.defineProperty(FlowMap.prototype, "emitError", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (message, originalError) {
+            var error = new flow_map_error_1.FlowMapError("".concat(this.formattedName(), ": ").concat(message), originalError);
+            this.pluginManager.forwardEvent('error', error);
+            if (this.listenerCount('error')) {
+                this.emit('error', error);
+            }
+            else {
+                console.error(error);
+            }
+        }
+    });
+    Object.defineProperty(FlowMap.prototype, "emitEvent", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (event) {
+            this.pluginManager.forwardEvent(event.type, event);
+            this.emit(event.type, event);
+        }
+    });
+    Object.defineProperty(FlowMap.prototype, "featureStream", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (options) {
+            return new map_feature_stream_1.MapFeatureStream(__assign({ map: this }, options));
+        }
+    });
+    Object.defineProperty(FlowMap.prototype, "formattedName", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            return "FlowMap<".concat(this.options.id, ">");
+        }
+    });
+    Object.defineProperty(FlowMap.prototype, "getFeatureState", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (feature) {
+            return this.maplibreMap.getFeatureState(feature);
+        }
+    });
+    Object.defineProperty(FlowMap.prototype, "getLayer", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (id) {
+            return this.style.getLayer(id);
+        }
+    });
+    Object.defineProperty(FlowMap.prototype, "getLayers", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (filter) {
+            return this.style.getLayers(filter);
+        }
+    });
+    Object.defineProperty(FlowMap.prototype, "getPlugin", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (pluginOrName) {
+            return this.pluginManager.getPlugin(pluginOrName);
+        }
+    });
+    Object.defineProperty(FlowMap.prototype, "getSource", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (id) {
+            return this.style.getSource(id);
+        }
+    });
+    Object.defineProperty(FlowMap.prototype, "getSources", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (filter) {
+            return this.style.getSources(filter);
+        }
+    });
+    Object.defineProperty(FlowMap.prototype, "registerImage", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (id, src, width, height, pixelDensity, recolor) {
+            if (pixelDensity === void 0) { pixelDensity = 2; }
+            if (recolor === void 0) { recolor = false; }
+            debug("".concat(this.formattedName(), ": Registering image '").concat(id, "'"));
+            this.imageRegistry.registerImage(id, src, width, height, pixelDensity, recolor);
+        }
+    });
+    Object.defineProperty(FlowMap.prototype, "removeFeatureState", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (feature, key, fireEvent) {
+            var _a;
+            if (fireEvent === void 0) { fireEvent = true; }
+            if ((0, type_checks_1.isNil)(feature.id) && (0, type_checks_1.isDefined)(key)) {
+                var style = this.maplibreMap.style;
+                style._checkLoaded();
+                var sourceId = feature.source;
+                var sourceCache = style.sourceCaches[sourceId];
+                if (sourceCache === undefined) {
+                    throw new errors_1.FlowCoreError("The source '".concat(sourceId, "' does not exist in the map's style."));
+                }
+                var sourceState_1 = sourceCache._state;
+                var sourceType = sourceCache.getSource().type;
+                var sourceLayer_1 = sourceType === 'vector' ? (_a = feature.sourceLayer) !== null && _a !== void 0 ? _a : 'geometry' : '_geojsonTileLayer';
+                sourceState_1.deletedStates[sourceLayer_1] = sourceState_1.deletedStates[sourceLayer_1] || {};
+                var sourceLayerDeleted = sourceState_1.deletedStates[sourceLayer_1] === null;
+                if (sourceLayerDeleted) {
+                    return;
+                }
+                if (sourceState_1.state[sourceLayer_1]) {
+                    Object.keys(sourceState_1.state[sourceLayer_1]).forEach(function (feature) {
+                        if (sourceState_1.deletedStates[sourceLayer_1][feature] !== null) {
+                            sourceState_1.deletedStates[sourceLayer_1][feature] = sourceState_1.deletedStates[sourceLayer_1][feature] || {};
+                            sourceState_1.deletedStates[sourceLayer_1][feature][key] = null;
+                        }
+                    });
+                }
+                this.maplibreMap._update();
+            }
+            else {
+                this.maplibreMap.removeFeatureState(feature, key);
+            }
+            if (fireEvent) {
+                var sourceEvent = new map_events_1.MapSourceEvent('sourceFeatureState', this, feature.source);
+                this.debouncedEmitSourceEvent(sourceEvent);
+            }
+        }
+    });
+    Object.defineProperty(FlowMap.prototype, "removeLayer", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (id) {
+            this.style.removeLayer(id);
+            return this;
+        }
+    });
+    Object.defineProperty(FlowMap.prototype, "removeSource", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (id, removeLayers) {
+            if (removeLayers === void 0) { removeLayers = false; }
+            this.emitEvent(new map_events_1.MapSourceEvent('beforeSourceRemoved', this, id));
+            this.style.removeSource(id, removeLayers);
+            this.emitEvent(new map_events_1.MapSourceEvent('sourceRemoved', this, id));
+            return this;
+        }
+    });
+    Object.defineProperty(FlowMap.prototype, "setBaseStyle", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (style) {
+            return __awaiter(this, void 0, void 0, function () {
+                var baseStyle;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4, this.loadBaseStyle(style)];
+                        case 1:
+                            baseStyle = _a.sent();
+                            this.style.setBaseStyle(baseStyle);
+                            return [2];
+                    }
+                });
+            });
+        }
+    });
+    Object.defineProperty(FlowMap.prototype, "getCenter", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            var lngLat = this.maplibreMap.getCenter();
+            var zoom = this.maplibreMap.getZoom();
+            var bearing = this.maplibreMap.getBearing();
+            var pitch = this.maplibreMap.getPitch();
+            return {
+                lng: lngLat.lng,
+                lat: lngLat.lat,
+                zoom: zoom,
+                bearing: bearing,
+                pitch: pitch
+            };
+        }
+    });
+    Object.defineProperty(FlowMap.prototype, "setCenter", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (center, animationOptions) {
+            var lngLat = (0, type_checks_1.isDefined)(center.lng) && (0, type_checks_1.isDefined)(center.lat) ? new maplibre.LngLat(center.lng, center.lat) : undefined;
+            var method = this.maplibreMap.jumpTo;
+            if (animationOptions) {
+                switch (animationOptions.mode) {
+                    case 'ease':
+                        method = this.maplibreMap.easeTo;
+                        break;
+                    case 'fly':
+                        method = this.maplibreMap.flyTo;
+                        break;
+                    default:
+                        method = this.maplibreMap.jumpTo;
+                }
+            }
+            var options = __assign(__assign({ center: lngLat }, center), animationOptions);
+            method.call(this.maplibreMap, options);
+            return this;
+        }
+    });
+    Object.defineProperty(FlowMap.prototype, "getBounds", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            var bounds = this.maplibreMap.getBounds();
+            return [bounds.getWest(), bounds.getSouth(), bounds.getEast(), bounds.getNorth()];
+        }
+    });
+    Object.defineProperty(FlowMap.prototype, "setBounds", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (bounds, options) {
+            var fitBoundsOptions = __assign({ linear: !options || options.mode === 'ease' || options.mode === 'jump', animate: !!options && options.mode !== 'jump' }, options);
+            this.maplibreMap.fitBounds(bounds, fitBoundsOptions);
+        }
+    });
+    Object.defineProperty(FlowMap.prototype, "setFeatureState", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (feature, state, fireEvent) {
+            if (fireEvent === void 0) { fireEvent = true; }
+            var source = this.getSource(feature.source);
+            (0, assert_1.assert)((0, type_checks_1.isDefined)(source.featureId), "".concat(this.formattedName(), ": cannot set feature state (source '").concat(source.id, "' has not featureId specified)"));
+            if ((source === null || source === void 0 ? void 0 : source.type) === 'vector') {
+                feature.sourceLayer = feature.sourceLayer || 'geometry';
+            }
+            this.maplibreMap.setFeatureState(feature, state);
+            if (fireEvent) {
+                var sourceEvent = new map_events_1.MapSourceEvent('sourceFeatureState', this, feature.source);
+                this.debouncedEmitSourceEvent(sourceEvent);
+            }
+        }
+    });
+    Object.defineProperty(FlowMap.prototype, "setFeatureStateBulk", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (sourceId, featureState) {
+            var _a;
+            var source = this.getSource(sourceId.source);
+            (0, assert_1.assert)((0, type_checks_1.isStringFull)(source.featureId));
+            this.maplibreMap.style._checkLoaded();
+            var sourceCache = this.maplibreMap.style.sourceCaches[sourceId.source];
+            if ((0, type_checks_1.isUndefined)(sourceCache)) {
+                throw new errors_1.FlowCoreError("".concat(this.formattedName(), ": the source '").concat(sourceId.source, "' does not exist in the map's style."));
+            }
+            var sourceLayer = sourceCache.getSource().type === 'vector' ? (_a = sourceId.sourceLayer) !== null && _a !== void 0 ? _a : 'geometry' : '';
+            Object.keys(featureState).forEach(function (featureId) {
+                sourceCache.setFeatureState(sourceLayer, featureId, featureState[featureId]);
+            });
+            this.maplibreMap._update();
+            var sourceEvent = new map_events_1.MapSourceEvent('sourceFeatureState', this, sourceId.source);
+            this.debouncedEmitSourceEvent(sourceEvent);
+        }
+    });
+    Object.defineProperty(FlowMap.prototype, "transaction", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (fn) {
+            (0, mobx_1.runInAction)(function () { return fn(); });
+        }
+    });
+    Object.defineProperty(FlowMap.prototype, "usePlugin", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (plugin, options) {
+            return this.pluginManager.usePlugin(plugin, options);
+        }
+    });
+    Object.defineProperty(FlowMap.prototype, "usePlugins", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (plugins) {
+            var _this = this;
+            plugins.forEach(function (plugin) { return _this.usePlugin(plugin); });
+        }
+    });
+    Object.defineProperty(FlowMap.prototype, "bindMapEvents", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            var _this = this;
+            this.maplibreMap.on('error', function (e) { return _this.emitError(e.error.message, e.error); });
+            this.maplibreMap.on('mousemove', this.throttledMouseMove);
+            this.maplibreMap.on('mouseout', this.throttledMouseMove);
+            this.maplibreMap.on('click', this.handleMouseClick('click').bind(this));
+            this.maplibreMap.on('dblclick', this.handleMouseClick('dblClick').bind(this));
+            this.maplibreMap.on('styleimagemissing', this.handleMissingImage.bind(this));
+            this.maplibreMap.on('sourcedata', this.handleLoading.bind(this));
+            this.maplibreMap.on('idle', this.handleLoading.bind(this));
+            var eventsToForward = ['moveEnd'];
+            eventsToForward.forEach(function (eventName) {
+                _this.maplibreMap.on(eventName.toLowerCase(), function (event) {
+                    var flowEvent = map_events_1.MapEvent.fromMaplibreEvent(eventName, _this, event);
+                    _this.emitEvent(flowEvent);
+                });
+            });
+        }
+    });
+    Object.defineProperty(FlowMap.prototype, "featureFromMaplibreFeature", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (feature) {
+            return {
+                id: feature.id,
+                geometry: feature.geometry,
+                source: feature.source,
+                sourceLayer: feature.sourceLayer,
+                layer: feature.layer.id,
+                properties: feature.properties,
+                state: feature.state
+            };
+        }
+    });
+    Object.defineProperty(FlowMap.prototype, "featureQueryBox", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (event) {
+            var queryBox = this.options.featureClickTolerance
+                ? [
+                    [event.point.x - this.options.featureClickTolerance, event.point.y - this.options.featureClickTolerance],
+                    [event.point.x + this.options.featureClickTolerance, event.point.y + this.options.featureClickTolerance]
+                ]
+                : event.point;
+            return queryBox;
+        }
+    });
+    Object.defineProperty(FlowMap.prototype, "handleLoading", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (event) {
+            return __awaiter(this, void 0, void 0, function () {
+                var loading, loadingEvent;
+                return __generator(this, function (_a) {
+                    loading = false;
+                    if (event.type === 'sourcedata' && event.isSourceLoaded === false) {
+                        loading = true;
+                    }
+                    else if (event.type === 'idle') {
+                        loading = false;
+                    }
+                    else {
+                        loading = !!Object.values(this.maplibreMap.style.sourceCaches).find(function (cache) { return !cache.loaded(); });
+                    }
+                    if (this._loading !== loading) {
+                        loadingEvent = new map_events_1.MapLoadingEvent(this, loading);
+                        this.emitEvent(loadingEvent);
+                        this._loading = loading;
+                    }
+                    return [2];
+                });
+            });
+        }
+    });
+    Object.defineProperty(FlowMap.prototype, "handleMissingImage", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (event) {
+            return __awaiter(this, void 0, void 0, function () {
+                var imageInfo;
+                var _this = this;
+                return __generator(this, function (_a) {
+                    imageInfo = this.imageRegistry.getImage(event.id);
+                    if (imageInfo === this.imageRegistry.unknownImage) {
+                        console.error("".concat(this.formattedName(), ": Image '").concat(event.id, "' not registered"));
+                    }
+                    if (!imageInfo.image.complete) {
+                        imageInfo.image.onload = function () {
+                            _this.maplibreMap.updateImage(event.id, imageInfo.image);
+                            _this.maplibreMap.redraw();
+                        };
+                    }
+                    this.maplibreMap.addImage(event.id, imageInfo.image, {
+                        pixelRatio: imageInfo.pixelDensity,
+                        sdf: imageInfo.recolor
+                    });
+                    return [2];
+                });
+            });
+        }
+    });
+    Object.defineProperty(FlowMap.prototype, "handleMouseClick", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (type) {
+            var _this = this;
+            return function (event) {
+                var layerIds = _this.style.getLayers(function (layer) { return layer.interactive; }).map(function (layer) { return layer.id; });
+                var features = _this.maplibreMap
+                    .queryRenderedFeatures(_this.featureQueryBox(event), { layers: layerIds })
+                    .map(_this.featureFromMaplibreFeature.bind(_this));
+                if (features.length) {
+                    debug("".concat(_this.formattedName(), " Feature ").concat(type, "ed"), features[0]);
+                }
+                var flowEvent = map_events_1.MapMouseEvent.fromMaplibreMouseEvent(type, event, _this, features);
+                _this.emitEvent(flowEvent);
+            };
+        }
+    });
+    Object.defineProperty(FlowMap.prototype, "handleMouseMove", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (event) {
+            if (event.type === 'mousemove') {
+                var layerIds = this.style.getLayers(function (layer) { return layer.interactive; }).map(function (layer) { return layer.id; });
+                var features = this.maplibreMap
+                    .queryRenderedFeatures(this.featureQueryBox(event), { layers: layerIds })
+                    .map(this.featureFromMaplibreFeature.bind(this));
+                var flowEvent = map_events_1.MapMouseEvent.fromMaplibreMouseEvent('mouseMove', event, this, features);
+                this.emitEvent(flowEvent);
+            }
+            else if (event.type === 'mouseout') {
+                var flowEvent = map_events_1.MapMouseEvent.fromMaplibreMouseEvent('mouseOut', event, this, []);
+                this.emitEvent(flowEvent);
+            }
+        }
+    });
+    Object.defineProperty(FlowMap.prototype, "initialize", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var baseStyle;
+                var _this = this;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4, this.loadBaseStyle(this.options.baseStyle)];
+                        case 1:
+                            baseStyle = _a.sent();
+                            this.style.setBaseStyle(baseStyle);
+                            this.maplibreMap = new maplibre.Map(__assign(__assign({}, this.options), { transformRequest: this.transformMapRequest.bind(this), style: baseStyle }));
+                            this.maplibreMap.once('load', function () {
+                                _this.styleUpdateSubscription = (0, mobx_utils_1.toStream)(function () { return _this.style.styleSpecification; }, false).subscribe(_this.updateMapStyle);
+                                _this.bindMapEvents();
+                                _this.resolveInitialized();
+                                debug("".concat(_this.formattedName(), ": initialized with options"), _this.options);
+                            });
+                            return [2];
+                    }
+                });
+            });
+        }
+    });
+    Object.defineProperty(FlowMap.prototype, "loadBaseStyle", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (style) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    if ((0, type_checks_1.isURL)(style)) {
+                        return [2, fetch(style).then(function (resp) { return resp.json(); })];
+                    }
+                    else if ((0, type_checks_1.isString)(style)) {
+                        return [2, this.options.flowClient.maps.get(style)];
+                    }
+                    else {
+                        return [2, style];
+                    }
+                    return [2];
+                });
+            });
+        }
+    });
+    Object.defineProperty(FlowMap.prototype, "transformMapRequest", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (url, resourceType) {
+            var requestParameters = { url: url };
+            if (this.client.accessToken && url.startsWith(this.client.baseUrl)) {
+                requestParameters.headers = { Authorization: "Bearer ".concat(this.client.accessToken) };
+            }
+            return requestParameters;
+        }
+    });
+    Object.defineProperty(FlowMap, "defaultOptions", {
+        enumerable: true,
+        configurable: true,
+        writable: true,
+        value: {
+            boxZoom: false,
+            doubleClickZoom: false,
+            featureClickTolerance: 0
+        }
+    });
+    return FlowMap;
+}(eventemitter3_1.default));
+exports.FlowMap = FlowMap;
+//# sourceMappingURL=flow-map.js.map