@emuanalytics/flow-rdf-core 1.1.0 → 1.1.2

package/dist/esm5/lib/flow-core-map/flow-core-map.js

@@ -0,0 +1,746 @@
+import { __assign, __awaiter, __extends, __generator } from "tslib";
+import Debug from 'debug';
+import EventEmitter from 'eventemitter3';
+import * as maplibre from 'maplibre-gl';
+import { runInAction } from 'mobx';
+import { toStream } from 'mobx-utils';
+import { FlowCoreError } from '../errors';
+import { FlowCoreMapError } from '../errors/flow-core-map-error';
+import { FlowCoreMapStyle } from '../flow-core-map-style';
+import { isDefined, isNil, isString, isStringFull, isUndefined, isURL } from '../utils';
+import { assert } from '../utils/assert';
+import { debounceWithArgs, throttle } from '../utils/functional';
+import { PluginManager } from './plugins/plugin-manager';
+import { FlowCoreMapEvent, FlowCoreMapLoadingEvent, FlowCoreMapMouseEvent, FlowCoreMapSourceEvent, FlowCoreMapStyleChangeEvent } from './support/flow-core-map-events';
+import { FlowCoreMapFeatureStream } from './support/flow-core-map-feature-stream';
+import { ImageRegistry } from './support/image-registry';
+var debug = Debug('flow:flow-core-map');
+var MOUSE_MOVE_THROTTLE_DURATION = 200;
+var FlowCoreMap = (function (_super) {
+    __extends(FlowCoreMap, _super);
+    function FlowCoreMap(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 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: 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 FlowCoreMapStyleChangeEvent('beforeStyleChanged', _this, oldStyle, style);
+                style = _this.pluginManager.forwardStyleChangeEvent(new FlowCoreMapStyleChangeEvent('beforeStyleChanged', _this, oldStyle, style));
+                _this.emit(beforeEvent.type, beforeEvent);
+                debug("".concat(_this.formattedName(), ": Updating style"), style);
+                _this.maplibreMap.setStyle(style);
+                _this.emitEvent(new FlowCoreMapStyleChangeEvent('styleChanged', _this, oldStyle, style));
+            }
+        });
+        Object.defineProperty(_this, "maplibreMap", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        _this.options = __assign(__assign({}, FlowCoreMap.defaultOptions), options);
+        _this.style = new FlowCoreMapStyle({
+            id: 'style'
+        });
+        _this.debouncedEmitSourceEvent = 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 PluginManager(_this);
+        _this.initialize();
+        return _this;
+    }
+    Object.defineProperty(FlowCoreMap.prototype, "client", {
+        get: function () {
+            return this.options.flowClient;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(FlowCoreMap.prototype, "container", {
+        get: function () {
+            return this.maplibreMap.getContainer();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(FlowCoreMap.prototype, "id", {
+        get: function () {
+            return this.options.id;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(FlowCoreMap.prototype, "initialized", {
+        get: function () {
+            return this._initialized;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(FlowCoreMap.prototype, "state", {
+        get: function () {
+            return this._state;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(FlowCoreMap.prototype, "styleSpecification", {
+        get: function () {
+            return this.style.styleSpecification;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(FlowCoreMap.prototype, "addLayer", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (layer) {
+            this.style.addLayer(layer);
+            return this;
+        }
+    });
+    Object.defineProperty(FlowCoreMap.prototype, "addSource", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (source) {
+            this.emitEvent(new FlowCoreMapSourceEvent('beforeSourceAdded', this, source.id));
+            source.setFlowEndpoint({
+                host: this.options.flowClient.baseUrl,
+                apiKey: this.options.flowClient.apiKey || undefined
+            });
+            this.style.addSource(source);
+            this.emitEvent(new FlowCoreMapSourceEvent('sourceAdded', this, source.id));
+            return this;
+        }
+    });
+    Object.defineProperty(FlowCoreMap.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(FlowCoreMap.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 FlowCoreMapEvent('destroyed', this));
+        }
+    });
+    Object.defineProperty(FlowCoreMap.prototype, "emitError", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (message, originalError) {
+            var error = new FlowCoreMapError("".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(FlowCoreMap.prototype, "emitEvent", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (event) {
+            this.pluginManager.forwardEvent(event.type, event);
+            this.emit(event.type, event);
+        }
+    });
+    Object.defineProperty(FlowCoreMap.prototype, "featureStream", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (options) {
+            return new FlowCoreMapFeatureStream(__assign({ map: this }, options));
+        }
+    });
+    Object.defineProperty(FlowCoreMap.prototype, "formattedName", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            return "FlowCoreMap<".concat(this.options.id, ">");
+        }
+    });
+    Object.defineProperty(FlowCoreMap.prototype, "getFeatureState", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (feature) {
+            return this.maplibreMap.getFeatureState(feature);
+        }
+    });
+    Object.defineProperty(FlowCoreMap.prototype, "getLayer", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (id) {
+            return this.style.getLayer(id);
+        }
+    });
+    Object.defineProperty(FlowCoreMap.prototype, "getLayers", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (filter) {
+            return this.style.getLayers(filter);
+        }
+    });
+    Object.defineProperty(FlowCoreMap.prototype, "getPlugin", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (pluginOrName) {
+            return this.pluginManager.getPlugin(pluginOrName);
+        }
+    });
+    Object.defineProperty(FlowCoreMap.prototype, "getSource", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (id) {
+            return this.style.getSource(id);
+        }
+    });
+    Object.defineProperty(FlowCoreMap.prototype, "getSources", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (filter) {
+            return this.style.getSources(filter);
+        }
+    });
+    Object.defineProperty(FlowCoreMap.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(FlowCoreMap.prototype, "removeFeatureState", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (feature, key, fireEvent) {
+            var _a;
+            if (fireEvent === void 0) { fireEvent = true; }
+            if (isNil(feature.id) && isDefined(key)) {
+                var style = this.maplibreMap.style;
+                style._checkLoaded();
+                var sourceId = feature.source;
+                var sourceCache = style.sourceCaches[sourceId];
+                if (sourceCache === undefined) {
+                    throw new 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 FlowCoreMapSourceEvent('sourceFeatureState', this, feature.source);
+                this.debouncedEmitSourceEvent(sourceEvent);
+            }
+        }
+    });
+    Object.defineProperty(FlowCoreMap.prototype, "removeLayer", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (id) {
+            this.style.removeLayer(id);
+            return this;
+        }
+    });
+    Object.defineProperty(FlowCoreMap.prototype, "removeSource", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (id, removeLayers) {
+            if (removeLayers === void 0) { removeLayers = false; }
+            this.emitEvent(new FlowCoreMapSourceEvent('beforeSourceRemoved', this, id));
+            this.style.removeSource(id, removeLayers);
+            this.emitEvent(new FlowCoreMapSourceEvent('sourceRemoved', this, id));
+            return this;
+        }
+    });
+    Object.defineProperty(FlowCoreMap.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(FlowCoreMap.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(FlowCoreMap.prototype, "setCenter", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (center, animationOptions) {
+            var lngLat = isDefined(center.lng) && 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(FlowCoreMap.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(FlowCoreMap.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(FlowCoreMap.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);
+            assert(isStringFull(source.featureId));
+            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 FlowCoreMapSourceEvent('sourceFeatureState', this, feature.source);
+                this.debouncedEmitSourceEvent(sourceEvent);
+            }
+        }
+    });
+    Object.defineProperty(FlowCoreMap.prototype, "setFeatureStateBulk", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (sourceId, featureState) {
+            var _a;
+            var source = this.getSource(sourceId.source);
+            assert(isStringFull(source.featureId));
+            this.maplibreMap.style._checkLoaded();
+            var sourceCache = this.maplibreMap.style.sourceCaches[sourceId.source];
+            if (isUndefined(sourceCache)) {
+                throw new 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 FlowCoreMapSourceEvent('sourceFeatureState', this, sourceId.source);
+            this.debouncedEmitSourceEvent(sourceEvent);
+        }
+    });
+    Object.defineProperty(FlowCoreMap.prototype, "transaction", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (fn) {
+            runInAction(function () { return fn(); });
+        }
+    });
+    Object.defineProperty(FlowCoreMap.prototype, "usePlugin", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (plugin, options) {
+            this.pluginManager.usePlugin(plugin, options);
+            return this;
+        }
+    });
+    Object.defineProperty(FlowCoreMap.prototype, "usePlugins", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (plugins) {
+            var _this = this;
+            plugins.forEach(function (plugin) { return _this.usePlugin(plugin); });
+            return this;
+        }
+    });
+    Object.defineProperty(FlowCoreMap.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 = FlowCoreMapEvent.fromMaplibreEvent(eventName, _this, event);
+                    _this.emitEvent(flowEvent);
+                });
+            });
+        }
+    });
+    Object.defineProperty(FlowCoreMap.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(FlowCoreMap.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(FlowCoreMap.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 FlowCoreMapLoadingEvent(this, loading);
+                        this.emitEvent(loadingEvent);
+                        this._loading = loading;
+                    }
+                    return [2];
+                });
+            });
+        }
+    });
+    Object.defineProperty(FlowCoreMap.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(FlowCoreMap.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 = FlowCoreMapMouseEvent.fromMaplibreMouseEvent(type, event, _this, features);
+                _this.emitEvent(flowEvent);
+            };
+        }
+    });
+    Object.defineProperty(FlowCoreMap.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 = FlowCoreMapMouseEvent.fromMaplibreMouseEvent('mouseMove', event, this, features);
+                this.emitEvent(flowEvent);
+            }
+            else if (event.type === 'mouseout') {
+                var flowEvent = FlowCoreMapMouseEvent.fromMaplibreMouseEvent('mouseOut', event, this, []);
+                this.emitEvent(flowEvent);
+            }
+        }
+    });
+    Object.defineProperty(FlowCoreMap.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 = 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(FlowCoreMap.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 (isURL(style)) {
+                        return [2, fetch(style).then(function (resp) { return resp.json(); })];
+                    }
+                    else if (isString(style)) {
+                        return [2, this.options.flowClient.maps.get(style)];
+                    }
+                    else {
+                        return [2, style];
+                    }
+                    return [2];
+                });
+            });
+        }
+    });
+    Object.defineProperty(FlowCoreMap.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(FlowCoreMap, "defaultOptions", {
+        enumerable: true,
+        configurable: true,
+        writable: true,
+        value: {
+            boxZoom: false,
+            doubleClickZoom: false,
+            featureClickTolerance: 0
+        }
+    });
+    return FlowCoreMap;
+}(EventEmitter));
+export { FlowCoreMap };
+//# sourceMappingURL=flow-core-map.js.map