mobility-toolbox-js 3.0.0-beta.8 → 3.0.0

package/ol/layers/MapGlLayer.js

@@ -1,142 +0,0 @@
-import Source from 'ol/source/Source';
-import BaseEvent from 'ol/events/Event';
-import Layer from 'ol/layer/Layer';
-import debounce from 'lodash.debounce';
-import { getUrlWithParams, getMapGlCopyrights } from '../../common/utils';
-import MobilityLayerMixin from '../mixins/MobilityLayerMixin';
-/**
- * Common class for Maplibre and Maplibre and potential other fork from Maplibre.
- * It's used to share code between Maplibre and Maplibre layers without importing both libs.
- * @private
- */
-class MapGlLayer extends MobilityLayerMixin(Layer) {
-    get apiKey() {
-        return this.get('apiKey');
-    }
-    set apiKey(newValue) {
-        this.set('apiKey', newValue);
-    }
-    get apiKeyName() {
-        return this.get('apiKeyName');
-    }
-    set apiKeyName(newValue) {
-        this.set('apiKeyName', newValue);
-    }
-    get style() {
-        return this.get('style');
-    }
-    set style(newValue) {
-        this.set('style', newValue);
-    }
-    get url() {
-        return this.get('url');
-    }
-    set url(newValue) {
-        this.set('url', newValue);
-    }
-    get queryRenderedFeaturesOptions() {
-        return this.get('queryRenderedFeaturesOptions');
-    }
-    set queryRenderedFeaturesOptions(newValue) {
-        this.set('queryRenderedFeaturesOptions', newValue);
-    }
-    constructor(options) {
-        super(Object.assign(Object.assign({ source: new Source({
-                attributions: () => {
-                    return (this.mbMap && getMapGlCopyrights(this.mbMap)) || [];
-                },
-            }), apiKeyName: 'key', style: 'travic_v2', url: 'https://maps.geops.io' }, (options || {})), { mapOptions: Object.assign({ interactive: false, trackResize: false, attributionControl: false }, ((options === null || options === void 0 ? void 0 : options.mapOptions) || {})), queryRenderedFeaturesOptions: Object.assign({}, ((options === null || options === void 0 ? void 0 : options.queryRenderedFeaturesOptions) || {})) }));
-    }
-    /**
-     * Initialize the layer and listen to feature clicks.
-     * @param {ol/Map~Map} map
-     */
-    attachToMap(map) {
-        super.attachToMap(map);
-        this.loadMbMap();
-        const updateMbMapDebounced = debounce(this.updateMbMap.bind(this), 150);
-        this.olListenersKeys.push(this.on('propertychange', (evt) => {
-            if (/(apiKey|apiKeyName|url|style)/.test(evt.key)) {
-                updateMbMapDebounced();
-            }
-        }));
-    }
-    /**
-     * Terminate what was initialized in init function. Remove layer, events...
-     */
-    detachFromMap() {
-        if (this.mbMap) {
-            // Some asynchrone repaints are triggered even if the mbMap has been removed,
-            // to avoid display of errors we set an empty function.
-            this.mbMap.triggerRepaint = () => { };
-            this.mbMap.remove();
-            this.mbMap = undefined;
-        }
-        this.loaded = false;
-        super.detachFromMap();
-    }
-    /**
-     * Create the Maplibre map.
-     * @private
-     */
-    loadMbMap() {
-        var _a, _b, _c;
-        this.loaded = false;
-        this.olListenersKeys.push(
-        // @ts-ignore
-        (_a = this.map) === null || _a === void 0 ? void 0 : _a.on('change:target', this.loadMbMap.bind(this)));
-        if (!((_b = this.map) === null || _b === void 0 ? void 0 : _b.getTargetElement())) {
-            return;
-        }
-        if (!this.visible) {
-            // On next change of visibility we load the map
-            this.olListenersKeys.push(
-            // @ts-ignore
-            this.once('change:visible', this.loadMbMap.bind(this)));
-            return;
-        }
-        const container = document.createElement('div');
-        container.style.position = 'absolute';
-        container.style.width = '100%';
-        container.style.height = '100%';
-        /**
-         * A Maplibre map
-         * @type {maplibregl.Map}
-         */
-        this.mbMap = this.createMap(Object.assign({ style: this.getStyle(), container }, (((_c = this.options) === null || _c === void 0 ? void 0 : _c.mapOptions) || {})));
-        this.mbMap.on('sourcedata', () => {
-            var _a;
-            (_a = this.getSource()) === null || _a === void 0 ? void 0 : _a.refresh(); // Refresh attribution
-        });
-        this.mbMap.once('load', () => {
-            this.loaded = true;
-            this.dispatchEvent(new BaseEvent('load'));
-        });
-    }
-    getStyle() {
-        // If the style is a complete style object, use it directly.
-        if (this.style &&
-            typeof this.style === 'object' &&
-            this.style.name &&
-            this.style.version) {
-            return this.style;
-        }
-        // If the url set is already a complete style url, use it directly.
-        if (this.url.includes('style.json')) {
-            return this.url;
-        }
-        /// Otherwise build the complete style url.
-        return getUrlWithParams(`${this.url}/styles/${this.style}/style.json`, {
-            [this.apiKeyName]: this.apiKey,
-        }).toString();
-    }
-    // eslint-disable-next-line class-methods-use-this, @typescript-eslint/no-unused-vars
-    createMap(options) {
-        throw new Error('createMap must be implemented in child class');
-    }
-    updateMbMap() {
-        var _a;
-        (_a = this.mbMap) === null || _a === void 0 ? void 0 : _a.setStyle(this.getStyle(), { diff: false });
-    }
-}
-export default MapGlLayer;

package/ol/mixins/MobilityLayerMixin.js

@@ -1,9 +0,0 @@
-import PropertiesLayerMixin from './PropertiesLayerMixin';
-function MobilityLayerMixin(Base) {
-    return class extends PropertiesLayerMixin(Base) {
-        constructor(options = {}) {
-            super(options);
-        }
-    };
-}
-export default MobilityLayerMixin;

package/ol/mixins/PropertiesLayerMixin.js

@@ -1,142 +0,0 @@
-import { getUid } from 'ol';
-import getLayersAsFlatArray from '../../common/utils/getLayersAsFlatArray';
-/**
- * This mixin adds some properties to access some ol properties easily ansd also
- * the management of a hierarchy of layers using children, parent and group property.
- */
-function PropertiesLayerMixin(Base) {
-    return class extends Base {
-        get children() {
-            return this.get('children') || [];
-        }
-        set children(newValue) {
-            this.set('children', newValue || []);
-        }
-        get copyrights() {
-            // eslint-disable-next-line no-console
-            console.warn('Deprecated. Use the source object to get the attributions');
-            return this.get('copyrights');
-        }
-        set copyrights(newCopyrights) {
-            // eslint-disable-next-line no-console
-            console.warn('Deprecated. Use the source object to set the attributions');
-            const arrValue = newCopyrights && !Array.isArray(newCopyrights)
-                ? [newCopyrights]
-                : newCopyrights;
-            this.set('copyrights', arrValue || []);
-        }
-        get disabled() {
-            return this.get('disabled');
-        }
-        set disabled(newValue) {
-            this.set('disabled', newValue);
-        }
-        get group() {
-            return this.get('group');
-        }
-        get hitTolerance() {
-            // eslint-disable-next-line no-console
-            console.warn('Deprecated. Pass the pixelTolerance when you request the features.');
-            return this.get('hitTolerance') || 5;
-        }
-        get key() {
-            return this.get('key') || this.get('name') || getUid(this);
-        }
-        get map() {
-            return this.getMapInternal();
-        }
-        get name() {
-            return this.get('name');
-        }
-        get olLayer() {
-            // eslint-disable-next-line no-console
-            console.warn("Deprecated property: mobility-toolbox-js/ol layers inherits now from ol/layer/Layer class. This getter is only a redirect to the current 'this' object.");
-            return this;
-        }
-        // eslint-disable-next-line class-methods-use-this
-        set olLayer(newValue) {
-            // eslint-disable-next-line no-console
-            console.log('Deprecated property: mobility-toolbox-js/ol layers inherits now from ol/layer/Layer class. This setter has no effect.');
-        }
-        get parent() {
-            return this.get('parent');
-        }
-        set parent(newValue) {
-            this.set('parent', newValue);
-        }
-        get visible() {
-            return this.getVisible();
-        }
-        set visible(newValue) {
-            this.setVisible(newValue);
-        }
-        constructor(options) {
-            var _a;
-            super(options);
-            this.options = {};
-            this.olListenersKeys = [];
-            if (options.properties) {
-                // eslint-disable-next-line no-console
-                console.warn("Deprecated. Don't use properties options. Pass the values directly in options object.");
-                this.setProperties(options.properties);
-            }
-            (_a = this.olListenersKeys) === null || _a === void 0 ? void 0 : _a.push(
-            // Update parent property
-            this.on('propertychange', (evt) => {
-                if (evt.key === 'children') {
-                    this.onChildrenChange(evt.oldValue);
-                }
-            }));
-            this.options = options;
-            this.children = options.children || []; // Trigger the on children change event
-        }
-        setMapInternal(map) {
-            super.setMapInternal(map);
-            if (map) {
-                this.attachToMap(map);
-            }
-            else {
-                this.detachFromMap();
-            }
-        }
-        /** @private */
-        onChildrenChange(oldValue) {
-            // Set the parent property
-            (oldValue || []).forEach((child) => {
-                child.set('parent', undefined);
-            });
-            (this.children || []).forEach((child) => {
-                child.set('parent', this);
-            });
-        }
-        /**
-         * Initialize the layer with the map passed in parameters.
-         *
-         * @param {ol/Map~Map} map A map.
-         */
-        attachToMap(map) {
-            // @ts-ignore
-            (super.attachToMap || (() => { }))(map);
-            (this.get('children') || []).forEach((child) => {
-                map.addLayer(child);
-            });
-        }
-        /**
-         * Terminate what was initialized in init function. Remove layer, events...
-         */
-        detachFromMap() {
-            (this.get('children') || []).forEach((child) => {
-                this.map.removeLayer(child);
-            });
-            // @ts-ignore
-            (super.detachFromMap || (() => { }))();
-        }
-        /**
-         * Return the an array containing all the descendants of the layer in a flat array. Including the current layer.
-         */
-        flat() {
-            return getLayersAsFlatArray(this);
-        }
-    };
-}
-export default PropertiesLayerMixin;