@hpcc-js/map 3.5.2 → 3.5.4

package/src/GMapPin.ts

@@ -1,115 +1,115 @@
-import { GMapLayered } from "./GMapLayered.ts";
-import { Pins } from "./Pins.ts";
-
-export class GMapPin extends GMapLayered {
-    _pins;
-    _view;
-
-    constructor() {
-        super();
-
-        const context = this;
-        this._pins = new Pins()
-            .columns(["lat", "long", "ext"])
-            .on("click", function (row, col, sel) {
-                context.click(context.rowToObj(row.ext.origRow), "", sel);
-                context.clickStreetView(context.rowToObj(row.ext.origRow), "", sel);
-            })
-            .on("dblclick", function (row, col, sel) {
-                context.dblclick(context.rowToObj(row.ext.origRow), "", sel);
-            })
-            ;
-    }
-
-    pinsData() {
-        if (this.data().length === 0) return [];
-        const columns = this.columns();
-        this._view = this._db.rollupView([this.latitudeColumn(), this.longitudeColumn()]);
-        return this._view.entries().map(function (row) {
-            const firstRow = row.values[0].value[0];
-            return [row.key, row.values[0].key, {
-                fillColor: firstRow[columns.indexOf(this.colorColumn())],
-                tooltip: firstRow[columns.indexOf(this.tooltipColumn())],
-                origRow: firstRow
-            }];
-        }, this);
-    }
-
-    enter(domNode, element) {
-        super.enter(domNode, element);
-        this
-            .layers([
-                this._pins
-            ])
-            ;
-    }
-
-    private _prevChecksum;
-    update(domNode, element) {
-        super.update(domNode, element);
-        this._pins.data(this.pinsData());
-        if (this.autoScale() && this._prevChecksum !== this._db.checksum()) {
-            this._prevChecksum = this._db.checksum();
-            this.zoomTo(this._pins.pinsData().map(function (row) { return [row.lat, row.long]; }));
-        }
-    }
-
-    exit(domNode, element) {
-        super.exit(domNode, element);
-    }
-
-    click(row, column, selected) {
-    }
-
-    clickStreetView(row, column, selected) {
-        if (this.streetViewOnClick()) {
-            this.streetViewAt({
-                lat: +row[this.latitudeColumn()],
-                lng: +row[this.longitudeColumn()]
-            });
-        }
-    }
-
-    dblclick(row, column, selected) {
-    }
-}
-GMapPin.prototype._class += " map_GMapPin";
-
-export interface GMapPin {
-    autoScale(): boolean;
-    autoScale(_: boolean): this;
-    latitudeColumn(): string;
-    latitudeColumn(_: string): this;
-    latitudeColumn_exists(): boolean;
-    longitudeColumn(): string;
-    longitudeColumn(_: string): this;
-    longitudeColumn_exists(): boolean;
-    colorColumn(): string;
-    colorColumn(_: string): this;
-    colorColumn_exists(): boolean;
-    tooltipColumn(): string;
-    tooltipColumn(_: string): this;
-    tooltipColumn_exists(): boolean;
-    streetViewOnClick(): boolean;
-    streetViewOnClick(_: boolean): this;
-
-}
-
-GMapPin.prototype.publish("autoScale", false, "boolean", "Auto scale to data");
-GMapPin.prototype.publishProxy("pinColor", "_pins", "fillColor");
-GMapPin.prototype.publishProxy("pinType", "_pins", "pinType");
-GMapPin.prototype.publishProxy("pinWidth", "_pins", "pinWidth");
-GMapPin.prototype.publishProxy("pinHeight", "_pins", "pinHeight");
-GMapPin.prototype.publishProxy("cornerRadius", "_pins", "cornerRadius");
-GMapPin.prototype.publishProxy("pinRadius", "_pins", "pinRadius");
-GMapPin.prototype.publishProxy("arrowWidth", "_pins", "arrowWidth");
-GMapPin.prototype.publishProxy("arrowHeight", "_pins", "arrowHeight");
-GMapPin.prototype.publishProxy("textBaseline", "_pins", "textBaseline");
-GMapPin.prototype.publishProxy("strokeWidth", "_pins", "strokeWidth");
-GMapPin.prototype.publishProxy("omitNullLatLong", "_pins", "omitNullLatLong");
-
-GMapPin.prototype.publish("latitudeColumn", null, "set", "Latitude", function () { return this.columns(); }, { optional: true });
-GMapPin.prototype.publish("longitudeColumn", null, "set", "Longitude", function () { return this.columns(); }, { optional: true });
-GMapPin.prototype.publish("colorColumn", null, "set", "Color", function () { return this.columns(); }, { optional: true });
-GMapPin.prototype.publish("tooltipColumn", null, "set", "Tooltip", function () { return this.columns(); }, { optional: true });
-GMapPin.prototype.publish("streetViewOnClick", false, "boolean", "Switch to street view when pin clicked");
+import { GMapLayered } from "./GMapLayered.ts";
+import { Pins } from "./Pins.ts";
+
+export class GMapPin extends GMapLayered {
+    _pins;
+    _view;
+
+    constructor() {
+        super();
+
+        const context = this;
+        this._pins = new Pins()
+            .columns(["lat", "long", "ext"])
+            .on("click", function (row, col, sel) {
+                context.click(context.rowToObj(row.ext.origRow), "", sel);
+                context.clickStreetView(context.rowToObj(row.ext.origRow), "", sel);
+            })
+            .on("dblclick", function (row, col, sel) {
+                context.dblclick(context.rowToObj(row.ext.origRow), "", sel);
+            })
+            ;
+    }
+
+    pinsData() {
+        if (this.data().length === 0) return [];
+        const columns = this.columns();
+        this._view = this._db.rollupView([this.latitudeColumn(), this.longitudeColumn()]);
+        return this._view.entries().map(function (row) {
+            const firstRow = row.values[0].value[0];
+            return [row.key, row.values[0].key, {
+                fillColor: firstRow[columns.indexOf(this.colorColumn())],
+                tooltip: firstRow[columns.indexOf(this.tooltipColumn())],
+                origRow: firstRow
+            }];
+        }, this);
+    }
+
+    enter(domNode, element) {
+        super.enter(domNode, element);
+        this
+            .layers([
+                this._pins
+            ])
+            ;
+    }
+
+    private _prevChecksum;
+    update(domNode, element) {
+        super.update(domNode, element);
+        this._pins.data(this.pinsData());
+        if (this.autoScale() && this._prevChecksum !== this._db.checksum()) {
+            this._prevChecksum = this._db.checksum();
+            this.zoomTo(this._pins.pinsData().map(function (row) { return [row.lat, row.long]; }));
+        }
+    }
+
+    exit(domNode, element) {
+        super.exit(domNode, element);
+    }
+
+    click(row, column, selected) {
+    }
+
+    clickStreetView(row, column, selected) {
+        if (this.streetViewOnClick()) {
+            this.streetViewAt({
+                lat: +row[this.latitudeColumn()],
+                lng: +row[this.longitudeColumn()]
+            });
+        }
+    }
+
+    dblclick(row, column, selected) {
+    }
+}
+GMapPin.prototype._class += " map_GMapPin";
+
+export interface GMapPin {
+    autoScale(): boolean;
+    autoScale(_: boolean): this;
+    latitudeColumn(): string;
+    latitudeColumn(_: string): this;
+    latitudeColumn_exists(): boolean;
+    longitudeColumn(): string;
+    longitudeColumn(_: string): this;
+    longitudeColumn_exists(): boolean;
+    colorColumn(): string;
+    colorColumn(_: string): this;
+    colorColumn_exists(): boolean;
+    tooltipColumn(): string;
+    tooltipColumn(_: string): this;
+    tooltipColumn_exists(): boolean;
+    streetViewOnClick(): boolean;
+    streetViewOnClick(_: boolean): this;
+
+}
+
+GMapPin.prototype.publish("autoScale", false, "boolean", "Auto scale to data");
+GMapPin.prototype.publishProxy("pinColor", "_pins", "fillColor");
+GMapPin.prototype.publishProxy("pinType", "_pins", "pinType");
+GMapPin.prototype.publishProxy("pinWidth", "_pins", "pinWidth");
+GMapPin.prototype.publishProxy("pinHeight", "_pins", "pinHeight");
+GMapPin.prototype.publishProxy("cornerRadius", "_pins", "cornerRadius");
+GMapPin.prototype.publishProxy("pinRadius", "_pins", "pinRadius");
+GMapPin.prototype.publishProxy("arrowWidth", "_pins", "arrowWidth");
+GMapPin.prototype.publishProxy("arrowHeight", "_pins", "arrowHeight");
+GMapPin.prototype.publishProxy("textBaseline", "_pins", "textBaseline");
+GMapPin.prototype.publishProxy("strokeWidth", "_pins", "strokeWidth");
+GMapPin.prototype.publishProxy("omitNullLatLong", "_pins", "omitNullLatLong");
+
+GMapPin.prototype.publish("latitudeColumn", null, "set", "Latitude", function () { return this.columns(); }, { optional: true });
+GMapPin.prototype.publish("longitudeColumn", null, "set", "Longitude", function () { return this.columns(); }, { optional: true });
+GMapPin.prototype.publish("colorColumn", null, "set", "Color", function () { return this.columns(); }, { optional: true });
+GMapPin.prototype.publish("tooltipColumn", null, "set", "Tooltip", function () { return this.columns(); }, { optional: true });
+GMapPin.prototype.publish("streetViewOnClick", false, "boolean", "Switch to street view when pin clicked");

package/src/GMapPinLine.ts

@@ -1,138 +1,138 @@
-import { GMapLayered } from "./GMapLayered.ts";
-import { Lines } from "./Lines.ts";
-import { Pins } from "./Pins.ts";
-
-export class GMapPinLine extends GMapLayered {
-    _lines;
-    _pins;
-    _fromView;
-    _toView;
-    _linesView;
-
-    constructor() {
-        super();
-
-        const context = this;
-        this._lines = new Lines();
-        this._pins = new Pins()
-            .columns(["lat", "long", "ext"])
-            .on("click", function (row, col, sel) {
-                context.click(context.rowToObj(row.ext.origRow), "", sel);
-            })
-            .on("dblclick", function (row, col, sel) {
-                context.click(context.rowToObj(row.ext.origRow), "", sel);
-            })
-            ;
-    }
-
-    pinsData() {
-        if (this.data().length === 0) return [];
-        const columns = this.columns();
-        this._fromView = this._db.rollupView([this.fromLatitudeColumn(), this.fromLongitudeColumn()]);
-        this._toView = this._db.rollupView([this.toLatitudeColumn(), this.toLongitudeColumn()]);
-        const fromRetVal = this._fromView.entries().map(function (row) {
-            const firstRow = row.values[0].value[0];
-            return [row.key, row.values[0].key, {
-                fillColor: firstRow[columns.indexOf(this.fromColorColumn())] || this.fromPinColor(),
-                tooltip: firstRow[columns.indexOf(this.fromTooltipColumn())],
-                origRow: firstRow
-            }];
-        }, this);
-        const toRetVal = this._toView.entries().map(function (row) {
-            const firstRow = row.values[0].value[0];
-            return [row.key, row.values[0].key, {
-                fillColor: firstRow[columns.indexOf(this.toColorColumn())] || this.toPinColor(),
-                tooltip: firstRow[columns.indexOf(this.toTooltipColumn())],
-                origRow: firstRow
-            }];
-        }, this);
-        return fromRetVal.concat(toRetVal);
-    }
-
-    linesData() {
-        if (this.data().length === 0) return [];
-        this._linesView = this._db.rollupView([this.fromLatitudeColumn(), this.fromLongitudeColumn(), this.toLatitudeColumn(), this.toLongitudeColumn()]);
-        return this._linesView.data();
-    }
-
-    enter(domNode, element) {
-        super.enter(domNode, element);
-        this
-            .layers([
-                this._lines,
-                this._pins
-            ])
-            ;
-    }
-
-    private _prevChecksum;
-    update(domNode, element) {
-        super.update(domNode, element);
-        this._pins.data(this.pinsData());
-        this._lines.data(this.linesData());
-        if (this.autoScale() && this._prevChecksum !== this._db.checksum()) {
-            this._prevChecksum = this._db.checksum();
-            this.zoomTo(this._pins.pinsData().map(function (row) { return [row.lat, row.long]; }));
-        }
-    }
-
-    exit(domNode, element) {
-        super.exit(domNode, element);
-    }
-
-    click(row, column, selected) {
-    }
-
-    dblclick(row, column, selected) {
-    }
-}
-GMapPinLine.prototype._class += " map_GMapPinLine";
-
-export interface GMapPinLine {
-    autoScale(): boolean;
-    autoScale(_: boolean): GMapPinLine;
-    fromPinColor(): string;
-    fromPinColor(_: string): GMapPinLine;
-    fromPinColor_exists(): boolean;
-    fromLatitudeColumn(): string;
-    fromLatitudeColumn(_: string): GMapPinLine;
-    fromLatitudeColumn_exists(): boolean;
-    fromLongitudeColumn(): string;
-    fromLongitudeColumn(_: string): GMapPinLine;
-    fromLongitudeColumn_exists(): boolean;
-    fromColorColumn(): string;
-    fromColorColumn(_: string): GMapPinLine;
-    fromColorColumn_exists(): boolean;
-    fromTooltipColumn(): string;
-    fromTooltipColumn(_: string): GMapPinLine;
-    fromTooltipColumn_exists(): boolean;
-
-    toPinColor(): string;
-    toPinColor(_: string): GMapPinLine;
-    toPinColor_exists(): boolean;
-    toLatitudeColumn(): string;
-    toLatitudeColumn(_: string): GMapPinLine;
-    toLatitudeColumn_exists(): boolean;
-    toLongitudeColumn(): string;
-    toLongitudeColumn(_: string): GMapPinLine;
-    toLongitudeColumn_exists(): boolean;
-    toColorColumn(): string;
-    toColorColumn(_: string): GMapPinLine;
-    toColorColumn_exists(): boolean;
-    toTooltipColumn(): string;
-    toTooltipColumn(_: string): GMapPinLine;
-    toTooltipColumn_exists(): boolean;
-}
-
-GMapPinLine.prototype.publish("autoScale", false, "boolean", "Auto scale to data");
-GMapPinLine.prototype.publish("fromPinColor", "green", "html-color", "From Pin Color");
-GMapPinLine.prototype.publish("fromLatitudeColumn", null, "set", "From Latitude", function () { return this.columns(); }, { optional: true });
-GMapPinLine.prototype.publish("fromLongitudeColumn", null, "set", "From Longitude", function () { return this.columns(); }, { optional: true });
-GMapPinLine.prototype.publish("fromColorColumn", null, "set", "From Color", function () { return this.columns(); }, { optional: true });
-GMapPinLine.prototype.publish("fromTooltipColumn", null, "set", "From Tooltip", function () { return this.columns(); }, { optional: true });
-
-GMapPinLine.prototype.publish("toPinColor", "red", "html-color", "To Pin Color");
-GMapPinLine.prototype.publish("toLatitudeColumn", null, "set", "To Latitude", function () { return this.columns(); }, { optional: true });
-GMapPinLine.prototype.publish("toLongitudeColumn", null, "set", "To Longitude", function () { return this.columns(); }, { optional: true });
-GMapPinLine.prototype.publish("toColorColumn", null, "set", "To Color", function () { return this.columns(); }, { optional: true });
-GMapPinLine.prototype.publish("toTooltipColumn", null, "set", "To Tooltip", function () { return this.columns(); }, { optional: true });
+import { GMapLayered } from "./GMapLayered.ts";
+import { Lines } from "./Lines.ts";
+import { Pins } from "./Pins.ts";
+
+export class GMapPinLine extends GMapLayered {
+    _lines;
+    _pins;
+    _fromView;
+    _toView;
+    _linesView;
+
+    constructor() {
+        super();
+
+        const context = this;
+        this._lines = new Lines();
+        this._pins = new Pins()
+            .columns(["lat", "long", "ext"])
+            .on("click", function (row, col, sel) {
+                context.click(context.rowToObj(row.ext.origRow), "", sel);
+            })
+            .on("dblclick", function (row, col, sel) {
+                context.click(context.rowToObj(row.ext.origRow), "", sel);
+            })
+            ;
+    }
+
+    pinsData() {
+        if (this.data().length === 0) return [];
+        const columns = this.columns();
+        this._fromView = this._db.rollupView([this.fromLatitudeColumn(), this.fromLongitudeColumn()]);
+        this._toView = this._db.rollupView([this.toLatitudeColumn(), this.toLongitudeColumn()]);
+        const fromRetVal = this._fromView.entries().map(function (row) {
+            const firstRow = row.values[0].value[0];
+            return [row.key, row.values[0].key, {
+                fillColor: firstRow[columns.indexOf(this.fromColorColumn())] || this.fromPinColor(),
+                tooltip: firstRow[columns.indexOf(this.fromTooltipColumn())],
+                origRow: firstRow
+            }];
+        }, this);
+        const toRetVal = this._toView.entries().map(function (row) {
+            const firstRow = row.values[0].value[0];
+            return [row.key, row.values[0].key, {
+                fillColor: firstRow[columns.indexOf(this.toColorColumn())] || this.toPinColor(),
+                tooltip: firstRow[columns.indexOf(this.toTooltipColumn())],
+                origRow: firstRow
+            }];
+        }, this);
+        return fromRetVal.concat(toRetVal);
+    }
+
+    linesData() {
+        if (this.data().length === 0) return [];
+        this._linesView = this._db.rollupView([this.fromLatitudeColumn(), this.fromLongitudeColumn(), this.toLatitudeColumn(), this.toLongitudeColumn()]);
+        return this._linesView.data();
+    }
+
+    enter(domNode, element) {
+        super.enter(domNode, element);
+        this
+            .layers([
+                this._lines,
+                this._pins
+            ])
+            ;
+    }
+
+    private _prevChecksum;
+    update(domNode, element) {
+        super.update(domNode, element);
+        this._pins.data(this.pinsData());
+        this._lines.data(this.linesData());
+        if (this.autoScale() && this._prevChecksum !== this._db.checksum()) {
+            this._prevChecksum = this._db.checksum();
+            this.zoomTo(this._pins.pinsData().map(function (row) { return [row.lat, row.long]; }));
+        }
+    }
+
+    exit(domNode, element) {
+        super.exit(domNode, element);
+    }
+
+    click(row, column, selected) {
+    }
+
+    dblclick(row, column, selected) {
+    }
+}
+GMapPinLine.prototype._class += " map_GMapPinLine";
+
+export interface GMapPinLine {
+    autoScale(): boolean;
+    autoScale(_: boolean): GMapPinLine;
+    fromPinColor(): string;
+    fromPinColor(_: string): GMapPinLine;
+    fromPinColor_exists(): boolean;
+    fromLatitudeColumn(): string;
+    fromLatitudeColumn(_: string): GMapPinLine;
+    fromLatitudeColumn_exists(): boolean;
+    fromLongitudeColumn(): string;
+    fromLongitudeColumn(_: string): GMapPinLine;
+    fromLongitudeColumn_exists(): boolean;
+    fromColorColumn(): string;
+    fromColorColumn(_: string): GMapPinLine;
+    fromColorColumn_exists(): boolean;
+    fromTooltipColumn(): string;
+    fromTooltipColumn(_: string): GMapPinLine;
+    fromTooltipColumn_exists(): boolean;
+
+    toPinColor(): string;
+    toPinColor(_: string): GMapPinLine;
+    toPinColor_exists(): boolean;
+    toLatitudeColumn(): string;
+    toLatitudeColumn(_: string): GMapPinLine;
+    toLatitudeColumn_exists(): boolean;
+    toLongitudeColumn(): string;
+    toLongitudeColumn(_: string): GMapPinLine;
+    toLongitudeColumn_exists(): boolean;
+    toColorColumn(): string;
+    toColorColumn(_: string): GMapPinLine;
+    toColorColumn_exists(): boolean;
+    toTooltipColumn(): string;
+    toTooltipColumn(_: string): GMapPinLine;
+    toTooltipColumn_exists(): boolean;
+}
+
+GMapPinLine.prototype.publish("autoScale", false, "boolean", "Auto scale to data");
+GMapPinLine.prototype.publish("fromPinColor", "green", "html-color", "From Pin Color");
+GMapPinLine.prototype.publish("fromLatitudeColumn", null, "set", "From Latitude", function () { return this.columns(); }, { optional: true });
+GMapPinLine.prototype.publish("fromLongitudeColumn", null, "set", "From Longitude", function () { return this.columns(); }, { optional: true });
+GMapPinLine.prototype.publish("fromColorColumn", null, "set", "From Color", function () { return this.columns(); }, { optional: true });
+GMapPinLine.prototype.publish("fromTooltipColumn", null, "set", "From Tooltip", function () { return this.columns(); }, { optional: true });
+
+GMapPinLine.prototype.publish("toPinColor", "red", "html-color", "To Pin Color");
+GMapPinLine.prototype.publish("toLatitudeColumn", null, "set", "To Latitude", function () { return this.columns(); }, { optional: true });
+GMapPinLine.prototype.publish("toLongitudeColumn", null, "set", "To Longitude", function () { return this.columns(); }, { optional: true });
+GMapPinLine.prototype.publish("toColorColumn", null, "set", "To Color", function () { return this.columns(); }, { optional: true });
+GMapPinLine.prototype.publish("toTooltipColumn", null, "set", "To Tooltip", function () { return this.columns(); }, { optional: true });

package/src/GeoHash.css

@@ -1,15 +1,15 @@
-.map_Layered .map_GeoHash .data {
-    stroke: none;
-}
-
-.map_Layered .map_GeoHash .data.selected {
-    stroke: red;
-}
-
-.map_Layered .map_GeoHash .data.over {
-    stroke: orange;
-}
-
-.map_Layered .map_GeoHash .data.selected.over {
-    stroke: red;
+.map_Layered .map_GeoHash .data {
+    stroke: none;
+}
+
+.map_Layered .map_GeoHash .data.selected {
+    stroke: red;
+}
+
+.map_Layered .map_GeoHash .data.over {
+    stroke: orange;
+}
+
+.map_Layered .map_GeoHash .data.selected.over {
+    stroke: red;
 }