@easydata/crud 1.3.6-rc01 → 1.4.0-beta01

package/dist/browser/easydata.js

@@ -82,7 +82,7 @@ window["easydata"] =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 32);
+/******/ 	return __webpack_require__(__webpack_require__.s = 33);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -119,6 +119,7 @@ __webpack_require__.d(__webpack_exports__, "reverseString", function() { return
 __webpack_require__.d(__webpack_exports__, "strEndsWith", function() { return /* reexport */ string_utils["d" /* strEndsWith */]; });
 __webpack_require__.d(__webpack_exports__, "combinePath", function() { return /* reexport */ string_utils["a" /* combinePath */]; });
 __webpack_require__.d(__webpack_exports__, "utils", function() { return /* reexport */ utils["a" /* utils */]; });
+__webpack_require__.d(__webpack_exports__, "liquid", function() { return /* reexport */ liquid; });
 
 // EXTERNAL MODULE: d:/a/easydata/easydata/easydata.js/packs/core/dist/lib/types/data_type.js
 var data_type = __webpack_require__(2);
@@ -154,7 +155,7 @@ var http_method = __webpack_require__(11);
 var http_request = __webpack_require__(15);
 
 // EXTERNAL MODULE: d:/a/easydata/easydata/easydata.js/packs/core/dist/lib/http/http_client.js
-var http_client = __webpack_require__(22);
+var http_client = __webpack_require__(23);
 
 // EXTERNAL MODULE: d:/a/easydata/easydata/easydata.js/packs/core/dist/lib/i18n/i18n.js
 var i18n = __webpack_require__(5);
@@ -1016,7 +1017,7 @@ var data_column = __webpack_require__(16);
 var data_row = __webpack_require__(14);
 
 // EXTERNAL MODULE: d:/a/easydata/easydata/easydata.js/packs/core/dist/lib/data/easy_data_table.js
-var easy_data_table = __webpack_require__(26);
+var easy_data_table = __webpack_require__(27);
 
 // CONCATENATED MODULE: d:/a/easydata/easydata/easydata.js/packs/core/dist/lib/utils/easy_guid.js
 /**
@@ -1168,6 +1169,22 @@ var event_emitter_EventEmitter = /** @class */ (function () {
 // EXTERNAL MODULE: d:/a/easydata/easydata/easydata.js/packs/core/dist/lib/utils/string_utils.js
 var string_utils = __webpack_require__(13);
 
+// CONCATENATED MODULE: d:/a/easydata/easydata/easydata.js/packs/core/dist/lib/utils/liquid.js
+var liquid;
+(function (liquid) {
+    function renderLiquidTemplate(template, vars) {
+        var result = template;
+        if (vars) {
+            for (var v in vars) {
+                var liquidVarRegexp = new RegExp('\{\{' + v + '\}\}', 'g');
+                result = result.replace(liquidVarRegexp, vars[v]);
+            }
+        }
+        return result;
+    }
+    liquid.renderLiquidTemplate = renderLiquidTemplate;
+})(liquid || (liquid = {}));
+//# sourceMappingURL=liquid.js.map
 // CONCATENATED MODULE: d:/a/easydata/easydata/easydata.js/packs/core/dist/lib/i18n/load_default_locale_settings.js
 
 i18n["a" /* i18n */].resetLocales();
@@ -1199,6 +1216,7 @@ i18n["a" /* i18n */].resetLocales();
 
 
 
+
 if (typeof Object.values !== 'function') {
     Object.values = function (obj) {
         return Object.keys(obj).map(function (key) { return obj[key]; });
@@ -1629,11 +1647,13 @@ __webpack_require__.d(__webpack_exports__, "eqCssPrefix", function() { return /*
 __webpack_require__.d(__webpack_exports__, "eqCssMobile", function() { return /* reexport */ ui_utils["d" /* eqCssMobile */]; });
 __webpack_require__.d(__webpack_exports__, "DefaultDialogService", function() { return /* reexport */ default_dialog_service["b" /* DefaultDialogService */]; });
 __webpack_require__.d(__webpack_exports__, "DefaultDialog", function() { return /* reexport */ default_dialog_service["a" /* DefaultDialog */]; });
-__webpack_require__.d(__webpack_exports__, "DefaultProgressDialog", function() { return /* reexport */ default_dialog_service["c" /* DefaultProgressDialog */]; });
+__webpack_require__.d(__webpack_exports__, "DefaultProgressDialog", function() { return /* reexport */ default_dialog_service["d" /* DefaultProgressDialog */]; });
+__webpack_require__.d(__webpack_exports__, "DefaultDialogSet", function() { return /* reexport */ default_dialog_service["c" /* DefaultDialogSet */]; });
+__webpack_require__.d(__webpack_exports__, "DialogFooterAlignment", function() { return /* reexport */ dialog_service["a" /* DialogFooterAlignment */]; });
 __webpack_require__.d(__webpack_exports__, "dialogs", function() { return /* binding */ dialogs; });
 
 // EXTERNAL MODULE: d:/a/easydata/easydata/easydata.js/packs/ui/dist/lib/grid/easy_grid.js
-var easy_grid = __webpack_require__(27);
+var easy_grid = __webpack_require__(28);
 
 // EXTERNAL MODULE: d:/a/easydata/easydata/easydata.js/packs/ui/dist/lib/grid/easy_grid_columns.js
 var easy_grid_columns = __webpack_require__(8);
@@ -1783,7 +1803,7 @@ var date_time_picker_DateTimePicker = /** @class */ (function () {
 }());
 
 //# sourceMappingURL=date_time_picker.js.map
-// EXTERNAL MODULE: d:/a/easydata/easydata/easydata.js/packs/core/dist/lib/public_api.js + 9 modules
+// EXTERNAL MODULE: d:/a/easydata/easydata/easydata.js/packs/core/dist/lib/public_api.js + 10 modules
 var public_api = __webpack_require__(0);
 
 // EXTERNAL MODULE: d:/a/easydata/easydata/easydata.js/packs/ui/dist/lib/utils/dom_elem_builder.js
@@ -2303,6 +2323,9 @@ var mask = __webpack_require__(18);
 // EXTERNAL MODULE: d:/a/easydata/easydata/easydata.js/packs/ui/dist/lib/dialogs/default_dialog_service.js
 var default_dialog_service = __webpack_require__(19);
 
+// EXTERNAL MODULE: d:/a/easydata/easydata/easydata.js/packs/ui/dist/lib/dialogs/dialog_service.js
+var dialog_service = __webpack_require__(20);
+
 // CONCATENATED MODULE: d:/a/easydata/easydata/easydata.js/packs/ui/dist/lib/i18n/text_resources.js
 
 function addEasyDataUITexts() {
@@ -2340,6 +2363,7 @@ addEasyDataUITexts();
 
 
 
+
 // export dialogs to use outside of context as global
 var dialogs = new default_dialog_service["b" /* DefaultDialogService */]();
 
@@ -3677,6 +3701,7 @@ var GridColumn = /** @class */ (function () {
     function GridColumn(column, grid, isRowNum) {
         if (isRowNum === void 0) { isRowNum = false; }
         this._label = null;
+        this._description = null;
         //public left: number;
         this.align = GridColumnAlign.NONE;
         this.isVisible = true;
@@ -3703,6 +3728,7 @@ var GridColumn = /** @class */ (function () {
                     this.width = DEFAULT_WIDTH_STRING;
             }
             this.cellRenderer = this.grid.cellRendererStore.getDefaultRenderer(column.type);
+            this._description = column.description;
         }
         else if (isRowNum) {
             this.isRowNum = true;
@@ -3725,6 +3751,14 @@ var GridColumn = /** @class */ (function () {
         configurable: true
     });
     ;
+    Object.defineProperty(GridColumn.prototype, "description", {
+        /** Get column description. */
+        get: function () {
+            return this._description;
+        },
+        enumerable: true,
+        configurable: true
+    });
     Object.defineProperty(GridColumn.prototype, "type", {
         get: function () {
             return this.dataColumn ? this.dataColumn.type : null;
@@ -4572,6 +4606,7 @@ var DataColumn = /** @class */ (function () {
         this.displayFormat = desc.dfmt;
         this.groupFooterColumnTemplate = desc.gfct;
         this.style = desc.style || {};
+        this.description = desc.description;
     }
     return DataColumn;
 }());
@@ -4839,9 +4874,11 @@ function mask(input, maskPattern) {
 "use strict";
 /* WEBPACK VAR INJECTION */(function(Promise) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return DefaultDialogService; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return DefaultDialog; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return DefaultProgressDialog; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return DefaultProgressDialog; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return DefaultDialogSet; });
 /* harmony import */ var _easydata_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
-/* harmony import */ var _utils_dom_elem_builder__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1);
+/* harmony import */ var _dialog_service__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(20);
+/* harmony import */ var _utils_dom_elem_builder__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1);
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -4857,6 +4894,7 @@ var __extends = (undefined && undefined.__extends) || (function () {
 })();
 
 
+
 var cssPrefix = "kdlg";
 var DefaultDialogService = /** @class */ (function () {
     function DefaultDialogService() {
@@ -4940,17 +4978,20 @@ var DefaultDialogService = /** @class */ (function () {
             _this.open(options);
         });
     };
-    DefaultDialogService.prototype.open = function (options) {
+    DefaultDialogService.prototype.open = function (options, data) {
         var _this = this;
+        var dialog = new DefaultDialog(options, data);
         var onDestroy = options.onDestroy;
-        options.onDestroy = function () {
+        options.onDestroy = function (dlg) {
             _this.untrack(dlg);
-            onDestroy && onDestroy();
+            onDestroy && onDestroy(dlg);
         };
-        var dlg = new DefaultDialog(options);
-        dlg.open();
-        this.track(dlg);
-        return dlg;
+        dialog.open();
+        this.track(dialog);
+        return dialog;
+    };
+    DefaultDialogService.prototype.createSet = function (options) {
+        return new DefaultDialogSet(options, this);
     };
     DefaultDialogService.prototype.untrack = function (dlg) {
         var index = DefaultDialogService.openDialogs.indexOf(dlg);
@@ -4963,15 +5004,15 @@ var DefaultDialogService = /** @class */ (function () {
     };
     DefaultDialogService.prototype.openProgress = function (options) {
         var _this = this;
+        var dialog = new DefaultProgressDialog(options);
         var onDestroy = options.onDestroy;
-        options.onDestroy = function () {
+        options.onDestroy = function (dlg) {
             _this.untrack(dlg);
-            onDestroy && onDestroy();
+            onDestroy && onDestroy(dlg);
         };
-        var dlg = new DefaultProgressDialog(options);
-        dlg.open();
-        this.track(dlg);
-        return dlg;
+        dialog.open();
+        this.track(dialog);
+        return dialog;
     };
     DefaultDialogService.prototype.getAllDialogs = function () {
         return Array.from(DefaultDialogService.openDialogs);
@@ -4987,11 +5028,11 @@ var DefaultDialogService = /** @class */ (function () {
 }());
 
 var DefaultDialog = /** @class */ (function () {
-    function DefaultDialog(options) {
+    function DefaultDialog(options, data) {
         var _this = this;
         this.options = options;
-        this.submitHandler = function () {
-            if (_this.options.onSubmit && _this.options.onSubmit() === false) {
+        this.submitHandler = function (token) {
+            if (_this.options.onSubmit && _this.options.onSubmit(_this, token) === false) {
                 return false;
             }
             _this.destroy();
@@ -4999,7 +5040,7 @@ var DefaultDialog = /** @class */ (function () {
         };
         this.cancelHandler = function () {
             if (_this.options.onCancel) {
-                _this.options.onCancel();
+                _this.options.onCancel(_this);
             }
             _this.destroy();
         };
@@ -5014,11 +5055,12 @@ var DefaultDialog = /** @class */ (function () {
             }
             return true;
         };
-        var id = _easydata_core__WEBPACK_IMPORTED_MODULE_0__["utils"].generateId('dlg');
+        this.dialogId = _easydata_core__WEBPACK_IMPORTED_MODULE_0__["utils"].generateId('dlg');
+        this.data = data;
         this.slot =
-            Object(_utils_dom_elem_builder__WEBPACK_IMPORTED_MODULE_1__[/* domel */ "e"])('div', document.body)
+            Object(_utils_dom_elem_builder__WEBPACK_IMPORTED_MODULE_2__[/* domel */ "e"])('div', document.body)
                 .attr('tab-index', '-1')
-                .data('dialog-id', id)
+                .data('dialog-id', this.dialogId)
                 .addClass(cssPrefix + "-modal", 'is-active')
                 .focus()
                 .addChild('div', function (b) { return b
@@ -5039,36 +5081,68 @@ var DefaultDialog = /** @class */ (function () {
                         _this.cancelHandler();
                     })
                         .focus(); });
+            })
+                .addChild('div', function (b) {
+                b.addClass(cssPrefix + "-alert-container");
+                _this.alertElement = b.toDOM();
             })
                 .addChild('section', function (b) {
                 _this.bodyElement = b
                     .addClass(cssPrefix + "-body")
                     .toDOM();
                 if (typeof options.body === 'string') {
-                    b.addHtml(options.body);
+                    var html = _easydata_core__WEBPACK_IMPORTED_MODULE_0__["liquid"].renderLiquidTemplate(options.body, data);
+                    b.addHtml(html);
                 }
                 else {
                     b.addChildElement(options.body);
                 }
             })
-                .addChild('div', function (b) { return _this.alertElement = b
-                .addClass(cssPrefix + "-alert-container")
-                .toDOM(); })
                 .addChild('footer', function (b) {
+                var alignClass = null;
+                if (options.footerAlignment && options.footerAlignment == _dialog_service__WEBPACK_IMPORTED_MODULE_1__[/* DialogFooterAlignment */ "a"].Center) {
+                    alignClass = 'align-center';
+                }
+                else {
+                    alignClass = 'align-right';
+                }
                 _this.footerElement = b
-                    .addClass(cssPrefix + "-footer", 'align-right')
+                    .addClass(cssPrefix + "-footer")
                     .toDOM();
+                b.addClass(alignClass);
                 if (options.submitable === false)
                     return;
-                b.addChild('button', function (b) { return b
-                    .addClass('kfrm-button', 'is-info')
-                    .addText(options.submitButtonText || _easydata_core__WEBPACK_IMPORTED_MODULE_0__["i18n"].getText('ButtonOK'))
-                    .on('click', function (e) {
-                    _this.submitHandler();
-                })
-                    .focus(); });
+                b.addChild('button', function (bb) {
+                    bb.id(_this.dialogId + '-btn-submit')
+                        .addClass('kfrm-button', 'is-info')
+                        .addText(options.submitButtonText || _easydata_core__WEBPACK_IMPORTED_MODULE_0__["i18n"].getText('ButtonOK'));
+                    if (options.recaptchaSiteKey) {
+                        bb.data('sitekey', options.recaptchaSiteKey);
+                        bb.addClass('g-recaptcha');
+                        bb.on('click', function (e) {
+                            if (grecaptcha) {
+                                grecaptcha.ready(function () {
+                                    grecaptcha.execute(options.recaptchaSiteKey, { action: 'submit' })
+                                        .then(function (token) {
+                                        _this.submitHandler(token);
+                                    });
+                                });
+                            }
+                            else {
+                                _this.submitHandler();
+                            }
+                        });
+                    }
+                    else {
+                        bb.on('click', function (e) {
+                            _this.submitHandler();
+                        });
+                    }
+                    bb.focus();
+                });
                 if (options.cancelable !== false)
-                    b.addChild('button', function (builder) { return builder
+                    b.addChild('button', function (bb) { return bb
+                        .id(_this.dialogId + '-btn-cancel')
                         .addClass('kfrm-button')
                         .addText(options.cancelButtonText || _easydata_core__WEBPACK_IMPORTED_MODULE_0__["i18n"].getText('ButtonCancel'))
                         .on('click', function (e) {
@@ -5078,14 +5152,24 @@ var DefaultDialog = /** @class */ (function () {
                 .toDOM(); })
                 .toDOM();
     }
+    DefaultDialog.prototype.getData = function () {
+        return this.data;
+    };
     DefaultDialog.prototype.getRootElement = function () {
         return this.slot;
     };
+    DefaultDialog.prototype.getSubmitButtonElement = function () {
+        return document.getElementById(this.dialogId + '-btn-submit');
+    };
+    DefaultDialog.prototype.getCancelButtonElement = function () {
+        return document.getElementById(this.dialogId + '-btn-cancel');
+    };
     DefaultDialog.prototype.open = function () {
+        var _this = this;
         if (this.options.beforeOpen) {
-            this.options.beforeOpen();
+            this.options.beforeOpen(this);
         }
-        Object(_utils_dom_elem_builder__WEBPACK_IMPORTED_MODULE_1__[/* domel */ "e"])(this.slot).show();
+        Object(_utils_dom_elem_builder__WEBPACK_IMPORTED_MODULE_2__[/* domel */ "e"])(this.slot).show();
         if (this.options.arrangeParents) {
             this.arrangeParents(true);
         }
@@ -5104,6 +5188,19 @@ var DefaultDialog = /** @class */ (function () {
         if (this.options.submitOnEnter) {
             window.addEventListener('keydown', this.keydownHandler, false);
         }
+        //clear alert on change in any input element 
+        this.slot.querySelectorAll('input')
+            .forEach(function (element) {
+            return element.addEventListener('input', function () {
+                _this.clearAlert();
+                if (_this.options.onInput) {
+                    _this.options.onInput(_this);
+                }
+            });
+        });
+        if (this.options.onShow) {
+            this.options.onShow(this);
+        }
     };
     DefaultDialog.prototype.submit = function () {
         this.submitHandler();
@@ -5123,7 +5220,7 @@ var DefaultDialog = /** @class */ (function () {
         buttons.forEach(function (button) { return button.disabled = false; });
     };
     DefaultDialog.prototype.showAlert = function (text, reason, replace) {
-        var alert = Object(_utils_dom_elem_builder__WEBPACK_IMPORTED_MODULE_1__[/* domel */ "e"])('div')
+        var alert = Object(_utils_dom_elem_builder__WEBPACK_IMPORTED_MODULE_2__[/* domel */ "e"])('div')
             .addClass(cssPrefix + "-alert " + (reason || ''))
             .addChild('span', function (b) { return b
             .addClass(cssPrefix + "-alert-closebtn")
@@ -5143,6 +5240,9 @@ var DefaultDialog = /** @class */ (function () {
         this.alertElement.innerHTML = '';
     };
     DefaultDialog.prototype.destroy = function () {
+        var elem = document.querySelectorAll("[data-dialog-id=\"" + this.dialogId + "\"]");
+        if (elem.length <= 0)
+            return;
         if (this.options.arrangeParents) {
             this.arrangeParents(false);
         }
@@ -5151,7 +5251,7 @@ var DefaultDialog = /** @class */ (function () {
             window.removeEventListener('keydown', this.keydownHandler, false);
         }
         if (this.options.onDestroy) {
-            this.options.onDestroy();
+            this.options.onDestroy(this);
         }
     };
     DefaultDialog.prototype.isActiveDialog = function () {
@@ -5163,12 +5263,12 @@ var DefaultDialog = /** @class */ (function () {
         for (var i = 0; i < windowDivs.length - 1; i++) {
             if (turnOn) {
                 var offset = i == 0 ? 20 : i * 40 + 20;
-                Object(_utils_dom_elem_builder__WEBPACK_IMPORTED_MODULE_1__[/* domel */ "e"])(windowDivs[i])
+                Object(_utils_dom_elem_builder__WEBPACK_IMPORTED_MODULE_2__[/* domel */ "e"])(windowDivs[i])
                     .setStyle('margin-top', offset + "px")
                     .setStyle('margin-left', offset + "px");
             }
             else {
-                Object(_utils_dom_elem_builder__WEBPACK_IMPORTED_MODULE_1__[/* domel */ "e"])(windowDivs[i])
+                Object(_utils_dom_elem_builder__WEBPACK_IMPORTED_MODULE_2__[/* domel */ "e"])(windowDivs[i])
                     .removeStyle('margin-top')
                     .removeStyle('margin-left');
             }
@@ -5179,11 +5279,11 @@ var DefaultDialog = /** @class */ (function () {
 
 var DefaultProgressDialog = /** @class */ (function (_super) {
     __extends(DefaultProgressDialog, _super);
-    function DefaultProgressDialog(options) {
+    function DefaultProgressDialog(options, data) {
         var _this = this;
         var contentElement;
         var progressElement;
-        var body = Object(_utils_dom_elem_builder__WEBPACK_IMPORTED_MODULE_1__[/* domel */ "e"])('div')
+        var body = Object(_utils_dom_elem_builder__WEBPACK_IMPORTED_MODULE_2__[/* domel */ "e"])('div')
             .addChild('div', function (b) { return contentElement = b
             .text(options.content || '')
             .toDOM(); })
@@ -5214,7 +5314,7 @@ var DefaultProgressDialog = /** @class */ (function (_super) {
             cancelable: false,
             closable: false,
             onDestroy: options.onDestroy
-        }) || this;
+        }, data) || this;
         _this.contentElement = contentElement;
         _this.progressElement = progressElement;
         return _this;
@@ -5243,13 +5343,74 @@ var DefaultProgressDialog = /** @class */ (function (_super) {
     return DefaultProgressDialog;
 }(DefaultDialog));
 
+var DefaultDialogSet = /** @class */ (function () {
+    function DefaultDialogSet(options, dialogService) {
+        this.options = options;
+        this.dialogService = dialogService;
+        this.currentDialog = null;
+        this.currentIndex = 0;
+        this.options = options;
+        this.dialogService = dialogService;
+    }
+    DefaultDialogSet.prototype.getCurrent = function () {
+        return this.currentDialog;
+    };
+    DefaultDialogSet.prototype.openNext = function (data) {
+        return this.open(this.currentIndex + 1, data);
+    };
+    DefaultDialogSet.prototype.openPrev = function (data) {
+        return this.open(this.currentIndex - 1, data);
+    };
+    DefaultDialogSet.prototype.open = function (page, data) {
+        if (page < 0) {
+            this.currentIndex = 0;
+        }
+        else if (page >= this.options.length) {
+            this.currentIndex = this.options.length - 1;
+        }
+        else {
+            this.currentIndex = page;
+        }
+        if (this.currentDialog) {
+            try {
+                this.currentDialog.close();
+            }
+            catch (e) { }
+        }
+        var dlgOptions = this.options[this.currentIndex];
+        this.currentDialog = this.dialogService.open(dlgOptions, data);
+        return this.currentDialog;
+    };
+    DefaultDialogSet.prototype.close = function () {
+        if (this.currentDialog) {
+            this.currentDialog.close();
+            this.currentDialog = null;
+        }
+    };
+    return DefaultDialogSet;
+}());
+
 //# sourceMappingURL=default_dialog_service.js.map
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(28)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(29)))
 
 /***/ }),
 /* 20 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return DialogFooterAlignment; });
+var DialogFooterAlignment;
+(function (DialogFooterAlignment) {
+    DialogFooterAlignment[DialogFooterAlignment["Left"] = 1] = "Left";
+    DialogFooterAlignment[DialogFooterAlignment["Center"] = 2] = "Center";
+    DialogFooterAlignment[DialogFooterAlignment["Right"] = 3] = "Right";
+})(DialogFooterAlignment || (DialogFooterAlignment = {}));
+//# sourceMappingURL=dialog_service.js.map
+
+/***/ }),
+/* 21 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
 "use strict";
 /* WEBPACK VAR INJECTION */(function(Promise) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return TextDataFilter; });
 /* harmony import */ var _easydata_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
@@ -5377,10 +5538,10 @@ var TextDataFilter = /** @class */ (function () {
 }());
 
 //# sourceMappingURL=text_data_filter.js.map
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(29)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(30)))
 
 /***/ }),
-/* 21 */
+/* 22 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -5388,7 +5549,7 @@ var TextDataFilter = /** @class */ (function () {
 /* harmony import */ var _easydata_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
 /* harmony import */ var _easydata_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
 /* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
-/* harmony import */ var _validators_datetime_validator__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(31);
+/* harmony import */ var _validators_datetime_validator__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(32);
 
 
 
@@ -5523,17 +5684,17 @@ var EntityEditForm = /** @class */ (function () {
 }());
 
 //# sourceMappingURL=entity_edit_form.js.map
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(29)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(30)))
 
 /***/ }),
-/* 22 */
+/* 23 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* WEBPACK VAR INJECTION */(function(Promise) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return HttpResponseError; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return HttpClient; });
 /* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4);
-/* harmony import */ var _http_action_result__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(30);
+/* harmony import */ var _http_action_result__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(31);
 /* harmony import */ var _http_method__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(11);
 /* harmony import */ var _http_request__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(15);
 var __extends = (undefined && undefined.__extends) || (function () {
@@ -5635,7 +5796,7 @@ var HttpClient = /** @class */ (function () {
                 }
                 var responseContentType = xhr.getResponseHeader('Content-Type') || '';
                 var status = xhr.status;
-                if (status >= 300 || status < 200) {
+                if (status >= 400) {
                     var rtPromise = (xhr.responseType === 'arraybuffer'
                         || xhr.responseType === 'blob')
                         ? HttpClient.decodeArrayBuffer(xhr.response)
@@ -5677,10 +5838,10 @@ var HttpClient = /** @class */ (function () {
 }());
 
 //# sourceMappingURL=http_client.js.map
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(23)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(24)))
 
 /***/ }),
-/* 23 */
+/* 24 */
 /***/ (function(module, exports, __webpack_require__) {
 
 /* WEBPACK VAR INJECTION */(function(process, global) {/*!
@@ -6857,10 +7018,10 @@ return Promise$1;
 
 //# sourceMappingURL=es6-promise.map
 
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(24), __webpack_require__(25)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(25), __webpack_require__(26)))
 
 /***/ }),
-/* 24 */
+/* 25 */
 /***/ (function(module, exports) {
 
 // shim for using process in browser
@@ -7050,7 +7211,7 @@ process.umask = function() { return 0; };
 
 
 /***/ }),
-/* 25 */
+/* 26 */
 /***/ (function(module, exports) {
 
 var g;
@@ -7076,7 +7237,7 @@ module.exports = g;
 
 
 /***/ }),
-/* 26 */
+/* 27 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -7364,10 +7525,10 @@ var EasyDataTable = /** @class */ (function () {
 }());
 
 //# sourceMappingURL=easy_data_table.js.map
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(23)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(24)))
 
 /***/ }),
-/* 27 */
+/* 28 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -7636,6 +7797,12 @@ var EasyGrid = /** @class */ (function () {
             }
         });
     };
+    EasyGrid.prototype.getContainerWidth = function () {
+        return this.columns.getItems()
+            .filter(function (col) { return col.isVisible; })
+            .map(function (col) { return col.width; })
+            .reduce(function (sum, current) { return sum + current; });
+    };
     EasyGrid.prototype.renderHeader = function () {
         var _this = this;
         this.headerDiv = Object(_utils_dom_elem_builder__WEBPACK_IMPORTED_MODULE_2__[/* domel */ "e"])('div')
@@ -7661,7 +7828,7 @@ var EasyGrid = /** @class */ (function () {
                     .addChildElement(_this.renderAddColumnButton());
             }
         });
-        var containerWidth = this.columns.getItems().map(function (column) { return column.width; }).reduce(function (sum, current) { return sum + current; });
+        var containerWidth = this.getContainerWidth();
         Object(_utils_dom_elem_builder__WEBPACK_IMPORTED_MODULE_2__[/* domel */ "e"])(this.headerCellContainerDiv)
             .setStyle('width', containerWidth + "px");
     };
@@ -7686,6 +7853,11 @@ var EasyGrid = /** @class */ (function () {
                 .addClass(this.cssPrefix + "-header-cell-label")
                 .text(column.label);
         }
+        if (column.description) {
+            Object(_utils_dom_elem_builder__WEBPACK_IMPORTED_MODULE_2__[/* domel */ "e"])('div', colDiv)
+                .addClass('question-mark')
+                .title(column.description);
+        }
         if (this.options.allowDragDrop) {
             _utils_drag_manager__WEBPACK_IMPORTED_MODULE_1__[/* eqDragManager */ "d"].registerDraggableItem({
                 element: colDiv,
@@ -7755,8 +7927,7 @@ var EasyGrid = /** @class */ (function () {
                         _this.updateTotalsState(groups_1, row, true);
                     }
                 }
-                var containerWidth = _this.columns.getItems()
-                    .map(function (column) { return column.width; }).reduce(function (sum, current) { return sum + current; });
+                var containerWidth = _this.getContainerWidth();
                 Object(_utils_dom_elem_builder__WEBPACK_IMPORTED_MODULE_2__[/* domel */ "e"])(_this.bodyCellContainerDiv)
                     .setStyle('width', containerWidth + "px");
                 return rows.length;
@@ -7916,7 +8087,7 @@ var EasyGrid = /** @class */ (function () {
         for (var _i = 0, _a = group.columns; _i < _a.length; _i++) {
             var colId = _a[_i];
             var keyVal = row.getValue(colId);
-            if (caseInsensitive) {
+            if (caseInsensitive && typeof (keyVal) === 'string') {
                 keyVal = keyVal.toLowerCase();
             }
             result[colId] = keyVal;
@@ -8361,10 +8532,10 @@ var EasyGrid = /** @class */ (function () {
 }());
 
 //# sourceMappingURL=easy_grid.js.map
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(28)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(29)))
 
 /***/ }),
-/* 28 */
+/* 29 */
 /***/ (function(module, exports, __webpack_require__) {
 
 /* WEBPACK VAR INJECTION */(function(process, global) {/*!
@@ -9541,10 +9712,10 @@ return Promise$1;
 
 //# sourceMappingURL=es6-promise.map
 
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(24), __webpack_require__(25)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(25), __webpack_require__(26)))
 
 /***/ }),
-/* 29 */
+/* 30 */
 /***/ (function(module, exports, __webpack_require__) {
 
 /* WEBPACK VAR INJECTION */(function(process, global) {/*!
@@ -10721,10 +10892,10 @@ return Promise$1;
 
 //# sourceMappingURL=es6-promise.map
 
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(38), __webpack_require__(39)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(39), __webpack_require__(40)))
 
 /***/ }),
-/* 30 */
+/* 31 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -10755,7 +10926,7 @@ var HttpActionResult = /** @class */ (function () {
 //# sourceMappingURL=http_action_result.js.map
 
 /***/ }),
-/* 31 */
+/* 32 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -10809,48 +10980,48 @@ var DateTimeValidator = /** @class */ (function (_super) {
 //# sourceMappingURL=datetime_validator.js.map
 
 /***/ }),
-/* 32 */
+/* 33 */
 /***/ (function(module, exports, __webpack_require__) {
 
-__webpack_require__(33);
-module.exports = __webpack_require__(40);
+__webpack_require__(34);
+module.exports = __webpack_require__(41);
 
 
 /***/ }),
-/* 33 */
+/* 34 */
 /***/ (function(module, exports, __webpack_require__) {
 
-__webpack_require__(34);
 __webpack_require__(35);
 __webpack_require__(36);
-__webpack_require__(37);
+__webpack_require__(37);
+__webpack_require__(38);
 
 /***/ }),
-/* 34 */
+/* 35 */
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
 
 /***/ }),
-/* 35 */
+/* 36 */
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
 
 /***/ }),
-/* 36 */
+/* 37 */
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
 
 /***/ }),
-/* 37 */
+/* 38 */
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
 
 /***/ }),
-/* 38 */
+/* 39 */
 /***/ (function(module, exports) {
 
 // shim for using process in browser
@@ -11040,7 +11211,7 @@ process.umask = function() { return 0; };
 
 
 /***/ }),
-/* 39 */
+/* 40 */
 /***/ (function(module, exports) {
 
 var g;
@@ -11066,7 +11237,7 @@ module.exports = g;
 
 
 /***/ }),
-/* 40 */
+/* 41 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -11095,17 +11266,17 @@ __webpack_require__.d(public_api_namespaceObject, "EasyDataViewDispatcher", func
 __webpack_require__.d(public_api_namespaceObject, "RootDataView", function() { return root_data_view_RootDataView; });
 __webpack_require__.d(public_api_namespaceObject, "EntityDataView", function() { return entity_data_view_EntityDataView; });
 
-// EXTERNAL MODULE: d:/a/easydata/easydata/easydata.js/packs/core/dist/lib/public_api.js + 9 modules
+// EXTERNAL MODULE: d:/a/easydata/easydata/easydata.js/packs/core/dist/lib/public_api.js + 10 modules
 var public_api = __webpack_require__(0);
 
 // EXTERNAL MODULE: d:/a/easydata/easydata/easydata.js/packs/ui/dist/lib/public_api.js + 7 modules
 var lib_public_api = __webpack_require__(3);
 
 // EXTERNAL MODULE: ./dist/lib/filter/text_data_filter.js
-var text_data_filter = __webpack_require__(20);
+var text_data_filter = __webpack_require__(21);
 
 // EXTERNAL MODULE: ./dist/lib/form/entity_edit_form.js
-var entity_edit_form = __webpack_require__(21);
+var entity_edit_form = __webpack_require__(22);
 
 // EXTERNAL MODULE: ./dist/lib/utils/utils.js
 var utils = __webpack_require__(7);
@@ -11649,9 +11820,17 @@ var entity_form_builder_EntityEditFormBuilder = /** @class */ (function () {
                 .toDOM();
         }
         Object(lib_public_api["domel"])(parent)
-            .addChild('label', function (b) { return b
-            .attr('for', attr.id)
-            .addHtml(attr.caption + " " + (required ? '<sup style="color: red">*</sup>' : '') + ": "); });
+            .addChild('label', function (b) {
+            b.attr('for', attr.id);
+            b.addHtml(attr.caption + " " + (required ? '<sup style="color: red">*</sup>' : '') + ": ");
+            if (attr.description) {
+                b.addChild('div', function (b) { return b
+                    .attr('title', attr.description)
+                    .addClass('question-mark')
+                    .setStyle('vertical-align', 'middle')
+                    .setStyle('display', 'inline-block'); });
+            }
+        });
         if (attr.kind === public_api["EntityAttrKind"].Lookup) {
             this.setupLookupField(parent, attr, readOnly, value);
             return;