molstar 3.3.0 → 3.5.0

package/lib/commonjs/mol-plugin-ui/controls/parameters.js

@@ -9,7 +9,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
  * @author David Sehnal <david.sehnal@gmail.com>
  * @author Alexander Rose <alexander.rose@weirdbyte.de>
  */
-var React = (0, tslib_1.__importStar)(require("react"));
+var React = tslib_1.__importStar(require("react"));
 var linear_algebra_1 = require("../../mol-math/linear-algebra");
 var assets_1 = require("../../mol-util/assets");
 var color_1 = require("../../mol-util/color");
@@ -27,7 +27,7 @@ var legend_1 = require("./legend");
 var line_graph_component_1 = require("./line-graph/line-graph-component");
 var slider_1 = require("./slider");
 var ParameterControls = /** @class */ (function (_super) {
-    (0, tslib_1.__extends)(ParameterControls, _super);
+    tslib_1.__extends(ParameterControls, _super);
     function ParameterControls() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.onChange = function (params) {
@@ -35,7 +35,7 @@ var ParameterControls = /** @class */ (function (_super) {
             var _b, _c;
             (_c = (_b = _this.props).onChange) === null || _c === void 0 ? void 0 : _c.call(_b, params, _this.props.values);
             if (_this.props.onChangeValues) {
-                var values = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, _this.props.values), (_a = {}, _a[params.name] = params.value, _a));
+                var values = tslib_1.__assign(tslib_1.__assign({}, _this.props.values), (_a = {}, _a[params.name] = params.value, _a));
                 _this.props.onChangeValues(values, _this.props.values);
             }
         };
@@ -61,7 +61,7 @@ var ParameterControls = /** @class */ (function (_super) {
         if (!ctrls)
             return null;
         if (category) {
-            return [(0, jsx_runtime_1.jsx)(common_1.ExpandGroup, (0, tslib_1.__assign)({ header: category }, { children: ctrls }), category)];
+            return [(0, jsx_runtime_1.jsx)(common_1.ExpandGroup, tslib_1.__assign({ header: category }, { children: ctrls }), category)];
         }
         return ctrls;
     };
@@ -86,7 +86,7 @@ var ParameterControls = /** @class */ (function (_super) {
         var essentials = this.renderPart(groups.essentials);
         var advanced = this.renderPart(groups.advanced);
         if (essentials && advanced) {
-            return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [essentials, (0, jsx_runtime_1.jsx)(common_1.ExpandGroup, (0, tslib_1.__assign)({ header: 'Advanced Options' }, { children: advanced }), void 0)] }, void 0);
+            return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [essentials, (0, jsx_runtime_1.jsx)(common_1.ExpandGroup, tslib_1.__assign({ header: 'Advanced Options' }, { children: advanced }))] });
         }
         else if (essentials) {
             return essentials;
@@ -99,12 +99,12 @@ var ParameterControls = /** @class */ (function (_super) {
 }(React.PureComponent));
 exports.ParameterControls = ParameterControls;
 var ParameterMappingControl = /** @class */ (function (_super) {
-    (0, tslib_1.__extends)(ParameterMappingControl, _super);
+    tslib_1.__extends(ParameterMappingControl, _super);
     function ParameterMappingControl() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.setSettings = function (p, old) {
             var _a;
-            var values = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, old), (_a = {}, _a[p.name] = p.value, _a));
+            var values = tslib_1.__assign(tslib_1.__assign({}, old), (_a = {}, _a[p.name] = p.value, _a));
             var t = _this.props.mapping.update(values, _this.plugin);
             _this.props.mapping.apply(t, _this.plugin);
         };
@@ -118,7 +118,7 @@ var ParameterMappingControl = /** @class */ (function (_super) {
         var t = this.props.mapping.getTarget(this.plugin);
         var values = this.props.mapping.getValues(t, this.plugin);
         var params = this.props.mapping.params(this.plugin);
-        return (0, jsx_runtime_1.jsx)(ParameterControls, { params: params, values: values, onChange: this.setSettings }, void 0);
+        return (0, jsx_runtime_1.jsx)(ParameterControls, { params: params, values: values, onChange: this.setSettings });
     };
     return ParameterMappingControl;
 }(base_1.PluginUIComponent));
@@ -201,14 +201,14 @@ function controlFor(param) {
     }
 }
 var ParamHelp = /** @class */ (function (_super) {
-    (0, tslib_1.__extends)(ParamHelp, _super);
+    tslib_1.__extends(ParamHelp, _super);
     function ParamHelp() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     ParamHelp.prototype.render = function () {
         var _a = this.props, legend = _a.legend, description = _a.description;
         var Legend = legend && (0, legend_1.legendFor)(legend);
-        return (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: 'msp-help-text' }, { children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ className: 'msp-help-description' }, { children: [(0, jsx_runtime_1.jsx)(icons_1.Icon, { svg: icons_1.HelpOutlineSvg, inline: true }, void 0), description] }), void 0), Legend && (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: 'msp-help-legend' }, { children: (0, jsx_runtime_1.jsx)(Legend, { legend: legend }, void 0) }), void 0)] }, void 0) }), void 0);
+        return (0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: 'msp-help-text' }, { children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ className: 'msp-help-description' }, { children: [(0, jsx_runtime_1.jsx)(icons_1.Icon, { svg: icons_1.HelpOutlineSvg, inline: true }), description] })), Legend && (0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: 'msp-help-legend' }, { children: (0, jsx_runtime_1.jsx)(Legend, { legend: legend }) }))] }) }));
     };
     return ParamHelp;
 }(React.PureComponent));
@@ -228,10 +228,10 @@ function renderSimple(options) {
     var hasHelp = help.description || help.legend;
     var desc = label + (hasHelp ? '. Click for help.' : '');
     return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(common_1.ControlRow, { className: className, title: desc, label: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [label, hasHelp &&
-                            (0, jsx_runtime_1.jsx)("button", (0, tslib_1.__assign)({ className: 'msp-help msp-btn-link msp-btn-icon msp-control-group-expander', onClick: toggleHelp, title: desc || "".concat(state.showHelp ? 'Hide' : 'Show', " help"), style: { background: 'transparent', textAlign: 'left', padding: '0' } }, { children: (0, jsx_runtime_1.jsx)(icons_1.Icon, { svg: icons_1.HelpOutlineSvg }, void 0) }), void 0)] }, void 0), control: control }, void 0), hasHelp && state.showHelp && (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: 'msp-control-offset' }, { children: (0, jsx_runtime_1.jsx)(ParamHelp, { legend: help.legend, description: help.description }, void 0) }), void 0), addOn] }, void 0);
+                            (0, jsx_runtime_1.jsx)("button", tslib_1.__assign({ className: 'msp-help msp-btn-link msp-btn-icon msp-control-group-expander', onClick: toggleHelp, title: desc || "".concat(state.showHelp ? 'Hide' : 'Show', " help"), style: { background: 'transparent', textAlign: 'left', padding: '0' } }, { children: (0, jsx_runtime_1.jsx)(icons_1.Icon, { svg: icons_1.HelpOutlineSvg }) }))] }), control: control }), hasHelp && state.showHelp && (0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: 'msp-control-offset' }, { children: (0, jsx_runtime_1.jsx)(ParamHelp, { legend: help.legend, description: help.description }) })), addOn] });
 }
 var SimpleParam = /** @class */ (function (_super) {
-    (0, tslib_1.__extends)(SimpleParam, _super);
+    tslib_1.__extends(SimpleParam, _super);
     function SimpleParam() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.state = { showHelp: false };
@@ -255,20 +255,20 @@ var SimpleParam = /** @class */ (function (_super) {
 }(React.PureComponent));
 exports.SimpleParam = SimpleParam;
 var BoolControl = /** @class */ (function (_super) {
-    (0, tslib_1.__extends)(BoolControl, _super);
+    tslib_1.__extends(BoolControl, _super);
     function BoolControl() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.onClick = function (e) { _this.update(!_this.props.value); e.currentTarget.blur(); };
         return _this;
     }
     BoolControl.prototype.renderControl = function () {
-        return (0, jsx_runtime_1.jsxs)("button", (0, tslib_1.__assign)({ onClick: this.onClick, disabled: this.props.isDisabled }, { children: [(0, jsx_runtime_1.jsx)(icons_1.Icon, { svg: this.props.value ? icons_1.CheckSvg : icons_1.ClearSvg }, void 0), this.props.value ? 'On' : 'Off'] }), void 0);
+        return (0, jsx_runtime_1.jsxs)("button", tslib_1.__assign({ onClick: this.onClick, disabled: this.props.isDisabled }, { children: [(0, jsx_runtime_1.jsx)(icons_1.Icon, { svg: this.props.value ? icons_1.CheckSvg : icons_1.ClearSvg }), this.props.value ? 'On' : 'Off'] }));
     };
     return BoolControl;
 }(SimpleParam));
 exports.BoolControl = BoolControl;
 var LineGraphControl = /** @class */ (function (_super) {
-    (0, tslib_1.__extends)(LineGraphControl, _super);
+    tslib_1.__extends(LineGraphControl, _super);
     function LineGraphControl() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.state = {
@@ -298,13 +298,13 @@ var LineGraphControl = /** @class */ (function (_super) {
     }
     LineGraphControl.prototype.render = function () {
         var label = this.props.param.label || (0, string_1.camelCaseToWords)(this.props.name);
-        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(common_1.ControlRow, { label: label, control: (0, jsx_runtime_1.jsx)("button", (0, tslib_1.__assign)({ onClick: this.toggleExpanded, disabled: this.props.isDisabled }, { children: "".concat(this.state.message) }), void 0) }, void 0), (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: 'msp-control-offset', style: { display: this.state.isExpanded ? 'block' : 'none' } }, { children: (0, jsx_runtime_1.jsx)(line_graph_component_1.LineGraphComponent, { data: this.props.param.defaultValue, onChange: this.onChange, onHover: this.onHover, onDrag: this.onDrag }, void 0) }), void 0)] }, void 0);
+        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(common_1.ControlRow, { label: label, control: (0, jsx_runtime_1.jsx)("button", tslib_1.__assign({ onClick: this.toggleExpanded, disabled: this.props.isDisabled }, { children: "".concat(this.state.message) })) }), (0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: 'msp-control-offset', style: { display: this.state.isExpanded ? 'block' : 'none' } }, { children: (0, jsx_runtime_1.jsx)(line_graph_component_1.LineGraphComponent, { data: this.props.param.defaultValue, onChange: this.onChange, onHover: this.onHover, onDrag: this.onDrag }) }))] });
     };
     return LineGraphControl;
 }(React.PureComponent));
 exports.LineGraphControl = LineGraphControl;
 var NumberInputControl = /** @class */ (function (_super) {
-    (0, tslib_1.__extends)(NumberInputControl, _super);
+    tslib_1.__extends(NumberInputControl, _super);
     function NumberInputControl() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.state = { value: '0' };
@@ -319,13 +319,13 @@ var NumberInputControl = /** @class */ (function (_super) {
         var placeholder = this.props.param.label || (0, string_1.camelCaseToWords)(this.props.name);
         var label = this.props.param.label || (0, string_1.camelCaseToWords)(this.props.name);
         var p = (0, number_1.getPrecision)(this.props.param.step || 0.01);
-        return (0, jsx_runtime_1.jsx)(common_1.ControlRow, { title: this.props.param.description, label: label, control: (0, jsx_runtime_1.jsx)(common_1.TextInput, { numeric: true, value: parseFloat(this.props.value.toFixed(p)), onEnter: this.props.onEnter, placeholder: placeholder, isDisabled: this.props.isDisabled, onChange: this.update }, void 0) }, void 0);
+        return (0, jsx_runtime_1.jsx)(common_1.ControlRow, { title: this.props.param.description, label: label, control: (0, jsx_runtime_1.jsx)(common_1.TextInput, { numeric: true, value: parseFloat(this.props.value.toFixed(p)), onEnter: this.props.onEnter, placeholder: placeholder, isDisabled: this.props.isDisabled, onChange: this.update }) });
     };
     return NumberInputControl;
 }(React.PureComponent));
 exports.NumberInputControl = NumberInputControl;
 var NumberRangeControl = /** @class */ (function (_super) {
-    (0, tslib_1.__extends)(NumberRangeControl, _super);
+    tslib_1.__extends(NumberRangeControl, _super);
     function NumberRangeControl() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.onChange = function (v) { _this.update(v); };
@@ -333,13 +333,13 @@ var NumberRangeControl = /** @class */ (function (_super) {
     }
     NumberRangeControl.prototype.renderControl = function () {
         var value = typeof this.props.value === 'undefined' ? this.props.param.defaultValue : this.props.value;
-        return (0, jsx_runtime_1.jsx)(slider_1.Slider, { value: value, min: this.props.param.min, max: this.props.param.max, step: this.props.param.step, onChange: this.onChange, onChangeImmediate: this.props.param.immediateUpdate ? this.onChange : void 0, disabled: this.props.isDisabled, onEnter: this.props.onEnter }, void 0);
+        return (0, jsx_runtime_1.jsx)(slider_1.Slider, { value: value, min: this.props.param.min, max: this.props.param.max, step: this.props.param.step, onChange: this.onChange, onChangeImmediate: this.props.param.immediateUpdate ? this.onChange : void 0, disabled: this.props.isDisabled, onEnter: this.props.onEnter });
     };
     return NumberRangeControl;
 }(SimpleParam));
 exports.NumberRangeControl = NumberRangeControl;
 var TextControl = /** @class */ (function (_super) {
-    (0, tslib_1.__extends)(TextControl, _super);
+    tslib_1.__extends(TextControl, _super);
     function TextControl() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.onChange = function (e) {
@@ -359,13 +359,13 @@ var TextControl = /** @class */ (function (_super) {
     }
     TextControl.prototype.renderControl = function () {
         var placeholder = this.props.param.label || (0, string_1.camelCaseToWords)(this.props.name);
-        return (0, jsx_runtime_1.jsx)("input", { type: 'text', value: this.props.value || '', placeholder: placeholder, onChange: this.onChange, onKeyPress: this.props.onEnter ? this.onKeyPress : void 0, disabled: this.props.isDisabled }, void 0);
+        return (0, jsx_runtime_1.jsx)("input", { type: 'text', value: this.props.value || '', placeholder: placeholder, onChange: this.onChange, onKeyPress: this.props.onEnter ? this.onKeyPress : void 0, disabled: this.props.isDisabled });
     };
     return TextControl;
 }(SimpleParam));
 exports.TextControl = TextControl;
 var PureSelectControl = /** @class */ (function (_super) {
-    (0, tslib_1.__extends)(PureSelectControl, _super);
+    tslib_1.__extends(PureSelectControl, _super);
     function PureSelectControl() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.onChange = function (e) {
@@ -384,16 +384,16 @@ var PureSelectControl = /** @class */ (function (_super) {
     PureSelectControl.prototype.render = function () {
         var _this = this;
         var isInvalid = this.props.value !== void 0 && !this.props.param.options.some(function (e) { return e[0] === _this.props.value; });
-        return (0, jsx_runtime_1.jsxs)("select", (0, tslib_1.__assign)({ className: 'msp-form-control', title: this.props.title, value: this.props.value !== void 0 ? this.props.value : this.props.param.defaultValue, onChange: this.onChange, disabled: this.props.isDisabled }, { children: [isInvalid && (0, jsx_runtime_1.jsx)("option", (0, tslib_1.__assign)({ value: this.props.value }, { children: "[Invalid] ".concat(this.props.value) }), this.props.value), this.props.param.options.map(function (_a) {
+        return (0, jsx_runtime_1.jsxs)("select", tslib_1.__assign({ className: 'msp-form-control', title: this.props.title, value: this.props.value !== void 0 ? this.props.value : this.props.param.defaultValue, onChange: this.onChange, disabled: this.props.isDisabled }, { children: [isInvalid && (0, jsx_runtime_1.jsx)("option", tslib_1.__assign({ value: this.props.value }, { children: "[Invalid] ".concat(this.props.value) }), this.props.value), this.props.param.options.map(function (_a) {
                     var value = _a[0], label = _a[1];
-                    return (0, jsx_runtime_1.jsx)("option", (0, tslib_1.__assign)({ value: value }, { children: label }), value);
-                })] }), void 0);
+                    return (0, jsx_runtime_1.jsx)("option", tslib_1.__assign({ value: value }, { children: label }), value);
+                })] }));
     };
     return PureSelectControl;
 }(React.PureComponent));
 exports.PureSelectControl = PureSelectControl;
 var SelectControl = /** @class */ (function (_super) {
-    (0, tslib_1.__extends)(SelectControl, _super);
+    tslib_1.__extends(SelectControl, _super);
     function SelectControl() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.state = { showHelp: false, showOptions: false };
@@ -433,14 +433,14 @@ var SelectControl = /** @class */ (function (_super) {
             ? (this.props.value === 'on' ? icons_1.CheckSvg
                 : this.props.value === 'off' ? icons_1.ClearSvg : void 0)
             : void 0;
-        return (0, jsx_runtime_1.jsx)(common_1.ToggleButton, { disabled: this.props.isDisabled, style: { textAlign: textAlign, overflow: 'hidden', textOverflow: 'ellipsis' }, label: label, title: label, icon: icon, toggle: toggle, isSelected: this.state.showOptions }, void 0);
+        return (0, jsx_runtime_1.jsx)(common_1.ToggleButton, { disabled: this.props.isDisabled, style: { textAlign: textAlign, overflow: 'hidden', textOverflow: 'ellipsis' }, label: label, title: label, icon: icon, toggle: toggle, isSelected: this.state.showOptions });
     };
     SelectControl.prototype.renderAddOn = function () {
         if (!this.state.showOptions)
             return null;
         var items = this.items(this.props.param);
         var current = action_menu_1.ActionMenu.findItem(items, this.props.value);
-        return (0, jsx_runtime_1.jsx)(action_menu_1.ActionMenu, { items: items, current: current, onSelect: this.onSelect }, void 0);
+        return (0, jsx_runtime_1.jsx)(action_menu_1.ActionMenu, { items: items, current: current, onSelect: this.onSelect });
     };
     SelectControl.prototype.render = function () {
         return renderSimple({
@@ -455,7 +455,7 @@ var SelectControl = /** @class */ (function (_super) {
 }(React.PureComponent));
 exports.SelectControl = SelectControl;
 var ValueRefControl = /** @class */ (function (_super) {
-    (0, tslib_1.__extends)(ValueRefControl, _super);
+    tslib_1.__extends(ValueRefControl, _super);
     function ValueRefControl() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.state = { showHelp: false, showOptions: false };
@@ -481,14 +481,14 @@ var ValueRefControl = /** @class */ (function (_super) {
         var label = current
             ? current.label
             : "[Ref] ".concat((_a = this.props.value.ref) !== null && _a !== void 0 ? _a : '');
-        return (0, jsx_runtime_1.jsx)(common_1.ToggleButton, { disabled: this.props.isDisabled, style: { textAlign: 'left', overflow: 'hidden', textOverflow: 'ellipsis' }, label: label, title: label, toggle: this.toggle, isSelected: this.state.showOptions }, void 0);
+        return (0, jsx_runtime_1.jsx)(common_1.ToggleButton, { disabled: this.props.isDisabled, style: { textAlign: 'left', overflow: 'hidden', textOverflow: 'ellipsis' }, label: label, title: label, toggle: this.toggle, isSelected: this.state.showOptions });
     };
     ValueRefControl.prototype.renderAddOn = function () {
         if (!this.state.showOptions)
             return null;
         var items = this.items(this.props.param);
         var current = action_menu_1.ActionMenu.findItem(items, this.props.value.ref);
-        return (0, jsx_runtime_1.jsx)(action_menu_1.ActionMenu, { items: items, current: current, onSelect: this.onSelect }, void 0);
+        return (0, jsx_runtime_1.jsx)(action_menu_1.ActionMenu, { items: items, current: current, onSelect: this.onSelect });
     };
     ValueRefControl.prototype.render = function () {
         return renderSimple({
@@ -503,7 +503,7 @@ var ValueRefControl = /** @class */ (function (_super) {
 }(React.PureComponent));
 exports.ValueRefControl = ValueRefControl;
 var IntervalControl = /** @class */ (function (_super) {
-    (0, tslib_1.__extends)(IntervalControl, _super);
+    tslib_1.__extends(IntervalControl, _super);
     function IntervalControl() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.state = { isExpanded: false };
@@ -513,7 +513,7 @@ var IntervalControl = /** @class */ (function (_super) {
         };
         _this.componentChange = function (_a) {
             var name = _a.name, value = _a.value;
-            var v = (0, tslib_1.__spreadArray)([], _this.props.value, true);
+            var v = tslib_1.__spreadArray([], _this.props.value, true);
             v[+name] = value;
             _this.change(v);
         };
@@ -531,26 +531,26 @@ var IntervalControl = /** @class */ (function (_super) {
         var label = this.props.param.label || (0, string_1.camelCaseToWords)(this.props.name);
         var p = (0, number_1.getPrecision)(this.props.param.step || 0.01);
         var value = "[".concat(v[0].toFixed(p), ", ").concat(v[1].toFixed(p), "]");
-        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(common_1.ControlRow, { label: label, control: (0, jsx_runtime_1.jsx)("button", (0, tslib_1.__assign)({ onClick: this.toggleExpanded, disabled: this.props.isDisabled }, { children: value }), void 0) }, void 0), this.state.isExpanded && (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: 'msp-control-offset' }, { children: (0, jsx_runtime_1.jsx)(ParameterControls, { params: this.components, values: v, onChange: this.componentChange, onEnter: this.props.onEnter }, void 0) }), void 0)] }, void 0);
+        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(common_1.ControlRow, { label: label, control: (0, jsx_runtime_1.jsx)("button", tslib_1.__assign({ onClick: this.toggleExpanded, disabled: this.props.isDisabled }, { children: value })) }), this.state.isExpanded && (0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: 'msp-control-offset' }, { children: (0, jsx_runtime_1.jsx)(ParameterControls, { params: this.components, values: v, onChange: this.componentChange, onEnter: this.props.onEnter }) }))] });
     };
     return IntervalControl;
 }(React.PureComponent));
 exports.IntervalControl = IntervalControl;
 var BoundedIntervalControl = /** @class */ (function (_super) {
-    (0, tslib_1.__extends)(BoundedIntervalControl, _super);
+    tslib_1.__extends(BoundedIntervalControl, _super);
     function BoundedIntervalControl() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.onChange = function (v) { _this.update(v); };
         return _this;
     }
     BoundedIntervalControl.prototype.renderControl = function () {
-        return (0, jsx_runtime_1.jsx)(slider_1.Slider2, { value: this.props.value, min: this.props.param.min, max: this.props.param.max, step: this.props.param.step, onChange: this.onChange, disabled: this.props.isDisabled, onEnter: this.props.onEnter }, void 0);
+        return (0, jsx_runtime_1.jsx)(slider_1.Slider2, { value: this.props.value, min: this.props.param.min, max: this.props.param.max, step: this.props.param.step, onChange: this.onChange, disabled: this.props.isDisabled, onEnter: this.props.onEnter });
     };
     return BoundedIntervalControl;
 }(SimpleParam));
 exports.BoundedIntervalControl = BoundedIntervalControl;
 var ColorControl = /** @class */ (function (_super) {
-    (0, tslib_1.__extends)(ColorControl, _super);
+    tslib_1.__extends(ColorControl, _super);
     function ColorControl() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.onChange = function (e) {
@@ -569,7 +569,7 @@ var ColorControl = /** @class */ (function (_super) {
         };
     };
     ColorControl.prototype.renderControl = function () {
-        return (0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ style: { position: 'relative' } }, { children: [(0, jsx_runtime_1.jsxs)("select", (0, tslib_1.__assign)({ value: this.props.value, onChange: this.onChange }, { children: [(0, color_2.ColorValueOption)(this.props.value), (0, color_2.ColorOptions)()] }), void 0), (0, jsx_runtime_1.jsx)("div", { style: this.stripStyle() }, void 0)] }), void 0);
+        return (0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ style: { position: 'relative' } }, { children: [(0, jsx_runtime_1.jsxs)("select", tslib_1.__assign({ value: this.props.value, onChange: this.onChange }, { children: [(0, color_2.ColorValueOption)(this.props.value), (0, color_2.ColorOptions)()] })), (0, jsx_runtime_1.jsx)("div", { style: this.stripStyle() })] }));
     };
     return ColorControl;
 }(SimpleParam));
@@ -614,7 +614,7 @@ function colorGradient(colors, banded) {
 function createColorListHelpers() {
     var addOn = function (l) {
         var preset = (0, lists_1.getColorListFromName)(l[0]);
-        return (0, jsx_runtime_1.jsx)("div", { style: colorStripStyle({ kind: preset.type !== 'qualitative' ? 'interpolate' : 'set', colors: preset.list }) }, void 0);
+        return (0, jsx_runtime_1.jsx)("div", { style: colorStripStyle({ kind: preset.type !== 'qualitative' ? 'interpolate' : 'set', colors: preset.list }) });
     };
     return {
         ColorPresets: {
@@ -641,7 +641,7 @@ function ColorListHelpers() {
     return _colorListHelpers;
 }
 var ColorListControl = /** @class */ (function (_super) {
-    (0, tslib_1.__extends)(ColorListControl, _super);
+    tslib_1.__extends(ColorListControl, _super);
     function ColorListControl() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.state = { showHelp: false, show: void 0 };
@@ -674,7 +674,7 @@ var ColorListControl = /** @class */ (function (_super) {
     ColorListControl.prototype.renderControl = function () {
         var value = this.props.value;
         // TODO: fix the button right offset
-        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("button", (0, tslib_1.__assign)({ onClick: this.toggleEdit, style: { position: 'relative', paddingRight: '33px' } }, { children: [value.colors.length === 1 ? '1 color' : "".concat(value.colors.length, " colors"), (0, jsx_runtime_1.jsx)("div", { style: colorStripStyle(value, '33px') }, void 0)] }), void 0), (0, jsx_runtime_1.jsx)(common_1.IconButton, { svg: icons_1.BookmarksOutlinedSvg, onClick: this.togglePresets, toggleState: this.state.show === 'presets', title: 'Color Presets', style: { padding: 0, position: 'absolute', right: 0, top: 0, width: '32px' } }, void 0)] }, void 0);
+        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("button", tslib_1.__assign({ onClick: this.toggleEdit, style: { position: 'relative', paddingRight: '33px' } }, { children: [value.colors.length === 1 ? '1 color' : "".concat(value.colors.length, " colors"), (0, jsx_runtime_1.jsx)("div", { style: colorStripStyle(value, '33px') })] })), (0, jsx_runtime_1.jsx)(common_1.IconButton, { svg: icons_1.BookmarksOutlinedSvg, onClick: this.togglePresets, toggleState: this.state.show === 'presets', title: 'Color Presets', style: { padding: 0, position: 'absolute', right: 0, top: 0, width: '32px' } })] });
     };
     ColorListControl.prototype.renderColors = function () {
         if (!this.state.show)
@@ -682,9 +682,9 @@ var ColorListControl = /** @class */ (function (_super) {
         var _a = ColorListHelpers(), ColorPresets = _a.ColorPresets, ColorsParam = _a.ColorsParam, IsInterpolatedParam = _a.IsInterpolatedParam;
         var preset = ColorPresets[this.props.param.presetKind];
         if (this.state.show === 'presets')
-            return (0, jsx_runtime_1.jsx)(action_menu_1.ActionMenu, { items: preset, onSelect: this.selectPreset }, void 0);
+            return (0, jsx_runtime_1.jsx)(action_menu_1.ActionMenu, { items: preset, onSelect: this.selectPreset });
         var values = this.props.value.colors.map(function (color) { return ({ color: color }); });
-        return (0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ className: 'msp-control-offset' }, { children: [(0, jsx_runtime_1.jsx)(ObjectListControl, { name: 'colors', param: ColorsParam, value: values, onChange: this.colorsChanged, isDisabled: this.props.isDisabled, onEnter: this.props.onEnter }, void 0), (0, jsx_runtime_1.jsx)(BoolControl, { name: 'isInterpolated', param: IsInterpolatedParam, value: this.props.value.kind === 'interpolate', onChange: this.isInterpolatedChanged, isDisabled: this.props.isDisabled, onEnter: this.props.onEnter }, void 0)] }), void 0);
+        return (0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ className: 'msp-control-offset' }, { children: [(0, jsx_runtime_1.jsx)(ObjectListControl, { name: 'colors', param: ColorsParam, value: values, onChange: this.colorsChanged, isDisabled: this.props.isDisabled, onEnter: this.props.onEnter }), (0, jsx_runtime_1.jsx)(BoolControl, { name: 'isInterpolated', param: IsInterpolatedParam, value: this.props.value.kind === 'interpolate', onChange: this.isInterpolatedChanged, isDisabled: this.props.isDisabled, onEnter: this.props.onEnter })] }));
     };
     ColorListControl.prototype.render = function () {
         return renderSimple({
@@ -699,7 +699,7 @@ var ColorListControl = /** @class */ (function (_super) {
 }(React.PureComponent));
 exports.ColorListControl = ColorListControl;
 var OffsetColorListControl = /** @class */ (function (_super) {
-    (0, tslib_1.__extends)(OffsetColorListControl, _super);
+    tslib_1.__extends(OffsetColorListControl, _super);
     function OffsetColorListControl() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.state = { showHelp: false, show: void 0 };
@@ -731,7 +731,7 @@ var OffsetColorListControl = /** @class */ (function (_super) {
     OffsetColorListControl.prototype.renderControl = function () {
         var value = this.props.value;
         // TODO: fix the button right offset
-        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("button", (0, tslib_1.__assign)({ onClick: this.toggleEdit, style: { position: 'relative', paddingRight: '33px' } }, { children: [value.colors.length === 1 ? '1 color' : "".concat(value.colors.length, " colors"), (0, jsx_runtime_1.jsx)("div", { style: colorStripStyle(value, '33px') }, void 0)] }), void 0), (0, jsx_runtime_1.jsx)(common_1.IconButton, { svg: icons_1.BookmarksOutlinedSvg, onClick: this.togglePresets, toggleState: this.state.show === 'presets', title: 'Color Presets', style: { padding: 0, position: 'absolute', right: 0, top: 0, width: '32px' } }, void 0)] }, void 0);
+        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("button", tslib_1.__assign({ onClick: this.toggleEdit, style: { position: 'relative', paddingRight: '33px' } }, { children: [value.colors.length === 1 ? '1 color' : "".concat(value.colors.length, " colors"), (0, jsx_runtime_1.jsx)("div", { style: colorStripStyle(value, '33px') })] })), (0, jsx_runtime_1.jsx)(common_1.IconButton, { svg: icons_1.BookmarksOutlinedSvg, onClick: this.togglePresets, toggleState: this.state.show === 'presets', title: 'Color Presets', style: { padding: 0, position: 'absolute', right: 0, top: 0, width: '32px' } })] });
     };
     OffsetColorListControl.prototype.renderColors = function () {
         if (!this.state.show)
@@ -739,7 +739,7 @@ var OffsetColorListControl = /** @class */ (function (_super) {
         var _a = ColorListHelpers(), ColorPresets = _a.ColorPresets, OffsetColorsParam = _a.OffsetColorsParam, IsInterpolatedParam = _a.IsInterpolatedParam;
         var preset = ColorPresets[this.props.param.presetKind];
         if (this.state.show === 'presets')
-            return (0, jsx_runtime_1.jsx)(action_menu_1.ActionMenu, { items: preset, onSelect: this.selectPreset }, void 0);
+            return (0, jsx_runtime_1.jsx)(action_menu_1.ActionMenu, { items: preset, onSelect: this.selectPreset });
         var colors = this.props.value.colors;
         var values = colors.map(function (color, i) {
             if (Array.isArray(color))
@@ -747,7 +747,7 @@ var OffsetColorListControl = /** @class */ (function (_super) {
             return { color: color, offset: i / colors.length };
         });
         values.sort(function (a, b) { return a.offset - b.offset; });
-        return (0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ className: 'msp-control-offset' }, { children: [(0, jsx_runtime_1.jsx)(ObjectListControl, { name: 'colors', param: OffsetColorsParam, value: values, onChange: this.colorsChanged, isDisabled: this.props.isDisabled, onEnter: this.props.onEnter }, void 0), (0, jsx_runtime_1.jsx)(BoolControl, { name: 'isInterpolated', param: IsInterpolatedParam, value: this.props.value.kind === 'interpolate', onChange: this.isInterpolatedChanged, isDisabled: this.props.isDisabled, onEnter: this.props.onEnter }, void 0)] }), void 0);
+        return (0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ className: 'msp-control-offset' }, { children: [(0, jsx_runtime_1.jsx)(ObjectListControl, { name: 'colors', param: OffsetColorsParam, value: values, onChange: this.colorsChanged, isDisabled: this.props.isDisabled, onEnter: this.props.onEnter }), (0, jsx_runtime_1.jsx)(BoolControl, { name: 'isInterpolated', param: IsInterpolatedParam, value: this.props.value.kind === 'interpolate', onChange: this.isInterpolatedChanged, isDisabled: this.props.isDisabled, onEnter: this.props.onEnter })] }));
     };
     OffsetColorListControl.prototype.render = function () {
         return renderSimple({
@@ -762,7 +762,7 @@ var OffsetColorListControl = /** @class */ (function (_super) {
 }(React.PureComponent));
 exports.OffsetColorListControl = OffsetColorListControl;
 var Vec3Control = /** @class */ (function (_super) {
-    (0, tslib_1.__extends)(Vec3Control, _super);
+    tslib_1.__extends(Vec3Control, _super);
     function Vec3Control() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.state = { isExpanded: false };
@@ -791,13 +791,13 @@ var Vec3Control = /** @class */ (function (_super) {
         var label = this.props.param.label || (0, string_1.camelCaseToWords)(this.props.name);
         var p = (0, number_1.getPrecision)(this.props.param.step || 0.01);
         var value = "[".concat(v[0].toFixed(p), ", ").concat(v[1].toFixed(p), ", ").concat(v[2].toFixed(p), "]");
-        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(common_1.ControlRow, { label: label, control: (0, jsx_runtime_1.jsx)("button", (0, tslib_1.__assign)({ onClick: this.toggleExpanded, disabled: this.props.isDisabled }, { children: value }), void 0) }, void 0), this.state.isExpanded && (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: 'msp-control-offset' }, { children: (0, jsx_runtime_1.jsx)(ParameterControls, { params: this.components, values: v, onChange: this.componentChange, onEnter: this.props.onEnter }, void 0) }), void 0)] }, void 0);
+        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(common_1.ControlRow, { label: label, control: (0, jsx_runtime_1.jsx)("button", tslib_1.__assign({ onClick: this.toggleExpanded, disabled: this.props.isDisabled }, { children: value })) }), this.state.isExpanded && (0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: 'msp-control-offset' }, { children: (0, jsx_runtime_1.jsx)(ParameterControls, { params: this.components, values: v, onChange: this.componentChange, onEnter: this.props.onEnter }) }))] });
     };
     return Vec3Control;
 }(React.PureComponent));
 exports.Vec3Control = Vec3Control;
 var Mat4Control = /** @class */ (function (_super) {
-    (0, tslib_1.__extends)(Mat4Control, _super);
+    tslib_1.__extends(Mat4Control, _super);
     function Mat4Control() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.state = { isExpanded: false };
@@ -841,9 +841,9 @@ var Mat4Control = /** @class */ (function (_super) {
                 for (var j = 0; j < 4; j++) {
                     row.push((0, jsx_runtime_1.jsx)(common_1.TextInput, { numeric: true, delayMs: 50, value: linear_algebra_1.Mat4.getValue(v, i, j), onChange: this.changeValue(4 * j + i), className: 'msp-form-control', blurOnEnter: true, isDisabled: this.props.isDisabled }, j));
                 }
-                rows.push((0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: 'msp-flex-row' }, { children: row }), i));
+                rows.push((0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: 'msp-flex-row' }, { children: row }), i));
             }
-            return (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: 'msp-parameter-matrix' }, { children: rows }), void 0);
+            return (0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: 'msp-parameter-matrix' }, { children: rows }));
         },
         enumerable: false,
         configurable: true
@@ -853,13 +853,13 @@ var Mat4Control = /** @class */ (function (_super) {
             json: JSON.stringify(this.props.value)
         };
         var label = this.props.param.label || (0, string_1.camelCaseToWords)(this.props.name);
-        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(common_1.ControlRow, { label: label, control: (0, jsx_runtime_1.jsx)("button", (0, tslib_1.__assign)({ onClick: this.toggleExpanded, disabled: this.props.isDisabled }, { children: '4\u00D74 Matrix' }), void 0) }, void 0), this.state.isExpanded && (0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ className: 'msp-control-offset' }, { children: [this.grid, (0, jsx_runtime_1.jsx)(ParameterControls, { params: this.components, values: v, onChange: this.componentChange, onEnter: this.props.onEnter }, void 0)] }), void 0)] }, void 0);
+        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(common_1.ControlRow, { label: label, control: (0, jsx_runtime_1.jsx)("button", tslib_1.__assign({ onClick: this.toggleExpanded, disabled: this.props.isDisabled }, { children: '4\u00D74 Matrix' })) }), this.state.isExpanded && (0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ className: 'msp-control-offset' }, { children: [this.grid, (0, jsx_runtime_1.jsx)(ParameterControls, { params: this.components, values: v, onChange: this.componentChange, onEnter: this.props.onEnter })] }))] });
     };
     return Mat4Control;
 }(React.PureComponent));
 exports.Mat4Control = Mat4Control;
 var UrlControl = /** @class */ (function (_super) {
-    (0, tslib_1.__extends)(UrlControl, _super);
+    tslib_1.__extends(UrlControl, _super);
     function UrlControl() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.onChange = function (e) {
@@ -879,13 +879,13 @@ var UrlControl = /** @class */ (function (_super) {
     }
     UrlControl.prototype.renderControl = function () {
         var placeholder = this.props.param.label || (0, string_1.camelCaseToWords)(this.props.name);
-        return (0, jsx_runtime_1.jsx)("input", { type: 'text', value: assets_1.Asset.getUrl(this.props.value || ''), placeholder: placeholder, onChange: this.onChange, onKeyPress: this.props.onEnter ? this.onKeyPress : void 0, disabled: this.props.isDisabled }, void 0);
+        return (0, jsx_runtime_1.jsx)("input", { type: 'text', value: assets_1.Asset.getUrl(this.props.value || ''), placeholder: placeholder, onChange: this.onChange, onKeyPress: this.props.onEnter ? this.onKeyPress : void 0, disabled: this.props.isDisabled });
     };
     return UrlControl;
 }(SimpleParam));
 exports.UrlControl = UrlControl;
 var FileControl = /** @class */ (function (_super) {
-    (0, tslib_1.__extends)(FileControl, _super);
+    tslib_1.__extends(FileControl, _super);
     function FileControl() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.state = { showHelp: false };
@@ -900,7 +900,7 @@ var FileControl = /** @class */ (function (_super) {
     };
     FileControl.prototype.renderControl = function () {
         var value = this.props.value;
-        return (0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ className: 'msp-btn msp-btn-block msp-btn-action msp-loader-msp-btn-file', style: { marginTop: '1px' } }, { children: [value ? value.name : 'Select a file...', " ", (0, jsx_runtime_1.jsx)("input", { disabled: this.props.isDisabled, onChange: this.onChangeFile, type: 'file', multiple: false, accept: this.props.param.accept }, void 0)] }), void 0);
+        return (0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ className: 'msp-btn msp-btn-block msp-btn-action msp-loader-msp-btn-file', style: { marginTop: '1px' } }, { children: [value ? value.name : 'Select a file...', " ", (0, jsx_runtime_1.jsx)("input", { disabled: this.props.isDisabled, onChange: this.onChangeFile, type: 'file', multiple: false, accept: this.props.param.accept })] }));
     };
     FileControl.prototype.render = function () {
         if (this.props.param.label) {
@@ -920,7 +920,7 @@ var FileControl = /** @class */ (function (_super) {
 }(React.PureComponent));
 exports.FileControl = FileControl;
 var FileListControl = /** @class */ (function (_super) {
-    (0, tslib_1.__extends)(FileListControl, _super);
+    tslib_1.__extends(FileListControl, _super);
     function FileListControl() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.state = { showHelp: false };
@@ -951,7 +951,7 @@ var FileListControl = /** @class */ (function (_super) {
         var label = names.length === 0
             ? 'Select files...' : names.length === 1
             ? names[0] : "".concat(names.length, " files selected");
-        return (0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ className: 'msp-btn msp-btn-block msp-btn-action msp-loader-msp-btn-file', style: { marginTop: '1px' } }, { children: [label, " ", (0, jsx_runtime_1.jsx)("input", { disabled: this.props.isDisabled, onChange: this.onChangeFileList, type: 'file', multiple: true, accept: this.props.param.accept }, void 0)] }), void 0);
+        return (0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ className: 'msp-btn msp-btn-block msp-btn-action msp-loader-msp-btn-file', style: { marginTop: '1px' } }, { children: [label, " ", (0, jsx_runtime_1.jsx)("input", { disabled: this.props.isDisabled, onChange: this.onChangeFileList, type: 'file', multiple: true, accept: this.props.param.accept })] }));
     };
     FileListControl.prototype.render = function () {
         if (this.props.param.label) {
@@ -971,7 +971,7 @@ var FileListControl = /** @class */ (function (_super) {
 }(React.PureComponent));
 exports.FileListControl = FileListControl;
 var MultiSelectControl = /** @class */ (function (_super) {
-    (0, tslib_1.__extends)(MultiSelectControl, _super);
+    tslib_1.__extends(MultiSelectControl, _super);
     function MultiSelectControl() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.state = { isExpanded: false };
@@ -999,23 +999,23 @@ var MultiSelectControl = /** @class */ (function (_super) {
         var current = this.props.value;
         var emptyLabel = this.props.param.emptyValue;
         var label = this.props.param.label || (0, string_1.camelCaseToWords)(this.props.name);
-        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(common_1.ControlRow, { label: label, control: (0, jsx_runtime_1.jsx)("button", (0, tslib_1.__assign)({ onClick: this.toggleExpanded, disabled: this.props.isDisabled }, { children: current.length === 0 && emptyLabel ? emptyLabel : "".concat(current.length, " of ").concat(this.props.param.options.length) }), void 0) }, void 0), this.state.isExpanded && (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: 'msp-control-offset' }, { children: this.props.param.options.map(function (_a) {
+        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(common_1.ControlRow, { label: label, control: (0, jsx_runtime_1.jsx)("button", tslib_1.__assign({ onClick: this.toggleExpanded, disabled: this.props.isDisabled }, { children: current.length === 0 && emptyLabel ? emptyLabel : "".concat(current.length, " of ").concat(this.props.param.options.length) })) }), this.state.isExpanded && (0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: 'msp-control-offset' }, { children: this.props.param.options.map(function (_a) {
                         var value = _a[0], label = _a[1];
                         var sel = current.indexOf(value) >= 0;
-                        return (0, jsx_runtime_1.jsx)(common_1.Button, (0, tslib_1.__assign)({ onClick: _this.toggle(value), disabled: _this.props.isDisabled, style: { marginTop: '1px' } }, { children: (0, jsx_runtime_1.jsx)("span", (0, tslib_1.__assign)({ style: { float: sel ? 'left' : 'right' } }, { children: sel ? "\u2713 ".concat(label) : "".concat(label, " \u2717") }), void 0) }), value);
-                    }) }), void 0)] }, void 0);
+                        return (0, jsx_runtime_1.jsx)(common_1.Button, tslib_1.__assign({ onClick: _this.toggle(value), disabled: _this.props.isDisabled, style: { marginTop: '1px' } }, { children: (0, jsx_runtime_1.jsx)("span", tslib_1.__assign({ style: { float: sel ? 'left' : 'right' } }, { children: sel ? "\u2713 ".concat(label) : "".concat(label, " \u2717") })) }), value);
+                    }) }))] });
     };
     return MultiSelectControl;
 }(React.PureComponent));
 exports.MultiSelectControl = MultiSelectControl;
 var GroupControl = /** @class */ (function (_super) {
-    (0, tslib_1.__extends)(GroupControl, _super);
+    tslib_1.__extends(GroupControl, _super);
     function GroupControl() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.state = { isExpanded: !!_this.props.param.isExpanded, showPresets: false, showHelp: false };
         _this.onChangeParam = function (e) {
             var _a;
-            _this.change((0, tslib_1.__assign)((0, tslib_1.__assign)({}, _this.props.value), (_a = {}, _a[e.name] = e.value, _a)));
+            _this.change(tslib_1.__assign(tslib_1.__assign({}, _this.props.value), (_a = {}, _a[e.name] = e.value, _a)));
         };
         _this.toggleExpanded = function () { return _this.setState({ isExpanded: !_this.state.isExpanded }); };
         _this.toggleShowPresets = function () { return _this.setState({ showPresets: !_this.state.showPresets }); };
@@ -1033,21 +1033,21 @@ var GroupControl = /** @class */ (function (_super) {
         if (!this.props.param.presets)
             return null;
         var label = this.props.param.label || (0, string_1.camelCaseToWords)(this.props.name);
-        return (0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ className: 'msp-control-group-wrapper' }, { children: [(0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: 'msp-control-group-header' }, { children: (0, jsx_runtime_1.jsxs)("button", (0, tslib_1.__assign)({ className: 'msp-btn msp-form-control msp-btn-block', onClick: this.toggleShowPresets }, { children: [(0, jsx_runtime_1.jsx)(icons_1.Icon, { svg: icons_1.BookmarksOutlinedSvg }, void 0), label, " Presets"] }), void 0) }), void 0), this.state.showPresets && (0, jsx_runtime_1.jsx)(action_menu_1.ActionMenu, { items: this.presetItems(this.props.param), onSelect: this.onSelectPreset }, void 0)] }), void 0);
+        return (0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ className: 'msp-control-group-wrapper' }, { children: [(0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: 'msp-control-group-header' }, { children: (0, jsx_runtime_1.jsxs)("button", tslib_1.__assign({ className: 'msp-btn msp-form-control msp-btn-block', onClick: this.toggleShowPresets }, { children: [(0, jsx_runtime_1.jsx)(icons_1.Icon, { svg: icons_1.BookmarksOutlinedSvg }), label, " Presets"] })) })), this.state.showPresets && (0, jsx_runtime_1.jsx)(action_menu_1.ActionMenu, { items: this.presetItems(this.props.param), onSelect: this.onSelectPreset })] }));
     };
     GroupControl.prototype.presets = function () {
         if (!this.props.param.presets)
             return null;
-        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: 'msp-control-group-presets-wrapper' }, { children: (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: 'msp-control-group-header' }, { children: (0, jsx_runtime_1.jsxs)("button", (0, tslib_1.__assign)({ className: 'msp-btn msp-form-control msp-btn-block', onClick: this.toggleShowPresets }, { children: [(0, jsx_runtime_1.jsx)(icons_1.Icon, { svg: icons_1.BookmarksOutlinedSvg }, void 0), "Presets"] }), void 0) }), void 0) }), void 0), this.state.showPresets && (0, jsx_runtime_1.jsx)(action_menu_1.ActionMenu, { items: this.presetItems(this.props.param), onSelect: this.onSelectPreset }, void 0)] }, void 0);
+        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: 'msp-control-group-presets-wrapper' }, { children: (0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: 'msp-control-group-header' }, { children: (0, jsx_runtime_1.jsxs)("button", tslib_1.__assign({ className: 'msp-btn msp-form-control msp-btn-block', onClick: this.toggleShowPresets }, { children: [(0, jsx_runtime_1.jsx)(icons_1.Icon, { svg: icons_1.BookmarksOutlinedSvg }), "Presets"] })) })) })), this.state.showPresets && (0, jsx_runtime_1.jsx)(action_menu_1.ActionMenu, { items: this.presetItems(this.props.param), onSelect: this.onSelectPreset })] });
     };
     GroupControl.prototype.pivoted = function () {
         var key = this.props.param.pivot;
         var params = this.props.param.params;
         var pivot = params[key];
         var Control = controlFor(pivot);
-        var ctrl = (0, jsx_runtime_1.jsx)(Control, { name: key, param: pivot, value: this.props.value[key], onChange: this.onChangeParam, onEnter: this.props.onEnter, isDisabled: this.props.isDisabled }, void 0);
+        var ctrl = (0, jsx_runtime_1.jsx)(Control, { name: key, param: pivot, value: this.props.value[key], onChange: this.onChangeParam, onEnter: this.props.onEnter, isDisabled: this.props.isDisabled });
         if (!this.state.isExpanded) {
-            return (0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ className: 'msp-mapped-parameter-group' }, { children: [ctrl, (0, jsx_runtime_1.jsx)(common_1.IconButton, { svg: icons_1.MoreHorizSvg, onClick: this.toggleExpanded, toggleState: this.state.isExpanded, title: "More Options" }, void 0)] }), void 0);
+            return (0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ className: 'msp-mapped-parameter-group' }, { children: [ctrl, (0, jsx_runtime_1.jsx)(common_1.IconButton, { svg: icons_1.MoreHorizSvg, onClick: this.toggleExpanded, toggleState: this.state.isExpanded, title: "More Options" })] }));
         }
         var filtered = Object.create(null);
         for (var _i = 0, _a = Object.keys(params); _i < _a.length; _i++) {
@@ -1055,7 +1055,7 @@ var GroupControl = /** @class */ (function (_super) {
             if (k !== key)
                 filtered[k] = params[k];
         }
-        return (0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ className: 'msp-mapped-parameter-group' }, { children: [ctrl, (0, jsx_runtime_1.jsx)(common_1.IconButton, { svg: icons_1.MoreHorizSvg, onClick: this.toggleExpanded, toggleState: this.state.isExpanded, title: "More Options" }, void 0), (0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ className: 'msp-control-offset' }, { children: [this.pivotedPresets(), (0, jsx_runtime_1.jsx)(ParameterControls, { params: filtered, onEnter: this.props.onEnter, values: this.props.value, onChange: this.onChangeParam, isDisabled: this.props.isDisabled }, void 0)] }), void 0)] }), void 0);
+        return (0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ className: 'msp-mapped-parameter-group' }, { children: [ctrl, (0, jsx_runtime_1.jsx)(common_1.IconButton, { svg: icons_1.MoreHorizSvg, onClick: this.toggleExpanded, toggleState: this.state.isExpanded, title: "More Options" }), (0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ className: 'msp-control-offset' }, { children: [this.pivotedPresets(), (0, jsx_runtime_1.jsx)(ParameterControls, { params: filtered, onEnter: this.props.onEnter, values: this.props.value, onChange: this.onChangeParam, isDisabled: this.props.isDisabled })] }))] }));
     };
     GroupControl.prototype.render = function () {
         var params = this.props.param.params;
@@ -1065,20 +1065,20 @@ var GroupControl = /** @class */ (function (_super) {
         if (this.props.param.pivot)
             return this.pivoted();
         var label = this.props.param.label || (0, string_1.camelCaseToWords)(this.props.name);
-        var controls = (0, jsx_runtime_1.jsx)(ParameterControls, { params: params, onChange: this.onChangeParam, values: this.props.value, onEnter: this.props.onEnter, isDisabled: this.props.isDisabled }, void 0);
+        var controls = (0, jsx_runtime_1.jsx)(ParameterControls, { params: params, onChange: this.onChangeParam, values: this.props.value, onEnter: this.props.onEnter, isDisabled: this.props.isDisabled });
         if (this.props.inMapped) {
-            return (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: 'msp-control-offset' }, { children: controls }), void 0);
+            return (0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: 'msp-control-offset' }, { children: controls }));
         }
         if (this.props.param.isFlat) {
             return controls;
         }
-        return (0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ className: 'msp-control-group-wrapper', style: { position: 'relative' } }, { children: [(0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: 'msp-control-group-header' }, { children: (0, jsx_runtime_1.jsxs)("button", (0, tslib_1.__assign)({ className: 'msp-btn msp-form-control msp-btn-block', onClick: this.toggleExpanded }, { children: [(0, jsx_runtime_1.jsx)(icons_1.Icon, { svg: this.state.isExpanded ? icons_1.ArrowDropDownSvg : icons_1.ArrowRightSvg }, void 0), label] }), void 0) }), void 0), this.presets(), this.state.isExpanded && (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: 'msp-control-offset' }, { children: controls }), void 0)] }), void 0);
+        return (0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ className: 'msp-control-group-wrapper', style: { position: 'relative' } }, { children: [(0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: 'msp-control-group-header' }, { children: (0, jsx_runtime_1.jsxs)("button", tslib_1.__assign({ className: 'msp-btn msp-form-control msp-btn-block', onClick: this.toggleExpanded }, { children: [(0, jsx_runtime_1.jsx)(icons_1.Icon, { svg: this.state.isExpanded ? icons_1.ArrowDropDownSvg : icons_1.ArrowRightSvg }), label] })) })), this.presets(), this.state.isExpanded && (0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: 'msp-control-offset' }, { children: controls }))] }));
     };
     return GroupControl;
 }(React.PureComponent));
 exports.GroupControl = GroupControl;
 var MappedControl = /** @class */ (function (_super) {
-    (0, tslib_1.__extends)(MappedControl, _super);
+    tslib_1.__extends(MappedControl, _super);
     function MappedControl() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.state = { isExpanded: false };
@@ -1125,30 +1125,30 @@ var MappedControl = /** @class */ (function (_super) {
         var Mapped = controlFor(param);
         var help = this.props.param.help;
         var select = help
-            ? (0, tslib_1.__assign)((0, tslib_1.__assign)({}, this.props.param.select), { help: function (name) { return help({ name: name, params: _this.getValues(name) }); } }) : this.props.param.select;
-        var Select = (0, jsx_runtime_1.jsx)(SelectControl, { param: select, isDisabled: this.props.isDisabled, onChange: this.onChangeName, onEnter: this.props.onEnter, name: label, value: value.name }, void 0);
+            ? tslib_1.__assign(tslib_1.__assign({}, this.props.param.select), { help: function (name) { return help({ name: name, params: _this.getValues(name) }); } }) : this.props.param.select;
+        var Select = (0, jsx_runtime_1.jsx)(SelectControl, { param: select, isDisabled: this.props.isDisabled, onChange: this.onChangeName, onEnter: this.props.onEnter, name: label, value: value.name });
         if (!Mapped) {
             return Select;
         }
         if (param.type === 'group' && !param.isFlat) {
             if (!this.areParamsEmpty(param.params)) {
-                return (0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ className: 'msp-mapped-parameter-group' }, { children: [Select, (0, jsx_runtime_1.jsx)(common_1.IconButton, { svg: icons_1.MoreHorizSvg, onClick: this.toggleExpanded, toggleState: this.state.isExpanded, title: "".concat(label, " Properties") }, void 0), this.state.isExpanded && (0, jsx_runtime_1.jsx)(GroupControl, { inMapped: true, param: param, value: value.params, name: value.name, onChange: this.onChangeParam, onEnter: this.props.onEnter, isDisabled: this.props.isDisabled }, void 0)] }), void 0);
+                return (0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ className: 'msp-mapped-parameter-group' }, { children: [Select, (0, jsx_runtime_1.jsx)(common_1.IconButton, { svg: icons_1.MoreHorizSvg, onClick: this.toggleExpanded, toggleState: this.state.isExpanded, title: "".concat(label, " Properties") }), this.state.isExpanded && (0, jsx_runtime_1.jsx)(GroupControl, { inMapped: true, param: param, value: value.params, name: value.name, onChange: this.onChangeParam, onEnter: this.props.onEnter, isDisabled: this.props.isDisabled })] }));
             }
             return Select;
         }
-        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [Select, (0, jsx_runtime_1.jsx)(Mapped, { param: param, value: value.params, name: value.name, onChange: this.onChangeParam, onEnter: this.props.onEnter, isDisabled: this.props.isDisabled }, void 0)] }, void 0);
+        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [Select, (0, jsx_runtime_1.jsx)(Mapped, { param: param, value: value.params, name: value.name, onChange: this.onChangeParam, onEnter: this.props.onEnter, isDisabled: this.props.isDisabled })] });
     };
     return MappedControl;
 }(React.PureComponent));
 exports.MappedControl = MappedControl;
 var ObjectListEditor = /** @class */ (function (_super) {
-    (0, tslib_1.__extends)(ObjectListEditor, _super);
+    tslib_1.__extends(ObjectListEditor, _super);
     function ObjectListEditor() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.state = { current: _this.props.value };
         _this.onChangeParam = function (e) {
             var _a;
-            _this.setState({ current: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, _this.state.current), (_a = {}, _a[e.name] = e.value, _a)) });
+            _this.setState({ current: tslib_1.__assign(tslib_1.__assign({}, _this.state.current), (_a = {}, _a[e.name] = e.value, _a)) });
         };
         _this.apply = function () {
             _this.props.apply(_this.state.current);
@@ -1161,12 +1161,12 @@ var ObjectListEditor = /** @class */ (function (_super) {
         }
     };
     ObjectListEditor.prototype.render = function () {
-        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ParameterControls, { params: this.props.params, onChange: this.onChangeParam, values: this.state.current, onEnter: this.apply, isDisabled: this.props.isDisabled }, void 0), (0, jsx_runtime_1.jsx)("button", (0, tslib_1.__assign)({ className: "msp-btn msp-btn-block msp-form-control msp-control-top-offset", onClick: this.apply, disabled: this.props.isDisabled }, { children: this.props.isUpdate ? 'Update' : 'Add' }), void 0)] }, void 0);
+        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ParameterControls, { params: this.props.params, onChange: this.onChangeParam, values: this.state.current, onEnter: this.apply, isDisabled: this.props.isDisabled }), (0, jsx_runtime_1.jsx)("button", tslib_1.__assign({ className: "msp-btn msp-btn-block msp-form-control msp-control-top-offset", onClick: this.apply, disabled: this.props.isDisabled }, { children: this.props.isUpdate ? 'Update' : 'Add' }))] });
     };
     return ObjectListEditor;
 }(React.PureComponent));
 var ObjectListItem = /** @class */ (function (_super) {
-    (0, tslib_1.__extends)(ObjectListItem, _super);
+    tslib_1.__extends(ObjectListItem, _super);
     function ObjectListItem() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.state = { isExpanded: false };
@@ -1191,17 +1191,17 @@ var ObjectListItem = /** @class */ (function (_super) {
         return _this;
     }
     ObjectListItem.prototype.render = function () {
-        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ className: 'msp-param-object-list-item' }, { children: [(0, jsx_runtime_1.jsxs)("button", (0, tslib_1.__assign)({ className: 'msp-btn msp-btn-block msp-form-control', onClick: this.toggleExpanded }, { children: [(0, jsx_runtime_1.jsx)("span", { children: "".concat(this.props.index + 1, ": ") }, void 0), this.props.param.getLabel(this.props.value)] }), void 0), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(common_1.IconButton, { svg: icons_1.ArrowDownwardSvg, title: 'Move Up', onClick: this.moveUp, small: true }, void 0), (0, jsx_runtime_1.jsx)(common_1.IconButton, { svg: icons_1.ArrowUpwardSvg, title: 'Move Down', onClick: this.moveDown, small: true }, void 0), (0, jsx_runtime_1.jsx)(common_1.IconButton, { svg: icons_1.DeleteOutlinedSvg, title: 'Remove', onClick: this.remove, small: true }, void 0)] }, void 0)] }), void 0), this.state.isExpanded && (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: 'msp-control-offset' }, { children: (0, jsx_runtime_1.jsx)(ObjectListEditor, { params: this.props.param.element, apply: this.update, value: this.props.value, isUpdate: true, isDisabled: this.props.isDisabled }, void 0) }), void 0)] }, void 0);
+        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ className: 'msp-param-object-list-item' }, { children: [(0, jsx_runtime_1.jsxs)("button", tslib_1.__assign({ className: 'msp-btn msp-btn-block msp-form-control', onClick: this.toggleExpanded }, { children: [(0, jsx_runtime_1.jsx)("span", { children: "".concat(this.props.index + 1, ": ") }), this.props.param.getLabel(this.props.value)] })), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(common_1.IconButton, { svg: icons_1.ArrowDownwardSvg, title: 'Move Up', onClick: this.moveUp, small: true }), (0, jsx_runtime_1.jsx)(common_1.IconButton, { svg: icons_1.ArrowUpwardSvg, title: 'Move Down', onClick: this.moveDown, small: true }), (0, jsx_runtime_1.jsx)(common_1.IconButton, { svg: icons_1.DeleteOutlinedSvg, title: 'Remove', onClick: this.remove, small: true })] })] })), this.state.isExpanded && (0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: 'msp-control-offset' }, { children: (0, jsx_runtime_1.jsx)(ObjectListEditor, { params: this.props.param.element, apply: this.update, value: this.props.value, isUpdate: true, isDisabled: this.props.isDisabled }) }))] });
     };
     return ObjectListItem;
 }(React.PureComponent));
 var ObjectListControl = /** @class */ (function (_super) {
-    (0, tslib_1.__extends)(ObjectListControl, _super);
+    tslib_1.__extends(ObjectListControl, _super);
     function ObjectListControl() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.state = { isExpanded: false };
         _this.add = function (v) {
-            _this.change((0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([], _this.props.value, true), [v], false));
+            _this.change(tslib_1.__spreadArray(tslib_1.__spreadArray([], _this.props.value, true), [v], false));
         };
         _this.actions = {
             update: function (v, i) {
@@ -1246,13 +1246,13 @@ var ObjectListControl = /** @class */ (function (_super) {
         var v = this.props.value;
         var label = this.props.param.label || (0, string_1.camelCaseToWords)(this.props.name);
         var value = "".concat(v.length, " item").concat(v.length !== 1 ? 's' : '');
-        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(common_1.ControlRow, { label: label, control: (0, jsx_runtime_1.jsx)("button", (0, tslib_1.__assign)({ onClick: this.toggleExpanded, disabled: this.props.isDisabled }, { children: value }), void 0) }, void 0), this.state.isExpanded && (0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ className: 'msp-control-offset' }, { children: [this.props.value.map(function (v, i) { return (0, jsx_runtime_1.jsx)(ObjectListItem, { param: _this.props.param, value: v, index: i, actions: _this.actions, isDisabled: _this.props.isDisabled }, i); }), (0, jsx_runtime_1.jsx)(common_1.ControlGroup, (0, tslib_1.__assign)({ header: 'New Item' }, { children: (0, jsx_runtime_1.jsx)(ObjectListEditor, { params: this.props.param.element, apply: this.add, value: this.props.param.ctor(), isDisabled: this.props.isDisabled }, void 0) }), void 0)] }), void 0)] }, void 0);
+        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(common_1.ControlRow, { label: label, control: (0, jsx_runtime_1.jsx)("button", tslib_1.__assign({ onClick: this.toggleExpanded, disabled: this.props.isDisabled }, { children: value })) }), this.state.isExpanded && (0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ className: 'msp-control-offset' }, { children: [this.props.value.map(function (v, i) { return (0, jsx_runtime_1.jsx)(ObjectListItem, { param: _this.props.param, value: v, index: i, actions: _this.actions, isDisabled: _this.props.isDisabled }, i); }), (0, jsx_runtime_1.jsx)(common_1.ControlGroup, tslib_1.__assign({ header: 'New Item' }, { children: (0, jsx_runtime_1.jsx)(ObjectListEditor, { params: this.props.param.element, apply: this.add, value: this.props.param.ctor(), isDisabled: this.props.isDisabled }) }))] }))] });
     };
     return ObjectListControl;
 }(React.PureComponent));
 exports.ObjectListControl = ObjectListControl;
 var ConditionedControl = /** @class */ (function (_super) {
-    (0, tslib_1.__extends)(ConditionedControl, _super);
+    tslib_1.__extends(ConditionedControl, _super);
     function ConditionedControl() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.onChangeCondition = function (e) {
@@ -1272,17 +1272,17 @@ var ConditionedControl = /** @class */ (function (_super) {
         var param = this.props.param.conditionParams[condition];
         var label = this.props.param.label || (0, string_1.camelCaseToWords)(this.props.name);
         var Conditioned = controlFor(param);
-        var select = (0, jsx_runtime_1.jsx)(SelectControl, { param: this.props.param.select, isDisabled: this.props.isDisabled, onChange: this.onChangeCondition, onEnter: this.props.onEnter, name: "".concat(label, " Kind"), value: condition }, void 0);
+        var select = (0, jsx_runtime_1.jsx)(SelectControl, { param: this.props.param.select, isDisabled: this.props.isDisabled, onChange: this.onChangeCondition, onEnter: this.props.onEnter, name: "".concat(label, " Kind"), value: condition });
         if (!Conditioned) {
             return select;
         }
-        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [select, (0, jsx_runtime_1.jsx)(Conditioned, { param: param, value: value, name: label, onChange: this.onChangeParam, onEnter: this.props.onEnter, isDisabled: this.props.isDisabled }, void 0)] }, void 0);
+        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [select, (0, jsx_runtime_1.jsx)(Conditioned, { param: param, value: value, name: label, onChange: this.onChangeParam, onEnter: this.props.onEnter, isDisabled: this.props.isDisabled })] });
     };
     return ConditionedControl;
 }(React.PureComponent));
 exports.ConditionedControl = ConditionedControl;
 var ConvertedControl = /** @class */ (function (_super) {
-    (0, tslib_1.__extends)(ConvertedControl, _super);
+    tslib_1.__extends(ConvertedControl, _super);
     function ConvertedControl() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.onChange = function (e) {
@@ -1299,13 +1299,13 @@ var ConvertedControl = /** @class */ (function (_super) {
         var Converted = controlFor(this.props.param.converted);
         if (!Converted)
             return null;
-        return (0, jsx_runtime_1.jsx)(Converted, { param: this.props.param.converted, value: value, name: this.props.name, onChange: this.onChange, onEnter: this.props.onEnter, isDisabled: this.props.isDisabled }, void 0);
+        return (0, jsx_runtime_1.jsx)(Converted, { param: this.props.param.converted, value: value, name: this.props.name, onChange: this.onChange, onEnter: this.props.onEnter, isDisabled: this.props.isDisabled });
     };
     return ConvertedControl;
 }(React.PureComponent));
 exports.ConvertedControl = ConvertedControl;
 var ScriptControl = /** @class */ (function (_super) {
-    (0, tslib_1.__extends)(ScriptControl, _super);
+    tslib_1.__extends(ScriptControl, _super);
     function ScriptControl() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.onChange = function (e) {
@@ -1326,7 +1326,7 @@ var ScriptControl = /** @class */ (function (_super) {
     ScriptControl.prototype.renderControl = function () {
         // TODO: improve!
         var placeholder = this.props.param.label || (0, string_1.camelCaseToWords)(this.props.name);
-        return (0, jsx_runtime_1.jsx)("input", { type: 'text', value: this.props.value.expression || '', placeholder: placeholder, onChange: this.onChange, onKeyPress: this.props.onEnter ? this.onKeyPress : void 0, disabled: this.props.isDisabled }, void 0);
+        return (0, jsx_runtime_1.jsx)("input", { type: 'text', value: this.props.value.expression || '', placeholder: placeholder, onChange: this.onChange, onKeyPress: this.props.onEnter ? this.onKeyPress : void 0, disabled: this.props.isDisabled });
     };
     return ScriptControl;
 }(SimpleParam));