raain-ui 1.0.15

package/index.d.ts

@@ -0,0 +1,22 @@
+export * from './factories/ElementsFactory';
+export * from './tools/PolarMapValue';
+export * from './tools/CartesianMapValue';
+export * from './tools/MapTools';
+export * from './tools/MapLatLng';
+export * from './drawers/PolarDrawer';
+export * from './drawers/PolarDrawerOptimization';
+export * from './drawers/PolarGridValue';
+export * from './drawers/CartesianDrawer';
+export * from './drawers/CartesianDrawerOptimization';
+export * from './drawers/CartesianGridValue';
+export * from './layers/PolarLayer';
+export * from './layers/PolarLayerConfig';
+export * from './layers/CompositeLayer';
+export * from './layers/MarkersLayer';
+export * from './layers/PixiGridLayer';
+export * from './layers/IPixiLayer';
+export * from './layers/IPixiUniqueLayer';
+export * from './layers/CartesianLayer';
+export * from './timeframes/FrameContainer';
+export * from './timeframes/TimeframeContainer';
+export * from './timeframes/TimeframeContainers';

package/index.js

@@ -0,0 +1,39 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./factories/ElementsFactory"), exports);
+__exportStar(require("./tools/PolarMapValue"), exports);
+__exportStar(require("./tools/CartesianMapValue"), exports);
+__exportStar(require("./tools/MapTools"), exports);
+__exportStar(require("./tools/MapLatLng"), exports);
+__exportStar(require("./drawers/PolarDrawer"), exports);
+__exportStar(require("./drawers/PolarDrawerOptimization"), exports);
+__exportStar(require("./drawers/PolarGridValue"), exports);
+__exportStar(require("./drawers/CartesianDrawer"), exports);
+__exportStar(require("./drawers/CartesianDrawerOptimization"), exports);
+__exportStar(require("./drawers/CartesianGridValue"), exports);
+__exportStar(require("./layers/PolarLayer"), exports);
+__exportStar(require("./layers/PolarLayerConfig"), exports);
+__exportStar(require("./layers/CompositeLayer"), exports);
+__exportStar(require("./layers/MarkersLayer"), exports);
+__exportStar(require("./layers/PixiGridLayer"), exports);
+__exportStar(require("./layers/IPixiLayer"), exports);
+__exportStar(require("./layers/IPixiUniqueLayer"), exports);
+__exportStar(require("./layers/CartesianLayer"), exports);
+__exportStar(require("./timeframes/FrameContainer"), exports);
+__exportStar(require("./timeframes/TimeframeContainer"), exports);
+__exportStar(require("./timeframes/TimeframeContainers"), exports);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDhEQUE0QztBQUU1Qyx3REFBc0M7QUFDdEMsNERBQTBDO0FBQzFDLG1EQUFpQztBQUNqQyxvREFBa0M7QUFFbEMsd0RBQXNDO0FBQ3RDLG9FQUFrRDtBQUNsRCwyREFBeUM7QUFDekMsNERBQTBDO0FBQzFDLHdFQUFzRDtBQUN0RCwrREFBNkM7QUFFN0Msc0RBQW9DO0FBQ3BDLDREQUEwQztBQUMxQywwREFBd0M7QUFDeEMsd0RBQXNDO0FBQ3RDLHlEQUF1QztBQUN2QyxzREFBb0M7QUFDcEMsNERBQTBDO0FBQzFDLDBEQUF3QztBQUV4Qyw4REFBNEM7QUFDNUMsa0VBQWdEO0FBQ2hELG1FQUFpRCJ9

package/layers/CartesianLayer.d.ts

@@ -0,0 +1,24 @@
+import { LatLng, Map } from 'leaflet';
+import { Container } from 'pixi.js';
+import { IPixiUniqueLayer } from './IPixiUniqueLayer';
+import { CartesianMapValue } from '../tools/CartesianMapValue';
+export declare class CartesianLayer implements IPixiUniqueLayer {
+    protected id: string;
+    protected type: string;
+    protected gridMap: Map;
+    protected addSomeDebugInfos: boolean;
+    private readonly mapGraph;
+    private addedInContainer;
+    private cartesianDrawer;
+    private center;
+    constructor(id: string, type: string, gridMap: Map, addSomeDebugInfos?: boolean);
+    getId(): string;
+    hide(): void;
+    show(): void;
+    isVisible(): boolean;
+    setCartesianGridValues(center: LatLng | {
+        lat: number;
+        lng: number;
+    }, values: CartesianMapValue[], version: string): void;
+    render(pixiContainer: Container): number;
+}

package/layers/CartesianLayer.js

@@ -0,0 +1,96 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CartesianLayer = void 0;
+const leaflet_1 = require("leaflet");
+const pixi_js_1 = require("pixi.js");
+const CartesianDrawer_1 = require("../drawers/CartesianDrawer");
+const MapTools_1 = require("../tools/MapTools");
+class CartesianLayer {
+    constructor(id, type, gridMap, addSomeDebugInfos = false) {
+        this.id = id;
+        this.type = type;
+        this.gridMap = gridMap;
+        this.addSomeDebugInfos = addSomeDebugInfos;
+        this.mapGraph = new pixi_js_1.Graphics();
+    }
+    getId() {
+        return this.id;
+    }
+    hide() {
+        this.mapGraph.alpha = 0;
+        // console.log('hide ', this.getId());
+    }
+    show() {
+        this.mapGraph.alpha = 1;
+        // console.log('show ', this.getId());
+    }
+    isVisible() {
+        return this.mapGraph.alpha === 1;
+    }
+    setCartesianGridValues(center, values, version) {
+        this.center = new leaflet_1.LatLng(center.lat, center.lng);
+        this.cartesianDrawer = new CartesianDrawer_1.CartesianDrawer((mapValue) => {
+            try {
+                return {
+                    p1: this.gridMap.latLngToContainerPoint({ lat: mapValue.latitude, lng: mapValue.longitude }),
+                    p2: this.gridMap.latLngToContainerPoint({ lat: mapValue.latitude2, lng: mapValue.longitude2 }),
+                };
+            }
+            catch (e) {
+                console.log(mapValue, e);
+                return { p1: new leaflet_1.Point(0, 0), p2: new leaflet_1.Point(0, 0) };
+            }
+        }, (mapValue) => {
+            return this.gridMap.getBounds().contains(mapValue);
+        }, () => {
+            return this.gridMap.getZoom();
+        }, this.type);
+        this.cartesianDrawer.updateValues(values, version);
+    }
+    render(pixiContainer) {
+        const centerPoint = this.gridMap.latLngToContainerPoint({ lat: this.center.lat, lng: this.center.lng });
+        // console.log('Cartesian render ', this.cartesianDrawer.hasChanged(this.center, centerPoint), this.getId());
+        const drawCount = 0;
+        if (!this.cartesianDrawer.hasChanged(this.center, centerPoint)) {
+            return drawCount;
+        }
+        this.mapGraph.removeChildren();
+        this.cartesianDrawer.renderCartesianMapValues(this.center, centerPoint, (gridValue) => {
+            const pixiGraphic = new pixi_js_1.Graphics();
+            pixiGraphic.beginFill(gridValue.getColor(), 1 - gridValue.getTransparency());
+            pixiGraphic.drawRect(0, 0, gridValue.width, gridValue.height);
+            pixiGraphic.endFill();
+            pixiGraphic.x = gridValue.x;
+            pixiGraphic.y = gridValue.y;
+            // console.log('renderCartesianMapValues:', gridValue);
+            // const pixiText = new Text('  ' + gridValue.id, {
+            //     fontFamily: 'Arial',
+            //     fontSize: 13,
+            //     fill: MapTools.hexStringToNumber('#000000'),
+            //     align: 'center',
+            // });
+            // pixiGraphic.addChild(pixiText);
+            this.mapGraph.addChild(pixiGraphic);
+            return true;
+        });
+        if (!this.addedInContainer) {
+            pixiContainer.addChild(this.mapGraph);
+            this.addedInContainer = true;
+        }
+        // Debug purpose :
+        if (this.addSomeDebugInfos) {
+            const optimization = this.cartesianDrawer.getOptimization();
+            const pixiText = new pixi_js_1.Text('Car-' + (optimization === null || optimization === void 0 ? void 0 : optimization.type) + '-' + this.cartesianDrawer.getVersion(), {
+                fontFamily: 'Arial',
+                fontSize: 16,
+                // fontWeight: 'bold',
+                fill: MapTools_1.MapTools.hexStringToNumber('#ff1010'),
+                align: 'center',
+            });
+            this.mapGraph.addChild(pixiText);
+        }
+        return drawCount;
+    }
+}
+exports.CartesianLayer = CartesianLayer;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FydGVzaWFuTGF5ZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbGF5ZXJzL0NhcnRlc2lhbkxheWVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLHFDQUEyQztBQUMzQyxxQ0FBa0Q7QUFJbEQsZ0VBQTJEO0FBQzNELGdEQUEyQztBQUUzQyxNQUFhLGNBQWM7SUFPdkIsWUFBc0IsRUFBVSxFQUNWLElBQVksRUFDWixPQUFZLEVBQ1osb0JBQW9CLEtBQUs7UUFIekIsT0FBRSxHQUFGLEVBQUUsQ0FBUTtRQUNWLFNBQUksR0FBSixJQUFJLENBQVE7UUFDWixZQUFPLEdBQVAsT0FBTyxDQUFLO1FBQ1osc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFRO1FBQzNDLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxrQkFBUSxFQUFFLENBQUM7SUFDbkMsQ0FBQztJQUVNLEtBQUs7UUFDUixPQUFPLElBQUksQ0FBQyxFQUFFLENBQUM7SUFDbkIsQ0FBQztJQUVNLElBQUk7UUFDUCxJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUM7UUFDeEIsc0NBQXNDO0lBQzFDLENBQUM7SUFFTSxJQUFJO1FBQ1AsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDO1FBQ3hCLHNDQUFzQztJQUMxQyxDQUFDO0lBRU0sU0FBUztRQUNaLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLEtBQUssQ0FBQyxDQUFDO0lBQ3JDLENBQUM7SUFFTSxzQkFBc0IsQ0FBQyxNQUE2QyxFQUFFLE1BQTJCLEVBQUUsT0FBZTtRQUNySCxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksZ0JBQU0sQ0FBQyxNQUFNLENBQUMsR0FBRyxFQUFFLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUNqRCxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksaUNBQWUsQ0FDdEMsQ0FBQyxRQUEyQixFQUFFLEVBQUU7WUFDNUIsSUFB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

package/layers/CompositeLayer.d.ts

@@ -0,0 +1,17 @@
+import { Map } from 'leaflet';
+import { PixiGridLayer } from './PixiGridLayer';
+import { IPixiLayer } from './IPixiLayer';
+import { IPixiUniqueLayer } from './IPixiUniqueLayer';
+export declare class CompositeLayer extends PixiGridLayer implements IPixiLayer {
+    id?: string;
+    protected layers: IPixiUniqueLayer[];
+    protected initialized: boolean;
+    constructor(id?: string);
+    addToMap(map: Map): void;
+    removeFromMap(map: Map): void;
+    getId(): string;
+    addLayer(layer: IPixiUniqueLayer): void;
+    removeAllLayers(): void;
+    showTheFistMatchingId(layerId: string): void;
+    private renderVisibleLayers;
+}

package/layers/CompositeLayer.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CompositeLayer = void 0;
+const PixiGridLayer_1 = require("./PixiGridLayer");
+class CompositeLayer extends PixiGridLayer_1.PixiGridLayer {
+    constructor(id) {
+        super(id);
+        this.id = id;
+        this.removeAllLayers();
+        this.setRenderFn(this.renderVisibleLayers.bind(this));
+    }
+    addToMap(map) {
+        if (!this.initialized) {
+            this._initializeLayer();
+            this.initialized = true;
+        }
+        if (!map.hasLayer(this)) {
+            map.addLayer(this);
+            this._update();
+        }
+    }
+    removeFromMap(map) {
+        if (map.hasLayer(this)) {
+            map.removeLayer(this);
+        }
+        this.removeAllLayers();
+    }
+    getId() {
+        return this.id;
+    }
+    addLayer(layer) {
+        this.layers.push(layer);
+    }
+    removeAllLayers() {
+        this.layers = [];
+        if (this._pixiContainer) {
+            this._pixiContainer.removeChildren();
+        }
+    }
+    showTheFistMatchingId(layerId) {
+        let firstFound = false;
+        let hideEverythingElse = false;
+        for (const layer of this.layers) {
+            if (!firstFound) {
+                firstFound = layer.getId().indexOf(layerId) >= 0;
+            }
+            if (firstFound && !hideEverythingElse) {
+                layer.show();
+                hideEverythingElse = true;
+            }
+            else {
+                layer.hide();
+            }
+        }
+        this.renderVisibleLayers();
+    }
+    renderVisibleLayers() {
+        let count = 0;
+        for (const layer of this.layers) {
+            if (layer.isVisible()) {
+                count += layer.render(this._pixiContainer);
+            }
+        }
+        // console.log('renderVisibleLayers draw count:', count);
+        return count;
+    }
+}
+exports.CompositeLayer = CompositeLayer;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29tcG9zaXRlTGF5ZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbGF5ZXJzL0NvbXBvc2l0ZUxheWVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUNBLG1EQUE4QztBQUk5QyxNQUFhLGNBQWUsU0FBUSw2QkFBYTtJQUs3QyxZQUFtQixFQUFXO1FBQzFCLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQztRQURLLE9BQUUsR0FBRixFQUFFLENBQVM7UUFFMUIsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO0lBQzFELENBQUM7SUFFTSxRQUFRLENBQUMsR0FBUTtRQUNwQixJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNuQixJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztZQUN4QixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQztTQUMzQjtRQUVELElBQUksQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxFQUFFO1lBQ3JCLEdBQUcsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDbkIsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1NBQ2xCO0lBQ0wsQ0FBQztJQUVNLGFBQWEsQ0FBQyxHQUFRO1FBQ3pCLElBQUksR0FBRyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsRUFBRTtZQUNwQixHQUFHLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDO1NBQ3pCO1FBRUQsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFTSxLQUFLO1FBQ1IsT0FBTyxJQUFJLENBQUMsRUFBRSxDQUFDO0lBQ25CLENBQUM7SUFFTSxRQUFRLENBQUMsS0FBdUI7UUFDbkMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDNUIsQ0FBQztJQUVNLGVBQWU7UUFDbEIsSUFBSSxDQUFDLE1BQU0sR0FBRyxFQUFFLENBQUM7UUFDakIsSUFBSSxJQUFJLENBQUMsY0FBYyxFQUFFO1lBQ3JCLElBQUksQ0FBQyxjQUFjLENBQUMsY0FBYyxFQUFFLENBQUM7U0FDeEM7SUFDTCxDQUFDO0lBRU0scUJBQXFCLENBQUMsT0FBZTtRQUN4QyxJQUFJLFVBQVUsR0FBRyxLQUFLLENBQUM7UUFDdkIsSUFBSSxrQkFBa0IsR0FBRyxLQUFLLENBQUM7UUFDL0IsS0FBSyxNQUFNLEtBQUssSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQzdCLElBQUksQ0FBQyxVQUFVLEVBQUU7Z0JBQ2IsVUFBVSxHQUFHLEtBQUssQ0FBQyxLQUFLLEVBQUUsQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDO2FBQ3BEO1lBRUQsSUFBSSxVQUFVLElBQUksQ0FBQyxrQkFBa0IsRUFBRTtnQkFDbkMsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDO2dCQUNiLGtCQUFrQixHQUFHLElBQUksQ0FBQzthQUM3QjtpQkFBTTtnQkFDSCxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUM7YUFDaEI7U0FDSjtRQUVELElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO0lBQy9CLENBQUM7SUFFTyxtQkFBbUI7UUFDdkIsSUFBSSxLQUFLLEdBQUcsQ0FBQyxDQUFDO1FBQ2QsS0FBSyxNQUFNLEtBQUssSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQzdCLElBQUksS0FBSyxDQUFDLFNBQVMsRUFBRSxFQUFFO2dCQUNuQixLQUFLLElBQUksS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7YUFDOUM7U0FDSjtRQUNELHlEQUF5RDtRQUN6RCxPQUFPLEtBQUssQ0FBQztJQUNqQixDQUFDO0NBQ0o7QUEzRUQsd0NBMkVDIn0=

package/layers/IPixiLayer.d.ts

@@ -0,0 +1,7 @@
+import { Map } from 'leaflet';
+export interface IPixiLayer {
+    addToMap(map: Map): any;
+    removeFromMap(map: Map): any;
+    setCurrentWidth(width: number): any;
+    setCurrentHeight(height: number): any;
+}

package/layers/IPixiLayer.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSVBpeGlMYXllci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sYXllcnMvSVBpeGlMYXllci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/layers/IPixiUniqueLayer.d.ts

@@ -0,0 +1,8 @@
+import { Container } from 'pixi.js';
+export interface IPixiUniqueLayer {
+    getId(): string;
+    hide(): void;
+    show(): void;
+    isVisible(): boolean;
+    render(pixiContainer: Container): number;
+}

package/layers/IPixiUniqueLayer.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSVBpeGlVbmlxdWVMYXllci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sYXllcnMvSVBpeGlVbmlxdWVMYXllci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/layers/MarkersLayer.d.ts

@@ -0,0 +1,16 @@
+import { IconOptions, LayerGroup, Map, Marker } from 'leaflet';
+import { IPixiLayer } from './IPixiLayer';
+import { MapLatLng } from '../tools/MapLatLng';
+export declare class MarkersLayer implements IPixiLayer {
+    protected _layerGroup: LayerGroup;
+    protected _width: number;
+    protected _height: number;
+    constructor();
+    addToMap(map: Map): void;
+    removeFromMap(map: Map): void;
+    setCurrentWidth(width: number): void;
+    setCurrentHeight(height: number): void;
+    render(markers: MapLatLng[], iconOptions?: IconOptions): {
+        markers: Marker[];
+    };
+}

package/layers/MarkersLayer.js

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MarkersLayer = void 0;
+const leaflet_1 = require("leaflet");
+class MarkersLayer {
+    constructor() {
+        this._layerGroup = null;
+        this._width = 0;
+        this._height = 0;
+    }
+    addToMap(map) {
+        if (!this._layerGroup) {
+            return;
+        }
+        if (!map.hasLayer(this._layerGroup)) {
+            map.addLayer(this._layerGroup);
+        }
+    }
+    removeFromMap(map) {
+        if (!this._layerGroup) {
+            return;
+        }
+        if (map.hasLayer(this._layerGroup)) {
+            map.removeLayer(this._layerGroup);
+        }
+    }
+    setCurrentWidth(width) {
+        this._width = width;
+    }
+    setCurrentHeight(height) {
+        this._height = height;
+    }
+    render(markers, iconOptions) {
+        if (this._layerGroup) {
+            this._layerGroup.clearLayers();
+        }
+        let iconOption;
+        if (iconOptions) {
+            iconOption = (0, leaflet_1.icon)(iconOptions);
+        }
+        // Add markers
+        const n = markers.length;
+        let i;
+        const ms = [];
+        let x;
+        let y;
+        for (i = 0; i < n; ++i) {
+            const markerToDisplay = markers[i];
+            x = markerToDisplay.lat;
+            y = markerToDisplay.lng;
+            if (x !== undefined && !isNaN(x) && y !== undefined && !isNaN(y)) {
+                const options = {
+                    title: markerToDisplay.name,
+                    alt: markerToDisplay.id
+                };
+                if (iconOption) {
+                    options.icon = iconOption;
+                }
+                ms.push((0, leaflet_1.marker)([x, y], options));
+            }
+            else {
+                // implement your own error handling
+                console.error('MARKER ERROR, Marker number: ', (i + 1), 'x: ', x, ' y: ', y);
+            }
+        }
+        // this.markerGroup = layerGroup(ms);
+        // this.markerGroup.addTo(this.map);
+        this._layerGroup = (0, leaflet_1.layerGroup)(ms);
+        return { markers: ms };
+    }
+}
+exports.MarkersLayer = MarkersLayer;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWFya2Vyc0xheWVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2xheWVycy9NYXJrZXJzTGF5ZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEscUNBQXNHO0FBSXRHLE1BQWEsWUFBWTtJQU1yQjtRQUNJLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDO1FBQ3hCLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO1FBQ2hCLElBQUksQ0FBQyxPQUFPLEdBQUcsQ0FBQyxDQUFDO0lBRXJCLENBQUM7SUFFTSxRQUFRLENBQUMsR0FBUTtRQUNwQixJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNuQixPQUFPO1NBQ1Y7UUFFRCxJQUFJLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLEVBQUU7WUFDakMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7U0FDbEM7SUFDTCxDQUFDO0lBRU0sYUFBYSxDQUFDLEdBQVE7UUFDekIsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUU7WUFDbkIsT0FBTztTQUNWO1FBRUQsSUFBSSxHQUFHLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsRUFBRTtZQUNoQyxHQUFHLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztTQUNyQztJQUNMLENBQUM7SUFFTSxlQUFlLENBQUMsS0FBYTtRQUNoQyxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztJQUN4QixDQUFDO0lBRU0sZ0JBQWdCLENBQUMsTUFBYztRQUNsQyxJQUFJLENBQUMsT0FBTyxHQUFHLE1BQU0sQ0FBQztJQUMxQixDQUFDO0lBRU0sTUFBTSxDQUFDLE9BQW9CLEVBQUUsV0FBeUI7UUFDekQsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ2xCLElBQUksQ0FBQyxXQUFXLENBQUMsV0FBVyxFQUFFLENBQUM7U0FDbEM7UUFFRCxJQUFJLFVBQVUsQ0FBQztRQUNmLElBQUksV0FBVyxFQUFFO1lBQ2IsVUFBVSxHQUFHLElBQUEsY0FBSSxFQUFDLFdBQVcsQ0FBQyxDQUFDO1NBQ2xDO1FBRUQsY0FBYztRQUNkLE1BQU0sQ0FBQyxHQUFXLE9BQU8sQ0FBQyxNQUFNLENBQUM7UUFDakMsSUFBSSxDQUFTLENBQUM7UUFDZCxNQUFNLEVBQUUsR0FBYSxFQUFFLENBQUM7UUFDeEIsSUFBSSxDQUFTLENBQUM7UUFDZCxJQUFJLENBQVMsQ0FBQztRQUNkLEtBQUssQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxFQUFFO1lBQ3BCLE1BQU0sZUFBZSxHQUFHLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUVuQyxDQUFDLEdBQUcsZUFBZSxDQUFDLEdBQUcsQ0FBQztZQUN4QixDQUFDLEdBQUcsZUFBZSxDQUFDLEdBQUcsQ0FBQztZQUV4QixJQUFJLENBQUMsS0FBSyxTQUFTLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLFNBQVMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRTtnQkFDOUQsTUFBTSxPQUFPLEdBQWtCO29CQUMzQixLQUFLLEVBQUUsZUFBZSxDQUFDLElBQUk7b0JBQzNCLEdBQUcsRUFBRSxlQUFlLENBQUMsRUFBRTtpQkFDMUIsQ0FBQztnQkFDRixJQUFJLFVBQVUsRUFBRTtvQkFDWixPQUFPLENBQUMsSUFBSSxHQUFHLFVBQVUsQ0FBQztpQkFDN0I7Z0JBQ0QsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFBLGdCQUFNLEVBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQzthQUNwQztpQkFBTTtnQkFDSCxvQ0FBb0M7Z0JBQ3BDLE9BQU8sQ0FBQyxLQUFLLENBQUMsK0JBQStCLEVBQUUsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEVBQUUsS0FBSyxFQUFFLENBQUMsRUFBRSxNQUFNLEVBQUUsQ0FBQyxDQUFDLENBQUM7YUFDaEY7U0FDSjtRQUNELHFDQUFxQztRQUNyQyxvQ0FBb0M7UUFFcEMsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFBLG9CQUFVLEVBQUMsRUFBRSxDQUFDLENBQUM7UUFDbEMsT0FBTyxFQUFDLE9BQU8sRUFBRSxFQUFFLEVBQUMsQ0FBQztJQUN6QixDQUFDO0NBRUo7QUFwRkQsb0NBb0ZDIn0=

package/layers/PixiGridLayer.d.ts

@@ -0,0 +1,58 @@
+import { GridLayer, Map } from 'leaflet';
+import { Application, Container } from 'pixi.js';
+export type renderFnType = (pixiContainer: Container) => void;
+declare class ApplicationOptions {
+    autoStart?: boolean;
+    width?: number;
+    height?: number;
+    view?: HTMLCanvasElement;
+    backgroundAlpha?: number;
+    backgroundColor?: number;
+    transparent?: boolean;
+    autoDensity?: boolean;
+    antialias?: boolean;
+    preserveDrawingBuffer?: boolean;
+    resolution?: number;
+    forceCanvas?: boolean;
+    clearBeforeRender?: boolean;
+    forceFXAA?: boolean;
+    sharedTicker?: boolean;
+    sharedLoader?: boolean;
+    resizeTo?: Window | HTMLElement;
+}
+export declare class PixiGridLayer extends GridLayer {
+    protected _id: string;
+    protected pixiApp: Application;
+    protected renderFn: renderFnType;
+    protected currentWidth: number;
+    protected currentHeight: number;
+    protected _lastUpdate: Date;
+    protected _gridMap: Map;
+    protected _gridZoomAnimated: any;
+    protected _gridRendererOptions: ApplicationOptions;
+    protected _gridContainer: HTMLElement;
+    protected _gridRenderer: any;
+    protected _gridDoubleBuffering: any;
+    protected _gridInitialZoom: any;
+    protected _gridWgsOrigin: any;
+    protected _gridWgsInitialShift: any;
+    protected _gridMapInitialZoom: any;
+    protected _pixiContainer: Container;
+    protected _gridOptions: any;
+    constructor(id?: string);
+    onAdd(targetMap: Map): this;
+    onRemove(targetMap: any): this;
+    setCurrentWidth(currentWidth: any): void;
+    setCurrentHeight(currentHeight: any): void;
+    protected setRenderFn(fn: renderFnType): void;
+    protected _initializeLayer(): void;
+    protected _update(): void;
+    protected setMeAsFirst(): void;
+    protected isFirst(): boolean;
+    protected _setMap(map: any): void;
+    protected _addContainer(): void;
+    protected _setEvents(): void;
+    protected _getPaneName(): string;
+    protected _layerRedraw(offset?: any): void;
+}
+export {};