@hpcc-js/common 2.73.0 → 3.2.0

package/package.json

@@ -1,46 +1,42 @@
 {
     "name": "@hpcc-js/common",
-    "version": "2.73.0",
+    "version": "3.2.0",
     "description": "hpcc-js - Viz Common",
-    "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/*",
+        "./font-awesome/*": "./font-awesome/*"
     },
+    "module": "./dist/index.js",
+    "browser": "./dist/index.js",
+    "types": "./types/index.d.ts",
     "files": [
         "dist/*",
-        "types/*",
-        "types-3.4/*",
         "src/*",
+        "types/*",
         "font-awesome/**/*"
     ],
     "scripts": {
-        "clean": "rimraf --glob lib* types dist *.tsbuildinfo",
-        "copy-resources": "cpx \"../../node_modules/font-awesome/fonts/*\" \"./font-awesome/fonts\" && cpx \"../../node_modules/font-awesome/css/*\" \"./font-awesome/css\"",
-        "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 copy-resources && 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 -y npm-check-updates -u -t minor"
     },
     "dependencies": {
-        "@hpcc-js/util": "^2.53.0",
+        "@hpcc-js/util": "^3.2.0",
         "@types/d3-array": "1.2.12",
         "@types/d3-brush": "1.1.8",
         "@types/d3-collection": "1.0.13",
@@ -52,14 +48,14 @@
         "@types/d3-format": "1.4.5",
         "@types/d3-interpolate": "1.4.5",
         "@types/d3-scale": "1.0.22",
-        "@types/d3-selection": "1.4.6",
+        "@types/d3-selection": "1.4.7",
         "@types/d3-time-format": "2.3.4",
-        "@types/d3-transition": "1.3.5",
+        "@types/d3-transition": "1.3.6",
         "@types/d3-zoom": "1.8.7"
     },
     "devDependencies": {
-        "@hpcc-js/bundle": "^2.12.0",
-        "colorbrewer": "1.5.6",
+        "@hpcc-js/esbuild-plugins": "^1.3.0",
+        "colorbrewer": "1.5.7",
         "d3-array": "^1",
         "d3-brush": "^1",
         "d3-collection": "^1",
@@ -76,8 +72,7 @@
         "d3-time-format": "^2",
         "d3-transition": "^1",
         "d3-zoom": "^1",
-        "font-awesome": "4.7.0",
-        "tslib": "2.7.0"
+        "font-awesome": "4.7.0"
     },
     "repository": {
         "type": "git",
@@ -90,5 +85,5 @@
         "url": "https://github.com/hpcc-systems/Visualization/issues"
     },
     "homepage": "https://github.com/hpcc-systems/Visualization",
-    "gitHead": "fbbef050700b0e9d76ef99714856383d95155149"
+    "gitHead": "658c50fd965a7744ba8db675ba6878607c44d5e2"
 }

package/src/CanvasWidget.ts

@@ -1,4 +1,4 @@
-import { HTMLWidget } from "./HTMLWidget";
+import { HTMLWidget } from "./HTMLWidget.ts";
 
 export class CanvasWidget extends HTMLWidget {
 

package/src/Class.ts

@@ -12,8 +12,13 @@ function applyMixins(derivedCtor: any, baseCtors: any[]) {
 }
 
 export class Class {
+    static _class: string;
     _class: string;
 
+    constructor() {
+        this._class = Object.getPrototypeOf(this)._class;
+    }
+
     class(): string;
     class(_: string): this;
     class(_?: string): string | this {

package/src/Database.ts

@@ -3,8 +3,8 @@ import { map as d3Map, nest as d3Nest } from "d3-collection";
 import { csvFormatRows as d3CsvFormatRows, csvParse as d3CsvParse, tsvFormatRows as d3TsvFormatRows, tsvParse as d3TsvParse } from "d3-dsv";
 import { format as d3Format } from "d3-format";
 import { timeFormat as d3TimeFormat, timeParse as d3TimeParse } from "d3-time-format";
-import { PropertyExt } from "./PropertyExt";
-import * as Utility from "./Utility";
+import { PropertyExt } from "./PropertyExt.ts";
+import * as Utility from "./Utility.ts";
 
 const d3Aggr = {
     min: d3Min,
@@ -173,16 +173,20 @@ export class Field extends PropertyExt {
         return this;
     }
 
-    label_default: { (): string; (x: string): Field; };
-    label: { (): string; (x: string): Field; };
-    mask: { (): string; (x: string): Field; };
-    format: { (): string; (x: string): Field; };
 }
 Field.prototype._class += " common_Database.Field";
 
 export interface Field {
+    label(): string;
+    label(_: string): this;
+    label_default(): string;
+    label_default(_: string): this;
     type(): FieldType;
     type(_: FieldType): this;
+    mask(): string;
+    mask(_: string): this;
+    format(): string;
+    format(_: string): this;
 }
 
 Field.prototype.publish("label", "", "string", "Label", null, { optional: true });

package/src/Entity.ts

@@ -1,9 +1,9 @@
 import { local as d3Local } from "d3-selection";
-import { Icon } from "./Icon";
-import { Shape } from "./Shape";
-import { SVGWidget } from "./SVGWidget";
-import { Text } from "./Text";
-import { BBox, Widget } from "./Widget";
+import { Icon } from "./Icon.ts";
+import { Shape } from "./Shape.ts";
+import { SVGWidget } from "./SVGWidget.ts";
+import { Text } from "./Text.ts";
+import { BBox, Widget } from "./Widget.ts";
 
 export interface IAnnotation {
     faChar: string;

package/src/EntityCard.ts

@@ -1,4 +1,4 @@
-import { Entity } from "./Entity";
+import { Entity } from "./Entity.ts";
 
 export class EntityCard extends Entity {
     protected _element_textbox;

package/src/EntityPin.ts

@@ -1,4 +1,4 @@
-import { Entity } from "./Entity";
+import { Entity } from "./Entity.ts";
 
 export class EntityPin extends Entity {
     protected _element_textbox;

package/src/EntityRect.ts

@@ -1,9 +1,8 @@
 import { local as d3Local, select as d3Select } from "d3-selection";
-import { Entity } from "./Entity";
-import { HTMLWidget } from "./HTMLWidget";
-import { publish } from "./PropertyExt";
-import * as Utility from "./Utility";
-import { InputField } from "./Widget";
+import { Entity } from "./Entity.ts";
+import { HTMLWidget } from "./HTMLWidget.ts";
+import * as Utility from "./Utility.ts";
+import { InputField } from "./Widget.ts";
 
 import "../src/EntityRect.css";
 
@@ -95,37 +94,6 @@ export class EntityRectList extends HTMLWidget {
         type: "string"
     }];
 
-    @publish(64, "number", "fixedHeight")
-    fixedHeight: publish<this, number>;
-    @publish("#f8f8f8", "string", "Default Background Color", null, { inputType: "html-color" })
-    backgroundColor: publish<this, string>;
-    @publish(null, "set", "Background Color Column", function () { return this.columns(); }, { optional: true })
-    backgroundColorColumn: publish<this, string>;
-    @publish("black", "string", "Default Border Color", null, { inputType: "html-color" })
-    borderColor: publish<this, string>;
-    @publish(null, "set", "Border Color Column", function () { return this.columns(); }, { optional: true })
-    borderColorColumn: publish<this, string>;
-    @publish("", "string", "Icon")
-    icon: publish<this, string>;
-    @publish(null, "set", "Icon Column", function () { return this.columns(); }, { optional: true })
-    iconColumn: publish<this, string>;
-    @publish("red", "string", "Default Icon Color", null, { inputType: "html-color" })
-    iconColor: publish<this, string>;
-    @publish(null, "set", "Icon Color Column ", function () { return this.columns(); }, { optional: true })
-    iconColorColumn: publish<this, string>;
-    @publish(null, "set", "Title Column", function () { return this.columns(); }, { optional: true })
-    titleColumn: publish<this, string>;
-    @publish("black", "string", "Default Title Color", null, { inputType: "html-color" })
-    titleColor: publish<this, string>;
-    @publish(null, "set", "Title Color Column ", function () { return this.columns(); }, { optional: true })
-    titleColorColumn: publish<this, string>;
-    @publish(null, "set", "Description Column", function () { return this.columns(); }, { optional: true })
-    descriptionColumn: publish<this, string>;
-    @publish("black", "string", "Default Description Color", null, { inputType: "html-color" })
-    descriptionColor: publish<this, string>;
-    @publish(null, "set", "Description Color Column ", function () { return this.columns(); }, { optional: true })
-    descriptionColorColumn: publish<this, string>;
-
     private _enityRectLocal = d3Local<EntityRect>();
 
     constructor() {
@@ -234,3 +202,53 @@ export class EntityRectList extends HTMLWidget {
     _selection;
 }
 EntityRectList.prototype._class += " common_EntityRectList";
+
+export interface EntityRectList {
+    fixedHeight(): number;
+    fixedHeight(_: number): this;
+    backgroundColor(): string;
+    backgroundColor(_: string): this;
+    backgroundColorColumn(): string;
+    backgroundColorColumn(_: string): this;
+    borderColor(): string;
+    borderColor(_: string): this;
+    borderColorColumn(): string;
+    borderColorColumn(_: string): this;
+    icon(): string;
+    icon(_: string): this;
+    iconColumn(): string;
+    iconColumn(_: string): this;
+    iconColor(): string;
+    iconColor(_: string): this;
+    iconColorColumn(): string;
+    iconColorColumn(_: string): this;
+    titleColumn(): string;
+    titleColumn(_: string): this;
+    titleColor(): string;
+    titleColor(_: string): this;
+    titleColorColumn(): string;
+    titleColorColumn(_: string): this;
+    descriptionColumn(): string;
+    descriptionColumn(_: string): this;
+    descriptionColor(): string;
+    descriptionColor(_: string): this;
+    descriptionColorColumn(): string;
+    descriptionColorColumn(_: string): this;
+}
+
+EntityRectList.prototype.publish("fixedHeight", 64, "number", "fixedHeight");
+EntityRectList.prototype.publish("backgroundColor", "#f8f8f8", "string", "Default Background Color", null, { inputType: "html-color" });
+EntityRectList.prototype.publish("backgroundColorColumn", null, "set", "Background Color Column", function () { return this.columns(); }, { optional: true });
+EntityRectList.prototype.publish("borderColor", "black", "string", "Default Border Color", null, { inputType: "html-color" });
+EntityRectList.prototype.publish("borderColorColumn", null, "set", "Border Color Column", function () { return this.columns(); }, { optional: true });
+EntityRectList.prototype.publish("icon", "", "string", "Icon");
+EntityRectList.prototype.publish("iconColumn", null, "set", "Icon Column", function () { return this.columns(); }, { optional: true });
+EntityRectList.prototype.publish("iconColor", "red", "string", "Default Icon Color", null, { inputType: "html-color" });
+EntityRectList.prototype.publish("iconColorColumn", null, "set", "Icon Color Column ", function () { return this.columns(); }, { optional: true });
+EntityRectList.prototype.publish("titleColumn", null, "set", "Title Column", function () { return this.columns(); }, { optional: true });
+EntityRectList.prototype.publish("titleColor", "black", "string", "Default Title Color", null, { inputType: "html-color" });
+EntityRectList.prototype.publish("titleColorColumn", null, "set", "Title Color Column ", function () { return this.columns(); }, { optional: true });
+EntityRectList.prototype.publish("descriptionColumn", null, "set", "Description Column", function () { return this.columns(); }, { optional: true });
+EntityRectList.prototype.publish("descriptionColor", "black", "string", "Default Description Color", null, { inputType: "html-color" });
+EntityRectList.prototype.publish("descriptionColorColumn", null, "set", "Description Color Column ", function () { return this.columns(); }, { optional: true });
+

package/src/EntityVertex.ts

@@ -1,5 +1,5 @@
-import { Entity } from "./Entity";
-import { TextBox } from "./TextBox";
+import { Entity } from "./Entity.ts";
+import { TextBox } from "./TextBox.ts";
 
 export class EntityVertex extends Entity {
     protected _textbox_widget: TextBox;

package/src/FAChar.ts

@@ -1,6 +1,6 @@
-import { SVGWidget } from "./SVGWidget";
-import { Text } from "./Text";
-import * as Utility from "./Utility";
+import { SVGWidget } from "./SVGWidget.ts";
+import { Text } from "./Text.ts";
+import * as Utility from "./Utility.ts";
 
 import "../src/FAChar.css";
 
@@ -61,13 +61,20 @@ export class FAChar extends SVGWidget {
         // console.log("Double click:", this);
     }
 
-    char: { (): string; (_: string): FAChar; };
-    fontSize: { (): number; (_: number): FAChar; };
-    text_colorFill: { (): string; (_: string): FAChar; };
-    text_fontFamily: { (): string; (_: string): FAChar; };
 }
 FAChar.prototype._class += " common_FAChar";
 
+export interface FAChar {
+    char(): string;
+    char(_: string): this;
+    fontSize(): number;
+    fontSize(_: number): this;
+    text_colorFill(): string;
+    text_colorFill(_: string): this;
+    text_fontFamily(): string;
+    text_fontFamily(_: string): this;
+}
+
 FAChar.prototype.publish("char", "", "set", "Font Awesome Item", Utility.faKeys(), { tags: ["Private"] });
 FAChar.prototype.publish("fontSize", null, "number", "Font Size", null, { tags: ["Private"] });
 FAChar.prototype.publishProxy("text_colorFill", "_text", "colorFill");

package/src/HTMLWidget.ts

@@ -1,5 +1,5 @@
 import { select as d3Select } from "d3-selection";
-import { Widget } from "./Widget";
+import { Widget } from "./Widget.ts";
 
 export class HTMLWidget extends Widget {
 

package/src/Icon.ts

@@ -1,7 +1,7 @@
-import { FAChar } from "./FAChar";
-import { textColor } from "./Palette";
-import { Shape } from "./Shape";
-import { SVGWidget } from "./SVGWidget";
+import { FAChar } from "./FAChar.ts";
+import { textColor } from "./Palette.ts";
+import { Shape } from "./Shape.ts";
+import { SVGWidget } from "./SVGWidget.ts";
 
 import "../src/Icon.css";
 
@@ -138,20 +138,32 @@ export class Icon extends SVGWidget {
             ;
     }
 
-    shape: { (): string; (_: string): Icon; };
-    faChar: { (): string; (_: string): Icon; };
-    imageUrl: { (): string; (_: string): Icon; };
-    image_colorFill: { (): string; (_: string): Icon; };
-    image_colorFill_exists: () => boolean;
-    tooltip: { (): string; (_: string): Icon; };
-    diameter: { (): number; (_: number): Icon; };
-    paddingPercent: { (): number; (_: number): Icon; };
-    shape_colorFill: { (): string; (_: string): Icon; };
-    shape_colorFill_exists: () => boolean;
-    shape_colorStroke: { (): string; (_: string): Icon; };
 }
 Icon.prototype._class += " common_Icon";
 
+export interface Icon {
+    shape(): string;
+    shape(_: string): this;
+    faChar(): string;
+    faChar(_: string): this;
+    imageUrl(): string;
+    imageUrl(_: string): this;
+    image_colorFill(): string;
+    image_colorFill(_: string): this;
+    image_colorFill_exists(): boolean;
+    tooltip(): string;
+    tooltip(_: string): this;
+    diameter(): number;
+    diameter(_: number): this;
+    paddingPercent(): number;
+    paddingPercent(_: number): this;
+    shape_colorFill(): string;
+    shape_colorFill(_: string): this;
+    shape_colorFill_exists(): boolean;
+    shape_colorStroke(): string;
+    shape_colorStroke(_: string): this;
+}
+
 Icon.prototype.publish("shape", "circle", "set", "Shape Type", ["circle", "square"], { tags: ["Private"] });
 Icon.prototype.publishProxy("faChar", "_faChar", "char");
 Icon.prototype.publishProxy("fontFamily", "_faChar", "text_fontFamily");

package/src/Image.ts

@@ -1,5 +1,5 @@
 import { select as d3Select } from "d3-selection";
-import { HTMLWidget } from "./HTMLWidget";
+import { HTMLWidget } from "./HTMLWidget.ts";
 
 export class Image extends HTMLWidget {
     private _imgElement;
@@ -78,15 +78,24 @@ export class Image extends HTMLWidget {
         super.exit(domNode, element);
     }
 
-    source: { (): string; (_: string): Image; };
-    sizing: { (): string; (_: string): Image; };
-    customWidth: { (): string; (_: string): Image; };
-    customHeight: { (): string; (_: string): Image; };
-    lockAspectRatio: { (): boolean; (_: boolean): Image; };
-    alignment: { (): string; (_: string): Image; };
 }
 Image.prototype._class += " common_Image";
 
+export interface Image {
+    source(): string;
+    source(_: string): this;
+    sizing(): "actual" | "fit" | "custom";
+    sizing(_: "actual" | "fit" | "custom"): this;
+    customWidth(): string;
+    customWidth(_: string): this;
+    customHeight(): string;
+    customHeight(_: string): this;
+    lockAspectRatio(): boolean;
+    lockAspectRatio(_: boolean): this;
+    alignment(): "center" | "origin";
+    alignment(_: "center" | "origin"): this;
+}
+
 Image.prototype.publish("source", null, "string", "Image Source", null, { tags: ["Basic"] });
 Image.prototype.publish("sizing", "actual", "set", "Controls sizing mode", ["actual", "fit", "custom"], { tags: ["Basic"] });
 Image.prototype.publish("customWidth", "50%", "string", "Applies this width to IMG element if 'sizing' is set to 'custom' (user should set 'px' or 'em' etc.)", null, { tags: ["Basic"], disable: (w) => w.sizing() !== "custom" });

package/src/List.ts

@@ -1,6 +1,6 @@
-import { IList } from "./IList";
-import { SVGWidget } from "./SVGWidget";
-import { TextBox } from "./TextBox";
+import { IList } from "./IList.ts";
+import { SVGWidget } from "./SVGWidget.ts";
+import { TextBox } from "./TextBox.ts";
 
 import "../src/List.css";
 
@@ -91,9 +91,12 @@ export class List extends SVGWidget implements IList {
     dblclick(d) {
         // console.log("Double click:  " + d);
     }
-
-    anchor: { (): string; (_: string): List; };
 }
 List.prototype._class += " common_List";
 
+export interface List {
+    anchor(): "" | "start" | "middle" | "end";
+    anchor(_: "" | "start" | "middle" | "end"): this;
+}
+
 List.prototype.publish("anchor", "start", "set", "Anchor Position", ["", "start", "middle", "end"], { tags: ["Private"] });

package/src/Menu.ts

@@ -1,8 +1,8 @@
 import { event as d3Event, select as d3Select } from "d3-selection";
-import { Icon } from "./Icon";
-import { IMenu } from "./IMenu";
-import { List } from "./List";
-import { SVGWidget } from "./SVGWidget";
+import { Icon } from "./Icon.ts";
+import { IMenu } from "./IMenu.ts";
+import { List } from "./List.ts";
+import { SVGWidget } from "./SVGWidget.ts";
 
 import "../src/Menu.css";
 
@@ -125,10 +125,15 @@ export class Menu extends SVGWidget implements IMenu {
     postHideMenu() {
     }
 
-    faChar: { (): string; (_: string): Menu; };
-    paddingPercent: { (): number; (_: number): Menu; };
 }
 Menu.prototype._class += " common_Menu";
 
+export interface Menu {
+    faChar(): string;
+    faChar(_: string): this;
+    paddingPercent(): number;
+    paddingPercent(_: number): this;
+}
+
 Menu.prototype.publishProxy("faChar", "_icon", null, "\uf0c9");
 Menu.prototype.publishProxy("paddingPercent", "_icon", null, 10);

package/src/Palette.ts

@@ -124,12 +124,12 @@ function palette_ordinal(id?, colors?): any {
     ordinal.type = function () {
         return "ordinal";
     };
-    ordinal.id = function (_) {
+    ordinal.id = function (_?) {
         if (!arguments.length) return id;
         id = _;
         return ordinal;
     };
-    ordinal.colors = function (_) {
+    ordinal.colors = function (_?) {
         if (!arguments.length) return colors;
         colors = _;
         return ordinal;
@@ -145,7 +145,7 @@ function palette_ordinal(id?, colors?): any {
         }
         return this.clone(newID);
     };
-    ordinal.switch = function (_id, _colors) {
+    ordinal.switch = function (_id?, _colors?) {
         if (id === _id) {
             return this;
         }
@@ -239,12 +239,12 @@ function palette_rainbow(id?, _colors?, _steps?) {
     rainbow.type = function () {
         return "rainbow";
     };
-    rainbow.id = function (_) {
+    rainbow.id = function (_?) {
         if (!arguments.length) return id;
         id = _;
         return rainbow;
     };
-    rainbow.colors = function (_) {
+    rainbow.colors = function (_?) {
         if (!arguments.length) return colors;
         colors = _;
         return rainbow;
@@ -259,7 +259,7 @@ function palette_rainbow(id?, _colors?, _steps?) {
         }
         return this.clone(newID);
     };
-    rainbow.switch = function (_id, _colors) {
+    rainbow.switch = function (_id?, _colors?) {
         if (id === _id) {
             return this;
         }

package/src/ProgressBar.ts

@@ -1,24 +1,7 @@
-import { PropertyExt, publish } from "./PropertyExt";
+import { PropertyExt } from "./PropertyExt.ts";
 
 export class ProgressBar extends PropertyExt {
 
-    @publish(5000, "number", "Half Life")
-    halfLife: publish<this, number>;
-    @publish(1.2, "number", "Decay")
-    decay: publish<this, number>;
-    @publish(2, "number", "Size")
-    size: publish<this, number>;
-    @publish("#2ed573", "string", "Color")
-    color: publish<this, string>;
-    @publish(true, "boolean", "Bar Blur")
-    blurBar: publish<this, boolean>;
-    @publish(50, "number", "Blur Size")
-    blurSize: publish<this, number>;
-    @publish("#7bed9f", "string", "Blur Color (hex)", null, { optional: true })
-    blurColor: publish<this, string>;
-    @publish(0.35, "number", "Blur Opacity")
-    blurOpacity: publish<this, number>;
-
     protected _elementID: string;
     protected _running: boolean = false;
     protected _style;
@@ -103,3 +86,30 @@ export class ProgressBar extends PropertyExt {
     }
 }
 ProgressBar.prototype._class += " common_ProgressBar";
+
+export interface ProgressBar {
+    halfLife(): number;
+    halfLife(_: number): this;
+    decay(): number;
+    decay(_: number): this;
+    size(): number;
+    size(_: number): this;
+    color(): string;
+    color(_: string): this;
+    blurBar(): boolean;
+    blurBar(_: boolean): this;
+    blurSize(): number;
+    blurSize(_: number): this;
+    blurColor(): string;
+    blurColor(_: string): this;
+    blurOpacity(): number;
+    blurOpacity(_: number): this;
+}
+ProgressBar.prototype.publish("halfLife", 5000, "number", "Half Life");
+ProgressBar.prototype.publish("decay", 1.2, "number", "Decay");
+ProgressBar.prototype.publish("size", 2, "number", "Size");
+ProgressBar.prototype.publish("color", "#2ed573", "string", "Color");
+ProgressBar.prototype.publish("blurBar", true, "boolean", "Bar Blur");
+ProgressBar.prototype.publish("blurSize", 50, "number", "Blur Size");
+ProgressBar.prototype.publish("blurColor", "#7bed9f", "string", "Blur Color (hex)", null, { optional: true });
+ProgressBar.prototype.publish("blurOpacity", 0.35, "number", "Blur Opacity");