@hpcc-js/marshaller 2.28.7 → 2.28.9

package/src/ddl1/FlyoutButton.ts

@@ -1,120 +1,120 @@
-import { Widget } from "@hpcc-js/common";
-import { Button } from "@hpcc-js/form";
-import { Popup, Surface } from "@hpcc-js/layout";
-
-export class FlyoutButton extends Button {
-    _popupSurface;
-    _popup;
-    _popupParentWidget;
-
-    constructor() {
-        super();
-
-        this.value("^");
-
-        const context = this;
-        this._popupSurface = new Surface()
-            .surfaceBackgroundColor("rgb(234, 249, 255)")
-            .buttonAnnotations([
-                {
-                    id: "",
-                    label: "\uf00d",
-                    width: 20,
-                    padding: "0px 5px",
-                    class: "close",
-                    font: "FontAwesome"
-                }
-            ])
-            .on("click", function (ann) {
-                if (ann.class === "close") {
-                    context._popup
-                        .visible(false)
-                        .popupState(false)
-                        .render()
-                        ;
-                }
-            })
-            ;
-        this._popup = new Popup()
-            .size({ width: 400, height: 400 })
-            .position("fixed")
-            .widget(this._popupSurface)
-            ;
-    }
-
-    reference(obj) {
-        const retVal: any = new Button()
-            .value(this.value())
-            ;
-        const context = this;
-        retVal.click = function () {
-            context.click();
-        };
-        return retVal;
-    }
-
-    click(obj?) {
-        const context = this;
-        this._popup
-            .visible(true)
-            .popupState(true)
-            .render(function (w) {
-                const bbox = context._popupSurface.widget().getBBox();
-                context._popupSurface.resize({
-                    width: bbox.width,
-                    height: bbox.height + context._popupSurface.calcHeight(context._popupSurface.element().select(".surfaceTitle")) + 18
-                });
-                context._popup.render();
-            })
-            ;
-    }
-
-    enter(domNode, element) {
-        super.enter(domNode, element);
-        let parentWidget: Widget = this;
-        while (parentWidget && ["marshaller_HTML", "marshaller_Graph", "composite_MegaChart"].indexOf(parentWidget.classID()) === -1) {
-            parentWidget = parentWidget.locateParentWidget();
-        }
-        if (parentWidget) {
-            this._popupParentWidget = parentWidget;
-            this._popup
-                .target(parentWidget.node())
-                ;
-        }
-    }
-
-    render(callback?): this {
-        const context = this;
-        const isVisible = this._popup.popupState();
-        Button.prototype.render.call(context, function (widget) {
-            const popupParentWidgetBBox = context._popupParentWidget.getBBox();
-            const bbox = widget.getBBox();
-            context._popup
-                .left(bbox.x - popupParentWidgetBBox.x + bbox.width - context._popup.width())
-                .top(bbox.y - popupParentWidgetBBox.y + bbox.height)
-                .visible(isVisible && context.autoClose() ? false : isVisible)  //  hack:  closes the form when submit is clicked  ---
-                .popupState(isVisible && context.autoClose() ? false : isVisible)
-                .render()
-                ;
-            if (callback) {
-                callback(widget);
-            }
-        });
-        return this;
-    }
-
-    autoClose: { (): boolean; (_: boolean): FlyoutButton };
-    autoClose_exists: () => boolean;
-}
-FlyoutButton.prototype._class += " marshaller_FlyoutButton";
-
-export interface FlyoutButton {
-    title(): string;
-    title(_: string): this;
-    widget(): Widget;
-    widget(_: Widget): this;
-}
-
-FlyoutButton.prototype.publishProxy("title", "_popupSurface");
-FlyoutButton.prototype.publishProxy("widget", "_popupSurface");
-FlyoutButton.prototype.publish("autoClose", true, "boolean", "Auto Close");
+import { Widget } from "@hpcc-js/common";
+import { Button } from "@hpcc-js/form";
+import { Popup, Surface } from "@hpcc-js/layout";
+
+export class FlyoutButton extends Button {
+    _popupSurface;
+    _popup;
+    _popupParentWidget;
+
+    constructor() {
+        super();
+
+        this.value("^");
+
+        const context = this;
+        this._popupSurface = new Surface()
+            .surfaceBackgroundColor("rgb(234, 249, 255)")
+            .buttonAnnotations([
+                {
+                    id: "",
+                    label: "\uf00d",
+                    width: 20,
+                    padding: "0px 5px",
+                    class: "close",
+                    font: "FontAwesome"
+                }
+            ])
+            .on("click", function (ann) {
+                if (ann.class === "close") {
+                    context._popup
+                        .visible(false)
+                        .popupState(false)
+                        .render()
+                        ;
+                }
+            })
+            ;
+        this._popup = new Popup()
+            .size({ width: 400, height: 400 })
+            .position("fixed")
+            .widget(this._popupSurface)
+            ;
+    }
+
+    reference(obj) {
+        const retVal: any = new Button()
+            .value(this.value())
+            ;
+        const context = this;
+        retVal.click = function () {
+            context.click();
+        };
+        return retVal;
+    }
+
+    click(obj?) {
+        const context = this;
+        this._popup
+            .visible(true)
+            .popupState(true)
+            .render(function (w) {
+                const bbox = context._popupSurface.widget().getBBox();
+                context._popupSurface.resize({
+                    width: bbox.width,
+                    height: bbox.height + context._popupSurface.calcHeight(context._popupSurface.element().select(".surfaceTitle")) + 18
+                });
+                context._popup.render();
+            })
+            ;
+    }
+
+    enter(domNode, element) {
+        super.enter(domNode, element);
+        let parentWidget: Widget = this;
+        while (parentWidget && ["marshaller_HTML", "marshaller_Graph", "composite_MegaChart"].indexOf(parentWidget.classID()) === -1) {
+            parentWidget = parentWidget.locateParentWidget();
+        }
+        if (parentWidget) {
+            this._popupParentWidget = parentWidget;
+            this._popup
+                .target(parentWidget.node())
+                ;
+        }
+    }
+
+    render(callback?): this {
+        const context = this;
+        const isVisible = this._popup.popupState();
+        Button.prototype.render.call(context, function (widget) {
+            const popupParentWidgetBBox = context._popupParentWidget.getBBox();
+            const bbox = widget.getBBox();
+            context._popup
+                .left(bbox.x - popupParentWidgetBBox.x + bbox.width - context._popup.width())
+                .top(bbox.y - popupParentWidgetBBox.y + bbox.height)
+                .visible(isVisible && context.autoClose() ? false : isVisible)  //  hack:  closes the form when submit is clicked  ---
+                .popupState(isVisible && context.autoClose() ? false : isVisible)
+                .render()
+                ;
+            if (callback) {
+                callback(widget);
+            }
+        });
+        return this;
+    }
+
+    autoClose: { (): boolean; (_: boolean): FlyoutButton };
+    autoClose_exists: () => boolean;
+}
+FlyoutButton.prototype._class += " marshaller_FlyoutButton";
+
+export interface FlyoutButton {
+    title(): string;
+    title(_: string): this;
+    widget(): Widget;
+    widget(_: Widget): this;
+}
+
+FlyoutButton.prototype.publishProxy("title", "_popupSurface");
+FlyoutButton.prototype.publishProxy("widget", "_popupSurface");
+FlyoutButton.prototype.publish("autoClose", true, "boolean", "Auto Close");

package/src/ddl1/Graph.ts

@@ -1,93 +1,93 @@
-import { ResizeSurface } from "@hpcc-js/common";
-import { Edge, Graph as GraphWidget } from "@hpcc-js/graph";
-import { HipieDDLMixin } from "./HipieDDLMixin";
-
-export class Graph extends GraphWidget {
-    _design_mode;
-    _dashboards;
-    graphAttributes;
-    widgetAttributes;
-    _ddlVisualizations;
-    _ddlPopupVisualizations;
-    _ddlDashboards;
-
-    constructor() {
-        super();
-        HipieDDLMixin.call(this);
-
-        this._design_mode = false;
-        this._dashboards = [];
-        this.graphAttributes = ["snapToGrid", "showEdges"];
-        this.widgetAttributes = ["layout", "chartType", "palette", "title", "columns", "data"];
-        this.layout("Hierarchy");
-        this.applyScaleOnLayout(true);
-        this.content([]);
-    }
-
-    populateContent() {
-        const vertices = [];
-        const edges = [];
-        this._ddlVisualizations.concat(this._ddlPopupVisualizations).forEach(function (viz) {
-            if (viz.widget) {
-                let newSurface = null;
-                if (viz.widget instanceof ResizeSurface) {
-                    newSurface = viz.widget
-                        .size({ width: 210, height: 210 })
-                        ;
-                } else {
-                    const width = 280;
-                    const height = 210;
-                    newSurface = new ResizeSurface()
-                        .showTitle(true)
-                        .size({ width, height })
-                        .content(viz.widget)
-                        ;
-                }
-                if (newSurface) {
-                    viz.newWidgetSurface = newSurface;
-                }
-                vertices.push(newSurface);
-            }
-            viz.getInputVisualizations().forEach(() => {
-            });
-        }, this);
-        this._ddlDashboards.forEach(dashboard => {
-            dashboard.visualizations.forEach(viz => {
-                viz.getInputVisualizations().forEach(inViz => {
-                    edges.push(new Edge()
-                        .sourceVertex(inViz.newWidgetSurface)
-                        .targetVertex(viz.newWidgetSurface)
-                        .targetMarker("arrowHead")
-                    );
-                });
-            });
-        });
-        this.content(vertices);
-        this.data({ vertices, edges });
-    }
-
-    enter(domNode, element) {
-        GraphWidget.prototype.enter.apply(this, arguments);
-        element.classed("graph_Graph", true);
-    }
-
-    render(callback) {
-        this._marshallerRender(GraphWidget.prototype, callback);
-        return this;
-    }
-
-    commsError(source, error) {
-        alert("Comms Error:\n" + source + "\n" + error);
-    }
-
-    content: { (): any[]; (_: any[]): Graph };
-    content_exists: () => boolean;
-
-    //  HipieDDLMixin  ---
-    _marshallerRender: (BaseClass, callback) => this;
-}
-Graph.prototype.mixin(HipieDDLMixin);
-Graph.prototype._class += " marshaller_Graph";
-
-// TODO Still Needed?:  Graph.prototype.publish("visualizeRoxie", false, "boolean", "Show Roxie Data Sources", null, { tags: ["Private"] });
-Graph.prototype.publish("content", [], "widgetArray", "widgets", null, { tags: ["Basic"] });
+import { ResizeSurface } from "@hpcc-js/common";
+import { Edge, Graph as GraphWidget } from "@hpcc-js/graph";
+import { HipieDDLMixin } from "./HipieDDLMixin";
+
+export class Graph extends GraphWidget {
+    _design_mode;
+    _dashboards;
+    graphAttributes;
+    widgetAttributes;
+    _ddlVisualizations;
+    _ddlPopupVisualizations;
+    _ddlDashboards;
+
+    constructor() {
+        super();
+        HipieDDLMixin.call(this);
+
+        this._design_mode = false;
+        this._dashboards = [];
+        this.graphAttributes = ["snapToGrid", "showEdges"];
+        this.widgetAttributes = ["layout", "chartType", "palette", "title", "columns", "data"];
+        this.layout("Hierarchy");
+        this.applyScaleOnLayout(true);
+        this.content([]);
+    }
+
+    populateContent() {
+        const vertices = [];
+        const edges = [];
+        this._ddlVisualizations.concat(this._ddlPopupVisualizations).forEach(function (viz) {
+            if (viz.widget) {
+                let newSurface = null;
+                if (viz.widget instanceof ResizeSurface) {
+                    newSurface = viz.widget
+                        .size({ width: 210, height: 210 })
+                        ;
+                } else {
+                    const width = 280;
+                    const height = 210;
+                    newSurface = new ResizeSurface()
+                        .showTitle(true)
+                        .size({ width, height })
+                        .content(viz.widget)
+                        ;
+                }
+                if (newSurface) {
+                    viz.newWidgetSurface = newSurface;
+                }
+                vertices.push(newSurface);
+            }
+            viz.getInputVisualizations().forEach(() => {
+            });
+        }, this);
+        this._ddlDashboards.forEach(dashboard => {
+            dashboard.visualizations.forEach(viz => {
+                viz.getInputVisualizations().forEach(inViz => {
+                    edges.push(new Edge()
+                        .sourceVertex(inViz.newWidgetSurface)
+                        .targetVertex(viz.newWidgetSurface)
+                        .targetMarker("arrowHead")
+                    );
+                });
+            });
+        });
+        this.content(vertices);
+        this.data({ vertices, edges });
+    }
+
+    enter(domNode, element) {
+        GraphWidget.prototype.enter.apply(this, arguments);
+        element.classed("graph_Graph", true);
+    }
+
+    render(callback) {
+        this._marshallerRender(GraphWidget.prototype, callback);
+        return this;
+    }
+
+    commsError(source, error) {
+        alert("Comms Error:\n" + source + "\n" + error);
+    }
+
+    content: { (): any[]; (_: any[]): Graph };
+    content_exists: () => boolean;
+
+    //  HipieDDLMixin  ---
+    _marshallerRender: (BaseClass, callback) => this;
+}
+Graph.prototype.mixin(HipieDDLMixin);
+Graph.prototype._class += " marshaller_Graph";
+
+// TODO Still Needed?:  Graph.prototype.publish("visualizeRoxie", false, "boolean", "Show Roxie Data Sources", null, { tags: ["Private"] });
+Graph.prototype.publish("content", [], "widgetArray", "widgets", null, { tags: ["Basic"] });

package/src/ddl1/HTML.ts

@@ -1,77 +1,77 @@
-import { Grid } from "@hpcc-js/layout";
-import { HipieDDLMixin } from "./HipieDDLMixin";
-
-export class HTML extends Grid {
-    _ddlDashboards: any[];
-    surfacePadding_default: (n: number) => void;
-    _marshallerRender: (...args: any[]) => any;
-
-    constructor() {
-        super();
-        HipieDDLMixin.call(this);
-
-        this.surfacePadding_default(0);
-    }
-
-    populateContent() {
-        let cellRow = 0;
-        let cellCol = 0;
-        const cellDensity = 3;
-        this._ddlDashboards.forEach(dashboard => {
-            const maxCol = Math.floor(Math.sqrt(dashboard.visualizations.length));
-            dashboard.visualizations.forEach(viz => {
-                if (viz.newWidgetSurface) {
-                    while (this.getCell(cellRow * cellDensity, cellCol * cellDensity) !== null) {
-                        cellCol++;
-                        if (cellCol % maxCol === 0) {
-                            cellRow++;
-                            cellCol = 0;
-                        }
-                    }
-                    this.setContent(cellRow * cellDensity, cellCol * cellDensity, viz.newWidgetSurface, "", cellDensity, cellDensity);
-                }
-            });
-        });
-
-        const vizCellMap = {};
-        this.content().forEach(function (cell) {
-            let widget: any = cell.widget();
-            if (widget && widget.classID() === "layout_Surface") {
-                widget = widget.widget();
-            }
-            if (widget) {
-                vizCellMap[widget.id()] = cell;
-            }
-        });
-
-        this._ddlDashboards.forEach(function (dashboard) {
-            dashboard.visualizations.forEach(function (viz, idx) {
-                if (viz.properties.flyout || viz.parentVisualization) {
-                    return;
-                }
-                const targetVizs = viz.events.getUpdatesVisualizations();
-                const targetIDs = targetVizs.filter(function (targetViz) {
-                    return vizCellMap[targetViz.id];
-                }).map(function (targetViz) {
-                    return vizCellMap[targetViz.id].id();
-                });
-                vizCellMap[viz.id].indicateTheseIds(targetIDs);
-            });
-        }, this);
-    }
-
-    enter(domNode, element) {
-        super.enter(domNode, element);
-    }
-
-    render(callback) {
-        this._marshallerRender(Grid.prototype, callback);
-        return this;
-    }
-
-    commsError(source, error) {
-        alert("Comms Error:\n" + source + "\n" + error);
-    }
-}
-HTML.prototype.mixin(HipieDDLMixin);
-HTML.prototype._class += " marshaller_HTML";
+import { Grid } from "@hpcc-js/layout";
+import { HipieDDLMixin } from "./HipieDDLMixin";
+
+export class HTML extends Grid {
+    _ddlDashboards: any[];
+    surfacePadding_default: (n: number) => void;
+    _marshallerRender: (...args: any[]) => any;
+
+    constructor() {
+        super();
+        HipieDDLMixin.call(this);
+
+        this.surfacePadding_default(0);
+    }
+
+    populateContent() {
+        let cellRow = 0;
+        let cellCol = 0;
+        const cellDensity = 3;
+        this._ddlDashboards.forEach(dashboard => {
+            const maxCol = Math.floor(Math.sqrt(dashboard.visualizations.length));
+            dashboard.visualizations.forEach(viz => {
+                if (viz.newWidgetSurface) {
+                    while (this.getCell(cellRow * cellDensity, cellCol * cellDensity) !== null) {
+                        cellCol++;
+                        if (cellCol % maxCol === 0) {
+                            cellRow++;
+                            cellCol = 0;
+                        }
+                    }
+                    this.setContent(cellRow * cellDensity, cellCol * cellDensity, viz.newWidgetSurface, "", cellDensity, cellDensity);
+                }
+            });
+        });
+
+        const vizCellMap = {};
+        this.content().forEach(function (cell) {
+            let widget: any = cell.widget();
+            if (widget && widget.classID() === "layout_Surface") {
+                widget = widget.widget();
+            }
+            if (widget) {
+                vizCellMap[widget.id()] = cell;
+            }
+        });
+
+        this._ddlDashboards.forEach(function (dashboard) {
+            dashboard.visualizations.forEach(function (viz, idx) {
+                if (viz.properties.flyout || viz.parentVisualization) {
+                    return;
+                }
+                const targetVizs = viz.events.getUpdatesVisualizations();
+                const targetIDs = targetVizs.filter(function (targetViz) {
+                    return vizCellMap[targetViz.id];
+                }).map(function (targetViz) {
+                    return vizCellMap[targetViz.id].id();
+                });
+                vizCellMap[viz.id].indicateTheseIds(targetIDs);
+            });
+        }, this);
+    }
+
+    enter(domNode, element) {
+        super.enter(domNode, element);
+    }
+
+    render(callback) {
+        this._marshallerRender(Grid.prototype, callback);
+        return this;
+    }
+
+    commsError(source, error) {
+        alert("Comms Error:\n" + source + "\n" + error);
+    }
+}
+HTML.prototype.mixin(HipieDDLMixin);
+HTML.prototype._class += " marshaller_HTML";