jpf 4.0.6 → 4.0.8

package/dist/controls/index.d.ts

@@ -2,4 +2,5 @@ export * from "./codeMirror/index";
 export * from "./html/index";
 export * from "./jsonViewAwesome/index";
 export * from "./kendo/index";
+export * from "./leaflet/index";
 export * from "./user/index";

package/dist/controls/index.js

@@ -2,5 +2,6 @@ export * from "./codeMirror/index";
 export * from "./html/index";
 export * from "./jsonViewAwesome/index";
 export * from "./kendo/index";
+export * from "./leaflet/index";
 export * from "./user/index";
 //# sourceMappingURL=index.js.map

package/dist/controls/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/controls/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/controls/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC"}

package/dist/controls/leaflet/LabelControl/LabelControl.d.ts

@@ -0,0 +1,11 @@
+import * as leaflet from "leaflet";
+import { IView } from "../../../framework/View";
+import { ViewModel } from "../../../framework/ViewModel";
+export interface LeafletLabelControlOptions extends leaflet.ControlOptions {
+    content: string | IView | ViewModel;
+}
+export declare class LeafletLabelControl extends leaflet.Control {
+    constructor(options: LeafletLabelControlOptions);
+    private readonly content;
+    onAdd(map: leaflet.Map): HTMLElement;
+}

package/dist/controls/leaflet/LabelControl/LabelControl.js

@@ -0,0 +1,31 @@
+import * as leaflet from "leaflet";
+import { getView } from "../../../framework/View";
+import { ViewModel } from "../../../framework/ViewModel";
+export class LeafletLabelControl extends leaflet.Control {
+    constructor(options) {
+        super(options);
+        this.content = options.content;
+    }
+    content;
+    onAdd(map) {
+        const div = document.createElement("div");
+        let view;
+        if (this.content instanceof ViewModel) {
+            view = getView(this.content);
+            if (view) {
+                div.appendChild(view.render());
+            }
+        }
+        else if (typeof this.content === "string") {
+            div.innerText = this.content;
+        }
+        else {
+            view = this.content;
+            if (view.render) {
+                div.appendChild(view.render());
+            }
+        }
+        return div;
+    }
+}
+//# sourceMappingURL=LabelControl.js.map

package/dist/controls/leaflet/LabelControl/LabelControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabelControl.js","sourceRoot":"","sources":["../../../../src/controls/leaflet/LabelControl/LabelControl.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,SAAS,CAAC;AACnC,OAAO,EAAS,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAMzD,MAAM,OAAO,mBAAoB,SAAQ,OAAO,CAAC,OAAO;IACpD,YAAY,OAAmC;QAC3C,KAAK,CAAC,OAAO,CAAC,CAAC;QAEf,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IACnC,CAAC;IAEgB,OAAO,CAA6B;IAErD,KAAK,CAAC,GAAgB;QAClB,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAE1C,IAAI,IAAI,CAAC;QACT,IAAI,IAAI,CAAC,OAAO,YAAY,SAAS,EAAE;YACnC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAC7B,IAAI,IAAI,EAAE;gBACN,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;aAClC;SACJ;aAAM,IAAI,OAAO,IAAI,CAAC,OAAO,KAAK,QAAQ,EAAE;YACzC,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC;SAChC;aAAM;YACH,IAAI,GAAG,IAAI,CAAC,OAAgB,CAAC;YAC7B,IAAI,IAAI,CAAC,MAAM,EAAE;gBACb,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;aAClC;SACJ;QAED,OAAO,GAAG,CAAC;IACf,CAAC;CACJ"}

package/dist/controls/leaflet/LabelControl.d.ts

@@ -0,0 +1,11 @@
+import * as leaflet from "leaflet";
+import { IView } from "../../framework/View";
+import { ViewModel } from "../../framework/ViewModel";
+export interface LeafletLabelControlOptions extends leaflet.ControlOptions {
+    content: string | IView | ViewModel;
+}
+export declare class LeafletLabelControl extends leaflet.Control {
+    constructor(options: LeafletLabelControlOptions);
+    private readonly content;
+    onAdd(map: leaflet.Map): HTMLElement;
+}

package/dist/controls/leaflet/LabelControl.js

@@ -0,0 +1,31 @@
+import * as leaflet from "leaflet";
+import { getView } from "../../framework/View";
+import { ViewModel } from "../../framework/ViewModel";
+export class LeafletLabelControl extends leaflet.Control {
+    constructor(options) {
+        super(options);
+        this.content = options.content;
+    }
+    content;
+    onAdd(map) {
+        const div = document.createElement("div");
+        let view;
+        if (this.content instanceof ViewModel) {
+            view = getView(this.content);
+            if (view) {
+                div.appendChild(view.render());
+            }
+        }
+        else if (typeof this.content === "string") {
+            div.innerText = this.content;
+        }
+        else {
+            view = this.content;
+            if (view.render) {
+                div.appendChild(view.render());
+            }
+        }
+        return div;
+    }
+}
+//# sourceMappingURL=LabelControl.js.map

package/dist/controls/leaflet/LabelControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabelControl.js","sourceRoot":"","sources":["../../../src/controls/leaflet/LabelControl.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,SAAS,CAAC;AACnC,OAAO,EAAS,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAMtD,MAAM,OAAO,mBAAoB,SAAQ,OAAO,CAAC,OAAO;IACpD,YAAY,OAAmC;QAC3C,KAAK,CAAC,OAAO,CAAC,CAAC;QAEf,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IACnC,CAAC;IAEgB,OAAO,CAA6B;IAErD,KAAK,CAAC,GAAgB;QAClB,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAE1C,IAAI,IAAI,CAAC;QACT,IAAI,IAAI,CAAC,OAAO,YAAY,SAAS,EAAE;YACnC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAC7B,IAAI,IAAI,EAAE;gBACN,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;aAClC;SACJ;aAAM,IAAI,OAAO,IAAI,CAAC,OAAO,KAAK,QAAQ,EAAE;YACzC,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC;SAChC;aAAM;YACH,IAAI,GAAG,IAAI,CAAC,OAAgB,CAAC;YAC7B,IAAI,IAAI,CAAC,MAAM,EAAE;gBACb,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;aAClC;SACJ;QAED,OAAO,GAAG,CAAC;IACf,CAAC;CACJ"}

package/dist/controls/leaflet/Map/Map.d.ts

@@ -0,0 +1,46 @@
+import { Observable, ObservableArray, Computed } from "knockout";
+import * as leaflet from "leaflet";
+import { View } from "../../../framework/View";
+import { ViewModel, ViewModelOptions } from "../../../framework/ViewModel";
+import { EventListeners } from "../../../framework/event";
+export interface MapViewModelOptions extends ViewModelOptions {
+    renderer?: leaflet.Renderer;
+    center?: leaflet.LatLngExpression | Observable<leaflet.LatLngExpression>;
+    zoom?: number;
+    tileLayers?: Array<leaflet.TileLayer>;
+    layers?: Array<leaflet.Layer> | ObservableArray<leaflet.Layer> | Computed<Array<leaflet.Layer>>;
+    controls?: Array<leaflet.Control> | ObservableArray<leaflet.Control>;
+    eventListeners?: MapEventListeners;
+    zoomInTitle: string;
+    zoomOutTitle: string;
+}
+export declare class MapViewModel extends ViewModel implements MapViewModelOptions {
+    constructor(options: MapViewModelOptions);
+    readonly renderer?: leaflet.Renderer;
+    readonly center: leaflet.LatLngExpression | Observable<leaflet.LatLngExpression>;
+    readonly zoom: number;
+    readonly south: number;
+    readonly north: number;
+    readonly west: number;
+    readonly east: number;
+    readonly tileLayers: Array<leaflet.TileLayer>;
+    readonly layers: Array<leaflet.Layer> | ObservableArray<leaflet.Layer> | Computed<Array<leaflet.Layer>>;
+    readonly controls: Array<leaflet.Control> | ObservableArray<leaflet.Control>;
+    readonly zoomInTitle: string;
+    readonly zoomOutTitle: string;
+}
+export declare class MapView extends View<MapViewModelOptions> {
+    constructor(viewModel: MapViewModelOptions, designTimeOptions?: ViewModelOptions);
+    private map;
+    private layers;
+    private controls;
+    build(): void;
+    private setTileLayers;
+    private setLayers;
+    private setControls;
+}
+export declare const burtonville: leaflet.LatLngExpression;
+export interface MapEventListeners extends EventListeners {
+    zoomend?: (event: leaflet.LeafletEvent) => void;
+    moveend?: (event: leaflet.LeafletEvent) => void;
+}

package/dist/controls/leaflet/Map/Map.js

@@ -0,0 +1,120 @@
+import { isObservable, unwrap } from "knockout";
+import * as leaflet from "leaflet";
+import { View, registerView } from "../../../framework/View";
+import { ViewModel, extendViewModel } from "../../../framework/ViewModel";
+export class MapViewModel extends ViewModel {
+    constructor(options) {
+        super(options);
+        if (options) {
+            this.renderer = options.renderer;
+            this.center = options.center;
+            this.zoom = options.zoom;
+            this.tileLayers = options.tileLayers;
+            this.layers = options.layers;
+            this.controls = options.controls;
+        }
+    }
+    renderer;
+    center;
+    zoom;
+    south;
+    north;
+    west;
+    east;
+    tileLayers;
+    layers;
+    controls;
+    zoomInTitle;
+    zoomOutTitle;
+}
+export class MapView extends View {
+    constructor(viewModel, designTimeOptions) {
+        super({
+            tagName: "div",
+            viewModel: viewModel
+        }, extendViewModel({
+            viewType: "LeafletMap"
+        }, designTimeOptions));
+    }
+    map;
+    layers = new Array();
+    controls = new Array();
+    build() {
+        super.build();
+        const viewModel = this.viewModel;
+        if (!viewModel.center) {
+            viewModel.center = burtonville;
+        }
+        const options = {
+            renderer: viewModel.renderer,
+            zoomControl: false
+        };
+        setTimeout(() => {
+            this.map = leaflet.map(this.element, options).setView(unwrap(viewModel.center), this.viewModel.zoom);
+            leaflet.control.zoom({
+                position: "topleft",
+                zoomInTitle: viewModel.zoomInTitle,
+                zoomOutTitle: viewModel.zoomOutTitle
+            }).addTo(this.map);
+            if (this.viewModel.eventListeners) {
+                Object.keys(this.viewModel.eventListeners).forEach((key) => {
+                    this.map.on(key, (event) => {
+                        this.viewModel.eventListeners[key](event);
+                    });
+                });
+            }
+            this.setTileLayers(viewModel.tileLayers);
+            this.setLayers(unwrap(viewModel.layers));
+            if (isObservable(viewModel.layers)) {
+                viewModel.layers.subscribe((layers) => {
+                    this.setLayers(layers);
+                });
+            }
+            this.setControls(unwrap(viewModel.controls));
+            if (isObservable(viewModel.controls)) {
+                viewModel.controls.subscribe((controls) => {
+                    this.setControls(controls);
+                });
+            }
+            if (isObservable(viewModel.center)) {
+                viewModel.center.subscribe((center) => {
+                    this.map.panTo(center);
+                });
+            }
+        }, 100);
+    }
+    setTileLayers(tileLayers) {
+        if (tileLayers) {
+            tileLayers.forEach((tileLayer) => {
+                tileLayer.addTo(this.map);
+            });
+        }
+    }
+    setLayers(layers) {
+        this.layers.forEach((layer) => {
+            this.map.removeLayer(layer);
+        });
+        this.layers = [];
+        if (layers) {
+            layers.forEach((layer) => {
+                this.layers.push(layer);
+                layer.addTo(this.map);
+            });
+        }
+    }
+    setControls(controls) {
+        this.controls.forEach((control) => {
+            this.map.removeControl(control);
+        });
+        this.controls = [];
+        if (controls) {
+            controls.forEach((control) => {
+                this.controls.push(control);
+                control.addTo(this.map);
+            });
+        }
+    }
+}
+registerView(MapViewModel, MapView);
+export const burtonville = [50.283939, 5.964070];
+//# sourceMappingURL=Map.js.map

package/dist/controls/leaflet/Map/Map.js.map

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

package/dist/controls/leaflet/Map.d.ts

@@ -0,0 +1,46 @@
+import { Observable, ObservableArray, Computed } from "knockout";
+import * as leaflet from "leaflet";
+import { View } from "../../framework/View";
+import { ViewModel, ViewModelOptions } from "../../framework/ViewModel";
+import { EventListeners } from "../../framework/event";
+export interface MapViewModelOptions extends ViewModelOptions {
+    renderer?: leaflet.Renderer;
+    center?: leaflet.LatLngExpression | Observable<leaflet.LatLngExpression>;
+    zoom?: number;
+    tileLayers?: Array<leaflet.TileLayer>;
+    layers?: Array<leaflet.Layer> | ObservableArray<leaflet.Layer> | Computed<Array<leaflet.Layer>>;
+    controls?: Array<leaflet.Control> | ObservableArray<leaflet.Control>;
+    eventListeners?: MapEventListeners;
+    zoomInTitle: string;
+    zoomOutTitle: string;
+}
+export declare class MapViewModel extends ViewModel implements MapViewModelOptions {
+    constructor(options: MapViewModelOptions);
+    readonly renderer?: leaflet.Renderer;
+    readonly center: leaflet.LatLngExpression | Observable<leaflet.LatLngExpression>;
+    readonly zoom: number;
+    readonly south: number;
+    readonly north: number;
+    readonly west: number;
+    readonly east: number;
+    readonly tileLayers: Array<leaflet.TileLayer>;
+    readonly layers: Array<leaflet.Layer> | ObservableArray<leaflet.Layer> | Computed<Array<leaflet.Layer>>;
+    readonly controls: Array<leaflet.Control> | ObservableArray<leaflet.Control>;
+    readonly zoomInTitle: string;
+    readonly zoomOutTitle: string;
+}
+export declare class MapView extends View<MapViewModelOptions> {
+    constructor(viewModel: MapViewModelOptions, designTimeOptions?: ViewModelOptions);
+    private map;
+    private layers;
+    private controls;
+    build(): void;
+    private setTileLayers;
+    private setLayers;
+    private setControls;
+}
+export declare const burtonville: leaflet.LatLngExpression;
+export interface MapEventListeners extends EventListeners {
+    zoomend?: (event: leaflet.LeafletEvent) => void;
+    moveend?: (event: leaflet.LeafletEvent) => void;
+}

package/dist/controls/leaflet/Map.js

@@ -0,0 +1,120 @@
+import { isObservable, unwrap } from "knockout";
+import * as leaflet from "leaflet";
+import { View, registerView } from "../../framework/View";
+import { ViewModel, extendViewModel } from "../../framework/ViewModel";
+export class MapViewModel extends ViewModel {
+    constructor(options) {
+        super(options);
+        if (options) {
+            this.renderer = options.renderer;
+            this.center = options.center;
+            this.zoom = options.zoom;
+            this.tileLayers = options.tileLayers;
+            this.layers = options.layers;
+            this.controls = options.controls;
+        }
+    }
+    renderer;
+    center;
+    zoom;
+    south;
+    north;
+    west;
+    east;
+    tileLayers;
+    layers;
+    controls;
+    zoomInTitle;
+    zoomOutTitle;
+}
+export class MapView extends View {
+    constructor(viewModel, designTimeOptions) {
+        super({
+            tagName: "div",
+            viewModel: viewModel
+        }, extendViewModel({
+            viewType: "LeafletMap"
+        }, designTimeOptions));
+    }
+    map;
+    layers = new Array();
+    controls = new Array();
+    build() {
+        super.build();
+        const viewModel = this.viewModel;
+        if (!viewModel.center) {
+            viewModel.center = burtonville;
+        }
+        const options = {
+            renderer: viewModel.renderer,
+            zoomControl: false
+        };
+        setTimeout(() => {
+            this.map = leaflet.map(this.element, options).setView(unwrap(viewModel.center), this.viewModel.zoom);
+            leaflet.control.zoom({
+                position: "topleft",
+                zoomInTitle: viewModel.zoomInTitle,
+                zoomOutTitle: viewModel.zoomOutTitle
+            }).addTo(this.map);
+            if (this.viewModel.eventListeners) {
+                Object.keys(this.viewModel.eventListeners).forEach((key) => {
+                    this.map.on(key, (event) => {
+                        this.viewModel.eventListeners[key](event);
+                    });
+                });
+            }
+            this.setTileLayers(viewModel.tileLayers);
+            this.setLayers(unwrap(viewModel.layers));
+            if (isObservable(viewModel.layers)) {
+                viewModel.layers.subscribe((layers) => {
+                    this.setLayers(layers);
+                });
+            }
+            this.setControls(unwrap(viewModel.controls));
+            if (isObservable(viewModel.controls)) {
+                viewModel.controls.subscribe((controls) => {
+                    this.setControls(controls);
+                });
+            }
+            if (isObservable(viewModel.center)) {
+                viewModel.center.subscribe((center) => {
+                    this.map.panTo(center);
+                });
+            }
+        }, 100);
+    }
+    setTileLayers(tileLayers) {
+        if (tileLayers) {
+            tileLayers.forEach((tileLayer) => {
+                tileLayer.addTo(this.map);
+            });
+        }
+    }
+    setLayers(layers) {
+        this.layers.forEach((layer) => {
+            this.map.removeLayer(layer);
+        });
+        this.layers = [];
+        if (layers) {
+            layers.forEach((layer) => {
+                this.layers.push(layer);
+                layer.addTo(this.map);
+            });
+        }
+    }
+    setControls(controls) {
+        this.controls.forEach((control) => {
+            this.map.removeControl(control);
+        });
+        this.controls = [];
+        if (controls) {
+            controls.forEach((control) => {
+                this.controls.push(control);
+                control.addTo(this.map);
+            });
+        }
+    }
+}
+registerView(MapViewModel, MapView);
+export const burtonville = [50.283939, 5.964070];
+//# sourceMappingURL=Map.js.map

package/dist/controls/leaflet/Map.js.map

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

package/dist/controls/leaflet/OpenStreetMapTileLayer/OpenStreetMapTileLayer.d.ts

@@ -0,0 +1,7 @@
+import { TileLayerOptions, TileLayer } from "leaflet";
+export interface OpenStreetMapTileLayerOptions extends TileLayerOptions {
+    attribution?: string;
+}
+export declare class OpenStreetMapTileLayer extends TileLayer {
+    constructor(options?: OpenStreetMapTileLayerOptions);
+}

package/dist/controls/leaflet/OpenStreetMapTileLayer/OpenStreetMapTileLayer.js

@@ -0,0 +1,11 @@
+import { TileLayer } from "leaflet";
+export class OpenStreetMapTileLayer extends TileLayer {
+    constructor(options) {
+        if (!options) {
+            options = {};
+        }
+        options.attribution = "&copy; <a href=\"https://www.openstreetmap.org/copyright\">OpenStreetMap</a> contributors";
+        super("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", options);
+    }
+}
+//# sourceMappingURL=OpenStreetMapTileLayer.js.map

package/dist/controls/leaflet/OpenStreetMapTileLayer/OpenStreetMapTileLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpenStreetMapTileLayer.js","sourceRoot":"","sources":["../../../../src/controls/leaflet/OpenStreetMapTileLayer/OpenStreetMapTileLayer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,SAAS,EAAE,MAAM,SAAS,CAAC;AAMtD,MAAM,OAAO,sBAAuB,SAAQ,SAAS;IACjD,YAAY,OAAuC;QAC/C,IAAI,CAAC,OAAO,EAAE;YACV,OAAO,GAAG,EAAE,CAAC;SAChB;QACD,OAAO,CAAC,WAAW,GAAG,2FAA2F,CAAC;QAClH,KAAK,CAAC,oDAAoD,EAAE,OAAO,CAAC,CAAC;IACzE,CAAC;CACJ"}

package/dist/controls/leaflet/OpenStreetMapTileLayer.d.ts

@@ -0,0 +1,7 @@
+import { TileLayerOptions, TileLayer } from "leaflet";
+export interface OpenStreetMapTileLayerOptions extends TileLayerOptions {
+    attribution?: string;
+}
+export declare class OpenStreetMapTileLayer extends TileLayer {
+    constructor(options?: OpenStreetMapTileLayerOptions);
+}

package/dist/controls/leaflet/OpenStreetMapTileLayer.js

@@ -0,0 +1,11 @@
+import { TileLayer } from "leaflet";
+export class OpenStreetMapTileLayer extends TileLayer {
+    constructor(options) {
+        if (!options) {
+            options = {};
+        }
+        options.attribution = "&copy; <a href=\"https://www.openstreetmap.org/copyright\">OpenStreetMap</a> contributors";
+        super("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", options);
+    }
+}
+//# sourceMappingURL=OpenStreetMapTileLayer.js.map

package/dist/controls/leaflet/OpenStreetMapTileLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpenStreetMapTileLayer.js","sourceRoot":"","sources":["../../../src/controls/leaflet/OpenStreetMapTileLayer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,SAAS,EAAE,MAAM,SAAS,CAAC;AAMtD,MAAM,OAAO,sBAAuB,SAAQ,SAAS;IACjD,YAAY,OAAuC;QAC/C,IAAI,CAAC,OAAO,EAAE;YACV,OAAO,GAAG,EAAE,CAAC;SAChB;QACD,OAAO,CAAC,WAAW,GAAG,2FAA2F,CAAC;QAClH,KAAK,CAAC,oDAAoD,EAAE,OAAO,CAAC,CAAC;IACzE,CAAC;CACJ"}

package/dist/controls/leaflet/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./LabelControl/LabelControl";
+export * from "./Map/Map";
+export * from "./OpenStreetMapTileLayer/OpenStreetMapTileLayer";

package/dist/controls/leaflet/index.js

@@ -0,0 +1,4 @@
+export * from "./LabelControl/LabelControl";
+export * from "./Map/Map";
+export * from "./OpenStreetMapTileLayer/OpenStreetMapTileLayer";
+//# sourceMappingURL=index.js.map

package/dist/controls/leaflet/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/leaflet/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,WAAW,CAAC;AAC1B,cAAc,iDAAiD,CAAC"}

package/dist/index.d.ts

@@ -1,7 +1,7 @@
-import * as Controls from "./controls/index";
-import * as Utilities from "./utilities/index";
-export { Controls };
-export { Utilities };
+import * as controls from "./controls/index";
+import * as utilities from "./utilities/index";
+export { controls };
+export { utilities };
 export * from "./framework/attributes";
 export * from "./framework/event";
 export * from "./framework/types";

package/dist/index.js

@@ -1,7 +1,7 @@
-import * as Controls from "./controls/index";
-import * as Utilities from "./utilities/index";
-export { Controls };
-export { Utilities };
+import * as controls from "./controls/index";
+import * as utilities from "./utilities/index";
+export { controls };
+export { utilities };
 export * from "./framework/attributes";
 export * from "./framework/event";
 export * from "./framework/types";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jpf",
-  "version": "4.0.6",
+  "version": "4.0.8",
   "description": "Javascript Presentation Foundation",
   "keywords": [
     "mvvm",
@@ -35,7 +35,7 @@
     "npmAuditFix": "npm audit fix",
     "npmAuditFixForce": "npm audit fix --force",
     "npmCacheClean": "npm cache clean --force",
-    "npmPublish": "tsc & npm publish --otp=663293",
+    "npmPublish": "tsc & npm publish --otp=771744",
     "npmLogin": "npm login",
     "npmWhoAmI": "npm whoami",
     "npmAddUser":  "npm adduser", 
@@ -55,7 +55,9 @@
     "codemirror": "6.0.1",
     "@codemirror/lang-html": "6.4.0",
     "@codemirror/lang-json": "6.0.1",
-    "json-viewer-awesome": "1.0.15"
+    "json-viewer-awesome": "1.0.15",
+    "leaflet": "1.9.3",
+    "leaflet-arrowheads": "1.4.0"
   },
   "devDependencies": {
     "@types/ua-parser-js": "^0.7.36",