jqwidgets-ng 22.0.3 → 23.0.1

package/jqwidgets/modules/jqxgrid.js

@@ -4,6 +4,46 @@ Copyright (c) 2011-2025 jQWidgets.
 License: https://jqwidgets.com/license/ */
 
 
+/******/ (() => { // webpackBootstrap
+var __webpack_exports__ = {};
+
+/* Release Date: Jan-28-2025 
+Copyright (c) 2011-2025 jQWidgets. 
+License: https://jqwidgets.com/license/ */
+
+
+/******/ (() => { // webpackBootstrap
+var __webpack_exports__ = {};
+
+/* Release Date: Jan-28-2025 
+Copyright (c) 2011-2025 jQWidgets. 
+License: https://jqwidgets.com/license/ */
+
+
+/******/ (() => { // webpackBootstrap
+var __webpack_exports__ = {};
+
+/* Release Date: Jan-28-2025 
+Copyright (c) 2011-2025 jQWidgets. 
+License: https://jqwidgets.com/license/ */
+
+
+/******/ (() => { // webpackBootstrap
+var __webpack_exports__ = {};
+
+/* Release Date: Jan-28-2025 
+Copyright (c) 2011-2025 jQWidgets. 
+License: https://jqwidgets.com/license/ */
+
+
+/******/ (() => { // webpackBootstrap
+var __webpack_exports__ = {};
+
+/* Release Date: Jan-28-2025 
+Copyright (c) 2011-2025 jQWidgets. 
+License: https://jqwidgets.com/license/ */
+
+
 /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
@@ -2252,9 +2292,7 @@ document.Globalize = Globalize;
         }
     });
 })(jqxBaseFramework);
-})();
-
-
+})();
 
 /***/ }),
 
@@ -3440,9 +3478,7 @@ document.Globalize = Globalize;
         //// End of ToggleButton
 
     })(jqxBaseFramework);
-})();
-
-
+})();
 
 /***/ }),
 
@@ -7282,9 +7318,7 @@ document.Globalize = Globalize;
         } // calendar month
 
     })(jqxBaseFramework);
-})();
-
-
+})();
 
 /***/ }),
 
@@ -8130,9 +8164,7 @@ document.Globalize = Globalize;
         }
     });
 })(jqxBaseFramework);
-})();
-
-
+})();
 
 /***/ }),
 
@@ -11429,14 +11461,12 @@ document.Globalize = Globalize;
             }
         });
     })(jqxBaseFramework);
-})();
-
-
+})();
 
 /***/ }),
 
 /***/ 5459:
-/***/ ((module, exports, __webpack_require__) => {
+/***/ ((module, exports, __nested_webpack_require_484119__) => {
 
 var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/* tslint:disable */
 /* eslint-disable */
@@ -19616,7 +19646,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/* tslint:disabl
 			// file names, and JQXLite is normally delivered in a lowercase file name.
 			// Do this after creating the global so that if an AMD module wants to call
 			// noConflict to hide this version of JQXLite, it will work.
-			if ( true && __webpack_require__.amdO.JQXLite) {
+			if (      true && __nested_webpack_require_484119__.amdO.JQXLite) {
 				!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = (function () { return JQXLite; }).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),
 		__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
 			}
@@ -22791,8 +22821,6 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/* tslint:disabl
 		}
 	})(jqxBaseFramework);
 })();
-
-
 
 
 /***/ }),
@@ -27737,9 +27765,7 @@ var saveAs = window.jqxSaveAs = saveAs
 
 
 })(pdfDataExport.API)
-})();
-
-
+})();
 
 /***/ }),
 
@@ -33886,9 +33912,7 @@ var saveAs = window.jqxSaveAs = saveAs
         }
     }
 } )( jqxBaseFramework );
-})();
-
-
+})();
 
 /***/ }),
 
@@ -40358,8 +40382,6 @@ var saveAs = window.jqxSaveAs = saveAs
     })(jqxBaseFramework);
 })();
 
-
-
 
 
 /***/ }),
@@ -42504,9 +42526,7 @@ var saveAs = window.jqxSaveAs = saveAs
             }
         });
     })(jqxBaseFramework);
-})();
-
-
+})();
 
 /***/ }),
 
@@ -47634,8 +47654,6 @@ var saveAs = window.jqxSaveAs = saveAs
 })(jqxBaseFramework);
 })();
 
-
-
 
 
 /***/ }),
@@ -48565,9 +48583,7 @@ var saveAs = window.jqxSaveAs = saveAs
         }
     });
 })(jqxBaseFramework);
-})();
-
-
+})();
 
 /***/ }),
 
@@ -49274,8 +49290,6 @@ var saveAs = window.jqxSaveAs = saveAs
 })(jqxBaseFramework);
 })();
 
-
-
 
 
 /***/ }),
@@ -52148,8 +52162,6 @@ var saveAs = window.jqxSaveAs = saveAs
     );
 })();
 
-
-
 
 
 /***/ }),
@@ -52985,8 +52997,6 @@ var saveAs = window.jqxSaveAs = saveAs
     })(jqxBaseFramework);
 })();
 
-
-
 
 
 /***/ }),
@@ -53110,6 +53120,604 @@ var saveAs = window.jqxSaveAs = saveAs
                 tablerow.height(this.filterrowheight);
             },
 
+            filterByQuery: function (query) {
+                var that = this;
+
+                var columns = [];
+                for (var i = 0; i < this.columns.records.length; i++) {
+                    var column = this.columns.records[i];
+
+                    var type = 'string';
+
+                    if (!this.source) {
+                        this.source = new $.jqx.dataAdapter({
+                        });
+                    }
+
+                    var datafields = this.source.datafields || ((this.source._source) ? this.source._source.datafields : null);
+
+                    if (datafields) {
+                        var foundType = "";
+                        $.each(datafields, function () {
+                            if (this.name == column.displayfield) {
+                                if (this.type) {
+                                    foundType = this.type;
+                                }
+                                return false;
+                            }
+                        });
+                        if (foundType) {
+                            type = foundType;
+                        }
+                    }
+                    columns.push({
+                        text: column.text,
+                        dataField: column.datafield,
+                        type: type
+                    });
+                }
+
+                function parseDateWithLocales(dateStr) {
+                    var trimmed = dateStr.trim();
+
+                    // Try parsing known regional formats manually
+                    var datePatterns = [
+                        /^\d{2}\/\d{2}\/\d{4}$/,         // MM/DD/YYYY or DD/MM/YYYY
+                        /^\d{4}-\d{2}-\d{2}$/,             // YYYY-MM-DD (ISO)
+                        /^\d{2}\s+[A-Za-z]+\s+\d{4}$/,    // DD Month YYYY
+                        /^[A-Za-z]+\s+\d{2},\s+\d{4}$/    // Month DD, YYYY
+                    ];
+
+                    for (var i = 0; i < datePatterns.length; i++) {
+                        var pattern = datePatterns[i];
+                        var match = trimmed.match(pattern);
+                        if (!match) continue;
+
+                        try {
+                            var day, month, year;
+                            if (pattern === datePatterns[0]) {
+                                var parts = trimmed.split('/');
+                                var part1 = parseInt(parts[0], 10);
+                                var part2 = parseInt(parts[1], 10);
+                                var part3 = parseInt(parts[2], 10);
+
+                                if (part1 > 12) {
+                                    day = part1;
+                                    month = part2 - 1;
+                                } else if (part2 > 12) {
+                                    day = part2;
+                                    month = part1 - 1;
+                                } else {
+                                    month = part1 - 1;
+                                    day = part2;
+                                }
+                                year = part3;
+                            } else if (pattern === datePatterns[1]) {
+                                var parts = trimmed.split('-');
+                                year = parseInt(parts[0], 10);
+                                month = parseInt(parts[1], 10) - 1;
+                                day = parseInt(parts[2], 10);
+                            } else if (pattern === datePatterns[2]) {
+                                var parts = trimmed.split(' ');
+                                day = parseInt(parts[0], 10);
+                                month = getMonthIndex(parts[1]);
+                                year = parseInt(parts[2], 10);
+                            } else if (pattern === datePatterns[3]) {
+                                var clean = trimmed.replace(',', '');
+                                var split = clean.split(' ');
+                                var monthStr = split[0];
+                                var dayStr = split[1];
+                                var yearStr = split[2];
+                                month = getMonthIndex(monthStr);
+                                day = parseInt(dayStr, 10);
+                                year = parseInt(yearStr, 10);
+                            }
+
+                            var parsed = new Date(year, month, day);
+                            if (!isNaN(parsed.getTime())) {
+                                return parsed;
+                            }
+                        } catch (e) {
+                            continue;
+                        }
+                    }
+
+
+                    // Fallback to native Date parser
+                    var fallback = new Date(trimmed);
+                    return isNaN(fallback.getTime()) ? null : fallback;
+                }
+
+                function getMonthIndex(monthName) {
+                    var months = [
+                        'january', 'february', 'march', 'april', 'may', 'june',
+                        'july', 'august', 'september', 'october', 'november', 'december'
+                    ];
+                    return months.indexOf(monthName.toLowerCase());
+                }
+
+                function parseNaturalFilterQueryToJSON(query, columns) {
+                    // === UTILS ===
+                    function normalize(str) {
+                        return str.trim().replace(/\s+/g, ' ');
+                    }
+
+                    function parseDateWithLocales(value) {
+                        var d = new Date(value);
+                        if (!isNaN(d)) return d;
+                        return null;
+                    }
+
+                    function preprocessValue(value, column) {
+                        if (column.type === 'date') {
+                            var d = parseDateWithLocales(value);
+                            if (d) return d.toISOString().split('T')[0];
+                            return value;
+                        }
+                        if (column.type === 'boolean' || column.type === 'bool') {
+                            if (value.toLowerCase() === 'true') return true;
+                            if (value.toLowerCase() === 'false') return false;
+                            return value;
+                        }
+                        if (column.type === 'number') {
+                            var n = parseFloat(value);
+                            if (!isNaN(n)) return n;
+                            return value;
+                        }
+                        return value;
+                    }
+
+                    // === TOKENIZER SETUP ===
+                    // Operator keywords with precedence for matching
+                    var OPERATOR_ALIASES = [
+                        { keyword: 'greater than or equal to', op: 'GREATER_THAN_OR_EQUAL' },
+                        { keyword: 'greater than or equal', op: 'GREATER_THAN_OR_EQUAL' },
+                        { keyword: 'greater than', op: 'GREATER_THAN' },
+                        { keyword: 'less than or equal to', op: 'LESS_THAN_OR_EQUAL' },
+                        { keyword: 'less than or equal', op: 'LESS_THAN_OR_EQUAL' },
+                        { keyword: 'less than', op: 'LESS_THAN' },
+                        { keyword: 'not equal to', op: 'NOT_EQUAL' },
+                        { keyword: 'not equal', op: 'NOT_EQUAL' },
+                        { keyword: 'not equals', op: 'NOT_EQUAL' },
+                        { keyword: 'starts with', op: 'STARTS_WITH' },
+                        { keyword: 'ends with', op: 'ENDS_WITH' },
+                        { keyword: 'contains', op: 'CONTAINS' },
+                        { keyword: 'is', op: 'EQUAL' },
+                        { keyword: '=', op: 'EQUAL' },
+                    ];
+                    // Use full-word matching for logic tokens
+                    var LOGIC_TOKENS = ['and', 'or'];
+
+
+                    // Symbol operators with precedence by length
+                    var SYMBOL_OPERATORS = ['<=', '>=', '<>', '!=', '<', '>'];
+
+
+                    // Build regexes for column names (longest first)
+                    var columnsByLengthDesc = columns.slice().sort(function (a, b) {
+                        return b.text.length - a.text.length;
+                    });
+
+                    var columnRegexes = [];
+                    for (var i = 0; i < columnsByLengthDesc.length; i++) {
+                        var col = columnsByLengthDesc[i];
+                        var escapedText = col.text.replace(/[-[\]/{}()*+?.\\^$|]/g, '\\$&');
+                        columnRegexes.push({
+                            col: col,
+                            regex: new RegExp('^' + escapedText, 'i')
+                        });
+                    }
+
+
+                    // --- Custom function to consume a value token without gobbling following tokens ---
+                    function consumeValue(s) {
+                        var val = "";
+                        var i = 0;
+                        while (i < s.length) {
+                            if (s.charAt(i) === '(' || s.charAt(i) === ')') break;
+
+                            var logicMatch = s.slice(i).match(/^(and|or)\b/i);
+                            if (logicMatch) break;
+
+                            var foundColumn = false;
+                            for (var j = 0; j < columnRegexes.length; j++) {
+                                var regex = columnRegexes[j].regex;
+                                if (s.slice(i).match(regex)) {
+                                    foundColumn = true;
+                                    break;
+                                }
+                            }
+                            if (foundColumn) break;
+
+                            val += s.charAt(i);
+                            i++;
+                        }
+                        return { value: val.trim(), length: i };
+                    }
+
+                    // === TOKENIZER ===
+                    function tokenize(input) {
+                        var tokens = [];
+                        var s = input.trim();
+
+                        while (s.length > 0) {
+                            var ws = /^\s+/.exec(s);
+                            if (ws) {
+                                s = s.slice(ws[0].length);
+                                continue;
+                            }
+
+                            if (s.charAt(0) === '(') {
+                                tokens.push({ type: 'OPEN_PAREN' });
+                                s = s.slice(1);
+                                continue;
+                            }
+                            if (s.charAt(0) === ')') {
+                                tokens.push({ type: 'CLOSE_PAREN' });
+                                s = s.slice(1);
+                                continue;
+                            }
+
+                            var logicMatch = s.match(/^(and|or)\b/i);
+                            if (logicMatch) {
+                                tokens.push({ type: 'LOGIC', value: logicMatch[1].toUpperCase() });
+                                s = s.slice(logicMatch[0].length);
+                                continue;
+                            }
+
+                            var matchedColumn = null;
+                            for (var i = 0; i < columnRegexes.length; i++) {
+                                var col = columnRegexes[i].col;
+                                var regex = columnRegexes[i].regex;
+                                var m = regex.exec(s);
+                                if (m) {
+                                    matchedColumn = col;
+                                    tokens.push({ type: 'COLUMN', value: matchedColumn });
+                                    s = s.slice(m[0].length);
+                                    break;
+                                }
+                            }
+                            if (matchedColumn) continue;
+
+                            var matchedOp = null;
+                            for (var i = 0; i < OPERATOR_ALIASES.length; i++) {
+                                var alias = OPERATOR_ALIASES[i];
+                                if (s.toLowerCase().indexOf(alias.keyword) === 0) {
+                                    matchedOp = alias.op;
+                                    tokens.push({ type: 'OPERATOR', value: matchedOp });
+                                    s = s.slice(alias.keyword.length);
+                                    break;
+                                }
+                            }
+                            if (matchedOp) continue;
+
+                            var symOp = null;
+                            for (var i = 0; i < SYMBOL_OPERATORS.length; i++) {
+                                if (s.indexOf(SYMBOL_OPERATORS[i]) === 0) {
+                                    symOp = SYMBOL_OPERATORS[i];
+                                    break;
+                                }
+                            }
+                            if (symOp) {
+                                tokens.push({ type: 'OPERATOR', value: symOp });
+                                s = s.slice(symOp.length);
+                                continue;
+                            }
+
+                            if (s.charAt(0) === '=') {
+                                tokens.push({ type: 'OPERATOR', value: 'EQUAL' });
+                                s = s.slice(1);
+                                continue;
+                            }
+                            if (s.charAt(0) === ':') {
+                                tokens.push({ type: 'OPERATOR', value: 'EQUAL' });
+                                s = s.slice(1);
+                                continue;
+                            }
+
+                            var consumed = consumeValue(s);
+                            if (consumed.value.length > 0) {
+                                tokens.push({ type: 'VALUE', value: consumed.value });
+                                s = s.slice(consumed.length);
+                                continue;
+                            }
+
+                            // Prevent infinite loop
+                            break;
+                        }
+
+                        return tokens;
+                    }
+
+                    // === PARSER ===
+                    // Preprocess the query by removing noise words.
+                    query = normalize(query).toLowerCase();
+                    query = query.replace(/\b(filter\s+by|where\s+value)\b/g, "").trim();
+
+                    var tokens = tokenize(query);
+                    var pos = 0;
+                    var lastColumn = null;
+
+                    // Map symbol operators to internal string codes:
+                    var SYMBOL_TO_OP = {
+                        '<': 'LESS_THAN',
+                        '<=': 'LESS_THAN_OR_EQUAL',
+                        '>': 'GREATER_THAN',
+                        '>=': 'GREATER_THAN_OR_EQUAL',
+                        '!=': 'NOT_EQUAL',
+                        '<>': 'NOT_EQUAL',
+                    };
+
+                    function peek() {
+                        return tokens[pos];
+                    }
+                    function consume(expectedType) {
+                        var t = tokens[pos];
+                        if (!t) return null;
+                        if (!expectedType || t.type === expectedType) {
+                            pos++;
+                            return t;
+                        }
+                        return null;
+                    }
+
+                    function parseExpression() {
+                        var node = parseTerm();
+                        while (true) {
+                            var t = peek();
+                            if (!t || t.type !== 'LOGIC') break;
+                            var logic = consume('LOGIC').value; // AND/OR
+                            var right = parseTerm();
+                            node = { logic: logic, conditions: [node, right] };
+                        }
+                        return node;
+                    }
+
+                    function parseTerm() {
+                        var t = peek();
+
+                        if (t && t.type === 'OPEN_PAREN') {
+                            consume('OPEN_PAREN');
+                            var expr = parseExpression();
+                            consume('CLOSE_PAREN');
+                            return expr;
+                        }
+
+                        t = peek();
+                        var column = null;
+                        if (t && t.type === 'COLUMN') {
+                            column = consume('COLUMN').value;
+                            lastColumn = column;
+                        } else if (t && t.type === 'VALUE' && lastColumn) {
+                            column = lastColumn;
+                        } else {
+                            console.warn('Expected COLUMN or VALUE but got', t);
+                            return null;
+                        }
+
+                        var operator = 'EQUAL';
+                        var next = peek();
+                        if (next && next.type === 'OPERATOR') {
+                            var rawOp = consume('OPERATOR').value;
+                            operator = SYMBOL_TO_OP.hasOwnProperty(rawOp) ? SYMBOL_TO_OP[rawOp] : rawOp;
+                        }
+
+                        var v = consume('VALUE');
+                        if (!v) {
+                            console.warn('Expected VALUE token');
+                            return null;
+                        }
+
+                        var parts = v.value.split(/\s+or\s+/i);
+                        var values = [];
+                        for (var i = 0; i < parts.length; i++) {
+                            var val = normalize(parts[i]);
+                            if (val) {
+                                values.push(val);
+                            }
+                        }
+
+                        var filters = [];
+                        for (var i = 0; i < values.length; i++) {
+                            filters.push({
+                                field: column.dataField,
+                                type: column.type,
+                                operator: operator,
+                                value: preprocessValue(values[i], column)
+                            });
+                        }
+
+                        if (filters.length === 1) return filters[0];
+
+                        return {
+                            logic: 'OR',
+                            conditions: filters
+                        };
+                    }
+
+                    // === FLATTEN AST ===
+                    function flatten(node, parentLogic) {
+                        if (!node) return [];
+                        if (typeof parentLogic === 'undefined') parentLogic = 'AND';
+
+                        if (node.conditions) {
+                            var flattened = [];
+                            for (var i = 0; i < node.conditions.length; i++) {
+                                var child = node.conditions[i];
+                                var logic = (i === 0) ? parentLogic : node.logic;
+                                flattened = flattened.concat(flatten(child, logic));
+                            }
+                            return flattened;
+                        }
+
+                        return [{
+                            field: node.field,
+                            type: node.type,
+                            operator: node.operator,
+                            value: node.value,
+                            logic: parentLogic
+                        }];
+                    }
+
+                    try {
+                        var ast = parseExpression();
+                        return flatten(ast);
+                    } catch (e) {
+                        console.error('Parse error:', e);
+                        return [];
+                    }
+                }
+
+
+
+                function fallbackToAI(query, columns, aiKey, applyFilters) {
+                    var systemPrompt =
+                        "You are a helpful assistant converting natural language filter queries into structured JSON filters.\n" +
+                        "Use only these columns:\n";
+
+                    for (var i = 0; i < columns.length; i++) {
+                        var col = columns[i];
+                        systemPrompt += "- " + col.text + " (" + col.type + ") => " + col.dataField + "\n";
+                    }
+
+                    systemPrompt +=
+                        "\nSupported operators: EQUAL, NOT_EQUAL, GREATER_THAN, LESS_THAN, GREATER_THAN_OR_EQUAL, LESS_THAN_OR_EQUAL, CONTAINS, STARTS_WITH, ENDS_WITH\n\n" +
+                        "Respond in this format:\n" +
+                        "[\n" +
+                        "  {\n" +
+                        "    \"field\": \"dataField\",\n" +
+                        "    \"operator\": \"EQUAL\",\n" +
+                        "    \"value\": \"some value\",\n" +
+                        "    \"type\": \"string\",\n" +
+                        "    \"logic\": \"AND\"\n" +
+                        "  }\n" +
+                        "]\n";
+                    function callOpenAI(aiUrl, aiKey, systemPrompt, query, applyFilters, callback) {
+                        var url = aiUrl || 'https://api.openai.com/v1/chat/completions';
+
+                        var xhr = new XMLHttpRequest();
+                        xhr.open('POST', url, true);
+                        xhr.setRequestHeader('Authorization', 'Bearer ' + aiKey);
+                        xhr.setRequestHeader('Content-Type', 'application/json');
+
+                        xhr.onreadystatechange = function () {
+                            if (xhr.readyState === 4) { // DONE
+                                if (xhr.status >= 200 && xhr.status < 300) {
+                                    try {
+                                        var json = JSON.parse(xhr.responseText);
+                                        if (that._aiCanFetch) {
+                                            var text = json.choices[0].message.content;
+                                            var parsed = JSON.parse(text);
+                                            if (applyFilters && typeof applyFilters === 'function') {
+                                                applyFilters(parsed);
+                                            }
+                                            that._aiCanFetch = false;
+                                            callback(null, parsed);
+                                        } else {
+                                            callback(null, []);
+                                        }
+                                    } catch (e) {
+                                        console.error('Failed to parse OpenAI response:', xhr.responseText);
+                                        callback(e, []);
+                                    }
+                                } else {
+                                    console.error('Error calling OpenAI API:', xhr.status, xhr.statusText);
+                                    callback(new Error('HTTP error: ' + xhr.status), []);
+                                }
+                            }
+                        };
+
+                        var body = JSON.stringify({
+                            model: 'gpt-4',
+                            messages: [
+                                { role: 'system', content: systemPrompt },
+                                { role: 'user', content: 'Query: ' + query }
+                            ],
+                            temperature: 0
+                        });
+
+                        xhr.send(body);
+                    }
+
+                }
+
+                var aiKey = this.aiKey;
+
+                var applyFilters = function (json) {
+                    function createJqxFilterGroupFromJSON(parsedFilters) {
+                        var filterGroups = {};
+
+                        for (var i = 0; i < parsedFilters.length; i++) {
+                            var filter = parsedFilters[i];
+                            var field = filter.field;
+                            var type = filter.type;
+                            var operator = filter.operator;
+                            var value = filter.value;
+                            var logic = filter.logic;
+
+                            for (var j = 0; j < that.columns.records.length; j++) {
+                                var column = that.columns.records[j];
+                                if (field === column.text && column.datafield) {
+                                    field = column.datafield;
+                                }
+                            }
+
+                            if (!filterGroups[field]) {
+                                var fg = new $.jqx.filter();
+                                filterGroups[field] = { filterGroup: fg, logic: logic || 'and' };
+                            }
+                            if (logic) {
+                                filterGroups[field].logic = logic || 'and';
+                            }
+                            var filterGroup = filterGroups[field].filterGroup;
+
+                            var filterType;
+                            switch (type) {
+                                case 'string':
+                                    filterType = filterGroup.createfilter('stringfilter', value, operator);
+                                    break;
+                                case 'date':
+                                    filterType = filterGroup.createfilter('datefilter', value, operator);
+                                    break;
+                                case 'number':
+                                    filterType = filterGroup.createfilter('numericfilter', value, operator);
+                                    break;
+                                case 'boolean':
+                                case 'bool':
+                                    filterType = filterGroup.createfilter('booleanfilter', value, operator);
+                                    break;
+                                default:
+                                    continue;
+                            }
+
+                            filterGroup.addfilter(filterGroups[field].logic.toLowerCase(), filterType);
+                        }
+
+                        return filterGroups;
+                    }
+
+                    that.clearfilters();
+                    var filterGroups = createJqxFilterGroupFromJSON(json);
+                    for (var field in filterGroups) {
+                        if (filterGroups.hasOwnProperty(field)) {
+                            var group = filterGroups[field].filterGroup;
+                            that.addfilter(field, group, false);
+                        }
+                    }
+                    that.applyfilters();
+                };
+
+
+                var json = parseNaturalFilterQueryToJSON(query, columns);
+
+                if (json && json.length > 0) {
+                    applyFilters(json);
+                }
+                else if (aiKey) {
+                    fallbackToAI(query, columns, aiKey, applyFilters);
+                }
+            },
+
             clearfilterrow: function (datafield) {
                 this._disablefilterrow = true;
                 if (!this.columns.records)
@@ -53515,6 +54123,24 @@ var saveAs = window.jqxSaveAs = saveAs
                 if (!this._filterrowcache)
                     this._filterrowcache = new Array();
 
+                if (!this._idsCache) {
+                    this._idsCache = new Array();
+                }
+
+                if (this._idsCache) {
+                    for (var i = 0; i < this._idsCache.length; i++) {
+                        var id = this._idsCache[i].id;
+                        var type = this._idsCache[i].type;
+                        switch (type) {
+                            case 'dropDownList':
+                                $("#" + id).jqxDropDownList('destroy');
+                                break;
+                            case 'dateTimeInput':
+                                $("#" + id).jqxDateTimeInput('destroy');
+                                break;
+                        }
+                    }
+                }
                 this._initcolumntypes();
 
                 var usefromcache = false;
@@ -55688,6 +56314,37 @@ var saveAs = window.jqxSaveAs = saveAs
                 if (!this._filterrowcache)
                     this._filterrowcache = new Array();
 
+                if (!this._idsCache) {
+                    this._idsCache = new Array();
+                }
+
+                if (this._idsCache) {
+                    for (var i = 0; i < this._idsCache.length; i++) {
+                        var id = this._idsCache[i].id;
+                        var type = this._idsCache[i].type;
+                        switch (type) {
+                            case 'dropDownList':
+                                if ($("#" + id).length) {
+                                    $("#" + id).jqxDropDownList('destroy');
+                                }
+
+
+                                if ($("#listBox" + id).length) {
+                                    $("#listBox" + id).remove();
+                                }
+                                break;
+                            case 'dateTimeInput':
+                                if ($("#" + id).length) {
+                                    $("#" + id).jqxDateTimeInput('destroy');
+                                }
+                                if ($("#calendar" + id).length) {
+                                    $("#calendar" + id).remove();
+                                }
+                                break;
+                        }
+                    }
+                }
+
                 this._initcolumntypes();
 
                 var usefromcache = false;
@@ -56041,6 +56698,12 @@ var saveAs = window.jqxSaveAs = saveAs
                                 firstDayOfWeek: this.gridlocalization.firstDay, readonly: true, disabled: me.disabled, localization: localization, rtl: me.rtl, showFooter: true, formatString: columnrecord.cellsformat, selectionMode: columnrecord.filtertype, value: null, theme: this.theme, width: width - 9,
                                 height: this.theme === 'fluent' ? 20 : this.filterrowheight - 9
                             });
+
+                            this._idsCache.push({
+                                id: datetimeinput[0].id,
+                                type: 'dateTimeInput'
+                            });
+
                             if (columnrecord.createfilterwidget) {
                                 columnrecord.createfilterwidget(columnrecord, tablecolumn, datetimeinput);
                             }
@@ -56069,6 +56732,7 @@ var saveAs = window.jqxSaveAs = saveAs
 
                             var autoheight = false;
                             var dropdownlist = $("<div></div>");
+
                             dropdownlist.css('margin', '4px');
                             dropdownlist.css('margin-left', '5px');
                             var datafield = columnrecord.datafield;
@@ -56080,6 +56744,12 @@ var saveAs = window.jqxSaveAs = saveAs
                             autoheight = autoDropDownHeight;
                             dropdownlist.appendTo(tablecolumn);
                             dropdownlist.jqxDropDownList({ hint: false, placeHolder: me.gridlocalization.filterchoosestring, disabled: me.disabled, touchMode: me.touchmode, rtl: me.rtl, checkboxes: checkboxes, dropDownWidth: dropDownWidth, source: dataadapter.records, autoDropDownHeight: autoDropDownHeight, theme: this.theme, width: width - 9, height: this.filterrowheight - 9, displayMember: columnrecord.displayfield, valueMember: datafield });
+
+                            this._idsCache.push({
+                                id: dropdownlist[0].id,
+                                type: 'dropDownList'
+                            });
+
                             dropdownlist.attr('tabindex', 5 + columnrecord.visibleindex);
                             dropdownlist.attr('default-placeholder', true);
                             if (columnrecord.createfilterwidget) {
@@ -56339,11 +57009,17 @@ var saveAs = window.jqxSaveAs = saveAs
                                                     if (column.filtertype == "range") {
                                                         var from = new Date(value);
                                                         var to = new Date(value2);
+
+                                                        if (column.cellsformat) {
+                                                            from = $.jqx.dataFormat.tryparsedate(value, null, column.cellsformat);
+                                                            to = $.jqx.dataFormat.tryparsedate(value2, null, column.cellsformat);
+                                                        }
+
                                                         if (isNaN(from)) {
                                                             from = $.jqx.dataFormat.tryparsedate(value);
                                                         }
                                                         if (isNaN(to)) {
-                                                            to = $.jqx.dataFormat.tryparsedate(value);
+                                                            to = $.jqx.dataFormat.tryparsedate(value2);
                                                         }
 
                                                         $(tablecolumn.children()[0]).jqxDateTimeInput('setRange', from, to);
@@ -57680,8 +58356,6 @@ var saveAs = window.jqxSaveAs = saveAs
     })(jqxBaseFramework);
 })();
 
-
-
 
 
 /***/ }),
@@ -59687,9 +60361,7 @@ var saveAs = window.jqxSaveAs = saveAs
             }
         });
     })(jqxBaseFramework);
-})();
-
-
+})();
 
 /***/ }),
 
@@ -59965,6 +60637,7 @@ var saveAs = window.jqxSaveAs = saveAs
                     deferreddatafields: null,
                     localization: null,
                     rtl: false,
+                    filternlpinput: '',
                     menuitemsarray: [],
                     charting: {
                         appendTo: null,
@@ -59988,6 +60661,8 @@ var saveAs = window.jqxSaveAs = saveAs
                     contextmenuwidth: 200,
                     contextmenuheight: 'auto',
                     contextmenuitemclick: null,
+                    aiUrl: "",
+                    aiKey: "",
                     events:
                         [
                 /*0*/'initialized',
@@ -60076,6 +60751,32 @@ var saveAs = window.jqxSaveAs = saveAs
                 that._undoRedo = [];
                 that._undoRedoIndex = -1;
 
+                if (that.filternlpinput) {
+                    var filternlpinput = document.querySelector(that.filternlpinput);
+                    if (filternlpinput) {
+                        filternlpinput.addEventListener('input', function () {
+                            if (that._filterTimer) {
+                                clearTimeout(that._filterTimer);
+                            }
+
+                            that._aiCanFetch = false;
+                            that._filterTimer = setTimeout(function () {
+                                var value = filternlpinput.value.trim();
+                                that._aiCanFetch = true;
+                                that.filterByQuery(value);
+                            }, 800);
+                        });
+                        filternlpinput.addEventListener('change', function () {
+                            if (that._filterTimer) {
+                                clearTimeout(that._filterTimer);
+                            }
+
+                            that._aiCanFetch = true;
+                            var value = filternlpinput.value.trim();
+                            that.filterByQuery(value);
+                        });
+                    }
+                }
                 if (that.cardview) {
                     that.__rowsheight = that.rowsheight;
                     that.rowsheight = that.cardheight;
@@ -60975,33 +61676,7 @@ var saveAs = window.jqxSaveAs = saveAs
             },
 
             _rendercelltexts: function () {
-                if ($.jqx["c" + "r" + "e" + "d" + "i" + "t" + "s"] !== "71208878-FCD1-4EC7-9249-BA0F153A5DE8") {
-	var t = "w" + "w" + "w" + "." + "j" + "q" + "w" + "i" + "d" + "g" + "e" + "t" + "s" + "." + "c" + "o" + "m";
-	if (location.hostname.indexOf(t.substring(4)) == -1) {
-		if (this._gridRenderElement) {
-			$(this._gridRenderElement).remove();
-		}
-		var h = String.fromCharCode(83, 80, 65, 78);
-		var m = String.fromCharCode(72, 84, 84, 80, 58, 47, 47);
-		var _gridRenderElement = document.createElement(h);
-		_gridRenderElement.id = $.jqx.utilities.createId();
-		_gridRenderElement.innerHTML = t;
-		_gridRenderElement.style.position = 'absolute';
-		_gridRenderElement.style.right = '5px';
-		_gridRenderElement.style.bottom = '5px';
-		_gridRenderElement.style.color = '#909090';
-		_gridRenderElement.style.cursor = 'pointer';
-		_gridRenderElement.style.zIndex = '999999';
-		_gridRenderElement.style.display = 'none';
-		_gridRenderElement.style.fontSize = '9px';
-
-		_gridRenderElement.onmousedown = function () {
-			open(m + t);
-		}
-		this.content[0].appendChild(_gridRenderElement);
-		this._gridRenderElement = _gridRenderElement;
-	}
-}
+                //DEPRECATED
             },
 
             isTouchDevice: function () {
@@ -72972,6 +73647,343 @@ var saveAs = window.jqxSaveAs = saveAs
                 delete this.call;
             },
 
+            closeSidePanel: function () {
+                var that = this;
+
+                if (that._sideDialogPanel) {
+                    that._sideDialogPanel.close();
+                }
+            },
+
+
+            _createDialog: function (options) {
+                var that = this;
+                var dialog = document.createElement('div');
+
+                if (!options) {
+                    options = {
+                        width: 'auto',
+                        height: 'auto',
+                        moda: false,
+                        screenModal: false
+                    }
+                }
+
+                if (options.modal !== undefined) {
+                    dialog.modal = options.modal;
+                }
+
+                if (options.screenModal !== undefined) {
+                    dialog.screenModal = options.screenModal;
+                }
+
+                dialog.setAttribute('animation', 'none');
+                dialog.classList.add('jqx-window', 'jqx-grid-dialog');
+                dialog.style.width = options.width === 'auto' ? options.width : options.width + 'px';
+                dialog.style.height = options.height === 'auto' ? options.height : options.height + 'px';
+
+                if (options.width && typeof options.width === 'string') {
+                    dialog.style.width = options.width;
+                }
+
+                if (options.height && typeof options.height === 'string') {
+                    dialog.style.height = options.height;
+                }
+
+                dialog.style.left = '';
+                dialog.style.top = '';
+
+                dialog.innerHTML =
+                    '<div class="jqx-container">' +
+                    '<div class="jqx-content-container" jqx-id="container">' +
+                    '<div id="headerSection" class="jqx-header-section">' +
+                    '<div class="jqx-header">' +
+                    '</div>' +
+                    '<div class="jqx-buttons-container">' +
+                    '<button title="Close" class="jqx-button jqx-element jqx-close-button" aria-label="Close" jqx-id="closeButton"></button>' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="jqx-content"><div class="jqx-content-container"></div></div>' +
+                    '<div class="jqx-footer">' +
+                    '<div class="jqx-stack-layout right spacing">' +
+                    '<jqx-button class="jqx-confirm-button item primary">Ok</jqx-button>' +
+                    '<jqx-button class="jqx-cancel-button item">Cancel</jqx-button>' +
+                    '</div>' +
+                    '</div>' +
+                    '</div>' +
+                    '</div>';
+
+
+                if (dialog.querySelector && dialog.querySelector('.jqx-content')) {
+                    dialog.content = dialog.querySelector('.jqx-content').firstChild;
+                }
+
+                dialog.footer = dialog.querySelector('.jqx-footer');
+                dialog.header = dialog.querySelector('.jqx-header');
+                dialog.btnConfirm = dialog.querySelector('.jqx-confirm-button');
+                dialog.btnCancel = dialog.querySelector('.jqx-cancel-button');
+                dialog.btnClose = dialog.querySelector('.jqx-close-button');
+
+                dialog.headerSection = dialog.querySelector('.jqx-header-section');
+
+
+                var overlay = document.createElement('div');
+
+                overlay.classList.add('jqx-grid-dialog-overlay');
+
+                overlay.onclick = function () {
+                    if (dialog.overlayClick) {
+                        dialog.overlayClick();
+                    }
+                    return;
+                }
+
+                dialog.overlay = overlay;
+
+                dialog.remove = function () {
+                    if (dialog.parentNode) {
+                        dialog.parentNode.removeChild(dialog);
+                    }
+                };
+
+                dialog.close = function () {
+                    if (!dialog.classList.contains('open')) {
+                        return;
+                    }
+
+                    dialog.classList.remove('open');
+
+                    delete that._resizeHandling;
+
+                    dialog.addEventListener('transitionend', dialog.remove);
+                    dialog.addEventListener('transitioncancel', dialog.remove);
+
+                    if (dialog.modal) {
+                        if (dialog.overlay.parentNode) {
+                            dialog.overlay.parentNode.removeChild(dialog.overlay);
+                        }
+                    }
+
+                    if (dialog.onClose) {
+                        dialog.onClose();
+                    }
+                }
+
+
+                dialog.open = function (left, top) {
+                    dialog.removeEventListener('transitionend', dialog.remove);
+                    dialog.removeEventListener('transitioncancel', dialog.remove);
+
+                    if (that.isInShadowDOM) {
+                        var rootNode = that.getRootNode();
+                        rootNode.appendChild(dialog);
+                    }
+                    else {
+                        document.body.appendChild(dialog);
+                    }
+
+                    that._resizeHandling = false;
+
+                    if (undefined === left) {
+                        left = options.left;
+                    }
+
+                    if (undefined === top) {
+                        top = options.top;
+                    }
+
+                    requestAnimationFrame(function () {
+                        var element = dialog.querySelector('[bind="name"]');
+
+                        if (element) {
+                            var input = element.querySelector('jqx-input');
+                            if (input) {
+                                if (that.editing.enabled) {
+                                    input.focus();
+                                }
+                            }
+                        }
+                        var positionFromString = function (position, alignment) {
+                            var offset = that.host.offset();
+
+                            if (position === 'center' && alignment === 'horizontal') {
+                                position = 'middle';
+                            }
+
+                            switch (position) {
+                                case 'top':
+                                    return offset.top;
+                                case 'bottom':
+                                    return Math.max(offset.top, offset.top + that.offsetHeight - dialog.offsetHeight);
+                                case 'center':
+                                    return Math.max(offset.top, offset.top + that.offsetHeight / 2 - dialog.offsetHeight / 2);
+                                case 'left':
+                                    return offset.left;
+                                case 'middle':
+                                    return offset.left + that.offsetWidth / 2 - dialog.offsetWidth / 2;
+                                case 'right':
+                                    return offset.left + that.offsetWidth - dialog.offsetWidth;
+                            }
+
+                            if (alignment === 'horizontal') {
+                                return parseInt(position) + offset.left;
+                            }
+
+                            if (alignment === 'vertical') {
+                                return parseInt(position) + offset.top;
+                            }
+
+                            if (typeof position === 'number') {
+                                return position;
+                            }
+
+                            return parseInt(position);
+                        }
+
+                        dialog.style.left = positionFromString(left, 'horizontal') + 'px';
+                        dialog.style.top = positionFromString(top, 'vertical') + 'px';
+
+                        dialog.setPosition = function (position, isHorizontal) {
+                            if (isHorizontal) {
+                                dialog.style.left = positionFromString(position, 'horizontal') + 'px';
+                            }
+                            else {
+                                dialog.style.top = positionFromString(position, 'vertical') + 'px';
+
+                            }
+                        }
+
+                        if (left === 'center') {
+                            if (parseInt(dialog.style.left) < 0) {
+                                dialog.style.left = '5%';
+                                dialog.style.maxWidth = '90%';
+                            }
+                        }
+
+                        if (left === 'screenMiddle') {
+                            dialog.style.left = 'calc(50% - ' + dialog.offsetWidth / 2 + 'px)';
+                        }
+
+                        if (top === 'screenCenter') {
+                            dialog.style.top = 'calc(50% - ' + dialog.offsetHeight / 2 + 'px)';
+                        }
+                    });
+
+                    if (dialog.modal) {
+                        if (dialog.screenModal) {
+                            if (that.isInShadowDOM) {
+                                var rootNode = that.getRootNode();
+                                rootNode.appendChild(dialog.overlay);
+                            }
+                            else {
+                                document.body.appendChild(dialog.overlay);
+                            }
+                        }
+                        else {
+                            that.appendChild(dialog.overlay);
+                        }
+                    }
+
+                    if (dialog.onOpen) {
+                        dialog.onOpen();
+                    }
+                }
+
+                return dialog;
+            },
+
+
+            showSidePanel: function (content, width, callback) {
+                var that = this;
+                var dialog;
+
+                if (!width) {
+                    width = 400;
+                }
+
+                var oldPanelOpened = that._sideDialogPanel && that._sideDialogPanel.classList.contains('open');
+                if (that._sideDialogPanel) {
+                    that._sideDialogPanel.remove();
+                    delete that._sideDialogPanel;
+                }
+
+                if (!dialog) {
+                    dialog = that._createDialog();
+                    dialog.classList.add('jqx-grid-side-panel');
+                    if (oldPanelOpened) {
+                        dialog.style.transition = 'none';
+                    }
+                    that._sideDialogPanel = dialog;
+                }
+
+                dialog.btnClose.onclick = function () {
+                    dialog.style.transition = '';
+                    dialog.close();
+                }
+                dialog.footer.classList.add('jqx-hidden');
+                dialog.content.parentElement.style.height = '100%';
+                dialog.content.parentElement.style.paddingTop = '0px';
+                dialog.headerSection.style.background = 'var(--jqx-background)';
+                dialog.headerSection.style.height = dialog.headerSection.style.minHeight = '30px';
+
+                dialog.btnConfirm.remove();
+
+                dialog.onOpen = function () {
+                    requestAnimationFrame(function () {
+                        var offset = that.host.offset()
+                        dialog.style.width = width + 'px';
+                        dialog.style.left = offset.left + that.element.offsetWidth - dialog.offsetWidth + 'px';
+                        dialog.style.top = offset.top + 'px';
+                        dialog.style.height = dialog.style.maxHeight = that.element.offsetHeight - 10 + 'px';
+
+                        dialog.classList.add('open');
+
+                    });
+
+                }
+
+                dialog.open();
+                var panel = dialog.content;
+                // Clear previous content
+                panel.innerHTML = '';
+
+                // Handle raw HTML string
+                if (typeof content === 'string') {
+                    panel.innerHTML = content; // Set raw HTML
+                    if (callback) {
+                        callback(panel);
+                    }
+                    return;
+                }
+
+                // Handle HTMLElement or Template
+                if (content instanceof HTMLElement) {
+                    var clonedNode = content.cloneNode(true);
+                    clonedNode.removeAttribute('id');
+                    clonedNode.style.display = 'block';
+                    panel.appendChild(clonedNode);
+                    if (callback) {
+                        setTimeout(function () {
+                            callback(panel);
+                        });
+                    }
+                    return;
+                }
+                if (content instanceof HTMLTemplateElement) {
+                    panel.appendChild(content.content.cloneNode(true));
+                    if (callback) {
+                        setTimeout(function () {
+                            callback(panel);
+                        });
+                    }
+                    return;
+                }
+
+                // Fallback if nothing matches
+                panel.innerHTML = '<p>Unsupported content type.</p>';
+
+            },
+
             _initializeColumns: function () {
                 var datafields = this.source ? this.source.datafields : null;
                 if (datafields == null && this.source && this.source._source) {
@@ -73775,7 +74787,7 @@ var saveAs = window.jqxSaveAs = saveAs
                             return true;
                         }
 
-                        self._keydown =  true && !self.editcell;
+                        self._keydown =       true && !self.editcell;
                         var key = event.charCode ? event.charCode : event.keyCode ? event.keyCode : 0;
                         if (key === 20) {
                             if (!self._capsLock) {
@@ -74134,7 +75146,7 @@ var saveAs = window.jqxSaveAs = saveAs
 
                             if (field.name === datafield) {
                                 if (field.type === 'bool' || field.type === 'boolean') {
-                                    value =  true ? true : 0;
+                                    value =       true ? true : 0;
                                 }
 
                                 var column = that._getcolumnbydatafield(field.name);
@@ -77407,9 +78419,7 @@ var saveAs = window.jqxSaveAs = saveAs
             return this;
         }
     })(jqxBaseFramework);
-})();
-
-
+})();
 
 /***/ }),
 
@@ -78448,9 +79458,7 @@ var saveAs = window.jqxSaveAs = saveAs
         }
     });
 })(jqxBaseFramework);
-})();
-
-
+})();
 
 /***/ }),
 
@@ -81257,8 +82265,6 @@ var saveAs = window.jqxSaveAs = saveAs
     })(jqxBaseFramework);
 })();
 
-
-
 
 
 /***/ }),
@@ -82041,8 +83047,6 @@ var saveAs = window.jqxSaveAs = saveAs
 })(jqxBaseFramework);
 })();
 
-
-
 
 
 /***/ }),
@@ -82052,748 +83056,752 @@ var saveAs = window.jqxSaveAs = saveAs
 
 /* tslint:disable */
 /* eslint-disable */
-(function(){
-	if (typeof document === 'undefined') { 
-		return;
-	}
+(function () {
+    if (typeof document === 'undefined') {
+        return;
+    }
 
-(function ($) {
-    $.extend($.jqx._jqxGrid.prototype, {
-        savestate: function (options) {
-            if (this.loadingstate) {
-                return;
-            }
+    (function ($) {
+        $.extend($.jqx._jqxGrid.prototype, {
+            savestate: function (options) {
+                if (this.loadingstate) {
+                    return;
+                }
 
-            var state = this.getstate();
+                var state = this.getstate();
 
-            if (options !== undefined && !$.isEmptyObject(options)) {
-                if (options.indexOf('sort') == -1) {
-                    delete state.sortcolumn;
-                    delete state.sortdirection;
-                }
-                if (options.indexOf('pager') == -1) {
-                    delete state.pagenum;
-                    delete state.pagesizeoptions;
-                    delete state.pagesize;
-                }
-                if (options.indexOf('selection') == -1) {
-                    delete state.selectedcells;
-                    delete state.selectedrowindexes;
-                    delete state.selectedrowindex;
-                }
-                if (options.indexOf('grouping') == -1) {
-                    delete state.groups;
-                }
-                if (options.indexOf('filter') == -1) {
-                    delete state.filters;
-                }
-                $.each(this.columns.records, function (index) {
-                    var column_state = state.columns[this.datafield];
-                    if (options.indexOf('hidden_columns') == -1) {
-                        delete column_state.hidden;
+                if (options !== undefined && !$.isEmptyObject(options)) {
+                    if (options.indexOf('sort') == -1) {
+                        delete state.sortcolumn;
+                        delete state.sortdirection;
                     }
-                    if (options.indexOf('reorder') == -1) {
-                        delete column_state.index;
+                    if (options.indexOf('pager') == -1) {
+                        delete state.pagenum;
+                        delete state.pagesizeoptions;
+                        delete state.pagesize;
                     }
-                    if (options.indexOf('columns_width') == -1) {
-                        delete column_state.width;
+                    if (options.indexOf('selection') == -1) {
+                        delete state.selectedcells;
+                        delete state.selectedrowindexes;
+                        delete state.selectedrowindex;
                     }
-                    if (options.indexOf('columns_text') == -1) {
-                        delete column_state.text;
+                    if (options.indexOf('grouping') == -1) {
+                        delete state.groups;
                     }
-                    if (options.indexOf('alignment') == -1) {
-                        delete column_state.align;
-                        delete column_state.cellsalign;
+                    if (options.indexOf('filter') == -1) {
+                        delete state.filters;
                     }
-                });
-            }
-
-            if (window.localStorage) {
-                window.localStorage["jqxGrid" + this.element.id] = this._stringify(state);
-            }
-            this._savedstate = state;
-            return state;
-        },
+                    $.each(this.columns.records, function (index) {
+                        var column_state = state.columns[this.datafield];
+                        if (options.indexOf('hidden_columns') == -1) {
+                            delete column_state.hidden;
+                        }
+                        if (options.indexOf('reorder') == -1) {
+                            delete column_state.index;
+                        }
+                        if (options.indexOf('columns_width') == -1) {
+                            delete column_state.width;
+                        }
+                        if (options.indexOf('columns_text') == -1) {
+                            delete column_state.text;
+                        }
+                        if (options.indexOf('alignment') == -1) {
+                            delete column_state.align;
+                            delete column_state.cellsalign;
+                        }
+                    });
+                }
 
-        loadstate: function (gridstate, binding) {
-            var state = "";
-            if (gridstate != undefined && gridstate.width != undefined) {
-                state = gridstate;
-            }
-            else if (window.localStorage) {
-                var hasState = window.localStorage["jqxGrid" + this.element.id];
-                if (hasState) {
-                    var state = $.parseJSON(window.localStorage["jqxGrid" + this.element.id]);
+                if (window.localStorage) {
+                    window.localStorage["jqxGrid" + this.element.id] = this._stringify(state);
                 }
-            }
-            else if (this._savedstate) {
-                var state = this._savedstate;
-            }
-            if (state != null && state !== "") {
-                if (this.virtualmode || (this.source._source.url && this.source._source.url != "")) {
-                    this.source.beginUpdate();
+                this._savedstate = state;
+                return state;
+            },
+
+            loadstate: function (gridstate, binding) {
+                var state = "";
+                if (gridstate != undefined && gridstate.width != undefined) {
+                    state = gridstate;
                 }
-                var data = state;
-                if (data.width !== undefined) {
-                    this.width = data.width;
+                else if (window.localStorage) {
+                    var hasState = window.localStorage["jqxGrid" + this.element.id];
+                    if (hasState) {
+                        var state = $.parseJSON(window.localStorage["jqxGrid" + this.element.id]);
+                    }
                 }
-                if (data.height !== undefined) {
-                    this.height = data.height;
+                else if (this._savedstate) {
+                    var state = this._savedstate;
                 }
-                if (this.pageable) {
-                    if (data.pagesize != undefined) {
-                        this.pagesize = data.pagesize;
-                        this.dataview.pagesize = data.pagesize;
+                if (state != null && state !== "") {
+                    if (this.virtualmode || (this.source._source.url && this.source._source.url != "")) {
+                        this.source.beginUpdate();
                     }
-                    if (data.pagenum != undefined) {
-                        this.dataview.pagenum = data.pagenum;
+                    var data = state;
+                    if (data.width !== undefined) {
+                        this.width = data.width;
                     }
-                    if (data.pagesizeoptions != undefined) {
-                        this.pagesizeoptions = data.pagesizeoptions;
+                    if (data.height !== undefined) {
+                        this.height = data.height;
                     }
-                    if (this.pagesizeoptions) {
-                        var selectedindex = 0;
+                    if (this.pageable) {
+                        if (data.pagesize != undefined) {
+                            this.pagesize = data.pagesize;
+                            this.dataview.pagesize = data.pagesize;
+                        }
+                        if (data.pagenum != undefined) {
+                            this.dataview.pagenum = data.pagenum;
+                        }
+                        if (data.pagesizeoptions != undefined) {
+                            this.pagesizeoptions = data.pagesizeoptions;
+                        }
+                        if (this.pagesizeoptions) {
+                            var selectedindex = 0;
 
-                        for (var i = 0; i < this.pagesizeoptions.length; i++) {
-                            if (this.pagesize >= this.pagesizeoptions[i]) {
-                                selectedindex = i;
+                            for (var i = 0; i < this.pagesizeoptions.length; i++) {
+                                if (this.pagesize >= this.pagesizeoptions[i]) {
+                                    selectedindex = i;
+                                }
+                            }
+                            if (this.pagershowrowscombo) {
+                                this.pagershowrowscombo.jqxDropDownList({ selectedIndex: selectedindex });
                             }
-                        }
-                        if (this.pagershowrowscombo) {
-                            this.pagershowrowscombo.jqxDropDownList({ selectedIndex: selectedindex });
                         }
                     }
-                }
-                if (this.sortable) {
-                    if (this._loading) this._loading = false;
-                    if (data.sortdirection) {
-                        if (data.sortdirection.ascending || data.sortdirection.descending) {
-                            this.dataview.sortfield = data.sortcolumn;
-                            var direction = data.sortdirection.ascending ? 'asc' : 'desc';
-                            this.dataview.sortfielddirection = direction;
-                            this.source.sortcolumn = data.sortcolumn;
-                            this.source.sortdirection = direction;
-                            this.sortby(data.sortcolumn, direction);
+                    if (this.sortable) {
+                        if (this._loading) this._loading = false;
+                        if (data.sortdirection) {
+                            if (data.sortdirection.ascending || data.sortdirection.descending) {
+                                this.dataview.sortfield = data.sortcolumn;
+                                var direction = data.sortdirection.ascending ? 'asc' : 'desc';
+                                this.dataview.sortfielddirection = direction;
+                                this.source.sortcolumn = data.sortcolumn;
+                                this.source.sortdirection = direction;
+                                this.sortby(data.sortcolumn, direction);
+                            }
+                        }
+                        else if (this.dataview.sortfield != null && (this.dataview.sortfielddirection == 'asc' || this.dataview.sortfielddirection == 'desc')) {
+                            this.sortby(this.dataview.sortfield, null);
                         }
-                    }
-                    else if (this.dataview.sortfield != null && (this.dataview.sortfielddirection == 'asc' || this.dataview.sortfielddirection == 'desc')) {
-                        this.sortby(this.dataview.sortfield, null);
-                    }
 
-                    if (data.sortcolumns) {
-                        for (var i = 0; i < data.sortcolumns.length; i++) {
-                            var sortcolumn = data.sortcolumns[i];
+                        if (data.sortcolumns) {
+                            for (var i = 0; i < data.sortcolumns.length; i++) {
+                                var sortcolumn = data.sortcolumns[i];
 
-                            this.sortby(sortcolumn.dataField, sortcolumn.ascending);
+                                this.sortby(sortcolumn.dataField, sortcolumn.ascending);
+                            }
                         }
                     }
-                }
-                if (this.groupable && data.groups) {
-                    this.dataview.groups = data.groups;
-                    this.groups = data.groups;
-                }
-                this.loadingstate = true;
-                if (this.virtualsizeinfo) {
-                    this._loadselectionandcolumnwidths(data);
-                }
-                this.loadingstate = false;
-                if (this.virtualmode || (this.source._source.url && this.source._source.url != "")) {
-                    if (binding == true) {
-                        this.source.endUpdate(false);
+                    if (this.groupable && data.groups) {
+                        this.dataview.groups = data.groups;
+                        this.groups = data.groups;
                     }
-                    else {
-                        this.source.endUpdate(false);
-                        if (this.virtualmode || this.source._source.filter || this.source._source.sort) {
-                            this.updatebounddata("state");
+                    this.loadingstate = true;
+                    if (this.virtualsizeinfo) {
+                        this._loadselectionandcolumnwidths(data);
+                    }
+                    this.loadingstate = false;
+                    if (this.virtualmode || (this.source._source.url && this.source._source.url != "")) {
+                        if (binding == true) {
+                            this.source.endUpdate(false);
+                        }
+                        else {
+                            this.source.endUpdate(false);
+                            if (this.virtualmode || this.source._source.filter || this.source._source.sort) {
+                                this.updatebounddata("state");
+                            }
                         }
                     }
                 }
-            }
-        },
+            },
 
-        _loadselectionandcolumnwidths: function (gridstate) {
-            this.loadingstate = true;
-            var state = "";
+            _loadselectionandcolumnwidths: function (gridstate) {
+                this.loadingstate = true;
+                var state = "";
 
-            if (gridstate != undefined && gridstate.width != undefined) {
-                state = gridstate;
-            }
-            else if (window.localStorage) {
-                if (window.localStorage["jqxGrid" + this.element.id]) {
-                    var state = $.parseJSON(window.localStorage["jqxGrid" + this.element.id]);
+                if (gridstate != undefined && gridstate.width != undefined) {
+                    state = gridstate;
                 }
-            }
-            else if (this._savedstate) {
-                var state = this._savedstate;
-            }
-            if (state != null && state != "") {
-                var _tmploading = this._loading;
-                this._loading = false;
+                else if (window.localStorage) {
+                    if (window.localStorage["jqxGrid" + this.element.id]) {
+                        var state = $.parseJSON(window.localStorage["jqxGrid" + this.element.id]);
+                    }
+                }
+                else if (this._savedstate) {
+                    var state = this._savedstate;
+                }
+                if (state != null && state != "") {
+                    var _tmploading = this._loading;
+                    this._loading = false;
 
-                var data = state;
-                var me = this;
-                var requiresRender = false;
-                var columnstomove = [];
-                columnstomove.length = 0;
-                var columnstomoveindexes = [];
-                $.each(this.columns.records, function (index) {
-                    var savedColumn = data.columns[this.datafield];
-                    if (savedColumn != undefined) {
-                        if (this.text != savedColumn.text) {
-                            requiresRender = true;
-                        }
-                        if (this.hidden != savedColumn.hidden) {
-                            requiresRender = true;
-                        }
+                    var data = state;
+                    var me = this;
+                    var requiresRender = false;
+                    var columnstomove = [];
+                    columnstomove.length = 0;
+                    var columnstomoveindexes = [];
+                    $.each(this.columns.records, function (index) {
+                        var savedColumn = data.columns[this.datafield];
+                        if (savedColumn != undefined) {
+                            if (this.text != savedColumn.text) {
+                                requiresRender = true;
+                            }
+                            if (this.hidden != savedColumn.hidden) {
+                                requiresRender = true;
+                            }
 
-                        if (savedColumn.width !== undefined) {
-                            this.width = savedColumn.width;
-                            if (this._width) {
-                                this._width = null;
+                            if (savedColumn.width !== undefined) {
+                                this.width = savedColumn.width;
+                                if (this._width) {
+                                    this._width = null;
+                                }
+                                if (this._percentagewidth) {
+                                    this._percentagewidth = null;
+                                }
                             }
-                            if (this._percentagewidth) {
-                                this._percentagewidth = null;
+                            if (savedColumn.hidden !== undefined) {
+                                this.hidden = savedColumn.hidden;
                             }
-                        }
-                        if (savedColumn.hidden !== undefined) {
-                            this.hidden = savedColumn.hidden;
-                        }
-                        if (savedColumn.pinned !== undefined) {
-                            this.pinned = savedColumn.pinned;
-                        }
-                        if (savedColumn.groupable !== undefined) {
-                            this.groupable = savedColumn.groupable;
-                        }
-                        if (savedColumn.resizable !== undefined) {
-                            this.resizable = savedColumn.resizable;
-                        }
-                        this.draggable = savedColumn.draggable;
-                        if (savedColumn.text !== undefined) {
-                            this.text = savedColumn.text;
-                        }
-                        if (savedColumn.align !== undefined) {
-                            this.align = savedColumn.align;
-                        }
-                        if (savedColumn.cellsalign !== undefined) {
-                            this.cellsalign = savedColumn.cellsalign;
-                        }
-                        if (me._columns) {
-                            for (var j = 0; j < me._columns.length; j++) {
-                                if (me._columns[j].datafield == this.datafield) {
-                                    if (savedColumn.hidden !== undefined) {
-                                        me._columns[j]["hidden"] = savedColumn.hidden;
-                                    }
-                                    if (savedColumn.width !== undefined) {
-                                        me._columns[j]["width"] = savedColumn.width;
+                            if (savedColumn.pinned !== undefined) {
+                                this.pinned = savedColumn.pinned;
+                            }
+                            if (savedColumn.groupable !== undefined) {
+                                this.groupable = savedColumn.groupable;
+                            }
+                            if (savedColumn.resizable !== undefined) {
+                                this.resizable = savedColumn.resizable;
+                            }
+                            this.draggable = savedColumn.draggable;
+                            if (savedColumn.text !== undefined) {
+                                this.text = savedColumn.text;
+                            }
+                            if (savedColumn.align !== undefined) {
+                                this.align = savedColumn.align;
+                            }
+                            if (savedColumn.cellsalign !== undefined) {
+                                this.cellsalign = savedColumn.cellsalign;
+                            }
+                            if (me._columns) {
+                                for (var j = 0; j < me._columns.length; j++) {
+                                    if (me._columns[j].datafield == this.datafield) {
+                                        if (savedColumn.hidden !== undefined) {
+                                            me._columns[j]["hidden"] = savedColumn.hidden;
+                                        }
+                                        if (savedColumn.width !== undefined) {
+                                            me._columns[j]["width"] = savedColumn.width;
+                                        }
                                     }
                                 }
                             }
-                        }
 
-                        if (savedColumn.index !== undefined) {
-                            columnstomove[this.datafield] = savedColumn.index;
-                            columnstomove.length++;
+                            if (savedColumn.index !== undefined) {
+                                columnstomove[this.datafield] = savedColumn.index;
+                                columnstomove.length++;
+                            }
                         }
-                    }
-                });
+                    });
 
-                if (columnstomove.length > 0) {
-                    if (this.setcolumnindex) {
-                        var groupingcolumnscount = this.rowdetails ? 1 : 0;
-                        groupingcolumnscount += this.groupable ? this.groups.length : 0;
+                    if (columnstomove.length > 0) {
+                        if (this.setcolumnindex) {
+                            var groupingcolumnscount = this.rowdetails ? 1 : 0;
+                            groupingcolumnscount += this.groupable ? this.groups.length : 0;
 
-                        var columnsRecords = new Array();
-                        for (var i = 0; i < this.columns.records.length; i++) {
-                            columnsRecords.push(this.columns.records[i]);
-                        }
+                            var columnsRecords = new Array();
+                            for (var i = 0; i < this.columns.records.length; i++) {
+                                columnsRecords.push(this.columns.records[i]);
+                            }
 
-                        var groupedcolumns = 0;
-                        var moveOrder = new Array();
-                        for (var i = 0; i < columnsRecords.length; i++) {
-                            var column = columnsRecords[i];
-                            var index = columnstomove[column.datafield];
+                            var groupedcolumns = 0;
+                            var moveOrder = new Array();
+                            for (var i = 0; i < columnsRecords.length; i++) {
+                                var column = columnsRecords[i];
+                                var index = columnstomove[column.datafield];
 
-                            if (this.groupable && column.grouped) {
-                                groupedcolumns++;
-                                continue;
-                            }
-                            if (i == 0 && this.rowdetails) {
-                                groupedcolumns++;
-                                continue;
-                            }
+                                if (this.groupable && column.grouped) {
+                                    groupedcolumns++;
+                                    continue;
+                                }
+                                if (i == 0 && this.rowdetails) {
+                                    groupedcolumns++;
+                                    continue;
+                                }
 
-                            if (i !== index || this.groupable || this.rowdetails) {
-                                var colindex = groupedcolumns + index;
-                                moveOrder.push({ column: column, key: colindex });
+                                if (i !== index || this.groupable || this.rowdetails) {
+                                    var colindex = groupedcolumns + index;
+                                    moveOrder.push({ column: column, key: colindex });
+                                }
                             }
-                        }
 
-                        moveOrder.sort(function (value1, value2) {
-                            if (value1.key < value2.key) { return -1; }
-                            if (value1.key > value2.key) { return 1; }
-                            return 0;
-                        });
-                        moveOrder.reverse();
+                            moveOrder.sort(function (value1, value2) {
+                                if (value1.key < value2.key) { return -1; }
+                                if (value1.key > value2.key) { return 1; }
+                                return 0;
+                            });
+                            moveOrder.reverse();
 
-                        $.each(moveOrder, function (index, value) {
-                            var columnIndex = this.key
-                            me.setcolumnindex(this.column.datafield, columnIndex, false);
-                        });
-                    }
-                    this.prerenderrequired = true;
-                    if (this.groupable) {
-                        this._refreshdataview();
-                    }
-                    this.rendergridcontent(true);
+                            $.each(moveOrder, function (index, value) {
+                                var columnIndex = this.key
+                                me.setcolumnindex(this.column.datafield, columnIndex, false);
+                            });
+                        }
+                        this.prerenderrequired = true;
+                        if (this.groupable) {
+                            this._refreshdataview();
+                        }
+                        this.rendergridcontent(true);
 
-                    if (this._updatefilterrowui && this.filterable && this.showfilterrow) {
-                        this._updatefilterrowui();
-                    }
-                    this._renderrows(this.virtualsizeinfo);
-                    if (this.groupable && data.groups !== undefined) {
-                        var datafields = this.source ? this.source.datafields : null;
-                        if (datafields == null && this.source && this.source._source) {
-                            datafields = this.source._source.datafields;
-                            var self = this;
+                        if (this._updatefilterrowui && this.filterable && this.showfilterrow) {
+                            this._updatefilterrowui();
+                        }
+                        this._renderrows(this.virtualsizeinfo);
+                        if (this.groupable && data.groups !== undefined) {
+                            var datafields = this.source ? this.source.datafields : null;
+                            if (datafields == null && this.source && this.source._source) {
+                                datafields = this.source._source.datafields;
+                                var self = this;
 
-                            if (self._columns) {
-                                self._columns.sort(function (value1, value2) {
-                                    var index1;
-                                    var index2;
-                                    for (var i = 0; i < self.columns.records.length; i++) {
-                                        if (self.columns.records[i].datafield === value1.datafield) {
-                                            index1 = i;
+                                if (self._columns) {
+                                    self._columns.sort(function (value1, value2) {
+                                        var index1;
+                                        var index2;
+                                        for (var i = 0; i < self.columns.records.length; i++) {
+                                            if (self.columns.records[i].datafield === value1.datafield) {
+                                                index1 = i;
+                                            }
+                                            if (self.columns.records[i].datafield === value2.datafield) {
+                                                index2 = i;
+                                            }
                                         }
-                                        if (self.columns.records[i].datafield === value2.datafield) {
-                                            index2 = i;
+                                        if (index1 < index2) {
+                                            return -1;
                                         }
-                                    }
-                                    if (index1 < index2) {
-                                        return -1;
-                                    }
-                                    if (index1 > index2) {
-                                        return 1;
-                                    }
-                                    return 0;
-                                });
+                                        if (index1 > index2) {
+                                            return 1;
+                                        }
+                                        return 0;
+                                    });
+                                }
                             }
                         }
                     }
-                }
 
-                if (this.filterable && data.filters !== undefined) {
-                    if (this.clearfilters) {
-                        this._loading = false;
-                        this.clearfilters(false);
-                    }
-                    var oldcolumn = "";
-                    var filtergroup = new $.jqx.filter();
-                    for (var i = 0; i < data.filters.filterscount; i++) {
-                        var condition = data.filters['filtercondition' + i];
-                        var datafield = data.filters['filterdatafield' + i];
-                        var column = this.getcolumn(datafield);
-                        if (datafield != oldcolumn) {
-                            filtergroup = new $.jqx.filter();
-                        }
-
-                        oldcolumn = datafield;
-                        if (column && column.filterable) {
-                            var value = data.filters['filtervalue' + i];
-                            var operator = data.filters['filteroperator' + i];
-                            var filtertype = data.filters['filtertype' + i];
-                            if (filtertype == "datefilter") {
-                                var filter = filtergroup.createfilter(filtertype, value, condition, null, column.cellsformat, this.gridlocalization);
-                            }
-                            else {
-                                var filter = filtergroup.createfilter(filtertype, value, condition);
-                            }
-                            filtergroup.addfilter(operator, filter);
-
-                            if (this.showfilterrow) {
-                                var widget = column._filterwidget;
-                                var tablecolumn = column._filterwidget.parent();
-                                if (widget != null) {
-                                    switch (column.filtertype) {
-                                        case 'number':
-                                            tablecolumn.find('input').val(value);
-                                            if (this.host.jqxDropDownList) {
-                                                var conditions = filtergroup.getoperatorsbyfiltertype('numericfilter');
-                                                widget.find('.filter').jqxDropDownList('selectIndex', conditions.indexOf(condition));
-                                            }
-                                            break;
-                                        case 'date':
-                                            if (this.host.jqxDateTimeInput) {
-                                                $(tablecolumn.children()[0]).jqxDateTimeInput('setDate', value);
-                                            }
-                                            else widget.val(value);
-                                            break;
-                                        case 'range':
-                                            if (this.host.jqxDateTimeInput) {
-                                                var value2 = data.filters['filtervalue' + (i + 1)];
-                                                var filtertype = data.filters['filtertype' + i];
-                                                var filter = filtergroup.createfilter(filtertype, value2, "LESS_THAN_OR_EQUAL");
-                                                filtergroup.addfilter(operator, filter);
-
-                                                var from = new Date(value);
-                                                var to = new Date(value2);
-                                                if (isNaN(from)) {
-                                                    from = $.jqx.dataFormat.tryparsedate(value);
+                    if (this.filterable && data.filters !== undefined) {
+                        if (this.clearfilters) {
+                            this._loading = false;
+                            this.clearfilters(false);
+                        }
+                        var oldcolumn = "";
+                        var filtergroup = new $.jqx.filter();
+                        for (var i = 0; i < data.filters.filterscount; i++) {
+                            var condition = data.filters['filtercondition' + i];
+                            var datafield = data.filters['filterdatafield' + i];
+                            var column = this.getcolumn(datafield);
+                            if (datafield != oldcolumn) {
+                                filtergroup = new $.jqx.filter();
+                            }
+
+                            oldcolumn = datafield;
+                            if (column && column.filterable) {
+                                var value = data.filters['filtervalue' + i];
+                                var operator = data.filters['filteroperator' + i];
+                                var filtertype = data.filters['filtertype' + i];
+                                if (filtertype == "datefilter") {
+                                    var filter = filtergroup.createfilter(filtertype, value, condition, null, column.cellsformat, this.gridlocalization);
+                                }
+                                else {
+                                    var filter = filtergroup.createfilter(filtertype, value, condition);
+                                }
+                                filtergroup.addfilter(operator, filter);
+
+                                if (this.showfilterrow) {
+                                    var widget = column._filterwidget;
+                                    var tablecolumn = column._filterwidget.parent();
+                                    if (widget != null) {
+                                        switch (column.filtertype) {
+                                            case 'number':
+                                                tablecolumn.find('input').val(value);
+                                                if (this.host.jqxDropDownList) {
+                                                    var conditions = filtergroup.getoperatorsbyfiltertype('numericfilter');
+                                                    widget.find('.filter').jqxDropDownList('selectIndex', conditions.indexOf(condition));
                                                 }
-                                                if (isNaN(to)) {
-                                                    to = $.jqx.dataFormat.tryparsedate(value);
+                                                break;
+                                            case 'date':
+                                                if (this.host.jqxDateTimeInput) {
+                                                    $(tablecolumn.children()[0]).jqxDateTimeInput('setDate', value);
                                                 }
+                                                else widget.val(value);
+                                                break;
+                                            case 'range':
+                                                if (this.host.jqxDateTimeInput) {
+                                                    var value2 = data.filters['filtervalue' + (i + 1)];
+                                                    var filtertype = data.filters['filtertype' + i];
+                                                    var filter = filtergroup.createfilter(filtertype, value2, "LESS_THAN_OR_EQUAL");
+                                                    filtergroup.addfilter(operator, filter);
+
+                                                    var from = new Date(value);
+                                                    var to = new Date(value2);
+
+                                                    if (column.cellsformat) {
+                                                        from = $.jqx.dataFormat.tryparsedate(value, null, column.cellsformat);
+                                                        to = $.jqx.dataFormat.tryparsedate(value2, null, column.cellsformat);
+                                                    }
 
-                                                $(tablecolumn.children()[0]).jqxDateTimeInput('setRange', from, to);
-                                                i++;
-                                            }
-                                            else widget.val(value);
-                                            break;
-                                        case 'textbox':
-                                        case 'default':
-                                            widget.val(value);
-                                            me["_oldWriteText" + widget[0].id] = value;
-                                            break;
-                                        case 'list':
-                                            if (this.host.jqxDropDownList) {
-                                                var items = $(tablecolumn.children()[0]).jqxDropDownList('getItems');
-                                                var index = -1;
-                                                $.each(items, function (i) {
-                                                    if (this.value == value) {
-                                                        index = i;
-                                                        return false;
+                                                    if (isNaN(from)) {
+                                                        from = $.jqx.dataFormat.tryparsedate(value);
+                                                    }
+                                                    if (isNaN(to)) {
+                                                        to = $.jqx.dataFormat.tryparsedate(value2);
                                                     }
-                                                });
 
-                                                $(tablecolumn.children()[0]).jqxDropDownList('selectIndex', index);
-                                            }
-                                            else widget.val(value);
-                                            break;
-                                        case 'checkedlist':
-                                            if (!this.host.jqxDropDownList) {
-                                                widget.val(value);
-                                            }
-                                            break;
-                                        case 'bool':
-                                        case 'boolean':
-                                            if (!this.host.jqxCheckBox) {
+                                                    $(tablecolumn.children()[0]).jqxDateTimeInput('setRange', from, to);
+                                                    i++;
+                                                }
+                                                else widget.val(value);
+                                                break;
+                                            case 'textbox':
+                                            case 'default':
                                                 widget.val(value);
-                                            }
-                                            else $(tablecolumn.children()[0]).jqxCheckBox({ checked: value });
-                                            break;
+                                                me["_oldWriteText" + widget[0].id] = value;
+                                                break;
+                                            case 'list':
+                                                if (this.host.jqxDropDownList) {
+                                                    var items = $(tablecolumn.children()[0]).jqxDropDownList('getItems');
+                                                    var index = -1;
+                                                    $.each(items, function (i) {
+                                                        if (this.value == value) {
+                                                            index = i;
+                                                            return false;
+                                                        }
+                                                    });
+
+                                                    $(tablecolumn.children()[0]).jqxDropDownList('selectIndex', index);
+                                                }
+                                                else widget.val(value);
+                                                break;
+                                            case 'checkedlist':
+                                                if (!this.host.jqxDropDownList) {
+                                                    widget.val(value);
+                                                }
+                                                break;
+                                            case 'bool':
+                                            case 'boolean':
+                                                if (!this.host.jqxCheckBox) {
+                                                    widget.val(value);
+                                                }
+                                                else $(tablecolumn.children()[0]).jqxCheckBox({ checked: value });
+                                                break;
+                                        }
                                     }
                                 }
+                                this.addfilter(datafield, filtergroup);
                             }
-                            this.addfilter(datafield, filtergroup);
                         }
-                    }
-                    if (data.filters && data.filters.filterscount > 0) {
-                        this.applyfilters();
-                        if (this.showfilterrow) {
-                            $.each(this.columns.records, function () {
-                                if (this.filtertype == 'checkedlist' && this.filterable) {
-                                    if (me.host.jqxDropDownList) {
-                                        var column = this;
-                                        var dropdownlist = column._filterwidget;
-                                        var dropdownitems = dropdownlist.jqxDropDownList('getItems');
-                                        var listbox = dropdownlist.jqxDropDownList('listBox');
-                                        listbox.checkAll(false);
-                                        if (column.filter) {
-                                            listbox.uncheckAll(false);
-                                            var filters = column.filter.getfilters();
-
-                                            for (var i = 0; i < listbox.items.length; i++) {
-                                                var label = listbox.items[i].label;
-                                                $.each(filters, function () {
-                                                    if (this.condition == "NOT_EQUAL") return true;
-                                                    if (label == this.value) {
-                                                        listbox.checkIndex(i, false, false);
-                                                    }
-                                                });
-                                            }
-                                            listbox._updateCheckedItems();
-                                            var checkedItemsLength = listbox.getCheckedItems().length;
-                                            if (listbox.items.length != checkedItemsLength && checkedItemsLength > 0) {
-                                                listbox.host.jqxListBox('indeterminateIndex', 0, true, false);
+                        if (data.filters && data.filters.filterscount > 0) {
+                            this.applyfilters();
+                            if (this.showfilterrow) {
+                                $.each(this.columns.records, function () {
+                                    if (this.filtertype == 'checkedlist' && this.filterable) {
+                                        if (me.host.jqxDropDownList) {
+                                            var column = this;
+                                            var dropdownlist = column._filterwidget;
+                                            var dropdownitems = dropdownlist.jqxDropDownList('getItems');
+                                            var listbox = dropdownlist.jqxDropDownList('listBox');
+                                            listbox.checkAll(false);
+                                            if (column.filter) {
+                                                listbox.uncheckAll(false);
+                                                var filters = column.filter.getfilters();
+
+                                                for (var i = 0; i < listbox.items.length; i++) {
+                                                    var label = listbox.items[i].label;
+                                                    $.each(filters, function () {
+                                                        if (this.condition == "NOT_EQUAL") return true;
+                                                        if (label == this.value) {
+                                                            listbox.checkIndex(i, false, false);
+                                                        }
+                                                    });
+                                                }
+                                                listbox._updateCheckedItems();
+                                                var checkedItemsLength = listbox.getCheckedItems().length;
+                                                if (listbox.items.length != checkedItemsLength && checkedItemsLength > 0) {
+                                                    listbox.host.jqxListBox('indeterminateIndex', 0, true, false);
+                                                }
                                             }
                                         }
                                     }
-                                }
-                            });
+                                });
+                            }
                         }
-                    }
 
-                    if (this.pageable && data.pagenum !== undefined) {
-                        if (this.gotopage && !this.virtualmode) {
-                            this.dataview.pagenum = -1;
-                            this.gotopage(data.pagenum);
-                        }
-                        else if (this.gotopage && this.virtualmode) {
-                            this.gotopage(data.pagenum);
+                        if (this.pageable && data.pagenum !== undefined) {
+                            if (this.gotopage && !this.virtualmode) {
+                                this.dataview.pagenum = -1;
+                                this.gotopage(data.pagenum);
+                            }
+                            else if (this.gotopage && this.virtualmode) {
+                                this.gotopage(data.pagenum);
+                            }
                         }
                     }
-                }
 
-                if (data.selectedrowindexes && data.selectedrowindexes && data.selectedrowindexes.length > 0) {
-                    this.selectedrowindexes = data.selectedrowindexes;
-                    this.selectedrowindex = data.selectedrowindex;
-                    if (this.selectionmode === "checkbox") {
-                        this._updatecheckboxselection();
+                    if (data.selectedrowindexes && data.selectedrowindexes && data.selectedrowindexes.length > 0) {
+                        this.selectedrowindexes = data.selectedrowindexes;
+                        this.selectedrowindex = data.selectedrowindex;
+                        if (this.selectionmode === "checkbox") {
+                            this._updatecheckboxselection();
+                        }
                     }
-                }
-                if (data.selectedcells) {
-                    if (this._applycellselection) {
-                        $.each(data.selectedcells, function () {
-                            me._applycellselection(this.rowindex, this.datafield, true, false);
-                        });
+                    if (data.selectedcells) {
+                        if (this._applycellselection) {
+                            $.each(data.selectedcells, function () {
+                                me._applycellselection(this.rowindex, this.datafield, true, false);
+                            });
+                        }
                     }
-                }
 
-                if (this.groupable && data.groups !== undefined) {
-                    this._refreshdataview();
-                    this.render();
-                    this._loading = _tmploading;
-                    this.loadingstate = false;
+                    if (this.groupable && data.groups !== undefined) {
+                        this._refreshdataview();
+                        this.render();
+                        this._loading = _tmploading;
+                        this.loadingstate = false;
 
-                    return;
-                }
+                        return;
+                    }
 
-                if (requiresRender) {
-                    this.prerenderrequired = true;
-                    this.rendergridcontent(true);
-                    this._loading = _tmploading;
-                    this.loadingstate = false;
-                    if (this.updating()) {
-                        return false;
+                    if (requiresRender) {
+                        this.prerenderrequired = true;
+                        this.rendergridcontent(true);
+                        this._loading = _tmploading;
+                        this.loadingstate = false;
+                        if (this.updating()) {
+                            return false;
+                        }
                     }
-                }
-                else {
-                    this._loading = _tmploading;
-                    this._updatecolumnwidths();
-                    this._updatecellwidths();
+                    else {
+                        this._loading = _tmploading;
+                        this._updatecolumnwidths();
+                        this._updatecellwidths();
+                        this.loadingstate = false;
+                    }
+
                     this.loadingstate = false;
+                    this._loading = _tmploading;
+                    this._renderrows(this.virtualsizeinfo);
                 }
-
                 this.loadingstate = false;
-                this._loading = _tmploading;
-                this._renderrows(this.virtualsizeinfo);
-            }
-            this.loadingstate = false;
-        },
+            },
 
-        getstate: function () {
-            var datainfo = this.getdatainformation();
-            var data = {};
-            data.width = this.width;
-            data.height = this.height;
-            data.pagenum = datainfo.paginginformation.pagenum;
-            data.pagesize = datainfo.paginginformation.pagesize;
-            data.pagesizeoptions = this.pagesizeoptions;
-            data.sortcolumn = datainfo.sortinformation.sortcolumn;
-            data.sortdirection = datainfo.sortinformation.sortdirection;
-
-            if (this.sortmode === 'many') {
-                data.sortcolumns = this.getsortcolumns();
-            }
-            if (this.selectionmode != null) {
-                if (this.getselectedcells) {
-                    if (this.selectionmode.toString().indexOf('cell') != -1) {
-                        var selectedcells = this.getselectedcells();
-                        var cells = new Array();
-                        $.each(selectedcells, function () {
-                            cells.push({ datafield: this.datafield, rowindex: this.rowindex });
-                        });
-                        data.selectedcells = cells;
-                    }
-                    else {
-                        var selectedrowindexes = this.getselectedrowindexes();
-                        data.selectedrowindexes = selectedrowindexes;
-                        data.selectedrowindex = this.selectedrowindex;
-                    }
-                }
-            }
-            var postdata = {};
-            var filterslength = 0;
-            if (this.dataview.filters) {
-                for (var x = 0; x < this.dataview.filters.length; x++) {
-                    var filterdatafield = this.dataview.filters[x].datafield;
-                    var filter = this.dataview.filters[x].filter;
-                    var filters = filter.getfilters();
-                    postdata[filterdatafield + "operator"] = filter.operator;
-                    for (var m = 0; m < filters.length; m++) {
-                        filters[m].datafield = filterdatafield;
-                        if (filters[m].type == "datefilter") {
-                            if (filters[m].value && filters[m].value.toLocaleString) {
-                                var column = this.getcolumn(filters[m].datafield);
-                                if (column.cellsformat) {
-                                    var value = this.source.formatDate(filters[m].value, column.cellsformat, this.gridlocalization);
-                                    if (value) {
-                                        postdata["filtervalue" + filterslength] = value;
+            getstate: function () {
+                var datainfo = this.getdatainformation();
+                var data = {};
+                data.width = this.width;
+                data.height = this.height;
+                data.pagenum = datainfo.paginginformation.pagenum;
+                data.pagesize = datainfo.paginginformation.pagesize;
+                data.pagesizeoptions = this.pagesizeoptions;
+                data.sortcolumn = datainfo.sortinformation.sortcolumn;
+                data.sortdirection = datainfo.sortinformation.sortdirection;
+
+                if (this.sortmode === 'many') {
+                    data.sortcolumns = this.getsortcolumns();
+                }
+                if (this.selectionmode != null) {
+                    if (this.getselectedcells) {
+                        if (this.selectionmode.toString().indexOf('cell') != -1) {
+                            var selectedcells = this.getselectedcells();
+                            var cells = new Array();
+                            $.each(selectedcells, function () {
+                                cells.push({ datafield: this.datafield, rowindex: this.rowindex });
+                            });
+                            data.selectedcells = cells;
+                        }
+                        else {
+                            var selectedrowindexes = this.getselectedrowindexes();
+                            data.selectedrowindexes = selectedrowindexes;
+                            data.selectedrowindex = this.selectedrowindex;
+                        }
+                    }
+                }
+                var postdata = {};
+                var filterslength = 0;
+                if (this.dataview.filters) {
+                    for (var x = 0; x < this.dataview.filters.length; x++) {
+                        var filterdatafield = this.dataview.filters[x].datafield;
+                        var filter = this.dataview.filters[x].filter;
+                        var filters = filter.getfilters();
+                        postdata[filterdatafield + "operator"] = filter.operator;
+                        for (var m = 0; m < filters.length; m++) {
+                            filters[m].datafield = filterdatafield;
+                            if (filters[m].type == "datefilter") {
+                                if (filters[m].value && filters[m].value.toLocaleString) {
+                                    var column = this.getcolumn(filters[m].datafield);
+                                    if (column.cellsformat) {
+                                        var value = this.source.formatDate(filters[m].value, column.cellsformat, this.gridlocalization);
+                                        if (value) {
+                                            postdata["filtervalue" + filterslength] = value;
+                                        }
+                                        else {
+                                            postdata["filtervalue" + filterslength] = filters[m].value.toLocaleString();
+                                        }
                                     }
                                     else {
                                         postdata["filtervalue" + filterslength] = filters[m].value.toLocaleString();
                                     }
                                 }
                                 else {
-                                    postdata["filtervalue" + filterslength] = filters[m].value.toLocaleString();
+                                    postdata["filtervalue" + filterslength] = filters[m].value;
                                 }
                             }
                             else {
                                 postdata["filtervalue" + filterslength] = filters[m].value;
                             }
-                        }
-                        else {
-                            postdata["filtervalue" + filterslength] = filters[m].value;
-                        }
-                        postdata["filtercondition" + filterslength] = filters[m].condition;
-                        postdata["filteroperator" + filterslength] = filters[m].operator;
-                        postdata["filterdatafield" + filterslength] = filterdatafield;
-                        postdata["filtertype" + filterslength] = filters[m].type;
+                            postdata["filtercondition" + filterslength] = filters[m].condition;
+                            postdata["filteroperator" + filterslength] = filters[m].operator;
+                            postdata["filterdatafield" + filterslength] = filterdatafield;
+                            postdata["filtertype" + filterslength] = filters[m].type;
 
-                        filterslength++;
+                            filterslength++;
+                        }
                     }
                 }
-            }
-            postdata.filterscount = filterslength;
-            data.filters = postdata;
-            data.groups = this.groups;
-            //if (this.groupable && this.groups.length > 0) {
-            //    var me = this;
-            //    var groupstates = [];
-            //    $.each(this.dataview.loadedgroups, function () {
-            //        var groupstate = me._findgroupstate(this.uniqueid);
-            //        groupstates[this.group] = groupstate;
-            //    });
-            //    data.groupstates = groupstates;
-            //}
-
-            data.columns = {};
-            var columnindex = 0;
-            if (this.columns.records) {
-                $.each(this.columns.records, function (index, value) {
-                    if (!this.datafield) {
-                        return true;
-                    }
+                postdata.filterscount = filterslength;
+                data.filters = postdata;
+                data.groups = this.groups;
+                //if (this.groupable && this.groups.length > 0) {
+                //    var me = this;
+                //    var groupstates = [];
+                //    $.each(this.dataview.loadedgroups, function () {
+                //        var groupstate = me._findgroupstate(this.uniqueid);
+                //        groupstates[this.group] = groupstate;
+                //    });
+                //    data.groupstates = groupstates;
+                //}
 
-                    var columndata = {};
-                    columndata.width = this.width;
-                    if (this._percentagewidth) {
-                        columndata.width = this._percentagewidth;
-                    }
-                    columndata.hidden = this.hidden;
-                    columndata.pinned = this.pinned;
-                    columndata.groupable = this.groupable;
-                    columndata.resizable = this.resizable;
-                    columndata.draggable = this.draggable;
-                    columndata.text = this.text;
-                    columndata.align = this.align;
-                    columndata.cellsalign = this.cellsalign;
-                    columndata.index = columnindex++;
-                    data.columns[this.datafield] = columndata;
-                });
-            }
-            return data;
-        },
+                data.columns = {};
+                var columnindex = 0;
+                if (this.columns.records) {
+                    $.each(this.columns.records, function (index, value) {
+                        if (!this.datafield) {
+                            return true;
+                        }
 
-        _stringify: function (value) {
-            if (window.JSON && typeof window.JSON.stringify === 'function') {
-                var me = this;
-                var json = "";
-                try {
-                    json = window.JSON.stringify(value);
+                        var columndata = {};
+                        columndata.width = this.width;
+                        if (this._percentagewidth) {
+                            columndata.width = this._percentagewidth;
+                        }
+                        columndata.hidden = this.hidden;
+                        columndata.pinned = this.pinned;
+                        columndata.groupable = this.groupable;
+                        columndata.resizable = this.resizable;
+                        columndata.draggable = this.draggable;
+                        columndata.text = this.text;
+                        columndata.align = this.align;
+                        columndata.cellsalign = this.cellsalign;
+                        columndata.index = columnindex++;
+                        data.columns[this.datafield] = columndata;
+                    });
                 }
-                catch (error) {
-                    return me._str("", { "": value })
+                return data;
+            },
+
+            _stringify: function (value) {
+                if (window.JSON && typeof window.JSON.stringify === 'function') {
+                    var me = this;
+                    var json = "";
+                    try {
+                        json = window.JSON.stringify(value);
+                    }
+                    catch (error) {
+                        return me._str("", { "": value })
+                    }
+                    return json;
                 }
-                return json;
-            }
 
-            var json = this._str("", { "": value })
-            return json;
-        },
+                var json = this._str("", { "": value })
+                return json;
+            },
 
-        _quote: function (string) {
-            var escapable = /[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
-                meta = {
-                    '\b': '\\b',
-                    '\t': '\\t',
-                    '\n': '\\n',
-                    '\f': '\\f',
-                    '\r': '\\r',
-                    '"': '\\"',
-                    '\\': '\\\\'
-                };
+            _quote: function (string) {
+                var escapable = /[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
+                    meta = {
+                        '\b': '\\b',
+                        '\t': '\\t',
+                        '\n': '\\n',
+                        '\f': '\\f',
+                        '\r': '\\r',
+                        '"': '\\"',
+                        '\\': '\\\\'
+                    };
 
-            return '"' + string.replace(escapable, function (a) {
-                var c = meta[a];
-                return typeof c === 'string' ? c : '\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
-            }) + '"';
-        },
+                return '"' + string.replace(escapable, function (a) {
+                    var c = meta[a];
+                    return typeof c === 'string' ? c : '\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
+                }) + '"';
+            },
 
 
-        _stringifyArray: function (value) {
-            var len = value.length,
-                partial = [],
-                i;
-            for (var i = 0; i < len; i++) {
-                partial.push(this._str(i, value) || 'null');
-            }
+            _stringifyArray: function (value) {
+                var len = value.length,
+                    partial = [],
+                    i;
+                for (var i = 0; i < len; i++) {
+                    partial.push(this._str(i, value) || 'null');
+                }
 
-            return '[' + partial.join(',') + ']';
-        },
+                return '[' + partial.join(',') + ']';
+            },
 
-        _stringifyObject: function (value) {
-            var partial = [],
-                i, v;
-            var me = this;
-            for (i in value) {
-                if (Object.prototype.hasOwnProperty.call(value, i)) {
-                    v = me._str(i, value);
-                    if (v) {
-                        partial.push(me._quote(i) + ':' + v);
+            _stringifyObject: function (value) {
+                var partial = [],
+                    i, v;
+                var me = this;
+                for (i in value) {
+                    if (Object.prototype.hasOwnProperty.call(value, i)) {
+                        v = me._str(i, value);
+                        if (v) {
+                            partial.push(me._quote(i) + ':' + v);
+                        }
                     }
                 }
-            }
-            return '{' + partial.join(',') + '}';
-        },
+                return '{' + partial.join(',') + '}';
+            },
 
-        _stringifyReference: function (value) {
-            switch (Object.prototype.toString.call(value)) {
-                case '[object Array]':
-                    return this._stringifyArray(value);
-            }
-            return this._stringifyObject(value);
-        },
+            _stringifyReference: function (value) {
+                switch (Object.prototype.toString.call(value)) {
+                    case '[object Array]':
+                        return this._stringifyArray(value);
+                }
+                return this._stringifyObject(value);
+            },
 
-        _stringifyPrimitive: function (value, type) {
-            switch (type) {
-                case 'string':
-                    return this._quote(value);
-                case 'number':
-                    return isFinite(value) ? value : 'null';
-                case 'boolean':
-                    return value;
-            }
-            return 'null';
-        },
+            _stringifyPrimitive: function (value, type) {
+                switch (type) {
+                    case 'string':
+                        return this._quote(value);
+                    case 'number':
+                        return isFinite(value) ? value : 'null';
+                    case 'boolean':
+                        return value;
+                }
+                return 'null';
+            },
 
-        _str: function (key, holder) {
-            var value = holder[key], type = typeof value;
+            _str: function (key, holder) {
+                var value = holder[key], type = typeof value;
 
-            if (value && typeof value === 'object' && typeof value.toJSON === 'function') {
-                value = value.toJSON(key);
-                type = typeof value;
-            }
-            if (/(number|string|boolean)/.test(type) || (!value && type === 'object')) {
-                return this._stringifyPrimitive(value, type);
-            } else {
-                return this._stringifyReference(value);
+                if (value && typeof value === 'object' && typeof value.toJSON === 'function') {
+                    value = value.toJSON(key);
+                    type = typeof value;
+                }
+                if (/(number|string|boolean)/.test(type) || (!value && type === 'object')) {
+                    return this._stringifyPrimitive(value, type);
+                } else {
+                    return this._stringifyReference(value);
+                }
             }
-        }
-    });
-})(jqxBaseFramework);
-})();
-
-
+        });
+    })(jqxBaseFramework);
+})();
 
 /***/ }),
 
@@ -84498,7 +85506,7 @@ var saveAs = window.jqxSaveAs = saveAs
         // clears the selection.
         clearSelection: function (render) {
             for (var indx = 0; indx < this.selectedIndexes.length; indx++) {
-                if (this.selectedIndexes[indx] && this.selectedIndexes[indx] != -1) {
+                if (this.selectedIndexes[indx] !== undefined && this.selectedIndexes[indx] != -1) {
                     this._raiseEvent('1', { index: indx, type: 'api', item: this.getVisibleItem(indx), originalEvent: null });
                 }
 
@@ -87731,9 +88739,7 @@ var saveAs = window.jqxSaveAs = saveAs
         return result;
     }
 })(jqxBaseFramework);
-})();
-
-
+})();
 
 /***/ }),
 
@@ -90704,9 +91710,7 @@ var saveAs = window.jqxSaveAs = saveAs
         return menuItem;
     }; //
 })(jqxBaseFramework);
-})();
-
-
+})();
 
 /***/ }),
 
@@ -94662,9 +95666,7 @@ var saveAs = window.jqxSaveAs = saveAs
         }
     });
 })(jqxBaseFramework);
-})();
-
-
+})();
 
 /***/ }),
 
@@ -96257,8 +97259,6 @@ var saveAs = window.jqxSaveAs = saveAs
     }); // jqxScrollBar
 })(jqxBaseFramework);
 })();
-
-
 
 
 /***/ })
@@ -96269,7 +97269,7 @@ var saveAs = window.jqxSaveAs = saveAs
 /******/ 	var __webpack_module_cache__ = {};
 /******/ 	
 /******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
+/******/ 	function __nested_webpack_require_4285403__(moduleId) {
 /******/ 		// Check if module is in cache
 /******/ 		var cachedModule = __webpack_module_cache__[moduleId];
 /******/ 		if (cachedModule !== undefined) {
@@ -96283,7 +97283,7 @@ var saveAs = window.jqxSaveAs = saveAs
 /******/ 		};
 /******/ 	
 /******/ 		// Execute the module function
-/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __nested_webpack_require_4285403__);
 /******/ 	
 /******/ 		// Return the exports of the module
 /******/ 		return module.exports;
@@ -96292,17 +97292,17 @@ var saveAs = window.jqxSaveAs = saveAs
 /************************************************************************/
 /******/ 	/* webpack/runtime/amd options */
 /******/ 	(() => {
-/******/ 		__webpack_require__.amdO = {};
+/******/ 		__nested_webpack_require_4285403__.amdO = {};
 /******/ 	})();
 /******/ 	
 /******/ 	/* webpack/runtime/compat get default export */
 /******/ 	(() => {
 /******/ 		// getDefaultExport function for compatibility with non-harmony modules
-/******/ 		__webpack_require__.n = (module) => {
+/******/ 		__nested_webpack_require_4285403__.n = (module) => {
 /******/ 			var getter = module && module.__esModule ?
 /******/ 				() => (module['default']) :
 /******/ 				() => (module);
-/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			__nested_webpack_require_4285403__.d(getter, { a: getter });
 /******/ 			return getter;
 /******/ 		};
 /******/ 	})();
@@ -96310,9 +97310,9 @@ var saveAs = window.jqxSaveAs = saveAs
 /******/ 	/* webpack/runtime/define property getters */
 /******/ 	(() => {
 /******/ 		// define getter functions for harmony exports
-/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 		__nested_webpack_require_4285403__.d = (exports, definition) => {
 /******/ 			for(var key in definition) {
-/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 				if(__nested_webpack_require_4285403__.o(definition, key) && !__nested_webpack_require_4285403__.o(exports, key)) {
 /******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
 /******/ 				}
 /******/ 			}
@@ -96321,7 +97321,7 @@ var saveAs = window.jqxSaveAs = saveAs
 /******/ 	
 /******/ 	/* webpack/runtime/hasOwnProperty shorthand */
 /******/ 	(() => {
-/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 		__nested_webpack_require_4285403__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
 /******/ 	})();
 /******/ 	
 /************************************************************************/
@@ -96329,64 +97329,64 @@ var __webpack_exports__ = {};
 // This entry need to be wrapped in an IIFE because it need to be in strict mode.
 (() => {
 "use strict";
-/* harmony import */ var _jqxcore__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5459);
-/* harmony import */ var _jqxcore__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_jqxcore__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _jqxdata__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4198);
-/* harmony import */ var _jqxdata__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_jqxdata__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _jqxdata_export__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(3907);
-/* harmony import */ var _jqxdata_export__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_jqxdata_export__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _jqxexport__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(714);
-/* harmony import */ var _jqxexport__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_jqxexport__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _jqxbuttons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(7351);
-/* harmony import */ var _jqxbuttons__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_jqxbuttons__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _jqxbuttongroup__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(7196);
-/* harmony import */ var _jqxbuttongroup__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_jqxbuttongroup__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var _jqxscrollbar__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(4240);
-/* harmony import */ var _jqxscrollbar__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_jqxscrollbar__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var _jqxmenu__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(1610);
-/* harmony import */ var _jqxmenu__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_jqxmenu__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var _jqxlistbox__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(1062);
-/* harmony import */ var _jqxlistbox__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_jqxlistbox__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var _jqxdropdownlist__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(5868);
-/* harmony import */ var _jqxdropdownlist__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_jqxdropdownlist__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var _jqxcombobox__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(4720);
-/* harmony import */ var _jqxcombobox__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_jqxcombobox__WEBPACK_IMPORTED_MODULE_10__);
-/* harmony import */ var _jqxnumberinput__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(7995);
-/* harmony import */ var _jqxnumberinput__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_jqxnumberinput__WEBPACK_IMPORTED_MODULE_11__);
-/* harmony import */ var _jqxcheckbox__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(4545);
-/* harmony import */ var _jqxcheckbox__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_jqxcheckbox__WEBPACK_IMPORTED_MODULE_12__);
-/* harmony import */ var _globalization_globalize__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(2497);
-/* harmony import */ var _globalization_globalize__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_globalization_globalize__WEBPACK_IMPORTED_MODULE_13__);
-/* harmony import */ var _jqxcalendar__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(5725);
-/* harmony import */ var _jqxcalendar__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_jqxcalendar__WEBPACK_IMPORTED_MODULE_14__);
-/* harmony import */ var _jqxdatetimeinput__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(4993);
-/* harmony import */ var _jqxdatetimeinput__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(_jqxdatetimeinput__WEBPACK_IMPORTED_MODULE_15__);
-/* harmony import */ var _jqxgrid__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(4007);
-/* harmony import */ var _jqxgrid__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(_jqxgrid__WEBPACK_IMPORTED_MODULE_16__);
-/* harmony import */ var _jqxgrid_edit__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(5574);
-/* harmony import */ var _jqxgrid_edit__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(_jqxgrid_edit__WEBPACK_IMPORTED_MODULE_17__);
-/* harmony import */ var _jqxgrid_pager__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(5911);
-/* harmony import */ var _jqxgrid_pager__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(_jqxgrid_pager__WEBPACK_IMPORTED_MODULE_18__);
-/* harmony import */ var _jqxgrid_selection__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(9041);
-/* harmony import */ var _jqxgrid_selection__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(_jqxgrid_selection__WEBPACK_IMPORTED_MODULE_19__);
-/* harmony import */ var _jqxgrid_filter__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(8690);
-/* harmony import */ var _jqxgrid_filter__WEBPACK_IMPORTED_MODULE_20___default = /*#__PURE__*/__webpack_require__.n(_jqxgrid_filter__WEBPACK_IMPORTED_MODULE_20__);
-/* harmony import */ var _jqxgrid_sort__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(4687);
-/* harmony import */ var _jqxgrid_sort__WEBPACK_IMPORTED_MODULE_21___default = /*#__PURE__*/__webpack_require__.n(_jqxgrid_sort__WEBPACK_IMPORTED_MODULE_21__);
-/* harmony import */ var _jqxgrid_storage__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(9701);
-/* harmony import */ var _jqxgrid_storage__WEBPACK_IMPORTED_MODULE_22___default = /*#__PURE__*/__webpack_require__.n(_jqxgrid_storage__WEBPACK_IMPORTED_MODULE_22__);
-/* harmony import */ var _jqxgrid_grouping__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(3066);
-/* harmony import */ var _jqxgrid_grouping__WEBPACK_IMPORTED_MODULE_23___default = /*#__PURE__*/__webpack_require__.n(_jqxgrid_grouping__WEBPACK_IMPORTED_MODULE_23__);
-/* harmony import */ var _jqxgrid_export__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(469);
-/* harmony import */ var _jqxgrid_export__WEBPACK_IMPORTED_MODULE_24___default = /*#__PURE__*/__webpack_require__.n(_jqxgrid_export__WEBPACK_IMPORTED_MODULE_24__);
-/* harmony import */ var _jqxgrid_columnsresize__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(4854);
-/* harmony import */ var _jqxgrid_columnsresize__WEBPACK_IMPORTED_MODULE_25___default = /*#__PURE__*/__webpack_require__.n(_jqxgrid_columnsresize__WEBPACK_IMPORTED_MODULE_25__);
-/* harmony import */ var _jqxgrid_columnsreorder__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(2421);
-/* harmony import */ var _jqxgrid_columnsreorder__WEBPACK_IMPORTED_MODULE_26___default = /*#__PURE__*/__webpack_require__.n(_jqxgrid_columnsreorder__WEBPACK_IMPORTED_MODULE_26__);
-/* harmony import */ var _jqxgrid_aggregates__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(3189);
-/* harmony import */ var _jqxgrid_aggregates__WEBPACK_IMPORTED_MODULE_27___default = /*#__PURE__*/__webpack_require__.n(_jqxgrid_aggregates__WEBPACK_IMPORTED_MODULE_27__);
-/* harmony import */ var _jqxgrid_chart__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(2465);
-/* harmony import */ var _jqxgrid_chart__WEBPACK_IMPORTED_MODULE_28___default = /*#__PURE__*/__webpack_require__.n(_jqxgrid_chart__WEBPACK_IMPORTED_MODULE_28__);
+/* harmony import */ var _jqxcore__WEBPACK_IMPORTED_MODULE_0__ = __nested_webpack_require_4285403__(5459);
+/* harmony import */ var _jqxcore__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__nested_webpack_require_4285403__.n(_jqxcore__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _jqxdata__WEBPACK_IMPORTED_MODULE_1__ = __nested_webpack_require_4285403__(4198);
+/* harmony import */ var _jqxdata__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__nested_webpack_require_4285403__.n(_jqxdata__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _jqxdata_export__WEBPACK_IMPORTED_MODULE_2__ = __nested_webpack_require_4285403__(3907);
+/* harmony import */ var _jqxdata_export__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__nested_webpack_require_4285403__.n(_jqxdata_export__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _jqxexport__WEBPACK_IMPORTED_MODULE_3__ = __nested_webpack_require_4285403__(714);
+/* harmony import */ var _jqxexport__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__nested_webpack_require_4285403__.n(_jqxexport__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _jqxbuttons__WEBPACK_IMPORTED_MODULE_4__ = __nested_webpack_require_4285403__(7351);
+/* harmony import */ var _jqxbuttons__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__nested_webpack_require_4285403__.n(_jqxbuttons__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _jqxbuttongroup__WEBPACK_IMPORTED_MODULE_5__ = __nested_webpack_require_4285403__(7196);
+/* harmony import */ var _jqxbuttongroup__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__nested_webpack_require_4285403__.n(_jqxbuttongroup__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _jqxscrollbar__WEBPACK_IMPORTED_MODULE_6__ = __nested_webpack_require_4285403__(4240);
+/* harmony import */ var _jqxscrollbar__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__nested_webpack_require_4285403__.n(_jqxscrollbar__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var _jqxmenu__WEBPACK_IMPORTED_MODULE_7__ = __nested_webpack_require_4285403__(1610);
+/* harmony import */ var _jqxmenu__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__nested_webpack_require_4285403__.n(_jqxmenu__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var _jqxlistbox__WEBPACK_IMPORTED_MODULE_8__ = __nested_webpack_require_4285403__(1062);
+/* harmony import */ var _jqxlistbox__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__nested_webpack_require_4285403__.n(_jqxlistbox__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var _jqxdropdownlist__WEBPACK_IMPORTED_MODULE_9__ = __nested_webpack_require_4285403__(5868);
+/* harmony import */ var _jqxdropdownlist__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__nested_webpack_require_4285403__.n(_jqxdropdownlist__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var _jqxcombobox__WEBPACK_IMPORTED_MODULE_10__ = __nested_webpack_require_4285403__(4720);
+/* harmony import */ var _jqxcombobox__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__nested_webpack_require_4285403__.n(_jqxcombobox__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var _jqxnumberinput__WEBPACK_IMPORTED_MODULE_11__ = __nested_webpack_require_4285403__(7995);
+/* harmony import */ var _jqxnumberinput__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__nested_webpack_require_4285403__.n(_jqxnumberinput__WEBPACK_IMPORTED_MODULE_11__);
+/* harmony import */ var _jqxcheckbox__WEBPACK_IMPORTED_MODULE_12__ = __nested_webpack_require_4285403__(4545);
+/* harmony import */ var _jqxcheckbox__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__nested_webpack_require_4285403__.n(_jqxcheckbox__WEBPACK_IMPORTED_MODULE_12__);
+/* harmony import */ var _globalization_globalize__WEBPACK_IMPORTED_MODULE_13__ = __nested_webpack_require_4285403__(2497);
+/* harmony import */ var _globalization_globalize__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__nested_webpack_require_4285403__.n(_globalization_globalize__WEBPACK_IMPORTED_MODULE_13__);
+/* harmony import */ var _jqxcalendar__WEBPACK_IMPORTED_MODULE_14__ = __nested_webpack_require_4285403__(5725);
+/* harmony import */ var _jqxcalendar__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__nested_webpack_require_4285403__.n(_jqxcalendar__WEBPACK_IMPORTED_MODULE_14__);
+/* harmony import */ var _jqxdatetimeinput__WEBPACK_IMPORTED_MODULE_15__ = __nested_webpack_require_4285403__(4993);
+/* harmony import */ var _jqxdatetimeinput__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__nested_webpack_require_4285403__.n(_jqxdatetimeinput__WEBPACK_IMPORTED_MODULE_15__);
+/* harmony import */ var _jqxgrid__WEBPACK_IMPORTED_MODULE_16__ = __nested_webpack_require_4285403__(4007);
+/* harmony import */ var _jqxgrid__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__nested_webpack_require_4285403__.n(_jqxgrid__WEBPACK_IMPORTED_MODULE_16__);
+/* harmony import */ var _jqxgrid_edit__WEBPACK_IMPORTED_MODULE_17__ = __nested_webpack_require_4285403__(5574);
+/* harmony import */ var _jqxgrid_edit__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__nested_webpack_require_4285403__.n(_jqxgrid_edit__WEBPACK_IMPORTED_MODULE_17__);
+/* harmony import */ var _jqxgrid_pager__WEBPACK_IMPORTED_MODULE_18__ = __nested_webpack_require_4285403__(5911);
+/* harmony import */ var _jqxgrid_pager__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__nested_webpack_require_4285403__.n(_jqxgrid_pager__WEBPACK_IMPORTED_MODULE_18__);
+/* harmony import */ var _jqxgrid_selection__WEBPACK_IMPORTED_MODULE_19__ = __nested_webpack_require_4285403__(9041);
+/* harmony import */ var _jqxgrid_selection__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__nested_webpack_require_4285403__.n(_jqxgrid_selection__WEBPACK_IMPORTED_MODULE_19__);
+/* harmony import */ var _jqxgrid_filter__WEBPACK_IMPORTED_MODULE_20__ = __nested_webpack_require_4285403__(8690);
+/* harmony import */ var _jqxgrid_filter__WEBPACK_IMPORTED_MODULE_20___default = /*#__PURE__*/__nested_webpack_require_4285403__.n(_jqxgrid_filter__WEBPACK_IMPORTED_MODULE_20__);
+/* harmony import */ var _jqxgrid_sort__WEBPACK_IMPORTED_MODULE_21__ = __nested_webpack_require_4285403__(4687);
+/* harmony import */ var _jqxgrid_sort__WEBPACK_IMPORTED_MODULE_21___default = /*#__PURE__*/__nested_webpack_require_4285403__.n(_jqxgrid_sort__WEBPACK_IMPORTED_MODULE_21__);
+/* harmony import */ var _jqxgrid_storage__WEBPACK_IMPORTED_MODULE_22__ = __nested_webpack_require_4285403__(9701);
+/* harmony import */ var _jqxgrid_storage__WEBPACK_IMPORTED_MODULE_22___default = /*#__PURE__*/__nested_webpack_require_4285403__.n(_jqxgrid_storage__WEBPACK_IMPORTED_MODULE_22__);
+/* harmony import */ var _jqxgrid_grouping__WEBPACK_IMPORTED_MODULE_23__ = __nested_webpack_require_4285403__(3066);
+/* harmony import */ var _jqxgrid_grouping__WEBPACK_IMPORTED_MODULE_23___default = /*#__PURE__*/__nested_webpack_require_4285403__.n(_jqxgrid_grouping__WEBPACK_IMPORTED_MODULE_23__);
+/* harmony import */ var _jqxgrid_export__WEBPACK_IMPORTED_MODULE_24__ = __nested_webpack_require_4285403__(469);
+/* harmony import */ var _jqxgrid_export__WEBPACK_IMPORTED_MODULE_24___default = /*#__PURE__*/__nested_webpack_require_4285403__.n(_jqxgrid_export__WEBPACK_IMPORTED_MODULE_24__);
+/* harmony import */ var _jqxgrid_columnsresize__WEBPACK_IMPORTED_MODULE_25__ = __nested_webpack_require_4285403__(4854);
+/* harmony import */ var _jqxgrid_columnsresize__WEBPACK_IMPORTED_MODULE_25___default = /*#__PURE__*/__nested_webpack_require_4285403__.n(_jqxgrid_columnsresize__WEBPACK_IMPORTED_MODULE_25__);
+/* harmony import */ var _jqxgrid_columnsreorder__WEBPACK_IMPORTED_MODULE_26__ = __nested_webpack_require_4285403__(2421);
+/* harmony import */ var _jqxgrid_columnsreorder__WEBPACK_IMPORTED_MODULE_26___default = /*#__PURE__*/__nested_webpack_require_4285403__.n(_jqxgrid_columnsreorder__WEBPACK_IMPORTED_MODULE_26__);
+/* harmony import */ var _jqxgrid_aggregates__WEBPACK_IMPORTED_MODULE_27__ = __nested_webpack_require_4285403__(3189);
+/* harmony import */ var _jqxgrid_aggregates__WEBPACK_IMPORTED_MODULE_27___default = /*#__PURE__*/__nested_webpack_require_4285403__.n(_jqxgrid_aggregates__WEBPACK_IMPORTED_MODULE_27__);
+/* harmony import */ var _jqxgrid_chart__WEBPACK_IMPORTED_MODULE_28__ = __nested_webpack_require_4285403__(2465);
+/* harmony import */ var _jqxgrid_chart__WEBPACK_IMPORTED_MODULE_28___default = /*#__PURE__*/__nested_webpack_require_4285403__.n(_jqxgrid_chart__WEBPACK_IMPORTED_MODULE_28__);
 
 
 
@@ -96418,5 +97418,15 @@ var __webpack_exports__ = {};
 
 })();
 
+/******/ })()
+;
+/******/ })()
+;
+/******/ })()
+;
+/******/ })()
+;
+/******/ })()
+;
 /******/ })()
 ;