@easydata/crud 1.3.6-rc01 → 1.4.0-beta01

package/dist/bundles/easydata.crud.js

@@ -1477,7 +1477,7 @@ var http_client_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)
@@ -2392,6 +2392,7 @@ var data_column_DataColumn = /** @class */ (function () {
         this.displayFormat = desc.dfmt;
         this.groupFooterColumnTemplate = desc.gfct;
         this.style = desc.style || {};
+        this.description = desc.description;
     }
     return DataColumn;
 }());
@@ -2946,6 +2947,22 @@ var event_emitter_EventEmitter = /** @class */ (function () {
 }());
 
 //# sourceMappingURL=event_emitter.js.map
+// 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_i18n.resetLocales();
@@ -2977,6 +2994,7 @@ i18n_i18n.resetLocales();
 
 
 
+
 if (typeof Object.values !== 'function') {
     Object.values = function (obj) {
         return Object.keys(obj).map(function (key) { return obj[key]; });
@@ -4292,6 +4310,7 @@ var easy_grid_columns_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;
@@ -4318,6 +4337,7 @@ var easy_grid_columns_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;
@@ -4340,6 +4360,14 @@ var easy_grid_columns_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;
@@ -4682,6 +4710,12 @@ var easy_grid_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 = domel('div')
@@ -4707,7 +4741,7 @@ var easy_grid_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();
         domel(this.headerCellContainerDiv)
             .setStyle('width', containerWidth + "px");
     };
@@ -4732,6 +4766,11 @@ var easy_grid_EasyGrid = /** @class */ (function () {
                 .addClass(this.cssPrefix + "-header-cell-label")
                 .text(column.label);
         }
+        if (column.description) {
+            domel('div', colDiv)
+                .addClass('question-mark')
+                .title(column.description);
+        }
         if (this.options.allowDragDrop) {
             eqDragManager.registerDraggableItem({
                 element: colDiv,
@@ -4801,8 +4840,7 @@ var easy_grid_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();
                 domel(_this.bodyCellContainerDiv)
                     .setStyle('width', containerWidth + "px");
                 return rows.length;
@@ -4962,7 +5000,7 @@ var easy_grid_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;
@@ -6048,6 +6086,14 @@ var default_date_time_picker_DefaultDateTimePicker = /** @class */ (function (_s
 }(date_time_picker_DateTimePicker));
 
 //# sourceMappingURL=default_date_time_picker.js.map
+// CONCATENATED MODULE: d:/a/easydata/easydata/easydata.js/packs/ui/dist/lib/dialogs/dialog_service.js
+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
 // CONCATENATED MODULE: d:/a/easydata/easydata/easydata.js/packs/ui/dist/lib/dialogs/default_dialog_service.js
 var default_dialog_service_extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -6064,6 +6110,7 @@ var default_dialog_service_extends = (undefined && undefined.__extends) || (func
 })();
 
 
+
 var default_dialog_service_cssPrefix = "kdlg";
 var DefaultDialogService = /** @class */ (function () {
     function DefaultDialogService() {
@@ -6147,17 +6194,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 default_dialog_service_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 default_dialog_service_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);
@@ -6170,15 +6220,15 @@ var DefaultDialogService = /** @class */ (function () {
     };
     DefaultDialogService.prototype.openProgress = function (options) {
         var _this = this;
+        var dialog = new default_dialog_service_DefaultProgressDialog(options);
         var onDestroy = options.onDestroy;
-        options.onDestroy = function () {
+        options.onDestroy = function (dlg) {
             _this.untrack(dlg);
-            onDestroy && onDestroy();
+            onDestroy && onDestroy(dlg);
         };
-        var dlg = new default_dialog_service_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);
@@ -6194,11 +6244,11 @@ var DefaultDialogService = /** @class */ (function () {
 }());
 
 var default_dialog_service_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();
@@ -6206,7 +6256,7 @@ var default_dialog_service_DefaultDialog = /** @class */ (function () {
         };
         this.cancelHandler = function () {
             if (_this.options.onCancel) {
-                _this.options.onCancel();
+                _this.options.onCancel(_this);
             }
             _this.destroy();
         };
@@ -6221,11 +6271,12 @@ var default_dialog_service_DefaultDialog = /** @class */ (function () {
             }
             return true;
         };
-        var id = utils_utils.generateId('dlg');
+        this.dialogId = utils_utils.generateId('dlg');
+        this.data = data;
         this.slot =
             domel('div', document.body)
                 .attr('tab-index', '-1')
-                .data('dialog-id', id)
+                .data('dialog-id', this.dialogId)
                 .addClass(default_dialog_service_cssPrefix + "-modal", 'is-active')
                 .focus()
                 .addChild('div', function (b) { return b
@@ -6246,36 +6297,68 @@ var default_dialog_service_DefaultDialog = /** @class */ (function () {
                         _this.cancelHandler();
                     })
                         .focus(); });
+            })
+                .addChild('div', function (b) {
+                b.addClass(default_dialog_service_cssPrefix + "-alert-container");
+                _this.alertElement = b.toDOM();
             })
                 .addChild('section', function (b) {
                 _this.bodyElement = b
                     .addClass(default_dialog_service_cssPrefix + "-body")
                     .toDOM();
                 if (typeof options.body === 'string') {
-                    b.addHtml(options.body);
+                    var html = liquid.renderLiquidTemplate(options.body, data);
+                    b.addHtml(html);
                 }
                 else {
                     b.addChildElement(options.body);
                 }
             })
-                .addChild('div', function (b) { return _this.alertElement = b
-                .addClass(default_dialog_service_cssPrefix + "-alert-container")
-                .toDOM(); })
                 .addChild('footer', function (b) {
+                var alignClass = null;
+                if (options.footerAlignment && options.footerAlignment == DialogFooterAlignment.Center) {
+                    alignClass = 'align-center';
+                }
+                else {
+                    alignClass = 'align-right';
+                }
                 _this.footerElement = b
-                    .addClass(default_dialog_service_cssPrefix + "-footer", 'align-right')
+                    .addClass(default_dialog_service_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 || i18n_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 || i18n_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 || i18n_i18n.getText('ButtonCancel'))
                         .on('click', function (e) {
@@ -6285,12 +6368,22 @@ var default_dialog_service_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);
         }
         domel(this.slot).show();
         if (this.options.arrangeParents) {
@@ -6311,6 +6404,19 @@ var default_dialog_service_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();
@@ -6350,6 +6456,9 @@ var default_dialog_service_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);
         }
@@ -6358,7 +6467,7 @@ var default_dialog_service_DefaultDialog = /** @class */ (function () {
             window.removeEventListener('keydown', this.keydownHandler, false);
         }
         if (this.options.onDestroy) {
-            this.options.onDestroy();
+            this.options.onDestroy(this);
         }
     };
     DefaultDialog.prototype.isActiveDialog = function () {
@@ -6386,7 +6495,7 @@ var default_dialog_service_DefaultDialog = /** @class */ (function () {
 
 var default_dialog_service_DefaultProgressDialog = /** @class */ (function (_super) {
     default_dialog_service_extends(DefaultProgressDialog, _super);
-    function DefaultProgressDialog(options) {
+    function DefaultProgressDialog(options, data) {
         var _this = this;
         var contentElement;
         var progressElement;
@@ -6421,7 +6530,7 @@ var default_dialog_service_DefaultProgressDialog = /** @class */ (function (_sup
             cancelable: false,
             closable: false,
             onDestroy: options.onDestroy
-        }) || this;
+        }, data) || this;
         _this.contentElement = contentElement;
         _this.progressElement = progressElement;
         return _this;
@@ -6450,6 +6559,53 @@ var default_dialog_service_DefaultProgressDialog = /** @class */ (function (_sup
     return DefaultProgressDialog;
 }(default_dialog_service_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
 // CONCATENATED MODULE: d:/a/easydata/easydata/easydata.js/packs/ui/dist/lib/i18n/text_resources.js
 
@@ -6488,6 +6644,7 @@ addEasyDataUITexts();
 
 
 
+
 // export dialogs to use outside of context as global
 var dialogs = new DefaultDialogService();
 
@@ -7245,9 +7402,17 @@ var entity_form_builder_EntityEditFormBuilder = /** @class */ (function () {
                 .toDOM();
         }
         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 === EntityAttrKind.Lookup) {
             this.setupLookupField(parent, attr, readOnly, value);
             return;