@openremote/or-map 1.0.2-alpha → 1.2.0-snapshot.20240512154942

package/dist/util.js

@@ -1,53 +0,0 @@
-import { LngLat, LngLatBounds } from "mapbox-gl";
-import L from "mapbox.js";
-export function getLngLat(lngLatLike) {
-    if (lngLatLike) {
-        if (lngLatLike instanceof LngLat) {
-            return lngLatLike;
-        }
-        const obj = lngLatLike;
-        if (obj.hasOwnProperty("lng")) {
-            const lngLatObj = obj;
-            return new LngLat(lngLatObj.lng, lngLatObj.lat);
-        }
-        if (obj.hasOwnProperty("lon")) {
-            const lonLatObj = obj;
-            return new LngLat(lonLatObj.lon, lonLatObj.lat);
-        }
-        const lonLatArr = obj;
-        if (lonLatArr.length === 2) {
-            return new LngLat(lonLatArr[0], lonLatArr[1]);
-        }
-    }
-}
-export function getLngLatBounds(lngLatBoundsLike) {
-    if (lngLatBoundsLike) {
-        if (lngLatBoundsLike instanceof LngLatBounds) {
-            return lngLatBoundsLike;
-        }
-        const arr = lngLatBoundsLike;
-        if (arr.length === 2) {
-            const sw = getLngLat(arr[0]);
-            const ne = getLngLat(arr[1]);
-            if (sw && ne) {
-                return new LngLatBounds(sw, ne);
-            }
-        }
-        if (arr.length === 4) {
-            return new LngLatBounds([arr[0], arr[1], arr[2], arr[3]]);
-        }
-    }
-}
-export function getLatLng(lngLatLike) {
-    const lngLat = getLngLat(lngLatLike);
-    if (lngLat) {
-        return L.latLng(lngLat.lat, lngLat.lng);
-    }
-}
-export function getLatLngBounds(lngLatBoundsLike) {
-    const lngLatBounds = getLngLatBounds(lngLatBoundsLike);
-    if (lngLatBounds) {
-        return L.latLngBounds(getLatLng(lngLatBounds.getNorthEast()), getLatLng(lngLatBounds.getSouthWest()));
-    }
-}
-//# sourceMappingURL=util.js.map

package/dist/util.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"util.js","sourceRoot":"","sources":["../src/util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAE,YAAY,EAA+B,MAAM,WAAW,CAAC;AAC7E,OAAO,CAAyB,MAAM,WAAW,CAAC;AAElD,MAAM,UAAU,SAAS,CAAC,UAAuB;IAC7C,IAAI,UAAU,EAAE;QAEZ,IAAI,UAAU,YAAY,MAAM,EAAE;YAC9B,OAAO,UAAoB,CAAC;SAC/B;QAED,MAAM,GAAG,GAAG,UAAoB,CAAC;QAEjC,IAAI,GAAG,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;YAC3B,MAAM,SAAS,GAAG,GAAoC,CAAC;YACvD,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;SACnD;QAED,IAAI,GAAG,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;YAC3B,MAAM,SAAS,GAAG,GAAoC,CAAC;YACvD,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;SACnD;QACD,MAAM,SAAS,GAAG,GAAe,CAAC;QAElC,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;YACxB,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;SACjD;KACJ;AACL,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,gBAAmC;IAC/D,IAAI,gBAAgB,EAAE;QAElB,IAAI,gBAAgB,YAAY,YAAY,EAAE;YAC1C,OAAO,gBAAgC,CAAC;SAC3C;QAED,MAAM,GAAG,GAAG,gBAAyB,CAAC;QACtC,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC,EAAE;YAClB,MAAM,EAAE,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;YAC7B,MAAM,EAAE,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;YAC7B,IAAI,EAAE,IAAI,EAAE,EAAE;gBACV,OAAO,IAAI,YAAY,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;aACnC;SACJ;QAED,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC,EAAE;YAClB,OAAO,IAAI,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SAC7D;KACJ;AACL,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,UAAuB;IAC7C,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;IACrC,IAAI,MAAM,EAAE;QACR,OAAO,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC;KAC3C;AACL,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,gBAAmC;IAC/D,MAAM,YAAY,GAAG,eAAe,CAAC,gBAAgB,CAAC,CAAC;IACvD,IAAI,YAAY,EAAE;QACd,OAAO,CAAC,CAAC,YAAY,CAAC,SAAS,CAAC,YAAY,CAAC,YAAY,EAAE,CAAE,EAAE,SAAS,CAAC,YAAY,CAAC,YAAY,EAAE,CAAE,CAAC,CAAC;KAC3G;AACL,CAAC"}

package/src/index.d.ts

@@ -1,27 +0,0 @@
-import { EventCallback } from "@openremote/core";
-import { PolymerElement } from "@polymer/polymer";
-import { FlattenedNodesObserver } from '@polymer/polymer/lib/utils/flattened-nodes-observer.js';
-import { MapWidget } from "./mapwidget";
-export declare enum Type {
-    VECTOR = "VECTOR",
-    RASTER = "RASTER"
-}
-/**
- * `or-map`
- * Displays a map
- *
- */
-export declare class OrMap extends PolymerElement {
-    protected _initCallback?: EventCallback;
-    protected _map?: MapWidget;
-    protected _loaded: boolean;
-    protected _observer?: FlattenedNodesObserver;
-    static readonly template: HTMLTemplateElement;
-    type: Type;
-    constructor();
-    _processNewMarkers(nodes: Element[]): void;
-    _processRemovedMarkers(nodes: Element[]): void;
-    disconnectedCallback(): void;
-    ready(): void;
-    loadMap(): void;
-}

package/src/index.js

@@ -1,121 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import openremote, { OREvent } from "@openremote/core";
-import { html, PolymerElement } from "@polymer/polymer";
-import { FlattenedNodesObserver } from '@polymer/polymer/lib/utils/flattened-nodes-observer.js';
-import { customElement, property } from '@polymer/decorators';
-import { OrMapMarker } from "./markers/or-map-marker";
-import { MapWidget } from "./mapwidget";
-export var Type;
-(function (Type) {
-    Type["VECTOR"] = "VECTOR";
-    Type["RASTER"] = "RASTER";
-})(Type || (Type = {}));
-/**
- * `or-map`
- * Displays a map
- *
- */
-let OrMap = class OrMap extends PolymerElement {
-    constructor() {
-        super();
-        this._loaded = false;
-        this.type = Type.VECTOR;
-    }
-    static get template() {
-        return html `
-      <style>
-        :host {
-            display: block;
-            overflow: hidden;
-        }
-        #map {            
-            position: relative;
-            width: 100%;
-            height: 100%;
-        }
-        slot {
-            display: none;
-        }
-        .marker {
-            background-image: url('http://pngimg.com/uploads/smiley/smiley_PNG36233.png');
-            position: absolute;
-            width: 32px;
-            height: 32px;
-            background-size: 32px;
-        }
-      </style>
-      <div id="map"></div>
-      <slot id="markers-slot"></slot>
-    `;
-    }
-    _processNewMarkers(nodes) {
-        nodes.forEach((node) => {
-            if (!this._map) {
-                return;
-            }
-            if (node instanceof OrMapMarker) {
-                node.map = this._map;
-            }
-        });
-    }
-    _processRemovedMarkers(nodes) {
-        nodes.forEach((node) => {
-            if (!this._map) {
-                return;
-            }
-            if (node instanceof OrMapMarker) {
-                node.map = undefined;
-            }
-        });
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this._observer.disconnect();
-    }
-    ready() {
-        super.ready();
-        if (!openremote.ready) {
-            // Defer until openremote is initialised
-            this._initCallback = (initEvent) => {
-                if (initEvent === OREvent.READY) {
-                    this.loadMap();
-                }
-            };
-            openremote.addListener(this._initCallback);
-        }
-        else {
-            this.loadMap();
-        }
-    }
-    loadMap() {
-        if (this._loaded) {
-            return;
-        }
-        if (this.shadowRoot) {
-            const mapElement = this.shadowRoot.getElementById('map');
-            this._map = new MapWidget(this.type, this.shadowRoot, mapElement);
-            this._map.load().then(() => {
-                // Get markers from slot
-                let slotElement = this.shadowRoot.getElementById('markers-slot');
-                this._observer = new FlattenedNodesObserver(slotElement, (info) => {
-                    this._processNewMarkers(info.addedNodes);
-                    this._processRemovedMarkers(info.removedNodes);
-                });
-            });
-        }
-        this._loaded = true;
-    }
-};
-__decorate([
-    property({ type: String })
-], OrMap.prototype, "type", void 0);
-OrMap = __decorate([
-    customElement('or-map')
-], OrMap);
-export { OrMap };
-//# sourceMappingURL=index.js.map

package/src/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"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"}

package/src/index.ts

@@ -1,226 +0,0 @@
-import openremote, {EventCallback, OREvent} from "@openremote/core";
-import {FlattenedNodesObserver} from "@polymer/polymer/lib/utils/flattened-nodes-observer.js";
-import {css, customElement, html, LitElement, property, query, PropertyValues, CSSResult} from "lit-element";
-import {LngLat, LngLatBoundsLike, LngLatLike} from "mapbox-gl";
-import {MapWidget} from "./mapwidget";
-import {
-    OrMapMarker, OrMapMarkerEvent, OrMapMarkerChangedEvent, MarkerStyle
-} from "./markers/or-map-marker";
-import {getLngLat} from "./util";
-
-export enum Type {
-    VECTOR = "VECTOR",
-    RASTER = "RASTER"
-}
-
-export interface ViewSettings {
-    "center": LngLatLike;
-    "bounds": LngLatBoundsLike;
-    "zoom": number;
-    "maxZoom": number;
-    "minZoom": number;
-    "boxZoom": boolean;
-}
-
-@customElement("or-map")
-export class OrMap extends LitElement {
-
-    public static styles = [
-        MarkerStyle,
-        css`
-        :host {
-            display: block;
-            overflow: hidden;
-        }
-        
-        #map {            
-            position: relative;
-            width: 100%;
-            height: 100%;
-        }
-        
-        slot {
-            display: none;
-        }
-        
-        :host([hidden]) {
-            display: none;
-        }
-        
-        .leaflet-marker-icon, .mapboxgl-marker {
-            pointer-events: none !important;
-        }
-    `];
-
-    @property({type: String})
-    public type: Type = Type.VECTOR;
-
-    protected _markerStyles: string[] = [];
-
-    @property({type: String, converter: {
-            fromAttribute(value: string | null, type?: String): LngLatLike | undefined {
-                if (!value) {
-                    return;
-                }
-
-                const coords = value.split(",");
-                if (coords.length !== 2) {
-                    return;
-                }
-                const lng = Number(coords[0]);
-                const lat = Number(coords[1]);
-                return new LngLat(lng, lat);
-            },
-
-            toAttribute(value?: LngLatLike, type?: String): string {
-                const lngLat = getLngLat(value);
-
-                if (!lngLat) {
-                    return "";
-                }
-
-                return "" + lngLat.lng + "," + lngLat.lat;
-            }
-        }})
-    public center?: LngLatLike;
-
-    @property({type: Number})
-    public zoom?: number;
-
-    protected _initCallback?: EventCallback;
-    protected _map?: MapWidget;
-    protected _loaded: boolean = false;
-    protected _observer?: FlattenedNodesObserver;
-    protected _markers: OrMapMarker[] = [];
-
-    @query("#map")
-    protected _mapContainer?: HTMLElement;
-
-    @query("slot")
-    protected _slotElement?: HTMLSlotElement;
-
-    constructor() {
-        super();
-        this.addEventListener(OrMapMarkerEvent.CHANGED, this._onMarkerChangedEvent);
-    }
-
-    public get markers(): OrMapMarker[] {
-        return this._markers;
-    }
-
-    public disconnectedCallback() {
-        super.disconnectedCallback();
-        this._observer!.disconnect();
-    }
-
-    protected firstUpdated(_changedProperties: PropertyValues): void {
-
-        if (!openremote.ready) {
-            // Defer until openremote is initialised
-            this._initCallback = (initEvent) => {
-                if (initEvent === OREvent.READY) {
-                    this.loadMap();
-
-                    openremote.removeListener(this._initCallback!);
-                }
-            };
-            openremote.addListener(this._initCallback);
-        } else {
-            this.loadMap();
-        }
-    }
-
-    public loadMap() {
-
-        if (this._loaded) {
-            return;
-        }
-
-        if (this._mapContainer && this._slotElement) {
-
-            this._map = new MapWidget(this.type, this.shadowRoot!, this._mapContainer)
-                .setCenter(this.center)
-                .setZoom(this.zoom);
-            this._map.load().then(() => {
-                // Get markers from slot
-                this._observer = new FlattenedNodesObserver(this._slotElement!, (info: any) => {
-                    this._processNewMarkers(info.addedNodes);
-                    this._processRemovedMarkers(info.removedNodes);
-                });
-            });
-        }
-
-        this._loaded = true;
-    }
-
-    protected _onMarkerChangedEvent(evt: OrMapMarkerChangedEvent) {
-        if (this._map) {
-            this._map.onMarkerChanged(evt.detail.marker, evt.detail.property);
-        }
-    }
-
-    protected _processNewMarkers(nodes: Element[]) {
-        nodes.forEach((node) => {
-            if (!this._map) {
-                return;
-            }
-
-            if (node instanceof OrMapMarker) {
-
-                this._markers.push(node);
-
-                // Add styles of marker class to the shadow root if not already added
-                const className = node.constructor.name;
-                if (this._markerStyles.indexOf(className) < 0) {
-                    const styles = (node.constructor as any).styles;
-                    let stylesArr: CSSResult[] = [];
-
-                    if (styles) {
-                        if (!Array.isArray(styles)) {
-                            stylesArr.push(styles as CSSResult);
-                        } else {
-                            stylesArr = styles as CSSResult[];
-                        }
-
-                        stylesArr.forEach((styleItem) => {
-                            const styleElem = document.createElement("style");
-                            styleElem.textContent = styleItem.toString();
-                            if (this._mapContainer!.children.length > 0) {
-                                this._mapContainer!.insertBefore(styleElem, this._mapContainer!.children[0]);
-                            } else {
-                                this._mapContainer!.appendChild(styleElem);
-                            }
-                        })
-                    }
-
-                    this._markerStyles.push(className);
-                }
-
-                this._map.addMarker(node);
-            }
-        });
-    }
-
-    protected _processRemovedMarkers(nodes: Element[]) {
-        nodes.forEach((node) => {
-            if (!this._map) {
-                return;
-            }
-
-            if (node instanceof OrMapMarker) {
-                const i = this._markers.indexOf(node);
-                if (i >= 0) {
-                    this._markers.splice(i, 1);
-                }
-                this._map.removeMarker(node);
-            }
-        });
-    }
-
-    protected render() {
-        return html`
-          <div id="map"></div>
-          <slot></slot>
-        `;
-    }
-}

package/src/mapwidget.d.ts

@@ -1,21 +0,0 @@
-import L, { Marker } from "mapbox.js";
-import { Type } from "./index";
-import { Map as MapGL, Marker as MarkerGL } from "mapbox-gl";
-import { OrMapMarker } from "./markers/or-map-marker";
-export declare class MapWidget {
-    protected _mapJs?: L.mapbox.map;
-    protected _mapGl?: MapGL;
-    protected static _mapboxGlStyle?: any;
-    protected static _mapboxJsStyle?: any;
-    protected _type: Type;
-    protected _styleParent: Node;
-    protected _mapContainer: HTMLElement;
-    protected _loaded: boolean;
-    protected _markersJs?: Map<OrMapMarker, Marker>;
-    protected _markersGl?: Map<OrMapMarker, MarkerGL>;
-    constructor(type: Type, styleParent: Node, mapContainer: HTMLElement);
-    load(): Promise<void>;
-    addMarker(marker: OrMapMarker): void;
-    removeMarker(marker: OrMapMarker): void;
-    updateMarkerPosition(marker: OrMapMarker): void;
-}

package/src/mapwidget.js

@@ -1,164 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    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) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import L from "mapbox.js";
-import { Type } from "./index";
-import rest from "@openremote/rest";
-import openremote from "@openremote/core";
-import { Marker as MarkerGL } from "mapbox-gl";
-export class MapWidget {
-    constructor(type, styleParent, mapContainer) {
-        this._loaded = false;
-        this._type = type;
-        this._styleParent = styleParent;
-        this._mapContainer = mapContainer;
-        switch (type) {
-            case Type.RASTER:
-                this._markersJs = new Map();
-                break;
-            case Type.VECTOR:
-                this._markersGl = new Map();
-                break;
-        }
-    }
-    load() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this._loaded) {
-                return;
-            }
-            this._loaded = true;
-            if (this._type === Type.RASTER) {
-                if (!MapWidget._mapboxJsStyle) {
-                    // @ts-ignore
-                    MapWidget._mapboxJsStyle = yield import("mapbox.js/theme/style.css");
-                }
-                // Add style to shadow root
-                var style = document.createElement('style');
-                style.id = "mapboxJsStyle";
-                style.textContent = MapWidget._mapboxJsStyle.default.toString();
-                this._styleParent.appendChild(style);
-                const settingsResponse = yield rest.api.MapResource.getSettingsJs();
-                const settings = settingsResponse.data;
-                // Load options for current realm or fallback to default if exist
-                let settingOptions = settings.options ? settings.options[openremote.getRealm() || "default"] ? settings.options[openremote.getRealm() || "default"] : settings.options.default : null;
-                let options;
-                if (settingOptions) {
-                    options = {};
-                    // JS zoom is out by one compared to GL
-                    options.zoom = settingOptions.zoom ? settingOptions.zoom + 1 : undefined;
-                    options.maxZoom = settingOptions.maxZoom;
-                    options.minZoom = settingOptions.minZoom;
-                    options.boxZoom = settingOptions.boxZoom;
-                    // JS uses lat then lng unlike GL
-                    if (settingOptions.bounds) {
-                        let b = settingOptions.bounds;
-                        options.maxBounds = [
-                            [b[1], b[0]],
-                            [b[3], b[2]],
-                        ];
-                    }
-                    if (settingOptions.center) {
-                        let c = settingOptions.center;
-                        options.center = [
-                            c[1], c[0]
-                        ];
-                    }
-                }
-                this._mapJs = new L.mapbox.map(this._mapContainer, settings, options);
-                if (options && options.maxBounds) {
-                    const minZoom = this._mapJs.getBoundsZoom(options.maxBounds, true);
-                    if (!options.minZoom || options.minZoom < minZoom) {
-                        this._mapJs.setMinZoom(minZoom);
-                    }
-                }
-            }
-            else {
-                if (!MapWidget._mapboxGlStyle) {
-                    // @ts-ignore
-                    MapWidget._mapboxGlStyle = yield import("mapbox-gl/dist/mapbox-gl.css");
-                }
-                // Add style to shadow root
-                const style = document.createElement('style');
-                style.id = "mapboxGlStyle";
-                style.textContent = MapWidget._mapboxGlStyle.default.toString();
-                this._styleParent.appendChild(style);
-                const map = yield import("mapbox-gl");
-                const settingsResponse = yield rest.api.MapResource.getSettings();
-                const settings = settingsResponse.data;
-                // Load options for current realm or fallback to default if exist
-                let settingOptions = settings.options ? settings.options[openremote.getRealm() || "default"] ? settings.options[openremote.getRealm() || "default"] : settings.options.default : null;
-                let options = {
-                    container: this._mapContainer,
-                    style: settings,
-                    attributionControl: true,
-                    transformRequest: (url, resourceType) => {
-                        return {
-                            url: url,
-                            headers: { 'Authorization': openremote.getAuthorizationHeader() }
-                        };
-                    }
-                };
-                if (settingOptions) {
-                    options.minZoom = settingOptions.minZoom;
-                    options.maxZoom = settingOptions.maxZoom;
-                    options.maxBounds = settingOptions.bounds;
-                    options.boxZoom = settingOptions.boxZoom;
-                    options.zoom = settingOptions.zoom;
-                    options.center = settingOptions.center;
-                }
-                this._mapGl = new map.Map(options);
-            }
-        });
-    }
-    addMarker(marker) {
-        if (marker._ele) {
-            switch (this._type) {
-                case Type.RASTER:
-                    let icon = L.divIcon({ className: 'map-marker', html: marker._ele.outerHTML });
-                    let m = L.marker([marker.lat, marker.lng], { icon: icon });
-                    m.addTo(this._mapJs);
-                    if (marker._onClick) {
-                        m.on('click', marker._onClick);
-                    }
-                    this._markersJs.set(marker, m);
-                    break;
-                case Type.VECTOR:
-                    new MarkerGL(marker._ele)
-                        .setLngLat([marker.lng, marker.lat])
-                        .addTo(this._mapGl);
-                    break;
-            }
-        }
-    }
-    removeMarker(marker) {
-        switch (this._type) {
-            case Type.RASTER:
-                let m = this._markersJs.get(marker);
-                if (m) {
-                    this._markersJs.delete(marker);
-                    m.removeFrom(this._mapJs);
-                }
-                break;
-            case Type.VECTOR:
-                break;
-        }
-    }
-    updateMarkerPosition(marker) {
-        switch (this._type) {
-            case Type.RASTER:
-                let m = this._markersJs.get(marker);
-                if (m) {
-                    m.setLatLng([marker.lat, marker.lng]);
-                }
-                break;
-            case Type.VECTOR:
-                break;
-        }
-    }
-}
-//# sourceMappingURL=mapwidget.js.map

package/src/mapwidget.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mapwidget.js","sourceRoot":"","sources":["mapwidget.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAO,CAAuB,MAAM,WAAW,CAAC;AAChD,OAAO,EAAC,IAAI,EAAC,MAAM,SAAS,CAAC;AAC7B,OAAO,IAAI,MAAM,kBAAkB,CAAC;AACpC,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAoD,MAAM,IAAI,QAAQ,EAAC,MAAM,WAAW,CAAC;AAGhG,MAAM,OAAO,SAAS;IAYlB,YAAY,IAAU,EAAE,WAAiB,EAAE,YAAyB;QAJ1D,YAAO,GAAY,KAAK,CAAC;QAK/B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,YAAY,GAAG,WAAW,CAAC;QAChC,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC;QAElC,QAAO,IAAI,EAAE;YACT,KAAK,IAAI,CAAC,MAAM;gBACZ,IAAI,CAAC,UAAU,GAAG,IAAI,GAAG,EAAuB,CAAC;gBACjD,MAAM;YACV,KAAK,IAAI,CAAC,MAAM;gBACZ,IAAI,CAAC,UAAU,GAAG,IAAI,GAAG,EAAyB,CAAC;gBACnD,MAAM;SACb;IACL,CAAC;IAEK,IAAI;;YACN,IAAI,IAAI,CAAC,OAAO,EAAE;gBACd,OAAO;aACV;YAED,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YAEpB,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,MAAM,EAAE;gBAE5B,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE;oBAC3B,aAAa;oBACb,SAAS,CAAC,cAAc,GAAG,MAAM,MAAM,CAAC,2BAA2B,CAAC,CAAC;iBACxE;gBAED,2BAA2B;gBAC3B,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;gBAC5C,KAAK,CAAC,EAAE,GAAG,eAAe,CAAC;gBAC3B,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC,cAAc,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;gBAChE,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;gBACrC,MAAM,gBAAgB,GAAG,MAAM,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,aAAa,EAAE,CAAC;gBACpE,MAAM,QAAQ,GAAS,gBAAgB,CAAC,IAAI,CAAC;gBAE7C,iEAAiE;gBACjE,IAAI,cAAc,GAAS,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAC,QAAQ,EAAE,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAC,QAAQ,EAAE,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;gBAC5L,IAAI,OAA+B,CAAC;gBACpC,IAAI,cAAc,EAAE;oBAChB,OAAO,GAAG,EAAE,CAAC;oBAEb,uCAAuC;oBACvC,OAAO,CAAC,IAAI,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;oBACzE,OAAO,CAAC,OAAO,GAAG,cAAc,CAAC,OAAO,CAAC;oBACzC,OAAO,CAAC,OAAO,GAAG,cAAc,CAAC,OAAO,CAAC;oBACzC,OAAO,CAAC,OAAO,GAAG,cAAc,CAAC,OAAO,CAAC;oBAEzC,iCAAiC;oBACjC,IAAI,cAAc,CAAC,MAAM,EAAE;wBACvB,IAAI,CAAC,GAAG,cAAc,CAAC,MAAM,CAAC;wBAC9B,OAAO,CAAC,SAAS,GAAG;4BAChB,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;4BACZ,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;yBACf,CAAC;qBACL;oBACD,IAAI,cAAc,CAAC,MAAM,EAAE;wBACvB,IAAI,CAAC,GAAG,cAAc,CAAC,MAAM,CAAC;wBAC9B,OAAO,CAAC,MAAM,GAAG;4BACb,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;yBACb,CAAC;qBACL;iBACJ;gBAED,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;gBAEtE,IAAI,OAAO,IAAI,OAAO,CAAC,SAAS,EAAE;oBAC9B,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;oBACnE,IAAI,CAAC,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,GAAG,OAAO,EAAE;wBAC/C,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;qBACnC;iBACJ;aAEJ;iBAAM;gBACH,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE;oBAC3B,aAAa;oBACb,SAAS,CAAC,cAAc,GAAG,MAAM,MAAM,CAAC,8BAA8B,CAAC,CAAC;iBAC3E;gBAED,2BAA2B;gBAC3B,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;gBAC9C,KAAK,CAAC,EAAE,GAAG,eAAe,CAAC;gBAC3B,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC,cAAc,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;gBAChE,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;gBAErC,MAAM,GAAG,GAA+B,MAAM,MAAM,CAAC,WAAW,CAAC,CAAC;gBAClE,MAAM,gBAAgB,GAAG,MAAM,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC;gBAClE,MAAM,QAAQ,GAAS,gBAAgB,CAAC,IAAI,CAAC;gBAE7C,iEAAiE;gBACjE,IAAI,cAAc,GAAS,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAC,QAAQ,EAAE,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAC,QAAQ,EAAE,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;gBAC5L,IAAI,OAAO,GAAkB;oBACzB,SAAS,EAAE,IAAI,CAAC,aAAa;oBAC7B,KAAK,EAAgB,QAAQ;oBAC7B,kBAAkB,EAAE,IAAI;oBACxB,gBAAgB,EAAE,CAAC,GAAG,EAAE,YAAY,EAAE,EAAE;wBACpC,OAAO;4BACH,GAAG,EAAE,GAAG;4BACR,OAAO,EAAE,EAAC,eAAe,EAAE,UAAU,CAAC,sBAAsB,EAAE,EAAC;yBAClE,CAAA;oBACL,CAAC;iBACJ,CAAC;gBAEF,IAAI,cAAc,EAAE;oBAChB,OAAO,CAAC,OAAO,GAAG,cAAc,CAAC,OAAO,CAAC;oBACzC,OAAO,CAAC,OAAO,GAAG,cAAc,CAAC,OAAO,CAAC;oBACzC,OAAO,CAAC,SAAS,GAAG,cAAc,CAAC,MAAM,CAAC;oBAC1C,OAAO,CAAC,OAAO,GAAG,cAAc,CAAC,OAAO,CAAC;oBACzC,OAAO,CAAC,IAAI,GAAG,cAAc,CAAC,IAAI,CAAC;oBACnC,OAAO,CAAC,MAAM,GAAG,cAAc,CAAC,MAAM,CAAC;iBAC1C;gBAED,IAAI,CAAC,MAAM,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;aACtC;QACL,CAAC;KAAA;IAED,SAAS,CAAC,MAAmB;QACzB,IAAI,MAAM,CAAC,IAAI,EAAE;YACb,QAAQ,IAAI,CAAC,KAAK,EAAE;gBAChB,KAAK,IAAI,CAAC,MAAM;oBACZ,IAAI,IAAI,GAAG,CAAC,CAAC,OAAO,CAAC,EAAC,SAAS,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,SAAS,EAAC,CAAC,CAAC;oBAC7E,IAAI,CAAC,GAAW,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,EAAC,IAAI,EAAE,IAAI,EAAC,CAAC,CAAC;oBAEjE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,MAAO,CAAC,CAAC;oBAEtB,IAAG,MAAM,CAAC,QAAQ,EAAE;wBAChB,CAAC,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;qBAClC;oBAED,IAAI,CAAC,UAAW,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;oBAChC,MAAM;gBACV,KAAK,IAAI,CAAC,MAAM;oBACZ,IAAI,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC;yBACpB,SAAS,CAAC,CAAC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC;yBACnC,KAAK,CAAC,IAAI,CAAC,MAAO,CAAC,CAAC;oBACzB,MAAM;aACb;SACJ;IACL,CAAC;IAED,YAAY,CAAC,MAAmB;QAC5B,QAAQ,IAAI,CAAC,KAAK,EAAE;YAChB,KAAK,IAAI,CAAC,MAAM;gBACZ,IAAI,CAAC,GAAuB,IAAI,CAAC,UAAW,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;gBACzD,IAAI,CAAC,EAAE;oBACH,IAAI,CAAC,UAAW,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;oBAChC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,MAAO,CAAC,CAAC;iBAC9B;gBACD,MAAM;YACV,KAAK,IAAI,CAAC,MAAM;gBACZ,MAAM;SACb;IACL,CAAC;IAED,oBAAoB,CAAC,MAAmB;QACpC,QAAQ,IAAI,CAAC,KAAK,EAAE;YAChB,KAAK,IAAI,CAAC,MAAM;gBACZ,IAAI,CAAC,GAAuB,IAAI,CAAC,UAAW,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;gBACzD,IAAI,CAAC,EAAE;oBACH,CAAC,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;iBACzC;gBACD,MAAM;YACV,KAAK,IAAI,CAAC,MAAM;gBACZ,MAAM;SACb;IACL,CAAC;CACJ"}