@capillarytech/blaze-ui 5.4.1 → 5.6.0

package/CapAskAira/index.js

@@ -8510,26 +8510,23 @@ var _default = exports["default"] = CapDivider;
 
 exports.__esModule = true;
 exports["default"] = void 0;
+var _classnames = _interopRequireDefault(__webpack_require__(46942));
 var _jquery = _interopRequireDefault(__webpack_require__(42812));
-var _propTypes = _interopRequireDefault(__webpack_require__(43363));
 var _react = _interopRequireDefault(__webpack_require__(9206));
 var _CapInput = _interopRequireDefault(__webpack_require__(15773));
 var _fixGrammar = _interopRequireDefault(__webpack_require__(29666));
 var _grammar2 = _interopRequireDefault(__webpack_require__(22193));
-__webpack_require__(77792);
+var _styles = _interopRequireDefault(__webpack_require__(77792));
 var _jsxRuntime = __webpack_require__(74848);
-const _excluded = ["className", "onChange", "grammar", "expectedTypes", "typeSource", "delims"];
+const _excluded = ["className", "onChange", "grammar", "expected", "typeSource", "delims", "expression"];
 /**
- *
- * ExpressionEditor
- *
+ * CapExpressionEditor - Expression editor with grammar validation and autocomplete
  */
-//Require js plugins
+/* global JQuery */
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 __webpack_require__(29925);
-const classNames = __webpack_require__(46942);
 const {
   TextArea
 } = _CapInput.default;
@@ -8537,19 +8534,19 @@ let idCounter = 0;
 class CapExpressionEditor extends _react.default.Component {
   constructor(props) {
     super(props);
+    this.$expressionEditorContainer = null;
+    this.$expressionEditor = null;
     this.onChange = () => {
+      var _this$$expressionEdit, _this$$expressionEdit2, _this$$expressionEdit3, _this$$expressionEdit4;
       const {
         onChange
       } = this.props;
       this.setState({
-        expressionJSON: this.$expressionEditor.data('json'),
-        expression: this.$expressionEditor.val(),
-        isError: this.$expressionEditorContainer.find('span.has_errors').length > 0
+        expressionJSON: (_this$$expressionEdit = this.$expressionEditor) == null ? void 0 : _this$$expressionEdit.data('json'),
+        expression: (_this$$expressionEdit2 = this.$expressionEditor) == null ? void 0 : _this$$expressionEdit2.val(),
+        isError: ((_this$$expressionEdit3 = (_this$$expressionEdit4 = this.$expressionEditorContainer) == null ? void 0 : _this$$expressionEdit4.find('span.has_errors').length) != null ? _this$$expressionEdit3 : 0) > 0
       }, () => onChange && onChange(this.state.expressionJSON, this.state.expression, this.state.isError));
     };
-    this.setRef = textArea => {
-      this.expressionEditorContainer = textArea;
-    };
     this.state = {
       expressionJSON: {},
       expression: props.expression || '',
@@ -8562,10 +8559,6 @@ class CapExpressionEditor extends _react.default.Component {
     return "expression-editor-" + idCounter;
   }
   componentDidMount() {
-    /**
-     * this.$expressionEditorContainer => This is the Jquery ref for entire expressionJSON container, will help us traverse through all the DOM node using jquery
-     * this.$expressionEditor => this refers to the textArea of the expressionEditor
-     */
     const {
       grammar,
       expected,
@@ -8575,15 +8568,18 @@ class CapExpressionEditor extends _react.default.Component {
       disabled
     } = this.props;
     if (!disabled) {
-      this.$expressionEditorContainer = (0, _jquery.default)(document.querySelector("." + this.state.refTargetId));
+      const containerEl = document.querySelector("." + this.state.refTargetId);
+      if (!containerEl) return;
+      this.$expressionEditorContainer = (0, _jquery.default)(containerEl);
       this.$expressionEditor = this.$expressionEditorContainer.find('textarea');
+      if (!this.$expressionEditor.length) return;
       this.$expressionEditor.expredit((0, _fixGrammar.default)(grammar), {
         expected,
         typeSource,
         delims
       }).on('change', () => this.onChange());
 
-      //If we are already passing the expression then trigger a onchange to keep the JSON updated in the state
+      // If we are already passing the expression then trigger a onchange to keep the JSON updated in the state
       if (expression) {
         this.$expressionEditor.trigger('change');
       }
@@ -8599,26 +8595,19 @@ class CapExpressionEditor extends _react.default.Component {
       expression: value
     } = this.state;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(TextArea, _extends({
-      className: classNames("cap-expression-editor " + this.state.refTargetId, className)
+      className: (0, _classnames.default)(_styles.default.root, 'cap-expression-editor', this.state.refTargetId, className)
     }, rest, {
-      ref: this.setRef,
       value: value,
       onChange: this.onChange
     }));
   }
 }
+CapExpressionEditor.displayName = 'CapExpressionEditor';
 CapExpressionEditor.defaultProps = {
   grammar: _grammar2.default,
   expected: ['boolean'],
   delims: ['{{', '}}']
 };
-CapExpressionEditor.propTypes = {
-  grammar: _propTypes.default.object,
-  expected: _propTypes.default.array,
-  typeSource: _propTypes.default.string,
-  delims: _propTypes.default.array,
-  expression: _propTypes.default.string
-};
 var _default = exports["default"] = CapExpressionEditor;
 
 /***/ }),
@@ -9828,6 +9817,7 @@ var _default = exports["default"] = SvgPoints;
 exports.__esModule = true;
 exports["default"] = void 0;
 /* eslint-disable */
+// @ts-nocheck - Legacy grammar fix utility; types would require extensive interface definitions
 /*
     Please use this fix function.
 
@@ -10001,7 +9991,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 /* eslint-disable */
 
 _jquery.default.fn.expredit = function (grammar, options) {
-  "use strict";
+  'use strict';
 
   //pickers.js
   var pickers = {};
@@ -10013,7 +10003,7 @@ _jquery.default.fn.expredit = function (grammar, options) {
 
     function makeRegex(str, atBegin, atEnd) {
       try {
-        return new RegExp((atBegin ? "^" : "") + str.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&") + (atEnd ? "$" : ""), "i");
+        return new RegExp((atBegin ? '^' : '') + str.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&') + (atEnd ? '$' : ''), 'i');
       } catch (e) {
         return null;
       }
@@ -10037,21 +10027,21 @@ _jquery.default.fn.expredit = function (grammar, options) {
     };
     //
     //pickers.datetime = function(value, type, setValue, onKey) {
-    //	
+    //
     //	return getCalender();;//$("<div>").addClass("info").html("Date picker will come here.");
     //},
 
     pickers.interval = function (value, type, setValue, onKey) {
-      return (0, _jquery.default)("<div>").addClass("info").html("Time interval picker will come here.");
+      return (0, _jquery.default)('<div>').addClass('info').html('Time interval picker will come here.');
     }, pickers.enumset = function (value, type, setValue, onKey) {
       var list = pickers.enum(value, type.valueType);
-      return (0, _jquery.default)("<div>").addClass("info").html("Multiselect box with options " + node.getType(type.valueType).values.join(", "));
+      return (0, _jquery.default)('<div>').addClass('info').html('Multiselect box with options ' + node.getType(type.valueType).values.join(', '));
     },
     // ----- Calltips from the current scope -----
 
     pickers.any = function (node, sort) {
       // This populates calltips.
-      if (typeof sort === "undefined") sort = false;
+      if (typeof sort === 'undefined') sort = false;
       var r = [],
         calltipDiv,
         scope = node.scope,
@@ -10062,7 +10052,7 @@ _jquery.default.fn.expredit = function (grammar, options) {
         m,
         t,
         root,
-        prefix = "";
+        prefix = '';
 
       // turn the name into a regex for matching.
       try {
@@ -10090,7 +10080,7 @@ _jquery.default.fn.expredit = function (grammar, options) {
           //					return calltipDiv;
           //				}
         }
-        prefix += "outer.";
+        prefix += 'outer.';
         scope = scope.outer;
       }
       return r.length && (r.length > 1 || node.text != r[0]) ? calltipDiv : false;
@@ -10102,7 +10092,7 @@ _jquery.default.fn.expredit = function (grammar, options) {
   // Aravind R S, Capillary Technologies, 2012-02-09
 
   var tokenize = function (str) {
-    "use strict";
+    'use strict';
 
     var rex = {
       space: /^\s+/,
@@ -10116,31 +10106,31 @@ _jquery.default.fn.expredit = function (grammar, options) {
       tok,
       pos = 0,
       r;
-    while (str != "") {
+    while (str != '') {
       tok = null;
       for (r in rex) {
         str = str.replace(rex[r], function (m) {
           var len = m.length,
             val;
-          if (r == "space") {
+          if (r == 'space') {
             pos += len;
-            return "";
-          } else if (r == "number") {
+            return '';
+          } else if (r == 'number') {
             val = parseFloat(m);
-          } else if (r == "date") {
+          } else if (r == 'date') {
             val = new Date(m.substring(2, m.length - 2));
-          } else if (r == "name") switch (m) {
-            case "true":
+          } else if (r == 'name') switch (m) {
+            case 'true':
               val = true;
-              r = "boolean";
+              r = 'boolean';
               break;
-            case "false":
+            case 'false':
               val = false;
-              r = "boolean";
+              r = 'boolean';
               break;
             default:
               val = m;
-          } else if (r == "string") {
+          } else if (r == 'string') {
             val = m.substr(1, len - 2);
           } else {
             val = m;
@@ -10153,7 +10143,7 @@ _jquery.default.fn.expredit = function (grammar, options) {
             len: len
           };
           pos += len;
-          return "";
+          return '';
         });
         if (tok) break;
       }
@@ -10174,13 +10164,13 @@ _jquery.default.fn.expredit = function (grammar, options) {
 
   var protonode = {};
   var parse = function () {
-    "use strict";
+    'use strict';
 
     var symbol_table = {},
       token,
       tokens,
       token_nr,
-      terminators = ["(end)"],
+      terminators = ['(end)'],
       has_errors;
     var itself = function () {
       return this;
@@ -10194,7 +10184,7 @@ _jquery.default.fn.expredit = function (grammar, options) {
         e = "Expected '" + id + "'";
       }
       if (token_nr >= tokens.length) {
-        token = symbol_table["(end)"];
+        token = symbol_table['(end)'];
         t = tokens[tokens.length - 1];
         token.pos = t ? t.pos + t.len : 0;
         token.len = 0;
@@ -10204,30 +10194,30 @@ _jquery.default.fn.expredit = function (grammar, options) {
       token_nr += 1;
       v = t.value;
       a = t.arity;
-      if (a === "name") {
-        o = symbol_table["(name)"];
-      } else if (a === "operator") {
+      if (a === 'name') {
+        o = symbol_table['(name)'];
+      } else if (a === 'operator') {
         o = symbol_table[v];
         if (!o) {
-          e = "Unknown operator.";
+          e = 'Unknown operator.';
         }
-      } else if (a === "string" || a === "number" || a === "boolean" || a === "datetime") {
-        o = symbol_table["(literal)"];
+      } else if (a === 'string' || a === 'number' || a === 'boolean' || a === 'datetime') {
+        o = symbol_table['(literal)'];
         type = a;
-        a = "literal";
+        a = 'literal';
       } else {
-        e = "Unexpected token.";
+        e = 'Unexpected token.';
       }
       if (o) {
         token = Object.create(o);
       } else {
         token = missing();
-        a = "missing";
+        a = 'missing';
       }
       token.value = v;
       token.arity = a;
       token.type = type;
-      token.text = t.text || "";
+      token.text = t.text || '';
       token.pos = t.pos;
       token.len = t.len;
       if (e) {
@@ -10255,14 +10245,14 @@ _jquery.default.fn.expredit = function (grammar, options) {
       return left;
     };
     protonode.nud = function () {
-      this.arity = "missing";
-      this.error("Unknown operator.");
+      this.arity = 'missing';
+      this.error('Unknown operator.');
       return this;
     };
     protonode.led = function (left) {
       var n = missing();
-      this.arity = "group";
-      this.error("Unknown operator.");
+      this.arity = 'group';
+      this.error('Unknown operator.');
       n.children = [left, this];
       return n;
     };
@@ -10284,7 +10274,7 @@ _jquery.default.fn.expredit = function (grammar, options) {
     var group = function (e) {
       var g = Object.create(protonode);
       g.value = undefined;
-      g.arity = "group";
+      g.arity = 'group';
       g.children = [];
       if (e) g.error(e);
       return g;
@@ -10292,18 +10282,18 @@ _jquery.default.fn.expredit = function (grammar, options) {
     var missing = function (e) {
       var m = Object.create(protonode);
       m.value = undefined;
-      m.arity = "missing";
+      m.arity = 'missing';
       if (e) {
         m.error(e);
       } else if (e !== false) {
-        m.error("Missing value.");
+        m.error('Missing value.');
       }
       return m;
     };
     var pos_missing = function (node, pos) {
-      if (node.arity !== "missing") return node;
-      if (typeof node.pos === "undefined") node.pos = pos;
-      if (typeof node.len === "undefined") node.len = node.text ? node.text.length : 1;
+      if (node.arity !== 'missing') return node;
+      if (typeof node.pos === 'undefined') node.pos = pos;
+      if (typeof node.len === 'undefined') node.len = node.text ? node.text.length : 1;
       return node;
     };
     var infix = function (id, bp, led) {
@@ -10312,7 +10302,7 @@ _jquery.default.fn.expredit = function (grammar, options) {
         this.children = [left, expression(bp)];
         pos_missing(this.children[0], this.pos);
         pos_missing(this.children[1], this.pos + this.len);
-        this.arity = "binary_operation";
+        this.arity = 'binary_operation';
         return this;
       };
       return s;
@@ -10323,7 +10313,7 @@ _jquery.default.fn.expredit = function (grammar, options) {
         this.children = [left, expression(bp - 1)];
         pos_missing(this.children[0], this.pos);
         pos_missing(this.children[1], this.pos + this.len);
-        this.arity = "binary_operation";
+        this.arity = 'binary_operation';
         return this;
       };
       return s;
@@ -10333,61 +10323,61 @@ _jquery.default.fn.expredit = function (grammar, options) {
       s.nud = nud || function () {
         this.children = [expression(70)];
         pos_missing(this.children[0], this.pos + this.len);
-        this.arity = "unary_operation";
+        this.arity = 'unary_operation';
         return this;
       };
       return s;
     };
-    symbol("(end)").nud = nothing;
-    symbol("(name)").nud = itself;
-    symbol(")");
+    symbol('(end)').nud = nothing;
+    symbol('(name)').nud = itself;
+    symbol(')');
     //    symbol("]");
-    symbol(":");
-    symbol(",");
-    symbol("(literal)").nud = itself;
-    infix("?", 20, function (left) {
+    symbol(':');
+    symbol(',');
+    symbol('(literal)').nud = itself;
+    infix('?', 20, function (left) {
       var s_tok;
       this.children = [left];
       pos_missing(this.children[0], this.pos);
-      terminators.push(":");
+      terminators.push(':');
       this.children[1] = expression(0);
       pos_missing(this.children[1], this.pos + this.len);
       s_tok = token;
-      if (terminators[terminators.length - 1] == ":") terminators.pop();
-      advance(":");
+      if (terminators[terminators.length - 1] == ':') terminators.pop();
+      advance(':');
       this.children[2] = expression(0);
       pos_missing(this.children[2], s_tok.pos + s_tok.len);
-      this.arity = "ternary_operation";
+      this.arity = 'ternary_operation';
       return this;
     });
-    infixr("&&", 30);
-    infixr("||", 30);
-    infixr("==", 40);
-    infixr("!=", 40);
-    infixr("<", 40);
-    infixr("<=", 40);
-    infixr(">", 40);
-    infixr(">=", 40);
-    infix("+", 50);
-    infix("-", 50);
-    infix("*", 60);
-    infix("/", 60);
-    infix("%", 60);
-    infix(".", 80, function (left) {
+    infixr('&&', 30);
+    infixr('||', 30);
+    infixr('==', 40);
+    infixr('!=', 40);
+    infixr('<', 40);
+    infixr('<=', 40);
+    infixr('>', 40);
+    infixr('>=', 40);
+    infix('+', 50);
+    infix('-', 50);
+    infix('*', 60);
+    infix('/', 60);
+    infix('%', 60);
+    infix('.', 80, function (left) {
       var n;
       this.children = [left];
-      this.arity = "object_dereference";
+      this.arity = 'object_dereference';
       this.value = undefined;
-      if (token.arity === "name") {
+      if (token.arity === 'name') {
         this.children[1] = token;
         advance();
-      } else if (token.id === "(literal)") {
-        token.arity = "missing";
-        token.error("Expected a property name.");
+      } else if (token.id === '(literal)') {
+        token.arity = 'missing';
+        token.error('Expected a property name.');
         this.children[1] = token;
         advance();
       } else {
-        this.children[1] = missing("Expected a property name.");
+        this.children[1] = missing('Expected a property name.');
       }
       pos_missing(this.children[0], this.pos);
       pos_missing(this.children[1], this.pos + this.len);
@@ -10395,59 +10385,56 @@ _jquery.default.fn.expredit = function (grammar, options) {
     });
 
     /*    infix("[", 80, function (left) {
-    		var g, n, e;
-    		if(left.id === "(literal)") {
-    			left.error("Expected a collection.");
-    		}
-    		terminators.push("]");
-            this.children = [left];
-            pos_missing(this.children[0], this.pos);
-    		
-    		n = expression(0);
-    		
-    		e = [n];
-    		while(token.id !== "]" && token.id !== "(end)") {
-    			e.push(expression(0));
-    		}
-    		if(e.length > 1) {
-    			g = group();
-    			g.paren = false;
-    			g.children = e;
-    			this.children.push(g);
-    		} else {
-    			this.children.push(n);
-    		}
-    		
-            pos_missing(this.children[1], this.pos + this.len);
-            this.arity = "array_lookup";
-            this.value = undefined;
-    		if(terminators[terminators.length-1]=="]") terminators.pop();
-            advance("]");
-            return this;
-        });*/
-
-    infix("(", 80, function (left) {
+    var g, n, e;
+    if(left.id === "(literal)") {
+    left.error("Expected a collection.");
+    }
+    terminators.push("]");
+        this.children = [left];
+        pos_missing(this.children[0], this.pos);
+    	n = expression(0);
+    	e = [n];
+    while(token.id !== "]" && token.id !== "(end)") {
+    e.push(expression(0));
+    }
+    if(e.length > 1) {
+    g = group();
+    g.paren = false;
+    g.children = e;
+    this.children.push(g);
+    } else {
+    this.children.push(n);
+    }
+           pos_missing(this.children[1], this.pos + this.len);
+        this.arity = "array_lookup";
+        this.value = undefined;
+    if(terminators[terminators.length-1]=="]") terminators.pop();
+        advance("]");
+        return this;
+    });*/
+
+    infix('(', 80, function (left) {
       var g, n, e;
-      if (left.arity === "object_dereference") {
-        this.arity = "method_call";
+      if (left.arity === 'object_dereference') {
+        this.arity = 'method_call';
         this.value = undefined;
         this.children = left.children;
-        if (left.children[1].arity !== "name") {
-          left.children[1].error("Expected a method name.");
+        if (left.children[1].arity !== 'name') {
+          left.children[1].error('Expected a method name.');
         }
       } else {
-        this.arity = "function_call";
+        this.arity = 'function_call';
         this.value = undefined;
         this.children = [left];
-        if (left.arity !== "name") {
-          left.error("Expected a function name.");
+        if (left.arity !== 'name') {
+          left.error('Expected a function name.');
         }
       }
-      terminators.push(")");
+      terminators.push(')');
       n = missing(false);
       pos_missing(n, token.pos);
-      while (token.id !== ")" && token.id !== "(end)") {
-        if (token.id === ",") {
+      while (token.id !== ')' && token.id !== '(end)') {
+        if (token.id === ',') {
           n = missing();
         } else {
           n = expression(0);
@@ -10456,7 +10443,7 @@ _jquery.default.fn.expredit = function (grammar, options) {
         e = [n];
 
         // Gather any malformed tokens from here to the next ) or ,
-        while (token.id !== "," && token.id !== ")" && token.id !== "(end)") {
+        while (token.id !== ',' && token.id !== ')' && token.id !== '(end)') {
           e.push(expression(0));
         }
         if (e.length > 1) {
@@ -10468,35 +10455,35 @@ _jquery.default.fn.expredit = function (grammar, options) {
           this.children.push(n);
         }
         n = null;
-        if (token.id === ",") {
+        if (token.id === ',') {
           n = missing();
           pos_missing(n, token.pos + token.len);
-          advance(",");
+          advance(',');
         }
       }
       if (n) {
         this.children.push(n);
       }
-      if (terminators[terminators.length - 1] == ")") terminators.pop();
-      advance(")");
+      if (terminators[terminators.length - 1] == ')') terminators.pop();
+      advance(')');
       return this;
     });
-    prefix("!");
-    prefix("-");
-    prefix("+");
-    prefix("(", function () {
+    prefix('!');
+    prefix('-');
+    prefix('+');
+    prefix('(', function () {
       var e;
-      this.arity = "group";
+      this.arity = 'group';
       this.value = undefined;
-      this.text = "";
+      this.text = '';
       this.children = [];
-      terminators.push(")");
-      if (token.id === ")" || token.id === "(end)") {
+      terminators.push(')');
+      if (token.id === ')' || token.id === '(end)') {
         e = missing();
         pos_missing(e, token.pos);
         this.children.push(e);
       } else {
-        while (token.id !== ")" && token.id !== "(end)") {
+        while (token.id !== ')' && token.id !== '(end)') {
           e = expression(0);
           pos_missing(e, token.pos);
           if (this.children.length > 0) {
@@ -10505,8 +10492,8 @@ _jquery.default.fn.expredit = function (grammar, options) {
           this.children.push(e);
         }
       }
-      if (terminators[terminators.length - 1] == ")") terminators.pop();
-      advance(")");
+      if (terminators[terminators.length - 1] == ')') terminators.pop();
+      advance(')');
       return this;
     });
     protonode.error = function (e) {
@@ -10525,15 +10512,15 @@ _jquery.default.fn.expredit = function (grammar, options) {
       token_nr = 0;
       advance();
       do {
-        terminators = ["(end)"];
+        terminators = ['(end)'];
         tree = expression(0);
-        if (token.id !== "(end)") {
-          token.error("Expected an operator.");
+        if (token.id !== '(end)') {
+          token.error('Expected an operator.');
         }
-        if (!(tree.arity == "missing" && (tree.value == ")" || tree.value == ']'))) {
+        if (!(tree.arity == 'missing' && (tree.value == ')' || tree.value == ']'))) {
           trees.push(tree);
         }
-      } while (token.id !== "(end)");
+      } while (token.id !== '(end)');
       if (trees.length == 1) {
         tree = trees[0];
       } else {
@@ -10552,7 +10539,7 @@ _jquery.default.fn.expredit = function (grammar, options) {
    */
   protonode.crosslink = function (parent) {
     var i, l, subtree;
-    if (this.arity === "group" && this.children && this.children.length === 1) {
+    if (this.arity === 'group' && this.children && this.children.length === 1) {
       this.operands = this.children;
       return this.children[0].crosslink(parent);
     }
@@ -10573,7 +10560,7 @@ _jquery.default.fn.expredit = function (grammar, options) {
     // this is the prototype of the primitive types
 
     var primitive = {
-      ancestry: "primitive",
+      ancestry: 'primitive',
       prepared: true,
       //Adding isStrict to match the exact type and not any super type.(Author:Susi)
       is: function (type, isStrict) {
@@ -10583,9 +10570,9 @@ _jquery.default.fn.expredit = function (grammar, options) {
         if (type.ancestry && !/\banonymous\b/.test(type.ancestry)) {
           type = type.ancestry;
         }
-        if (typeof type === "string") {
+        if (typeof type === 'string') {
           if (this.ancestry) {
-            if (isStrict === true) return this.ancestry === type;else return new RegExp("\\b" + type + "\\b").test(this.ancestry);
+            if (isStrict === true) return this.ancestry === type;else return new RegExp('\\b' + type + '\\b').test(this.ancestry);
           } else {
             return false;
           }
@@ -10599,9 +10586,9 @@ _jquery.default.fn.expredit = function (grammar, options) {
 
     var traverse = function (root, path) {
       var res;
-      path = path.replace(/\$/g, "this");
+      path = path.replace(/\$/g, 'this');
       try {
-        res = new Function("return " + path).call(root);
+        res = new Function('return ' + path).call(root);
       } catch (e) {}
       return res;
     };
@@ -10627,7 +10614,7 @@ _jquery.default.fn.expredit = function (grammar, options) {
         if (currentScope && currentScope.idents) {
           scope.idents.outer = {
             type: this.getType({
-              form: "object",
+              form: 'object',
               memberScope: currentScope,
               members: currentScope.idents
             })
@@ -10691,12 +10678,12 @@ _jquery.default.fn.expredit = function (grammar, options) {
     };
     protonode.getType = function (p) {
       var type, t, typeName, i, pp, inherit, scope;
-      if (p === "any") {
+      if (p === 'any') {
         return primitive;
       }
-      if (typeof p === "undefined") p = this.type;
-      if (typeof p === "string") {
-        if (p.indexOf("$") === -1) {
+      if (typeof p === 'undefined') p = this.type;
+      if (typeof p === 'string') {
+        if (p.indexOf('$') === -1) {
           type = grammar.types[p];
           if (!type) {
             if (type !== false) {
@@ -10714,12 +10701,12 @@ _jquery.default.fn.expredit = function (grammar, options) {
           }
           if (pp) {
             type = this.getType(pp);
-            typeName = "anonymous";
+            typeName = 'anonymous';
           }
         }
       } else {
         type = p;
-        typeName = "anonymous";
+        typeName = 'anonymous';
       }
       if (!type) {
         return null;
@@ -10734,7 +10721,7 @@ _jquery.default.fn.expredit = function (grammar, options) {
         var i,
           newObj = Object.create(oldObj);
         for (i in props) {
-          if (typeof oldObj[i] === "object" && typeof props[i] === "object" && oldObj[i] !== null && props[i] !== null) {
+          if (typeof oldObj[i] === 'object' && typeof props[i] === 'object' && oldObj[i] !== null && props[i] !== null) {
             newObj[i] = inherit(oldObj[i], props[i]);
           } else {
             newObj[i] = props[i];
@@ -10742,7 +10729,7 @@ _jquery.default.fn.expredit = function (grammar, options) {
         }
         return newObj;
       };
-      if (type.form === "primitive") {
+      if (type.form === 'primitive') {
         t = inherit(primitive, type);
       } else {
         p = this.getType(type.form);
@@ -10752,7 +10739,7 @@ _jquery.default.fn.expredit = function (grammar, options) {
           return;
         }
       }
-      t.ancestry = typeName + ":" + t.ancestry;
+      t.ancestry = typeName + ':' + t.ancestry;
       t.prepared = true;
       return t;
     };
@@ -10766,13 +10753,13 @@ _jquery.default.fn.expredit = function (grammar, options) {
           i,
           l = node.operands.length - offset;
         fnType = node.operands[offset - 1].type;
-        if (!fnType || !fnType.is("function")) {
+        if (!fnType || !fnType.is('function')) {
           return;
         }
         node.type = fnType.type;
         if (fnType.params && fnType.params.length !== l) {
           //Handling wherever the function doesnt have parameters.Not an error.
-          if (fnType.params.length != 0) node.error("Expected " + fnType.params.length + " arguments.");
+          if (fnType.params.length != 0) node.error('Expected ' + fnType.params.length + ' arguments.');
           l = Math.min(l, fnType.params.length);
         }
         for (i = 0; i < l; i += 1) {
@@ -10789,11 +10776,11 @@ _jquery.default.fn.expredit = function (grammar, options) {
       };
       this.scope = scope;
       switch (this.arity) {
-        case "literal":
+        case 'literal':
           break;
-        case "missing":
+        case 'missing':
           break;
-        case "name":
+        case 'name':
           while (scope) {
             this.ident = scope.find(this.value);
             if (this.ident) break;
@@ -10803,12 +10790,12 @@ _jquery.default.fn.expredit = function (grammar, options) {
             this.type = this.ident.type;
             this.scope = scope;
           } else {
-            this.error("Unknown identifier.");
+            this.error('Unknown identifier.');
           }
           break;
-        case "unary_operation":
-        case "binary_operation":
-        case "ternary_operation":
+        case 'unary_operation':
+        case 'binary_operation':
+        case 'ternary_operation':
           for (i = 0, l = this.operands.length; i < l; i += 1) {
             this.operands[i].setType(scope);
           }
@@ -10823,24 +10810,24 @@ _jquery.default.fn.expredit = function (grammar, options) {
             for (i = 0, l = this.operands.length; i < l; i += 1) {
               e.push(getTypeName(this.operands[i]));
             }
-            this.error("Invalid " + this.value + " between " + e.join(", "));
+            this.error('Invalid ' + this.value + ' between ' + e.join(', '));
           }
           break;
-        case "object_dereference":
+        case 'object_dereference':
           this.operands[0].setType(scope);
           if (this.operands[0].type) {
             this.operands[1].setType(this.operands[0].type.memberScope || this.getScope(this.operands[0].type.members, null));
           }
           this.type = this.operands[1].type;
-          this.operands[0].setExpectedTypes(["object"]);
+          this.operands[0].setExpectedTypes(['object']);
           break;
-        case "function_call":
+        case 'function_call':
           this.operands[0].setType(scope);
           setParamTypes(this, 1, scope);
-          this.operands[0].setExpectedTypes(["function"]);
+          this.operands[0].setExpectedTypes(['function']);
           break;
-        case "method_call":
-          //TODO : auto braces with number of arguments 
+        case 'method_call':
+          //TODO : auto braces with number of arguments
           //might have to make some changes here for inserting braces automatically
           //console.log(this);
           this.operands[0].setType(scope);
@@ -10848,8 +10835,8 @@ _jquery.default.fn.expredit = function (grammar, options) {
             this.operands[1].setType(this.operands[0].type.memberScope || this.getScope(this.operands[0].type.members, null));
           }
           setParamTypes(this, 2, scope);
-          this.operands[0].setExpectedTypes(["object"]);
-          this.operands[1].setExpectedTypes(["function"]);
+          this.operands[0].setExpectedTypes(['object']);
+          this.operands[1].setExpectedTypes(['function']);
 
           //Handling wherever the function doesnt have parameters. Remove the last node.
           if (this.operands[1] && this.operands[1].type && this.operands[1].type.params == 0) {
@@ -10857,7 +10844,7 @@ _jquery.default.fn.expredit = function (grammar, options) {
             this.operands.length = 2;
           }
           break;
-        case "array_lookup":
+        case 'array_lookup':
           this.operands[0].setType(scope);
           this.operands[1].setType(scope);
           if (this.operands[0].type) {
@@ -10894,8 +10881,8 @@ _jquery.default.fn.expredit = function (grammar, options) {
           for (j = 0; j < l; j++) {
             if (i !== j && types[j] && types[i].is(types[j]) && (!types[j].is(types[i]) || i < j)
             /*	Don't push types[i] if it is a proper subtype
-            	of types[j]; However if both are the same type,
-            	push one of them (the last one). */) {
+            of types[j]; However if both are the same type,
+            push one of them (the last one). */) {
               break;
             }
           }
@@ -10911,21 +10898,21 @@ _jquery.default.fn.expredit = function (grammar, options) {
       }
       this.expectedTypes = types;
       for (i = 0; i < l; i += 1) {
-        typeNames[i] = types[i].ancestry.split(":")[0];
+        typeNames[i] = types[i].ancestry.split(':')[0];
       }
 
       // Check if the current type is one of the expected ones.
       if (this.type) {
         for (i = 0; i < l; i += 1) {
           expectedType = types[i];
-          if (this.arity === "literal") {
+          if (this.arity === 'literal') {
             //brackets are a must!
             //console.log(expectedType, this.type);
           }
           if (this.type.is(expectedType)) {
             break;
           }
-          if (this.arity === "literal" && expectedType.is(this.type)) {
+          if (this.arity === 'literal' && expectedType.is(this.type)) {
             // Auto-cast literals to subtypes.
             // This is done to handle enums, etc.
             this.type = expectedType;
@@ -10936,18 +10923,18 @@ _jquery.default.fn.expredit = function (grammar, options) {
 
       // Put type mismatch errors
       if (i === l) {
-        e = "Expected: " + typeNames.join("/");
+        e = 'Expected: ' + typeNames.join('/');
         if (this.type && this.type.ancestry) {
-          e += ", not " + this.type.ancestry.split(":")[0];
+          e += ', not ' + this.type.ancestry.split(':')[0];
         }
         this.error(e);
       }
     };
 
     /*
-    *  Type annotates nodes with "type" and "expectedType" attributes
-    *  and adds error messages if needed.
-    */
+     *  Type annotates nodes with "type" and "expectedType" attributes
+     *  and adds error messages if needed.
+     */
     var loadType;
     return function (tree, expected, loader) {
       loadType = loader;
@@ -10965,13 +10952,13 @@ _jquery.default.fn.expredit = function (grammar, options) {
           pos: pos
         };
       }
-      t = node.textContent || node.innerText || "";
+      t = node.textContent || node.innerText || '';
       if (pos > t.length) {
         pos = t.length;
       }
       for (i = 0, l = node.childNodes.length; i < l; i += 1) {
         n = node.childNodes[i];
-        t = n.textContent || n.innerText || "";
+        t = n.textContent || n.innerText || '';
         if (t.length < pos) {
           pos -= t.length;
         } else {
@@ -10984,7 +10971,7 @@ _jquery.default.fn.expredit = function (grammar, options) {
       };
     },
     getCursor: function (editor) {
-      "use strict";
+      'use strict';
 
       var range = _rangy.default.createRange(),
         select = _rangy.default.getSelection(),
@@ -11003,7 +10990,7 @@ _jquery.default.fn.expredit = function (grammar, options) {
       };
     },
     putCursor: function (start, end, reverse) {
-      "use strict";
+      'use strict';
 
       var range = _rangy.default.createRange(),
         select = _rangy.default.getSelection();
@@ -11013,16 +11000,16 @@ _jquery.default.fn.expredit = function (grammar, options) {
       select.addRange(range, reverse);
     },
     expr: function (d) {
-      "use strict";
+      'use strict';
 
       var t = (0, _jquery.default)(d);
-      t.find("br").remove();
+      t.find('br').remove();
       return t.text();
     },
     balloon: function (node) {
-      "use strict";
+      'use strict';
 
-      var popup = (0, _jquery.default)(".balloon"),
+      var popup = (0, _jquery.default)('.balloon'),
         editor,
         t,
         i,
@@ -11035,31 +11022,38 @@ _jquery.default.fn.expredit = function (grammar, options) {
         show = false,
         calltipDiv,
         calltipEls;
-      if (!node.dom || node.dom.hasClass("selected")) return;
-      editor = node.dom.closest(".expredit").eq(0);
-      if (!editor.is(":focus")) return;
+      if (!node.dom || node.dom.hasClass('selected')) return;
+      editor = node.dom.closest('.expredit').eq(0);
+      if (!editor.is(':focus')) return;
       if (popup.length) {
         io.removeBalloon();
       }
-      editor.find(".selected").removeClass("selected");
-      node.dom.addClass("selected");
-      var offset = node.dom.offset();
-      offset.top += node.dom.height() + 8;
-      popup = (0, _jquery.default)("<div>").addClass("balloon").data("node", node).css(offset);
+      editor.find('.selected').removeClass('selected');
+      node.dom.addClass('selected');
+      var rect = node.dom[0].getBoundingClientRect();
+      popup = (0, _jquery.default)('<div>').addClass('balloon').data('node', node).css({
+        position: 'fixed',
+        top: rect.bottom + 8 + 'px',
+        left: rect.left + 'px',
+        zIndex: 2147483647,
+        background: '#fff',
+        boxShadow: '0 2px 8px rgba(0,0,0,0.15)',
+        border: '1px solid #d9d9d9'
+      });
       var setValue = function (value) {
         var range;
         node.dom.html(value);
         range = _rangy.default.createRange();
         range.collapseAfter(node.dom[0]);
         _rangy.default.getSelection().setSingleRange(range);
-        node.dom.trigger("keyup");
+        node.dom.trigger('keyup');
       };
       var calltipHover = function (e) {
-        if ((0, _jquery.default)(this).hasClass("sel")) {
+        if ((0, _jquery.default)(this).hasClass('sel')) {
           return;
         }
-        (0, _jquery.default)(".calltip.sel").removeClass("sel");
-        (0, _jquery.default)(this).addClass("sel");
+        (0, _jquery.default)('.calltip.sel').removeClass('sel');
+        (0, _jquery.default)(this).addClass('sel');
       };
       var calltipClick = function (e) {
         setValue((0, _jquery.default)(this).html());
@@ -11073,18 +11067,18 @@ _jquery.default.fn.expredit = function (grammar, options) {
           selection,
           numTips;
         if (e.which === UP || e.which === DOWN || e.which === ENTER || e.which === ESC) {
-          selection = (0, _jquery.default)(".calltip.sel");
-          var callTipDiv = (0, _jquery.default)(".calltips");
+          selection = (0, _jquery.default)('.calltip.sel');
+          var callTipDiv = (0, _jquery.default)('.calltips');
           numTips = calltipEls.length;
           if (selection.length) {
             if (e.which === UP) {
-              (0, _jquery.default)(".balloon").removeClass('hide');
+              (0, _jquery.default)('.balloon').removeClass('hide');
               selection = calltipEls.eq((calltipEls.index(selection) + numTips - 1) % numTips);
               callTipDiv.animate({
                 scrollTop: calltipEls.index(selection) * selection.outerHeight()
               }, 100);
             } else if (e.which === DOWN) {
-              (0, _jquery.default)(".balloon").removeClass('hide');
+              (0, _jquery.default)('.balloon').removeClass('hide');
               selection = calltipEls.eq((calltipEls.index(selection) + 1) % numTips);
               callTipDiv.animate({
                 scrollTop: calltipEls.index(selection) * selection.outerHeight()
@@ -11093,7 +11087,7 @@ _jquery.default.fn.expredit = function (grammar, options) {
               //console.log(grammar);
               setValue(selection.html());
             } else if (e.which === ESC) {
-              (0, _jquery.default)(".balloon").addClass('hide');
+              (0, _jquery.default)('.balloon').addClass('hide');
             }
           } else {
             if (e.which === UP) {
@@ -11103,8 +11097,8 @@ _jquery.default.fn.expredit = function (grammar, options) {
             }
           }
           if (selection.length) {
-            (0, _jquery.default)(".calltip.sel").removeClass("sel");
-            selection.addClass("sel");
+            (0, _jquery.default)('.calltip.sel').removeClass('sel');
+            selection.addClass('sel');
           }
           e.preventDefault();
           e.stopPropagation();
@@ -11115,16 +11109,16 @@ _jquery.default.fn.expredit = function (grammar, options) {
 
       /* Add error messages */
       if (node.err) {
-        popup.append((0, _jquery.default)("<div>").addClass("expressionError").html(node.err.join("<br />")));
+        popup.append((0, _jquery.default)('<div>').addClass('expressionError').html(node.err.join('<br />')));
         show = true;
       }
 
       /* Add info messages */
-      var info = "",
+      var info = '',
         expDescs = [],
-        expinfo = "";
+        expinfo = '';
       if (node.param && node.param.desc) {
-        expinfo += "argument: " + node.param.desc + " ";
+        expinfo += 'argument: ' + node.param.desc + ' ';
       }
       if (node.expectedTypes) {
         for (i = 0, l = node.expectedTypes.length; i < l; i += 1) {
@@ -11132,20 +11126,20 @@ _jquery.default.fn.expredit = function (grammar, options) {
             expDescs.push(node.expectedTypes[i].desc);
           }
         }
-        expinfo += expDescs.length ? (expinfo ? "(" : "") + expDescs.join(", ") + (expinfo ? ")" : "") : "";
+        expinfo += expDescs.length ? (expinfo ? '(' : '') + expDescs.join(', ') + (expinfo ? ')' : '') : '';
       }
       if (node.ident && node.ident.desc) {
-        info += node.ident.desc + " ";
+        info += node.ident.desc + ' ';
       }
       if (node.type && node.type.desc) {
-        info += (info ? "(" : "Found: ") + node.type.desc + (info ? ")" : "");
+        info += (info ? '(' : 'Found: ') + node.type.desc + (info ? ')' : '');
       }
       if (expinfo) {
-        popup.append((0, _jquery.default)("<div>").addClass('info').html("Expected " + expinfo));
+        popup.append((0, _jquery.default)('<div>').addClass('info').html('Expected ' + expinfo));
         show = true;
       }
       if (info) {
-        popup.append((0, _jquery.default)("<div>").addClass('info').html(info));
+        popup.append((0, _jquery.default)('<div>').addClass('info').html(info));
         show = true;
       }
 
@@ -11154,7 +11148,7 @@ _jquery.default.fn.expredit = function (grammar, options) {
         for (j = 0; j < m; j += 1) {
           expected = node.getType(node.expectedTypes[j]);
           if (expected && expected.ancestry) {
-            t = expected.ancestry.split(":");
+            t = expected.ancestry.split(':');
             for (i = 0, l = t.length; i < l; i += 1) {
               if (pickers[t[i]]) {
                 picker = pickers[t[i]](node.value, expected, setValue);
@@ -11176,44 +11170,45 @@ _jquery.default.fn.expredit = function (grammar, options) {
         show = true;
       }
       if (show) {
-        popup.data("editor", editor);
-        editor.on("keydown.balloon", calltipKey);
-        popup.on("mousedown", function () {
-          editor.trigger("focus");
+        popup.data('editor', editor);
+        editor.on('keydown.balloon', calltipKey);
+        var targetBody = editor[0] && editor[0].ownerDocument ? editor[0].ownerDocument.body : document.body;
+        popup.on('mousedown', function () {
+          editor.trigger('focus');
           ignoreBlur = true;
-        }).appendTo(document.body);
-        (0, _jquery.default)(".calltip").on("mousemove", calltipHover).on("click", calltipClick);
+        }).appendTo(targetBody);
+        (0, _jquery.default)('.calltip').on('mousemove', calltipHover).on('click', calltipClick);
       }
-      calltipEls = (0, _jquery.default)(".calltip");
-      calltipEls.eq(0).addClass("sel");
+      calltipEls = (0, _jquery.default)('.calltip');
+      calltipEls.eq(0).addClass('sel');
     },
     removeBalloon: function () {
       var editor;
-      editor = (0, _jquery.default)(".balloon").data("editor");
+      editor = (0, _jquery.default)('.balloon').data('editor');
       if (editor) {
-        editor.off("keydown.balloon");
+        editor.off('keydown.balloon');
       }
-      (0, _jquery.default)(".balloon").remove();
-      (0, _jquery.default)(".selected").removeClass("selected");
+      (0, _jquery.default)('.balloon').remove();
+      (0, _jquery.default)('.selected').removeClass('selected');
     }
   };
 
   /*
-  	selectNode could be rewritten as protonode.findSelectedLeaf(cursor)
+  selectNode could be rewritten as protonode.findSelectedLeaf(cursor)
   */
 
   var selectNode = function (tree, cursor) {
-    "use strict";
+    'use strict';
 
     var selDist = 99999,
       selNode,
       t;
     var affinity = function (node) {
       switch (node.arity) {
-        case "missing":
+        case 'missing':
           return 2;
-        case "literal":
-        case "name":
+        case 'literal':
+        case 'name':
           return 1;
         default:
           return 0;
@@ -11239,13 +11234,13 @@ _jquery.default.fn.expredit = function (grammar, options) {
     if (selNode) {
       if (selNode.dom) {
         t = selNode.dom[0];
-        t = (t.textContent || t.innerText || "").length;
+        t = (t.textContent || t.innerText || '').length;
       }
       return {
         node: selNode,
         pos: Math.min(t, cursor - selNode.pos)
       };
-    } else if (tree.arity === "missing") {
+    } else if (tree.arity === 'missing') {
       return {
         node: tree,
         pos: 0
@@ -11257,7 +11252,7 @@ _jquery.default.fn.expredit = function (grammar, options) {
   var getTypeName = function (node, full) {
     var type = node.type;
     if (type) {
-      if (typeof type === "string") {
+      if (typeof type === 'string') {
         if (full) {
           return node.getType(type).ancestry;
         }
@@ -11267,13 +11262,13 @@ _jquery.default.fn.expredit = function (grammar, options) {
         if (full) {
           return type.ancestry;
         }
-        return type.ancestry.replace(/anonymous\:/g, "").split(":")[0];
+        return type.ancestry.replace(/anonymous\:/g, '').split(':')[0];
       }
     }
-    return "unknown";
+    return 'unknown';
   };
   protonode.toJson = function (prefix, indent) {
-    "use strict";
+    'use strict';
 
     var i, l, str, delim;
     str = prefix + '{';
@@ -11299,12 +11294,12 @@ _jquery.default.fn.expredit = function (grammar, options) {
     return str;
   };
   protonode.toDom = function (pos) {
-    "use strict";
+    'use strict';
 
     var i,
       l,
       el,
-      className = "node",
+      className = 'node',
       node = this,
       typeName;
     pos = pos || 0;
@@ -11321,29 +11316,29 @@ _jquery.default.fn.expredit = function (grammar, options) {
         if (delim) d = delim.clone(false);
       }
     };
-    this.dom = el = (0, _jquery.default)("<span>");
-    className += " " + this.arity;
-    className += this.err ? " has_errors" : "";
-    typeName = "expredit_" + getTypeName(this, true);
-    className += typeName ? " " + typeName.replace(/anonymous/g, "").replace(/\:+/g, ' ') : "";
+    this.dom = el = (0, _jquery.default)('<span>');
+    className += ' ' + this.arity;
+    className += this.err ? ' has_errors' : '';
+    typeName = 'expredit_' + getTypeName(this, true);
+    className += typeName ? ' ' + typeName.replace(/anonymous/g, '').replace(/\:+/g, ' ') : '';
     el.addClass(className);
     switch (this.arity) {
-      case "binary_operation":
-      case "object_dereference":
-        addChildren(this, 0, (0, _jquery.default)("<span class='operator'>" + this.text + "</span>"));
+      case 'binary_operation':
+      case 'object_dereference':
+        addChildren(this, 0, (0, _jquery.default)("<span class='operator'>" + this.text + '</span>'));
         break;
-      case "unary_operation":
-        el.append((0, _jquery.default)("<span class='operator'>" + this.text + "</span>"));
+      case 'unary_operation':
+        el.append((0, _jquery.default)("<span class='operator'>" + this.text + '</span>'));
         el.append(this.children[0].toDom(pos));
         break;
-      case "ternary_operation":
+      case 'ternary_operation':
         el.append(this.children[0].toDom(pos));
         el.append((0, _jquery.default)("<span class='operator'>?</span>"));
         el.append(this.children[1].toDom(pos));
         el.append((0, _jquery.default)("<span class='operator'>:</span>"));
         el.append(this.children[2].toDom(pos));
         break;
-      case "method_call":
+      case 'method_call':
         el.append(this.children[0].toDom(pos));
         el.append((0, _jquery.default)("<span class='operator'>.</span>"));
         el.append(this.children[1].toDom(pos));
@@ -11351,19 +11346,19 @@ _jquery.default.fn.expredit = function (grammar, options) {
         addChildren(this, 2, (0, _jquery.default)("<span class='operator'>,</span>"));
         el.append((0, _jquery.default)("<span class='operator paren'>)</span>"));
         break;
-      case "function_call":
+      case 'function_call':
         el.append(this.children[0].toDom(pos));
         el.append((0, _jquery.default)("<span class='operator paren'>(</span>"));
         addChildren(this, 1, (0, _jquery.default)("<span class='operator'>,</span>"));
         el.append((0, _jquery.default)("<span class='operator paren'>)</span>"));
         break;
-      case "array_lookup":
+      case 'array_lookup':
         el.append(this.children[0].toDom(pos));
         el.append((0, _jquery.default)("<span class='operator paren'>[</span>"));
         addChildren(this, 1, (0, _jquery.default)("<span class='operator'> </span>"));
         el.append((0, _jquery.default)("<span class='operator paren'>]</span>"));
         break;
-      case "group":
+      case 'group':
         if (this.paren !== false) {
           el.append((0, _jquery.default)("<span class='operator paren'>(</span>"));
         }
@@ -11372,18 +11367,18 @@ _jquery.default.fn.expredit = function (grammar, options) {
           el.append((0, _jquery.default)("<span class='operator paren'>)</span>"));
         }
         break;
-      case "missing":
+      case 'missing':
         if (this.text) {
           el.html(this.text);
         } else {
-          el.html("&nbsp;");
+          el.html('&nbsp;');
         }
         break;
       default:
-        el.html(this.text || "");
+        el.html(this.text || '');
         break;
     }
-    el.on("mousemove", function (e) {
+    el.on('mousemove', function (e) {
       io.balloon(node);
       e.stopPropagation();
     });
@@ -11398,7 +11393,7 @@ _jquery.default.fn.expredit = function (grammar, options) {
       missingPos;
     var loadType = function (typeName) {
       if (!options.typeSource) return;
-      var notif = (0, _jquery.default)("<div>").addClass("notification").insertAfter(xedit).html("Loading " + typeName + "...").fadeIn(200);
+      var notif = (0, _jquery.default)('<div>').addClass('notification').insertAfter(xedit).html('Loading ' + typeName + '...').fadeIn(200);
       _jquery.default.getJSON(options.typeSource, {
         t: typeName
       }).done(function (data) {
@@ -11411,7 +11406,7 @@ _jquery.default.fn.expredit = function (grammar, options) {
         if (!options.offline) handleCursor();
       }).fail(function () {
         //console.log(this);
-        notif.html("Error loading " + typeName);
+        notif.html('Error loading ' + typeName);
         grammar.types[typeName] = false;
         setTimeout(function () {
           notif.fadeOut(500);
@@ -11425,19 +11420,19 @@ _jquery.default.fn.expredit = function (grammar, options) {
         typify(tree, options.expected, loadType);
         xedit.empty().append(tree.toDom());
         //console.log(tree);
-        input.val(io.expr(xedit)).data("json", tree.toJson("\n", "  ")).trigger("change");
+        input.val(io.expr(xedit)).data('json', tree.toJson('\n', '  ')).trigger('change');
       }
     };
     var handleCursor = function () {
       var reverse = cursor.reverse;
       var node_s = selectNode(tree, cursor.start);
       var node_e = selectNode(tree, cursor.end);
-      var cur_s = node_s && node_s.node.dom && node_s.node.arity === "missing" ? io.charOffset(node_s.node.dom[0], node_s.pos) : io.charOffset(xedit[0], cursor.start);
-      var cur_e = node_e && node_s.node.dom && node_e.node.arity === "missing" ? io.charOffset(node_e.node.dom[0], node_e.pos) : io.charOffset(xedit[0], cursor.end);
+      var cur_s = node_s && node_s.node.dom && node_s.node.arity === 'missing' ? io.charOffset(node_s.node.dom[0], node_s.pos) : io.charOffset(xedit[0], cursor.start);
+      var cur_e = node_e && node_s.node.dom && node_e.node.arity === 'missing' ? io.charOffset(node_e.node.dom[0], node_e.pos) : io.charOffset(xedit[0], cursor.end);
       onMissing = false;
       if (node_e && node_s && node_e.node === node_s.node) {
         selectedNode = node_s.node;
-        if (selectedNode.arity === "missing" && !selectedNode.text) {
+        if (selectedNode.arity === 'missing' && !selectedNode.text) {
           cur_s.pos = 0;
           cur_e.pos = 1;
           missingPos = node_s.pos;
@@ -11462,34 +11457,34 @@ _jquery.default.fn.expredit = function (grammar, options) {
     (0, _jquery.default)(document.body).attr({
       spellcheck: false
     });
-    var xedit = (0, _jquery.default)("<div>").attr({
+    var xedit = (0, _jquery.default)('<div>').attr({
       contenteditable: true,
       spellcheck: false,
-      "class": "expredit " + input[0].className,
-      style: input.attr("style")
+      class: 'expredit ' + input[0].className,
+      style: input.attr('style')
     }).css({
-      "width": input.width(),
-      "height": "auto",
-      "display": input.is(":visible") ? "inline-block" : "none"
-    }).on("keyup", function (e) {
+      width: input.width(),
+      height: 'auto',
+      display: input.is(':visible') ? 'inline-block' : 'none'
+    }).on('keyup', function (e) {
       if (onMissing && selectedNode != tree && (e.which == 8 || e.which == 46 || e.which == 37 && missingPos == 0 || e.which == 39 && missingPos == 1)) {
         onMissing = false;
       }
       if (!options.offline) cursor = io.getCursor(xedit[0]);
       handleText();
       if (!options.offline) handleCursor();
-    }).on("mouseup", function () {
+    }).on('mouseup', function () {
       if (!options.offline) {
         cursor = io.getCursor(xedit[0]);
         handleCursor();
       }
-    }).on("blur", handleBlur).insertAfter(input);
+    }).on('blur', handleBlur).insertAfter(input);
 
     //TODO: Do it in a better way. Escaping the special characters.
-    var initVal1 = initVal.replace(/</g, "&lt;");
-    initVal1 = initVal1.replace(/>/g, "&gt;");
-    initVal1 = initVal1.replace(/&&/g, "&amp;&amp;");
-    initVal1 = initVal1.replace(/'/g, "&quot;");
+    var initVal1 = initVal.replace(/</g, '&lt;');
+    initVal1 = initVal1.replace(/>/g, '&gt;');
+    initVal1 = initVal1.replace(/&&/g, '&amp;&amp;');
+    initVal1 = initVal1.replace(/'/g, '&quot;');
     xedit.html(initVal1);
     input.hide();
     handleText(true);
@@ -25439,34 +25434,10 @@ var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(31601);
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(76314);
 var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.balloon,.notification{font:13px/13px "Verdana",sans-serif}.expredit-container{background:#fff;border-radius:2px;border:1px solid #ccc;padding:2px;width:200px;cursor:text;overflow:hidden;font:13px/13px monospace}.expredit-container.input{white-space:nowrap;vertical-align:baseline}.expredit-container.textarea{vertical-align:bottom;white-space:pre;height:100px}.expredit-field{box-shadow:0 1px 0 0 #eef}.operator:after,.operator:before{content:" ";font-size:0px}.expredit:focus{outline:none}.node{color:#000;background:rgba(0,0,0,0);border-bottom:1px solid rgba(0,0,0,0)}.operator{display:inline;color:#999}.node.selected{background:#eef !important}.node.has_errors>.operator{color:red}.node.has_errors{border-bottom:1px solid red;margin-bottom:-1px}.name{color:#000;background:rgba(0,0,0,0);box-shadow:none}.literal.expredit_number,.name.expredit_number{color:#09f;background:rgba(0,0,0,0);box-shadow:none}.literal.expredit_string,.name.expredit_string{color:#0c0;background:rgba(0,0,0,0);box-shadow:none}.literal.expredit_boolean,.name.expredit_boolean{color:#fc0;background:rgba(0,0,0,0);box-shadow:none}.literal.expredit_date,.name.expredit_date,.expredit_date{color:blue;background:rgba(0,0,0,0);box-shadow:none}.node.selected>.arglist{border-color:#999}.node.missing>.operator{color:red}.balloon{position:absolute;color:#fff;line-height:1em;background:#fff;box-shadow:inset 0px 1px 1px 1px rgba(0,0,0,.2);z-index:2147483002;min-width:200px;max-width:400px}.balloon:after{content:"";display:block;position:absolute;top:-8px;left:8px;width:0;border-width:0 8px 8px 0px;border-style:solid;border-color:#aaa rgba(0,0,0,0)}.expressionError{color:red;padding:0 8px;margin:8px 0}.info{color:#ccc;padding:0 8px;margin:8px 0}.picker{margin:0;padding:0}.calltips{text-align:left;padding:0 8px;margin:8px 0 0 0;max-height:180px;overflow-y:auto;overflow-x:auto}a.calltip{display:block;color:#404040;text-decoration:none;cursor:pointer;margin:0 -8px;padding:8px}.calltip.sel{background:#444;color:#fff}.notification{position:absolute;background:#000;color:#fff;padding:8px}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.root .expredit-container{background:#fff;border-radius:2px;border:1px solid #dcdee2;padding:2px;width:200px;cursor:text;overflow:hidden;font:1 monospace}.root .expredit-container.input{white-space:nowrap;vertical-align:baseline}.root .expredit-container.textarea{vertical-align:bottom;white-space:pre;height:100px}.root .expredit-field{box-shadow:0 1px 0 0 #e9f0fc}.root .operator:after,.root .operator:before{content:" ";font-size:0}.root .expredit{background:#fff;border-radius:2px;border:1px solid #dcdee2;padding:8px 12px;cursor:text;font-size:.857rem;font-family:"Roboto",sans-serif;line-height:1.5;overflow:auto;white-space:pre-wrap;word-wrap:break-word;min-height:32px;box-sizing:border-box}.root .expredit:focus{outline:none;border-color:#47af46}.root .expredit:hover{border-color:#47af46}.root .node{color:#2a2a2a;background:rgba(0,0,0,0);border-bottom:1px solid rgba(0,0,0,0)}.root .operator{display:inline;color:#97a0af}.root .node.selected{background:#e9f0fc !important}.root .node.has_errors>.operator{color:#f5222d}.root .node.has_errors{border-bottom:1px solid #f5222d;margin-bottom:-1px}.root .name{color:#2a2a2a;background:rgba(0,0,0,0);box-shadow:none}.root .literal.expredit_number,.root .name.expredit_number{color:#2466eb;background:rgba(0,0,0,0);box-shadow:none}.root .literal.expredit_string,.root .name.expredit_string{color:#42b040;background:rgba(0,0,0,0);box-shadow:none}.root .literal.expredit_boolean,.root .name.expredit_boolean{color:#f79600;background:rgba(0,0,0,0);box-shadow:none}.root .literal.expredit_date,.root .name.expredit_date,.root .expredit_date{color:#2466eb;background:rgba(0,0,0,0);box-shadow:none}.root .operator.paren{display:inline}.root .node.selected>.arglist{border-color:#97a0af}.root .node.missing>.operator{color:#f5222d}.balloon,.notification{font:1 "Roboto",sans-serif}.balloon{position:absolute;color:#fff;line-height:1em;background:#fff;box-shadow:inset 0 1px 1px 1px rgba(0,0,0,.56);z-index:2147483002;min-width:200px;max-width:400px}.balloon:after{content:"";display:block;position:absolute;top:-8px;left:8px;width:0;border-width:0 8px 8px 0;border-style:solid;border-color:#dcdee2 rgba(0,0,0,0)}.expressionError{color:#f5222d;padding:0 .571rem;margin:.571rem 0}.info{color:#97a0af;padding:0 .571rem;margin:.571rem 0}.picker{margin:0;padding:0}.calltips{text-align:left;padding:0 .571rem;margin:.571rem 0 0 0;max-height:180px;overflow-y:auto;overflow-x:auto}a.calltip{display:block;color:#5e6c84;text-decoration:none;cursor:pointer;margin:0 -0.571rem;padding:.571rem}.calltip.sel{background:#5e6c84;color:#fff}.notification{position:absolute;background:#2a2a2a;color:#fff;padding:.571rem}`, ""]);
 // Exports
 ___CSS_LOADER_EXPORT___.locals = {
-	"balloon": `balloon`,
-	"notification": `notification`,
-	"expredit-container": `expredit-container`,
-	"input": `input`,
-	"textarea": `textarea`,
-	"expredit-field": `expredit-field`,
-	"operator": `operator`,
-	"expredit": `expredit`,
-	"node": `node`,
-	"selected": `selected`,
-	"has_errors": `has_errors`,
-	"name": `name`,
-	"literal": `literal`,
-	"expredit_number": `expredit_number`,
-	"expredit_string": `expredit_string`,
-	"expredit_boolean": `expredit_boolean`,
-	"expredit_date": `expredit_date`,
-	"arglist": `arglist`,
-	"missing": `missing`,
-	"expressionError": `expressionError`,
-	"info": `info`,
-	"picker": `picker`,
-	"calltips": `calltips`,
-	"calltip": `calltip`,
-	"sel": `sel`
+	"root": `root`
 };
 module.exports = ___CSS_LOADER_EXPORT___;