@hpcc-js/map 2.78.2 → 3.1.0

package/package.json

@@ -1,54 +1,52 @@
 {
     "name": "@hpcc-js/map",
-    "version": "2.78.2",
+    "version": "3.1.0",
     "description": "hpcc-js - Viz Map",
-    "main": "dist/index.js",
-    "module": "dist/index.es6",
-    "unpkg": "dist/index.min.js",
-    "jsdelivr": "dist/index.min.js",
-    "types": "types/index.d.ts",
-    "typesVersions": {
-        "<3.8": {
-            "*": [
-                "types-3.4/index.d.ts"
-            ]
-        }
+    "type": "module",
+    "exports": {
+        ".": {
+            "types": "./types/index.d.ts",
+            "default": "./dist/index.js"
+        },
+        "./dist/*": "./dist/*"
     },
+    "module": "./dist/index.js",
+    "browser": "./dist/index.js",
+    "types": "./types/index.d.ts",
     "files": [
         "dist/*",
-        "types/*",
-        "types-3.4/*",
-        "TopoJSON/*",
-        "src/*"
+        "src/*",
+        "types/*"
     ],
     "scripts": {
-        "clean": "rimraf --glob lib* types dist *.tsbuildinfo",
-        "compile-es6": "tsc --module es6 --outDir ./lib-es6",
-        "compile-es6-watch": "npm run compile-es6 -- -w",
-        "compile-umd": "tsc --module umd --outDir ./lib-umd",
-        "compile-umd-watch": "npm run compile-umd -- -w",
-        "bundle": "rollup -c",
-        "bundle-watch": "npm run bundle -- -w",
-        "minimize": "terser dist/index.js -c -m --source-map \"content='dist/index.js.map',url='index.min.js.map'\" -o dist/index.min.js",
-        "gen-legacy-types": "downlevel-dts ./types ./types-3.4",
-        "build": "npm run compile-es6 && npm run bundle",
-        "watch": "npm-run-all compile-es6 -p compile-es6-watch bundle-watch",
-        "stamp": "node ../../node_modules/@hpcc-js/bundle/src/stamp.js",
+        "clean": "rimraf --glob lib* types dist *.tsbuildinfo .turbo",
+        "bundle": "node esbuild.js",
+        "bundle-watch": "npm run bundle -- --development --watch",
+        "gen-types": "tsc --project tsconfig.json",
+        "gen-types-watch": "npm run gen-types -- --watch",
+        "build": "run-p gen-types bundle",
         "lint": "eslint ./src",
+        "lint-fix": "eslint --fix src/**/*.ts",
         "docs": "typedoc --options tdoptions.json .",
-        "update": "npx --yes npm-check-updates -u -t minor"
+        "test-browser": "vitest run --project browser",
+        "test": "vitest run",
+        "coverage": "vitest run --coverage",
+        "update": "npx --yes npm-check-updates -u -t minor",
+        "update-major": "npx --yes npm-check-updates -u"
     },
     "dependencies": {
-        "@hpcc-js/api": "^2.13.0",
-        "@hpcc-js/common": "^2.72.0",
-        "@hpcc-js/graph": "^2.86.0",
-        "@hpcc-js/layout": "^2.50.2",
-        "@hpcc-js/leaflet-shim": "^2.4.0",
-        "@hpcc-js/other": "^2.16.2",
-        "@hpcc-js/util": "^2.52.0"
+        "@hpcc-js/api": "^3.2.0",
+        "@hpcc-js/common": "^3.2.0",
+        "@hpcc-js/graph": "^3.1.0",
+        "@hpcc-js/layout": "^3.1.0",
+        "@hpcc-js/other": "^3.1.0",
+        "@hpcc-js/util": "^3.2.0"
     },
     "devDependencies": {
-        "@hpcc-js/bundle": "^2.12.0",
+        "@hpcc-js/esbuild-plugins": "^1.3.0",
+        "@types/leaflet-draw": "1.0.11",
+        "@types/leaflet.heat": "0.2.4",
+        "@types/leaflet.markercluster": "1.5.4",
         "d3-collection": "^1",
         "d3-color": "3.1.0",
         "d3-format": "^1",
@@ -58,8 +56,11 @@
         "d3-selection": "^1",
         "d3-tile": "^1",
         "google-maps": "3.3.0",
-        "topojson-client": "3.1.0",
-        "tslib": "2.6.3"
+        "leaflet-draw": "1.0.4",
+        "leaflet.heat": "0.2.0",
+        "leaflet.markercluster": "1.5.3",
+        "simpleheat": "0.4.0",
+        "topojson-client": "3.1.0"
     },
     "repository": {
         "type": "git",
@@ -72,5 +73,5 @@
         "url": "https://github.com/hpcc-systems/Visualization/issues"
     },
     "homepage": "https://github.com/hpcc-systems/Visualization",
-    "gitHead": "9e1dd990858b6fb5dd0e46425def23c9609c147a"
+    "gitHead": "658c50fd965a7744ba8db675ba6878607c44d5e2"
 }

package/src/CanvasPinLayer.ts

@@ -1,5 +1,5 @@
-import { CanvasPins } from "./CanvasPins";
-import { Layer } from "./Layer";
+import { CanvasPins } from "./CanvasPins.ts";
+import { Layer } from "./Layer.ts";
 
 export class CanvasPinLayer extends Layer {
     _pinsTransform;

package/src/CanvasPins.ts

@@ -64,7 +64,6 @@ class Quadtree {
 }
 
 export class CanvasPins extends CanvasWidget {
-    _ctx;
     _quadtree_rect_arr;
     _drawData;
     _overlap_count = 0;
@@ -328,6 +327,9 @@ CanvasPins.prototype._class += " map_CanvasPins";
 export interface CanvasPins {
     clusterMode(): any;
     clusterMode(_: any): CanvasPins;
+    gridCellSize(): number;
+    gridCellSize(_: number): CanvasPins;
+
     allCircles(): boolean;
     allCircles(_: boolean): CanvasPins;
     showQuadtree(): boolean;
@@ -344,20 +346,19 @@ export interface CanvasPins {
     enableClustering(_: boolean): CanvasPins;
     searchRectMult(): number;
     searchRectMult(_: number): CanvasPins;
-    gridCellSize(): number;
-    gridCellSize(_: number): CanvasPins;
-    arrowHeight(): number;
-    arrowHeight(_: number): CanvasPins;
-    arrowWidth(): number;
-    arrowWidth(_: number): CanvasPins;
     bottomRightX(): number;
     bottomRightX(_: number): CanvasPins;
+    bottomRightX_exists(): boolean;
     bottomRightY(): number;
     bottomRightY(_: number): CanvasPins;
+    bottomRightY_exists(): boolean;
     topLeftX(): number;
     topLeftX(_: number): CanvasPins;
+    topLeftX_exists(): boolean;
     topLeftY(): number;
     topLeftY(_: number): CanvasPins;
+    topLeftY_exists(): boolean;
+
     pinHeight(): number;
     pinHeight(_: number): CanvasPins;
     pinWidth(): number;
@@ -366,10 +367,10 @@ export interface CanvasPins {
     pinFontFamily(_: string): CanvasPins;
     pinFontSize(): number;
     pinFontSize(_: number): CanvasPins;
-    bottomRightX_exists(): boolean;
-    bottomRightY_exists(): boolean;
-    topLeftX_exists(): boolean;
-    topLeftY_exists(): boolean;
+    arrowHeight(): number;
+    arrowHeight(_: number): CanvasPins;
+    arrowWidth(): number;
+    arrowWidth(_: number): CanvasPins;
 }
 
 CanvasPins.prototype.publish("clusterMode", "default", "set", "clusterMode", ["defualt", "grid"], { tags: ["Basic"], optional: true });

package/src/Choropleth.ts

@@ -1,7 +1,7 @@
 import { Palette, Utility } from "@hpcc-js/common";
 import { select as d3Select } from "d3-selection";
 import * as topojson from "topojson-client";
-import { Layer } from "./Layer";
+import { Layer } from "./Layer.ts";
 
 import "../src/Choropleth.css";
 
@@ -18,7 +18,7 @@ export function topoJsonFolder(_?: string): string {
 export class Choropleth extends Layer {
     _dataMap = {};
     _path: any = d3Select(null);
-    _palette;
+
     _dataMinWeight;
     _dataMaxWeight;
     _choroplethData;
@@ -157,18 +157,23 @@ Choropleth.prototype.mixin(Utility.SimpleSelectionMixin);
 Choropleth.prototype._palette = Palette.rainbow("default");
 
 export interface Choropleth {
-    autoScaleMode(): string;
-    autoScaleMode(_: string): this;
-    autoScaleMode_exists(): boolean;
+    _palette;
+
+    //  SimpleSelectionMixin  ---
+    _selection;
+
+    // Properties  ---
     paletteID(): string;
     paletteID(_: string): this;
     paletteID_exists(): boolean;
     useClonedPalette(): boolean;
     useClonedPalette(_: boolean): this;
     useClonedPalette_exists(): boolean;
+
     opacity(): number;
     opacity(_: number): this;
     opacity_exists(): boolean;
+
     meshVisible(): boolean;
     meshVisible(_: boolean): this;
     meshVisible_exists(): boolean;
@@ -181,6 +186,9 @@ export interface Choropleth {
     internalOnly(): boolean;
     internalOnly(_: boolean): this;
     internalOnly_exists(): boolean;
+    autoScaleMode(): string;
+    autoScaleMode(_: string): this;
+    autoScaleMode_exists(): boolean;
 }
 
 Choropleth.prototype.publish("paletteID", "YlOrRd", "set", "Color palette for this widget", Choropleth.prototype._palette.switch(), { tags: ["Basic", "Shared"] });

package/src/ChoroplethContinents.ts

@@ -1,4 +1,4 @@
-import { ChoroplethCountries } from "./ChoroplethCountries";
+import { ChoroplethCountries } from "./ChoroplethCountries.ts";
 
 export class ChoroplethContinents extends ChoroplethCountries {
     constructor() {

package/src/ChoroplethCounties.ts

@@ -2,7 +2,7 @@ import { InputField } from "@hpcc-js/common";
 import { json as d3Json } from "d3-request";
 import { select as d3Select } from "d3-selection";
 import * as topojson from "topojson-client";
-import { Choropleth, topoJsonFolder } from "./Choropleth";
+import { Choropleth, topoJsonFolder } from "./Choropleth.ts";
 
 let usCounties = null;
 let features = null;
@@ -17,7 +17,6 @@ export class ChoroplethCounties extends Choropleth {
         type: "number"
     }];
 
-    _selection;
     choroPaths;
 
     constructor() {
@@ -65,9 +64,9 @@ export class ChoroplethCounties extends Choropleth {
             .on("mousemove.tooltip", this.tooltip.show)
             .merge(this.choroPaths)
             .attr("d", function (d) {
-                const retVal = base._d3GeoPath(rFeatures[d[0]]);
+                const retVal = base._d3GeoPath(rFeatures[d.county]);
                 if (!retVal) {
-                    console.warn("Unknown US County:  " + d[0]);
+                    console.warn("Unknown US County:  " + d.county, d);
                 }
                 return retVal;
             })
@@ -100,10 +99,13 @@ export class ChoroplethCounties extends Choropleth {
         }
         return this._topoJsonPromise;
     }
-
-    onClickFormatFIPS: { (): boolean; (_: boolean): ChoroplethCounties };
-    onClickFormatFIPS_exists: () => boolean;
 }
 ChoroplethCounties.prototype._class += " map_ChoroplethCounties";
 
+export interface ChoroplethCounties {
+    onClickFormatFIPS(): boolean;
+    onClickFormatFIPS(_: boolean): this;
+    onClickFormatFIPS_exists(): boolean;
+}
+
 ChoroplethCounties.prototype.publish("onClickFormatFIPS", false, "boolean", "format FIPS code as a String on Click");

package/src/ChoroplethCountries.ts

@@ -1,7 +1,7 @@
 import { json as d3Json } from "d3-request";
 import { select as d3Select } from "d3-selection";
 import * as topojson from "topojson-client";
-import { Choropleth, topoJsonFolder } from "./Choropleth";
+import { Choropleth, topoJsonFolder } from "./Choropleth.ts";
 
 let countries = null;
 let features = null;
@@ -10,7 +10,6 @@ let rFeatures = null;
 export class ChoroplethCountries extends Choropleth {
     _choroTopologyObjectsCountries;
     _choroTopologyObjectsLand;
-    _selection;
     choroPaths;
 
     constructor() {
@@ -98,3 +97,4 @@ export class ChoroplethCountries extends Choropleth {
     }
 }
 ChoroplethCountries.prototype._class += " map_ChoroplethCountries";
+

package/src/ChoroplethStates.ts

@@ -2,7 +2,7 @@ import { InputField } from "@hpcc-js/common";
 import { json as d3Json } from "d3-request";
 import { select as d3Select } from "d3-selection";
 import * as topojson from "topojson-client";
-import { Choropleth, topoJsonFolder } from "./Choropleth";
+import { Choropleth, topoJsonFolder } from "./Choropleth.ts";
 
 let usStates = null;
 let features = null;
@@ -17,7 +17,6 @@ export class ChoroplethStates extends Choropleth {
         type: "number"
     }];
 
-    _selection;
     choroPaths;
 
     constructor() {

package/src/ChoroplethStatesHeat.ts

@@ -1,4 +1,4 @@
-import { Layered } from "./Layered";
+import { Layered } from "./Layered.ts";
 
 export class ChoroplethStatesHeat extends Layered {
     constructor() {

package/src/GMap.ts

@@ -845,15 +845,16 @@ export interface GMap {
     drawingState(): string;
     drawingState(_: string): this;
     drawingState_exists(): boolean;
-    googleMapStyles(): object;
-    googleMapStyles(_: object): this;
-    googleMapStyles_exists(): boolean;
     useComputedHeading(): boolean;
     useComputedHeading(_: boolean): this;
     showStreetViewMarker(): boolean;
     showStreetViewMarker(_: boolean): this;
     outdoorStreetViewOnly(): boolean;
     outdoorStreetViewOnly(_: boolean): this;
+
+    googleMapStyles(): object;
+    googleMapStyles(_: object): this;
+    googleMapStyles_exists(): boolean;
 }
 
 GMap.prototype.publish("outdoorStreetViewOnly", false, "boolean", "If true, streetView will only display outdoor locations");

package/src/GMapCounties.ts

@@ -1,6 +1,6 @@
 import { Widget } from "@hpcc-js/common";
-import { ChoroplethCounties } from "./ChoroplethCounties";
-import { GMapLayered } from "./GMapLayered";
+import { ChoroplethCounties } from "./ChoroplethCounties.ts";
+import { GMapLayered } from "./GMapLayered.ts";
 
 export class GMapCounties extends GMapLayered {
     _counties: ChoroplethCounties;

package/src/GMapGraph.ts

@@ -1,6 +1,6 @@
 import { Shape } from "@hpcc-js/common";
 import { Edge, Graph } from "@hpcc-js/graph";
-import { GMap } from "./GMap";
+import { GMap } from "./GMap.ts";
 
 export class GMapGraph extends GMap {
     constructor() {

package/src/GMapHeat.ts

@@ -1,5 +1,5 @@
 import { HeatMap } from "@hpcc-js/other";
-import { GMap } from "./GMap";
+import { GMap } from "./GMap.ts";
 
 export class GMapHeat extends GMap {
     constructor() {

package/src/GMapLayered.ts

@@ -1,7 +1,7 @@
 import { Widget } from "@hpcc-js/common";
 import { AbsoluteSurface } from "@hpcc-js/layout";
-import { GMap, google } from "./GMap";
-import { Layered } from "./Layered";
+import { GMap, google } from "./GMap.ts";
+import { Layered } from "./Layered.ts";
 
 const zoomFactor = 1 / (1 << 4);
 

package/src/GMapPin.ts

@@ -1,5 +1,5 @@
-import { GMapLayered } from "./GMapLayered";
-import { Pins } from "./Pins";
+import { GMapLayered } from "./GMapLayered.ts";
+import { Pins } from "./Pins.ts";
 
 export class GMapPin extends GMapLayered {
     _pins;

package/src/GMapPinLine.ts

@@ -1,6 +1,6 @@
-import { GMapLayered } from "./GMapLayered";
-import { Lines } from "./Lines";
-import { Pins } from "./Pins";
+import { GMapLayered } from "./GMapLayered.ts";
+import { Lines } from "./Lines.ts";
+import { Pins } from "./Pins.ts";
 
 export class GMapPinLine extends GMapLayered {
     _lines;
@@ -85,31 +85,44 @@ export class GMapPinLine extends GMapLayered {
 
     dblclick(row, column, selected) {
     }
+}
+GMapPinLine.prototype._class += " map_GMapPinLine";
 
-    autoScale: { (): boolean; (_: boolean): GMapPinLine };
-    fromPinColor: { (): string; (_: string): GMapPinLine };
-    fromPinColor_exists: () => boolean;
-    fromLatitudeColumn: { (): string; (_: string): GMapPinLine };
-    fromLatitudeColumn_exists: () => boolean;
-    fromLongitudeColumn: { (): string; (_: string): GMapPinLine };
-    fromLongitudeColumn_exists: () => boolean;
-    fromColorColumn: { (): string; (_: string): GMapPinLine };
-    fromColorColumn_exists: () => boolean;
-    fromTooltipColumn: { (): string; (_: string): GMapPinLine };
-    fromTooltipColumn_exists: () => boolean;
-    toPinColor: { (): string; (_: string): GMapPinLine };
-    toPinColor_exists: () => boolean;
-    toLatitudeColumn: { (): string; (_: string): GMapPinLine };
-    toLatitudeColumn_exists: () => boolean;
-    toLongitudeColumn: { (): string; (_: string): GMapPinLine };
-    toLongitudeColumn_exists: () => boolean;
-    toColorColumn: { (): string; (_: string): GMapPinLine };
-    toColorColumn_exists: () => boolean;
-    toTooltipColumn: { (): string; (_: string): GMapPinLine };
-    toTooltipColumn_exists: () => boolean;
+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._class += " map_GMapPinLine";
 
 GMapPinLine.prototype.publish("autoScale", false, "boolean", "Auto scale to data");
 GMapPinLine.prototype.publish("fromPinColor", "green", "html-color", "From Pin Color");

package/src/GeoHash.ts

@@ -1,17 +1,15 @@
 import { Palette, Utility as CommonUtility } from "@hpcc-js/common";
 import { select as d3Select } from "d3-selection";
-import { Layer } from "./Layer";
-import * as Utility from "./Utility";
+import { Layer } from "./Layer.ts";
+import * as Utility from "./Utility.ts";
 
 import "../src/GeoHash.css";
 
 export class GeoHash extends Layer {
-    _palette;
     _dataMinWeight;
     _dataMaxWeight;
     geohash;
     _geoHashTransform;
-    _selection;
     geoHashPaths;
 
     constructor() {
@@ -97,24 +95,40 @@ export class GeoHash extends Layer {
 
     dblclick(row, column, selected) {
     }
-
-    paletteID: { (): string; (_: string): GeoHash };
-    paletteID_exists: () => boolean;
-    useClonedPalette: { (): boolean; (_: boolean): GeoHash };
-    useClonedPalette_exists: () => boolean;
-    opacity: { (): number; (_: number): GeoHash };
-    opacity_exists: () => boolean;
-    meshVisible: { (): boolean; (_: boolean): GeoHash };
-    meshVisible_exists: () => boolean;
-    meshColor: { (): string; (_: string): GeoHash };
-    meshColor_exists: () => boolean;
-    meshStrokeWidth: { (): number; (_: number): GeoHash };
-    meshStrokeWidth_exists: () => boolean;
 }
 GeoHash.prototype._class += " map_GeoHash";
 
 GeoHash.prototype._palette = Palette.rainbow("default");
 
+export interface GeoHash {
+    _palette;
+
+    //  Simple Selection  ---
+    _selection;
+
+    //  Properties  ---
+    paletteID(): string;
+    paletteID(_: string): this;
+    paletteID_exists(): boolean;
+    useClonedPalette(): boolean;
+    useClonedPalette(_: boolean): this;
+    useClonedPalette_exists(): boolean;
+
+    opacity(): number;
+    opacity(_: number): this;
+    opacity_exists(): boolean;
+
+    meshVisible(): boolean;
+    meshVisible(_: boolean): this;
+    meshVisible_exists(): boolean;
+    meshColor(): string;
+    meshColor(_: string): this;
+    meshColor_exists(): boolean;
+    meshStrokeWidth(): number;
+    meshStrokeWidth(_: number): this;
+    meshStrokeWidth_exists(): boolean;
+}
+
 GeoHash.prototype.publish("paletteID", "YlOrRd", "set", "Color palette for this widget", GeoHash.prototype._palette.switch(), { tags: ["Basic", "Shared"] });
 GeoHash.prototype.publish("useClonedPalette", false, "boolean", "Enable or disable using a cloned palette", null, { tags: ["Intermediate", "Shared"] });
 

package/src/Graph.ts

@@ -1,4 +1,4 @@
-import { Pins } from "./Pins";
+import { Pins } from "./Pins.ts";
 
 import "../src/Graph.css";
 

package/src/Graticule.ts

@@ -1,6 +1,6 @@
 import { geoGraticule as d3GeoGraticule } from "d3-geo";
 import { select as d3Select } from "d3-selection";
-import { Layer } from "./Layer";
+import { Layer } from "./Layer.ts";
 
 import "../src/Graticule.css";
 
@@ -75,15 +75,22 @@ export class Graticule extends Layer {
                 ;
         }
     */
-    opacity: { (): number; (_: number): Graticule };
-    opacity_exists: () => boolean;
-    meshColor: { (): string; (_: string): Graticule };
-    meshColor_exists: () => boolean;
-    meshStrokeWidth: { (): number; (_: number): Graticule };
-    meshStrokeWidth_exists: () => boolean;
 }
 Graticule.prototype._class += " map_Graticule";
 
+export interface Graticule {
+    opacity(): number;
+    opacity(_: number): this;
+    opacity_exists(): boolean;
+
+    meshColor(): string;
+    meshColor(_: string): this;
+    meshColor_exists(): boolean;
+    meshStrokeWidth(): number;
+    meshStrokeWidth(_: number): this;
+    meshStrokeWidth_exists(): boolean;
+}
+
 Graticule.prototype.publish("opacity", 1.0, "number", "Opacity", null, { tags: ["Advanced"] });
 
 Graticule.prototype.publish("meshColor", null, "html-color", "Stroke Color", null, { optional: true });

package/src/Heat.ts

@@ -1,5 +1,5 @@
 import { HeatMap } from "@hpcc-js/other";
-import { Layer } from "./Layer";
+import { Layer } from "./Layer.ts";
 
 import "../src/Heat.css";
 
@@ -64,16 +64,21 @@ export class Heat extends Layer {
             .render()
             ;
     }
-
-    latColumn: { (): string; (_: string): Heat };
-    latColumn_exists: () => boolean;
-    longColumn: { (): string; (_: string): Heat };
-    longColumn_exists: () => boolean;
-    opacity: { (): number; (_: number): Heat };
-    opacity_exists: () => boolean;
 }
 Heat.prototype._class += " map_Heat";
 
+export interface Heat {
+    latColumn(): string;
+    latColumn(_: string): this;
+    latColumn_exists(): boolean;
+    longColumn(): string;
+    longColumn(_: string): this;
+    longColumn_exists(): boolean;
+    opacity(): number;
+    opacity(_: number): this;
+    opacity_exists(): boolean;
+}
+
 Heat.prototype.publish("latColumn", null, "set", "Latitude column", function () { return this.columns(); }, { optional: true });
 Heat.prototype.publish("longColumn", null, "set", "Longitude column", function () { return this.columns(); }, { optional: true });
 Heat.prototype.publish("opacity", 1.0, "number", "Opacity", null, { tags: ["Advanced"] });