@hpcc-js/other 2.17.1 → 2.17.3

package/src/Persist.ts

@@ -1,151 +1,151 @@
-export function discover(widget) {
-    return widget.publishedProperties(false, true);
-}
-
-export function widgetArrayWalker(widgets, visitor) {
-    if (!widgets)
-        return;
-    widgets.forEach(function (widget) {
-        widget.widgetWalker(visitor);
-    });
-}
-
-export function widgetPropertyWalker(widget2, visitor, filter?) {
-    widget2.widgetWalker(function (widget) {
-        widget.propertyWalker(visitor, filter);
-    });
-}
-
-export function serializeTheme(widget, filter) {
-    return JSON.stringify(serializeThemeToObject(widget, filter));
-}
-
-export function serializeThemeToObject(widget2, filter?) {
-    filter = filter || ["surface", "Color", "Font", "palette"];
-
-    const propObj = {};
-    widgetPropertyWalker(widget2, null, function (widget, item) {
-        if (widget[item.id + "_modified"]() || widget.publishedProperty(item.id).origDefaultValue !== widget.publishedProperty(item.id).defaultValue) {
-            if (_isFilterMatch(item.id, filter)) {
-                const classParts = widget._class.trim().split(" ");
-                for (const i in classParts) {
-                    if (classParts.HasOwnProperty(i)) {
-                        if (propObj[classParts[i]] === undefined) {
-                            propObj[classParts[i]] = {};
-                        }
-                        if (propObj[classParts[i]][item.id] === undefined) {
-                            propObj[classParts[i]][item.id] = widget[item.id]();
-                            break;
-                        } else if (propObj[classParts[i]][item.id] === widget[item.id]()) {
-                            break;
-                        }
-                    }
-                }
-            }
-        }
-    });
-
-    function _isFilterMatch(str, arr) {
-        let ret = false;
-        for (const i in arr) {
-            if (str.indexOf(arr[i]) !== -1) {
-                ret = true;
-                break;
-            }
-        }
-        return ret;
-    }
-    return propObj;
-}
-export function removeTheme(widget2, callback) {
-    widgetPropertyWalker(widget2, null, function (widget, item) {
-        widget.publishedProperty(item.id).defaultValue = widget.publishedProperty(item.id).origDefaultValue;
-    });
-
-    if (typeof (callback) === "function") {
-        callback.call(this);
-    }
-}
-export function applyTheme(widget2, themeObj, callback) {
-    const context = this;
-    widgetPropertyWalker(widget2, null, function (widget3, item) {
-        switch (item.type) {
-            case "widget":
-                context.applyTheme(widget3[item.id](), themeObj);
-                return true;
-            case "widgetArray":
-                const widgetArray = widget3[item.id]();
-                widgetArray.forEach(function (widget) {
-                    context.applyTheme(widget, themeObj);
-                }, this);
-                return true;
-            default:
-                widget3.applyTheme(themeObj);
-                break;
-        }
-    });
-    if (typeof (callback) === "function") {
-        callback.call(this);
-    }
-}
-
-export function serializeToObject(widget, filter?, includeData?, includeState?) {
-    const retVal: any = {
-        __class: widget.classID()
-    };
-    if (widget._id.indexOf(widget._idSeed) !== 0) {
-        retVal.__id = widget._id;
-    }
-    if (widget.version) {
-        retVal.__version = widget.version();
-    }
-    retVal.__properties = {};
-
-    widget.propertyWalker((childWwidget2, item) => {
-        if (childWwidget2[item.id + "_modified"]()) {
-            switch (item.type) {
-                case "widget":
-                    retVal.__properties[item.id] = serializeToObject(childWwidget2[item.id](), null, includeData, includeState && !widget.serializeState);  //  Only include state once
-                    return true;
-                case "widgetArray":
-                case "propertyArray":
-                    retVal.__properties[item.id] = [];
-                    const widgetArray = childWwidget2[item.id]();
-                    widgetArray.forEach((childWwidget) => {
-                        retVal.__properties[item.id].push(serializeToObject(childWwidget, null, includeData, includeState && !widget.serializeState));  //  Only include state once
-                    });
-                    return true;
-                default:
-                    retVal.__properties[item.id] = childWwidget2[item.id]();
-                    break;
-            }
-        }
-    }, filter);
-
-    if (widget.classID() === "marshaller_Graph") {
-        const vertices = widget.data().vertices;
-        if (vertices) {
-            this.__vertices = vertices.map(item => {
-                return serializeToObject(item, null, includeData, includeState && !widget.serializeState);
-            });
-        }
-    }
-    if (includeData && widget.data) {
-        if (!retVal.__data) retVal.__data = {};
-        retVal.__data.data = widget.data();
-    }
-    if (includeState) {
-        if (widget.serializeState) {
-            retVal.__state = widget.serializeState();
-        } else if (widget.data) {
-            retVal.__state = {
-                data: widget.data()
-            };
-        }
-    }
-    return retVal;
-}
-
-export function serialize(widget, filter?, includeData?, includeState?) {
-    return JSON.stringify(serializeToObject(widget, filter, includeData, includeState));
-}
+export function discover(widget) {
+    return widget.publishedProperties(false, true);
+}
+
+export function widgetArrayWalker(widgets, visitor) {
+    if (!widgets)
+        return;
+    widgets.forEach(function (widget) {
+        widget.widgetWalker(visitor);
+    });
+}
+
+export function widgetPropertyWalker(widget2, visitor, filter?) {
+    widget2.widgetWalker(function (widget) {
+        widget.propertyWalker(visitor, filter);
+    });
+}
+
+export function serializeTheme(widget, filter) {
+    return JSON.stringify(serializeThemeToObject(widget, filter));
+}
+
+export function serializeThemeToObject(widget2, filter?) {
+    filter = filter || ["surface", "Color", "Font", "palette"];
+
+    const propObj = {};
+    widgetPropertyWalker(widget2, null, function (widget, item) {
+        if (widget[item.id + "_modified"]() || widget.publishedProperty(item.id).origDefaultValue !== widget.publishedProperty(item.id).defaultValue) {
+            if (_isFilterMatch(item.id, filter)) {
+                const classParts = widget._class.trim().split(" ");
+                for (const i in classParts) {
+                    if (classParts.HasOwnProperty(i)) {
+                        if (propObj[classParts[i]] === undefined) {
+                            propObj[classParts[i]] = {};
+                        }
+                        if (propObj[classParts[i]][item.id] === undefined) {
+                            propObj[classParts[i]][item.id] = widget[item.id]();
+                            break;
+                        } else if (propObj[classParts[i]][item.id] === widget[item.id]()) {
+                            break;
+                        }
+                    }
+                }
+            }
+        }
+    });
+
+    function _isFilterMatch(str, arr) {
+        let ret = false;
+        for (const i in arr) {
+            if (str.indexOf(arr[i]) !== -1) {
+                ret = true;
+                break;
+            }
+        }
+        return ret;
+    }
+    return propObj;
+}
+export function removeTheme(widget2, callback) {
+    widgetPropertyWalker(widget2, null, function (widget, item) {
+        widget.publishedProperty(item.id).defaultValue = widget.publishedProperty(item.id).origDefaultValue;
+    });
+
+    if (typeof (callback) === "function") {
+        callback.call(this);
+    }
+}
+export function applyTheme(widget2, themeObj, callback) {
+    const context = this;
+    widgetPropertyWalker(widget2, null, function (widget3, item) {
+        switch (item.type) {
+            case "widget":
+                context.applyTheme(widget3[item.id](), themeObj);
+                return true;
+            case "widgetArray":
+                const widgetArray = widget3[item.id]();
+                widgetArray.forEach(function (widget) {
+                    context.applyTheme(widget, themeObj);
+                }, this);
+                return true;
+            default:
+                widget3.applyTheme(themeObj);
+                break;
+        }
+    });
+    if (typeof (callback) === "function") {
+        callback.call(this);
+    }
+}
+
+export function serializeToObject(widget, filter?, includeData?, includeState?) {
+    const retVal: any = {
+        __class: widget.classID()
+    };
+    if (widget._id.indexOf(widget._idSeed) !== 0) {
+        retVal.__id = widget._id;
+    }
+    if (widget.version) {
+        retVal.__version = widget.version();
+    }
+    retVal.__properties = {};
+
+    widget.propertyWalker((childWwidget2, item) => {
+        if (childWwidget2[item.id + "_modified"]()) {
+            switch (item.type) {
+                case "widget":
+                    retVal.__properties[item.id] = serializeToObject(childWwidget2[item.id](), null, includeData, includeState && !widget.serializeState);  //  Only include state once
+                    return true;
+                case "widgetArray":
+                case "propertyArray":
+                    retVal.__properties[item.id] = [];
+                    const widgetArray = childWwidget2[item.id]();
+                    widgetArray.forEach((childWwidget) => {
+                        retVal.__properties[item.id].push(serializeToObject(childWwidget, null, includeData, includeState && !widget.serializeState));  //  Only include state once
+                    });
+                    return true;
+                default:
+                    retVal.__properties[item.id] = childWwidget2[item.id]();
+                    break;
+            }
+        }
+    }, filter);
+
+    if (widget.classID() === "marshaller_Graph") {
+        const vertices = widget.data().vertices;
+        if (vertices) {
+            this.__vertices = vertices.map(item => {
+                return serializeToObject(item, null, includeData, includeState && !widget.serializeState);
+            });
+        }
+    }
+    if (includeData && widget.data) {
+        if (!retVal.__data) retVal.__data = {};
+        retVal.__data.data = widget.data();
+    }
+    if (includeState) {
+        if (widget.serializeState) {
+            retVal.__state = widget.serializeState();
+        } else if (widget.data) {
+            retVal.__state = {
+                data: widget.data()
+            };
+        }
+    }
+    return retVal;
+}
+
+export function serialize(widget, filter?, includeData?, includeState?) {
+    return JSON.stringify(serializeToObject(widget, filter, includeData, includeState));
+}

package/src/PropertyEditor.css

@@ -1,131 +1,131 @@
-.other_PropertyEditor{
-    overflow-y:scroll;
-    height:100%;
-    width:100%;
-}
-.other_PropertyEditor .other_PropertyEditor{
-    overflow:hidden;
-}
-.other_PropertyEditor .property-table{
-    width:100%;
-    border: 1px solid #ddd;
-    border-width:0 0 0 1px;
-}
-.other_PropertyEditor thead > tr > th{background-color:#333;}
-.other_PropertyEditor .other_PropertyEditor th{background-color:#444;}
-.other_PropertyEditor .other_PropertyEditor .other_PropertyEditor th{background-color:#555;}
-.other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .other_PropertyEditor th{background-color:#666;}
-.other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .other_PropertyEditor th{background-color:#777;}
-
-.other_PropertyEditor .headerRow{background-color:#eee;}
-.other_PropertyEditor .other_PropertyEditor .headerRow{background-color:#ddd;}
-.other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .headerRow{background-color:#ccc;}
-.other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .headerRow{background-color:#bbb;}
-.other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .headerRow{background-color:#aaa;}
-
-.other_PropertyEditor .fa {
-    font-size:14px;
-    width:14px
-}
-
-.other_PropertyEditor div.property-table-collapsed {
-    display:none;
-}
-
-.other_PropertyEditor .headerRow > .peInput {
-    padding-top:2px;
-}
-
-.other_PropertyEditor .headerRow > .peInput > span {
-    font-weight: bold;
-    padding-left: 2px;
-}
-
-.other_PropertyEditor .headerRow > .peInput > i {
-    float:right;
-    padding-top: 2px;
-    padding-bottom: 2px;
-}
-
-.other_PropertyEditor .headerRow > span > i:hover {
-    background-color: #555;
-    cursor:pointer;
-}
-.other_PropertyEditor .property-table thead > tr > th {
-    text-align:left;
-    background-color:#333;
-    color:#fff;
-    padding-top:2px;
-    padding-left:4px;
-}
-.other_PropertyEditor .property-table thead > tr > th > i {
-    float:right;
-    padding-top: 2px;
-    padding-right: 4px;
-    padding-bottom: 2px;
-}
-.other_PropertyEditor .property-table thead > tr > th > i:hover{
-    background-color: #555;
-    cursor:pointer;
-}
-.other_PropertyEditor .property-table tbody > tr:nth-child(even){
-    background-color: #F9F9F9;
-}
-.other_PropertyEditor .property-table tbody > tr:nth-child(odd){
-    background-color: #FFF;
-}
-.other_PropertyEditor .property-table tbody > tr > td{
-    text-align:left;
-    color:#333;
-    padding:0 0 0 2px;
-}
-.other_PropertyEditor .property-table tbody > tr.disabled > td {
-    color:gray;
-}
-.other_PropertyEditor .property-table tbody > tr.invalid > td {
-    color:red;
-}
-.other_PropertyEditor .property-input-cell > div{
-    padding-left: 8px;
-}
-.other_PropertyEditor .property-label{
-    padding-right: 4px;
-    box-sizing: border-box;
-    height: 20px;
-}
-.other_PropertyEditor td.property-input-cell{
-    text-align:left;
-    height:20px;
-    padding:1px 0;
-    width:80%
-}
-.other_PropertyEditor .property-input-cell > input,
-.other_PropertyEditor .property-input-cell > textarea{
-    width:100%;
-    box-sizing: border-box;
-}
-.other_PropertyEditor .property-input-cell > input{
-    height: 20px;
-}
-.other_PropertyEditor .property-input-cell > textarea{
-    height: 120px;
-}
-.other_PropertyEditor .property-input-cell.boolean-cell{
-    width:auto;
-    margin:0;
-    position:relative;
-}
-.other_PropertyEditor .property-input-cell > input[type="checkbox"]{
-    width:auto;
-    margin:0;
-    position:absolute;
-    top: 0;
-}
-.other_PropertyEditor .html-color-cell > input{
-    width:80%;
-}
-.other_PropertyEditor .html-color-cell > input[type="color"]{
-    width:20%;
-    position: relative;
-    top: -1px;
+.other_PropertyEditor{
+    overflow-y:scroll;
+    height:100%;
+    width:100%;
+}
+.other_PropertyEditor .other_PropertyEditor{
+    overflow:hidden;
+}
+.other_PropertyEditor .property-table{
+    width:100%;
+    border: 1px solid #ddd;
+    border-width:0 0 0 1px;
+}
+.other_PropertyEditor thead > tr > th{background-color:#333;}
+.other_PropertyEditor .other_PropertyEditor th{background-color:#444;}
+.other_PropertyEditor .other_PropertyEditor .other_PropertyEditor th{background-color:#555;}
+.other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .other_PropertyEditor th{background-color:#666;}
+.other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .other_PropertyEditor th{background-color:#777;}
+
+.other_PropertyEditor .headerRow{background-color:#eee;}
+.other_PropertyEditor .other_PropertyEditor .headerRow{background-color:#ddd;}
+.other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .headerRow{background-color:#ccc;}
+.other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .headerRow{background-color:#bbb;}
+.other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .headerRow{background-color:#aaa;}
+
+.other_PropertyEditor .fa {
+    font-size:14px;
+    width:14px
+}
+
+.other_PropertyEditor div.property-table-collapsed {
+    display:none;
+}
+
+.other_PropertyEditor .headerRow > .peInput {
+    padding-top:2px;
+}
+
+.other_PropertyEditor .headerRow > .peInput > span {
+    font-weight: bold;
+    padding-left: 2px;
+}
+
+.other_PropertyEditor .headerRow > .peInput > i {
+    float:right;
+    padding-top: 2px;
+    padding-bottom: 2px;
+}
+
+.other_PropertyEditor .headerRow > span > i:hover {
+    background-color: #555;
+    cursor:pointer;
+}
+.other_PropertyEditor .property-table thead > tr > th {
+    text-align:left;
+    background-color:#333;
+    color:#fff;
+    padding-top:2px;
+    padding-left:4px;
+}
+.other_PropertyEditor .property-table thead > tr > th > i {
+    float:right;
+    padding-top: 2px;
+    padding-right: 4px;
+    padding-bottom: 2px;
+}
+.other_PropertyEditor .property-table thead > tr > th > i:hover{
+    background-color: #555;
+    cursor:pointer;
+}
+.other_PropertyEditor .property-table tbody > tr:nth-child(even){
+    background-color: #F9F9F9;
+}
+.other_PropertyEditor .property-table tbody > tr:nth-child(odd){
+    background-color: #FFF;
+}
+.other_PropertyEditor .property-table tbody > tr > td{
+    text-align:left;
+    color:#333;
+    padding:0 0 0 2px;
+}
+.other_PropertyEditor .property-table tbody > tr.disabled > td {
+    color:gray;
+}
+.other_PropertyEditor .property-table tbody > tr.invalid > td {
+    color:red;
+}
+.other_PropertyEditor .property-input-cell > div{
+    padding-left: 8px;
+}
+.other_PropertyEditor .property-label{
+    padding-right: 4px;
+    box-sizing: border-box;
+    height: 20px;
+}
+.other_PropertyEditor td.property-input-cell{
+    text-align:left;
+    height:20px;
+    padding:1px 0;
+    width:80%
+}
+.other_PropertyEditor .property-input-cell > input,
+.other_PropertyEditor .property-input-cell > textarea{
+    width:100%;
+    box-sizing: border-box;
+}
+.other_PropertyEditor .property-input-cell > input{
+    height: 20px;
+}
+.other_PropertyEditor .property-input-cell > textarea{
+    height: 120px;
+}
+.other_PropertyEditor .property-input-cell.boolean-cell{
+    width:auto;
+    margin:0;
+    position:relative;
+}
+.other_PropertyEditor .property-input-cell > input[type="checkbox"]{
+    width:auto;
+    margin:0;
+    position:absolute;
+    top: 0;
+}
+.other_PropertyEditor .html-color-cell > input{
+    width:80%;
+}
+.other_PropertyEditor .html-color-cell > input[type="color"]{
+    width:20%;
+    position: relative;
+    top: -1px;
 }