@openremote/or-map 1.0.1-alpha → 1.2.0-snapshot.20240512160221

package/src/mapwidget.ts

@@ -1,302 +0,0 @@
-import openremote from "@openremote/core";
-import rest from "@openremote/rest";
-import {LngLatLike, Map as MapGL, MapboxOptions as OptionsGL, Marker as MarkerGL, Style as StyleGL, LngLat, MapEventType,
-    MapMouseEvent} from "mapbox-gl";
-import L, {Map as MapJS, MapOptions as OptionsJS, Marker as MarkerJS} from "mapbox.js";
-import {Type, ViewSettings} from "./index";
-import {OrMapMarker, OrMapMarkerClickedEvent} from "./markers/or-map-marker";
-import {getLatLng, getLatLngBounds, getLngLat, getLngLatBounds} from "./util";
-
-export class MapWidget {
-    protected static _mapboxGlStyle?: any;
-    protected static _mapboxJsStyle?: any;
-    protected _mapJs?: MapJS;
-    protected _mapGl?: MapGL;
-    protected _type: Type;
-    protected _styleParent: Node;
-    protected _mapContainer: HTMLElement;
-    protected _loaded: boolean = false;
-    protected _markersJs: Map<OrMapMarker, MarkerJS> = new Map();
-    protected _markersGl: Map<OrMapMarker, MarkerGL> = new Map();
-    protected _viewSettings?: ViewSettings;
-    protected _center?: LngLat;
-    protected _zoom?: number;
-    protected _clickHandlers: Map<OrMapMarker, (ev: MouseEvent) => void> = new Map();
-
-    constructor(type: Type, styleParent: Node, mapContainer: HTMLElement) {
-        this._type = type;
-        this._styleParent = styleParent;
-        this._mapContainer = mapContainer;
-    }
-
-    public setCenter(center?: LngLatLike): this {
-
-        this._center = getLngLat(center);
-
-        switch (this._type) {
-            case Type.RASTER:
-                if (this._mapJs) {
-                    const latLng = getLatLng(this._center) || (this._viewSettings ? getLatLng(this._viewSettings.center) : undefined);
-                    if (latLng) {
-                        this._mapJs.setView(latLng, undefined, {pan: {animate: false}, zoom: {animate: false}});
-                    }
-                }
-                break;
-            case Type.VECTOR:
-                if (this._mapGl && this._center) {
-                    this._mapGl.setCenter(this._center);
-                }
-                break;
-        }
-
-        return this;
-    }
-
-    public setZoom(zoom?: number): this {
-
-        this._zoom = zoom;
-
-        switch (this._type) {
-            case Type.RASTER:
-                if (this._mapJs && this._zoom) {
-                    this._mapJs.setZoom(this._zoom, {animate: false});
-                }
-                break;
-            case Type.VECTOR:
-                if (this._mapGl && this._zoom) {
-                    this._mapGl.setZoom(this._zoom);
-                }
-                break;
-        }
-
-        return this;
-    }
-
-    public async load(): Promise<void> {
-        if (this._loaded) {
-            return;
-        }
-
-        if (this._type === Type.RASTER) {
-
-            if (!MapWidget._mapboxJsStyle) {
-                // @ts-ignore
-                MapWidget._mapboxJsStyle = await import(/* webpackChunkName: "mapbox-js-css" */ "mapbox.js/dist/mapbox.css");
-            }
-
-            // Add style to shadow root
-            const style = document.createElement("style");
-            style.id = "mapboxJsStyle";
-            style.textContent = MapWidget._mapboxJsStyle.default.toString();
-            this._styleParent.appendChild(style);
-            const settingsResponse = await rest.api.MapResource.getSettingsJs();
-            const settings = settingsResponse.data as any;
-
-            // Load options for current realm or fallback to default if exist
-            this._viewSettings = settings.options ? settings.options[openremote.getRealm() || "default"] ? settings.options[openremote.getRealm() || "default"] : settings.options.default : null;
-            let options: OptionsJS | undefined;
-            if (this._viewSettings) {
-                options = {};
-
-                // JS zoom is out compared to GL
-                options.zoom = this._viewSettings.zoom ? this._viewSettings.zoom + 1 : undefined;
-                options.maxZoom = this._viewSettings.maxZoom ? this._viewSettings.maxZoom - 1 : undefined;
-                options.minZoom = this._viewSettings.minZoom ? this._viewSettings.minZoom + 1 : undefined;
-                options.boxZoom = this._viewSettings.boxZoom;
-
-                // JS uses lat then lng unlike GL
-                if (this._viewSettings.bounds) {
-                    options.maxBounds = getLatLngBounds(this._viewSettings.bounds);
-                }
-                if (this._viewSettings.center) {
-                    options.center = getLatLng(this._viewSettings.center);
-                }
-                if (this._center) {
-                    options.center = getLatLng(this._center);
-                }
-            }
-
-            this._mapJs = 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 = await import(/* webpackChunkName: "mapbox-gl-css" */ "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: typeof import("mapbox-gl") = await import(/* webpackChunkName: "mapbox-gl" */ "mapbox-gl");
-            const settingsResponse = await rest.api.MapResource.getSettings();
-            const settings = settingsResponse.data as any;
-
-            // Load options for current realm or fallback to default if exist
-            this._viewSettings = settings.options ? settings.options[openremote.getRealm() || "default"] ? settings.options[openremote.getRealm() || "default"] : settings.options.default : null;
-            const options: OptionsGL = {
-                attributionControl: true,
-                container: this._mapContainer,
-                style: settings as StyleGL,
-                transformRequest: (url, resourceType) => {
-                    return {
-                        headers: {Authorization: openremote.getAuthorizationHeader()},
-                        url
-                    };
-                }
-            };
-
-            if (this._viewSettings) {
-                options.minZoom = this._viewSettings.minZoom;
-                options.maxZoom = this._viewSettings.maxZoom;
-                options.maxBounds = this._viewSettings.bounds;
-                options.boxZoom = this._viewSettings.boxZoom;
-                options.zoom = this._viewSettings.zoom;
-                options.center = this._viewSettings.center;
-            }
-            if (this._center) {
-                options.center = this._center;
-            }
-
-            this._mapGl = new map.Map(options);
-        }
-
-        this._loaded = true;
-    }
-
-    public addMarker(marker: OrMapMarker) {
-        if (marker.lat && marker.lng) {
-            this._updateMarkerElement(marker, true);
-        }
-    }
-
-    public removeMarker(marker: OrMapMarker) {
-        this._updateMarkerElement(marker, false);
-    }
-
-    public onMarkerChanged(marker: OrMapMarker, prop: string) {
-        if (!this._loaded) {
-            return;
-        }
-
-        switch (prop) {
-            case "lat":
-            case "lng":
-                if (marker.lat && marker.lng) {
-                    if (marker._actualMarkerElement) {
-                        this._updateMarkerPosition(marker);
-                    } else {
-                        this._updateMarkerElement(marker, true);
-                    }
-                } else if (marker._actualMarkerElement) {
-                    this._updateMarkerElement(marker, false);
-                }
-                break;
-        }
-    }
-
-    protected _updateMarkerPosition(marker: OrMapMarker) {
-        switch (this._type) {
-            case Type.RASTER:
-                const m: MarkerJS | undefined = this._markersJs.get(marker);
-                if (m) {
-                    m.setLatLng([marker.lat!, marker.lng!]);
-                }
-                break;
-            case Type.VECTOR:
-                const mGl: MarkerGL | undefined = this._markersGl.get(marker);
-                if (mGl) {
-                    mGl.setLngLat([marker.lng!, marker.lat!]);
-                }
-                break;
-        }
-    }
-
-    protected _updateMarkerElement(marker: OrMapMarker, doAdd: boolean) {
-
-        switch (this._type) {
-            case Type.RASTER:
-                let m = this._markersJs.get(marker);
-                if (m) {
-                    this._removeMarkerClickHandler(marker, marker.markerContainer as HTMLElement);
-                    marker._actualMarkerElement = undefined;
-                    m.removeFrom(this._mapJs!);
-                    this._markersJs.delete(marker);
-                }
-
-                if (doAdd) {
-                    const elem = marker._createMarkerElement();
-                    if (elem) {
-                        const icon = L.divIcon({html: elem.outerHTML, className: "or-marker-raster"});
-                        m = L.marker([marker.lat!, marker.lng!], {icon: icon, clickable: marker.interactive});
-                        m.addTo(this._mapJs!);
-                        marker._actualMarkerElement = m.getElement() ? m.getElement().firstElementChild as HTMLDivElement : undefined;
-                        if (marker.interactive) {
-                            this._addMarkerClickHandler(marker, marker.markerContainer as HTMLElement);
-                        }
-
-                        this._markersJs.set(marker, m);
-                    }
-                }
-                break;
-            case Type.VECTOR:
-                let mGl = this._markersGl.get(marker);
-                if (mGl) {
-                    marker._actualMarkerElement = undefined;
-                    this._removeMarkerClickHandler(marker, mGl.getElement());
-                    mGl.remove();
-                    this._markersGl.delete(marker);
-                }
-
-                if (doAdd) {
-                    const elem = marker._createMarkerElement();
-
-                    if (elem) {
-                        mGl = new MarkerGL({
-                            element: elem,
-                            anchor: "top-left"
-                        })
-                            .setLngLat([marker.lng!, marker.lat!])
-                            .addTo(this._mapGl!);
-
-                        this._markersGl.set(marker, mGl);
-
-                        marker._actualMarkerElement = mGl.getElement() as HTMLDivElement;
-
-                        if (marker.interactive) {
-                            this._addMarkerClickHandler(marker, mGl.getElement());
-                        }
-                    }
-                }
-                break;
-        }
-    }
-
-    protected _addMarkerClickHandler(marker: OrMapMarker, elem: HTMLElement) {
-        if (elem) {
-            const handler = (ev: MouseEvent) => {
-                ev.stopPropagation();
-                marker._onClick(ev);
-            };
-            this._clickHandlers.set(marker, handler);
-            elem.addEventListener("click", handler);
-        }
-    }
-
-    protected _removeMarkerClickHandler(marker: OrMapMarker, elem: HTMLElement) {
-        const handler = this._clickHandlers.get(marker);
-        if (handler && elem) {
-            elem.removeEventListener("click", handler);
-            this._clickHandlers.delete(marker);
-        }
-    }
-}

package/src/markers/or-map-marker-asset.d.ts

@@ -1,17 +0,0 @@
-import { OrMapMarker } from "./or-map-marker";
-import { Asset } from "@openremote/model";
-/**
- * `or-map-marker-asset`
- * Asset linked map marker
- */
-export declare class OrMapMarkerAsset extends OrMapMarker {
-    asset?: string;
-    _ele: HTMLElement;
-    constructor();
-    _createMarkerElement(): HTMLElement;
-    refreshMarker(): void;
-    getAsset(): Promise<Asset>;
-    _assetChanged(): void;
-    _elementChanged(): void;
-    private _createAssetMarker;
-}

package/src/markers/or-map-marker-asset.js

@@ -1,87 +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;
-};
-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 { customElement, property } from "@polymer/decorators";
-import { OrMapMarker } from "./or-map-marker";
-import rest from "@openremote/rest";
-/**
- * `or-map-marker-asset`
- * Asset linked map marker
- */
-let OrMapMarkerAsset = class OrMapMarkerAsset extends OrMapMarker {
-    constructor() {
-        super();
-    }
-    _createMarkerElement() {
-        let className = ("or-map-marker " + this.className).trim();
-        let ele = document.createElement("div");
-        ele.className = className;
-        return ele;
-    }
-    refreshMarker() {
-        this.getAsset().then((asset) => {
-            const attrs = asset.attributes;
-            const attr = attrs.location;
-            if (!attr) {
-                this.visible = false;
-                return;
-            }
-            const location = attr.value;
-            if (!location) {
-                this.visible = false;
-                return;
-            }
-            this._createAssetMarker();
-            // Model d.ts is clearly not perfect need to sort out Jackson annotations
-            this.lat = location.coordinates[1] || 0;
-            this.lng = location.coordinates[0] || 0;
-            this.visible = true;
-        }).catch(() => {
-            this.visible = false;
-        });
-    }
-    getAsset() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const response = yield rest.api.AssetResource.get(this.asset);
-            return response.data;
-        });
-    }
-    _assetChanged() {
-        this.visible = false;
-        if (this.asset) {
-            this.refreshMarker();
-        }
-    }
-    _elementChanged() {
-        this._updateMarker();
-    }
-    _createAssetMarker() {
-        // Create basic element of _ele is undefined
-        if (typeof this._ele === 'undefined') {
-            this._ele = document.createElement("div");
-            this._ele.className = "marker";
-        }
-    }
-};
-__decorate([
-    property({ type: String, observer: "_assetChanged" })
-], OrMapMarkerAsset.prototype, "asset", void 0);
-__decorate([
-    property({ type: Object })
-], OrMapMarkerAsset.prototype, "_ele", void 0);
-OrMapMarkerAsset = __decorate([
-    customElement('or-map-marker-asset')
-], OrMapMarkerAsset);
-export { OrMapMarkerAsset };
-//# sourceMappingURL=or-map-marker-asset.js.map

package/src/markers/or-map-marker-asset.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"or-map-marker-asset.js","sourceRoot":"","sources":["or-map-marker-asset.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AACA,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAU,MAAM,qBAAqB,CAAC;AACrE,OAAO,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAC;AAC5C,OAAO,IAAI,MAAM,kBAAkB,CAAC;AAIpC;;;GAGG;AAGH,IAAa,gBAAgB,GAA7B,MAAa,gBAAiB,SAAQ,WAAW;IAQ7C;QACI,KAAK,EAAE,CAAC;IACZ,CAAC;IAED,oBAAoB;QAChB,IAAI,SAAS,GAAG,CAAC,gBAAgB,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,CAAC;QAC3D,IAAI,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACxC,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC;QAC1B,OAAO,GAAG,CAAC;IACf,CAAC;IAED,aAAa;QACT,IAAI,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE;YAC3B,MAAM,KAAK,GAAQ,KAAK,CAAC,UAAU,CAAC;YACpC,MAAM,IAAI,GAA+B,KAAK,CAAC,QAAQ,CAAC;YAExD,IAAI,CAAC,IAAI,EAAE;gBACP,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;gBACrB,OAAO;aACV;YAED,MAAM,QAAQ,GAAwB,IAAI,CAAC,KAAqB,CAAC;YAEjE,IAAI,CAAC,QAAQ,EAAE;gBACX,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;gBACrB,OAAO;aACV;YACD,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC1B,yEAAyE;YACzE,IAAI,CAAC,GAAG,GAAS,QAAQ,CAAC,WAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;YAC/C,IAAI,CAAC,GAAG,GAAS,QAAQ,CAAC,WAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;YAC/C,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACxB,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE;YACV,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACzB,CAAC,CAAC,CAAC;IACP,CAAC;IAEK,QAAQ;;YACV,MAAM,QAAQ,GAAgC,MAAM,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,KAAM,CAAC,CAAC;YAC5F,OAAO,QAAQ,CAAC,IAAI,CAAC;QACzB,CAAC;KAAA;IAED,aAAa;QACT,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QAErB,IAAI,IAAI,CAAC,KAAK,EAAE;YACZ,IAAI,CAAC,aAAa,EAAE,CAAC;SACxB;IACL,CAAC;IAED,eAAe;QACX,IAAI,CAAC,aAAa,EAAE,CAAC;IACzB,CAAC;IAEO,kBAAkB;QACtB,4CAA4C;QAC5C,IAAG,OAAO,IAAI,CAAC,IAAI,KAAK,WAAW,EAAE;YACjC,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC1C,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;SAClC;IACL,CAAC;CACJ,CAAA;AAlEG;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAC,CAAC;+CACrC;AAGf;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;8CACN;AANV,gBAAgB;IAD5B,aAAa,CAAC,qBAAqB,CAAC;GACxB,gBAAgB,CAqE5B;SArEY,gBAAgB"}

package/src/markers/or-map-marker-asset.ts

@@ -1,79 +0,0 @@
-import {customElement, property, PropertyValues} from "lit-element";
-import {OrMapMarker} from "./or-map-marker";
-import {AttributeEvent, Attribute, AttributeType, GeoJSONPoint, AssetType, AssetEvent, AssetEventCause} from "@openremote/model";
-import {subscribe} from "@openremote/core/dist/asset-mixin";
-import openremote, {AssetModelUtil} from "@openremote/core";
-
-@customElement("or-map-marker-asset")
-export class OrMapMarkerAsset extends subscribe(openremote)(OrMapMarker) {
-
-    @property({type: String, reflect: true, attribute: true})
-    public asset?: string;
-
-    public assetTypeAsIcon: boolean = true;
-
-    constructor() {
-        super();
-        this.visible = false;
-    }
-
-    protected set type(type: string | undefined) {
-        if (!type) {
-            this.visible = false;
-            return;
-        }
-
-        if (this.assetTypeAsIcon) {
-            const descriptor = AssetModelUtil.getAssetDescriptor(type);
-            const icon = descriptor ? descriptor.icon : AssetType.THING.icon;
-            this.icon = icon;
-        }
-        this.visible = true;
-    }
-
-    protected shouldUpdate(_changedProperties: PropertyValues): boolean {
-        if (_changedProperties.has("asset")) {
-
-            this.lat = undefined;
-            this.lng = undefined;
-            this.type = undefined;
-            this.assetIds = this.asset && this.asset.length > 0 ? [this.asset] : undefined;
-
-            if (Object.keys(_changedProperties).length === 1) {
-                return false;
-            }
-        }
-        return super.shouldUpdate(_changedProperties);
-    }
-
-    public onAttributeEvent(event: AttributeEvent) {
-        if (event.attributeState!.attributeRef!.attributeName !== AttributeType.LOCATION.attributeName) {
-            return;
-        }
-
-        this._updateLocation(event.attributeState!.value as GeoJSONPoint);
-
-    }
-
-    public onAssetEvent(event: AssetEvent) {
-        switch (event.cause) {
-            case AssetEventCause.READ:
-                const attr = event.asset && event.asset.attributes && event.asset.attributes.hasOwnProperty("location") ? event.asset.attributes.location as Attribute : null;
-                this._updateLocation(attr ? attr.value as GeoJSONPoint : null);
-            case AssetEventCause.CREATE:
-            case AssetEventCause.UPDATE:
-                this.type = event.asset!.type;
-                break;
-            case AssetEventCause.DELETE:
-                this.type = undefined;
-                this.lat = undefined;
-                this.lng = undefined;
-                break;
-        }
-    }
-
-    protected _updateLocation(location: GeoJSONPoint | null) {
-        this.lat = location && location.coordinates ? (location.coordinates as any)[1] : undefined;
-        this.lng = location && location.coordinates ? (location.coordinates as any)[0] : undefined;
-    }
-}

package/src/markers/or-map-marker.d.ts

@@ -1,23 +0,0 @@
-import { PolymerElement } from "@polymer/polymer";
-import { MapWidget } from "../mapwidget";
-/**
- * Base class for all map markers
- */
-export declare class OrMapMarker extends PolymerElement {
-    protected _added: boolean;
-    protected _attached: boolean;
-    lat: number;
-    lng: number;
-    visible: boolean;
-    _ele: HTMLElement;
-    map?: MapWidget;
-    _slot: HTMLSlotElement;
-    static readonly template: HTMLTemplateElement;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    _updateMarker(): void;
-    _addMarker(): void;
-    _removeMarker(): void;
-    _onClick(e: any): void;
-    _createMarkerElement(): HTMLElement;
-}

package/src/markers/or-map-marker.js

@@ -1,125 +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 { html, PolymerElement } from "@polymer/polymer";
-import { property, query, observe, customElement } from "@polymer/decorators";
-/**
- * Base class for all map markers
- */
-let OrMapMarker = class OrMapMarker extends PolymerElement {
-    /**
-     * Base class for all map markers
-     */
-    constructor() {
-        super(...arguments);
-        this._added = false;
-        this._attached = false;
-        this.lat = 0;
-        this.lng = 0;
-        this.visible = true;
-    }
-    static get template() {
-        return html `
-          <style>
-            :host {
-                display: block;
-                overflow: hidden;
-            }
-            #map {            
-                position: relative;
-                width: 100%;
-                height: 100%;
-            }
-            slot {
-                display: none;
-            }
-          </style>
-          <slot></slot>
-        `;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this._attached = true;
-        this._ele = this._createMarkerElement();
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this._removeMarker();
-        this._attached = false;
-    }
-    _updateMarker() {
-        if (!this._attached || !this.map)
-            return;
-        if (!this._ele) {
-            this._ele = this._createMarkerElement();
-        }
-        if (!this._ele) {
-            return;
-        }
-        if (!this.visible) {
-            this._removeMarker();
-        }
-        else {
-            this._addMarker();
-            this.map.updateMarkerPosition(this);
-        }
-    }
-    _addMarker() {
-        if (!this._added) {
-            this.map.addMarker(this);
-            this._added = true;
-        }
-    }
-    _removeMarker() {
-        if (this._added) {
-            this.map.removeMarker(this);
-            this._added = false;
-        }
-    }
-    //TODO make this optional?
-    _onClick(e) {
-    }
-    _createMarkerElement() {
-        let children = this._slot.assignedNodes({ flatten: true });
-        let len = children.length;
-        let className = ("or-map-marker " + this.className).trim();
-        let ele = document.createElement("div");
-        ele.className = className;
-        if (len > 0) {
-            // if more than 1 ele put inside wrapper
-            for (var i = 0; i < len; ++i) {
-                ele.appendChild(children[i]);
-            }
-        }
-        return ele;
-    }
-};
-__decorate([
-    property({ type: Number })
-], OrMapMarker.prototype, "lat", void 0);
-__decorate([
-    property({ type: Number })
-], OrMapMarker.prototype, "lng", void 0);
-__decorate([
-    property({ type: Boolean })
-], OrMapMarker.prototype, "visible", void 0);
-__decorate([
-    property({ type: Object })
-], OrMapMarker.prototype, "_ele", void 0);
-__decorate([
-    property({ type: Object })
-], OrMapMarker.prototype, "map", void 0);
-__decorate([
-    query("slot")
-], OrMapMarker.prototype, "_slot", void 0);
-__decorate([
-    observe("visible", "lat", "lng", "map")
-], OrMapMarker.prototype, "_updateMarker", null);
-OrMapMarker = __decorate([
-    customElement("or-map-marker")
-], OrMapMarker);
-export { OrMapMarker };
-//# sourceMappingURL=or-map-marker.js.map

package/src/markers/or-map-marker.js.map

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