@easydata/crud 1.4.0-rc01 → 1.4.1-rc02

package/dist/browser/easydata.js

@@ -149,7 +149,7 @@ var EditorTag = {
 };
 //# sourceMappingURL=editor_tag.js.map
 // EXTERNAL MODULE: d:/a/easydata/easydata/easydata.js/packs/core/dist/lib/http/http_method.js
-var http_method = __webpack_require__(10);
+var http_method = __webpack_require__(11);
 
 // EXTERNAL MODULE: d:/a/easydata/easydata/easydata.js/packs/core/dist/lib/http/http_request.js
 var http_request = __webpack_require__(16);
@@ -1710,7 +1710,7 @@ __webpack_require__.d(__webpack_exports__, "dialogs", function() { return /* bin
 var easy_grid = __webpack_require__(29);
 
 // EXTERNAL MODULE: d:/a/easydata/easydata/easydata.js/packs/ui/dist/lib/grid/easy_grid_options.js
-var easy_grid_options = __webpack_require__(12);
+var easy_grid_options = __webpack_require__(10);
 
 // EXTERNAL MODULE: d:/a/easydata/easydata/easydata.js/packs/ui/dist/lib/grid/easy_grid_columns.js
 var easy_grid_columns = __webpack_require__(8);
@@ -2372,7 +2372,7 @@ var default_date_time_picker_DefaultDateTimePicker = /** @class */ (function (_s
 var browser_utils = __webpack_require__(18);
 
 // EXTERNAL MODULE: d:/a/easydata/easydata/easydata.js/packs/ui/dist/lib/utils/drag_manager.js
-var drag_manager = __webpack_require__(11);
+var drag_manager = __webpack_require__(12);
 
 // EXTERNAL MODULE: d:/a/easydata/easydata/easydata.js/packs/ui/dist/lib/utils/mask.js
 var mask = __webpack_require__(19);
@@ -3905,6 +3905,20 @@ var Validator = /** @class */ (function () {
 /* 10 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return AutoResizeColumns; });
+var AutoResizeColumns;
+(function (AutoResizeColumns) {
+    AutoResizeColumns[AutoResizeColumns["Always"] = 0] = "Always";
+    AutoResizeColumns[AutoResizeColumns["Once"] = 1] = "Once";
+    AutoResizeColumns[AutoResizeColumns["Never"] = 2] = "Never";
+})(AutoResizeColumns || (AutoResizeColumns = {}));
+//# sourceMappingURL=easy_grid_options.js.map
+
+/***/ }),
+/* 11 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return HttpMethod; });
 var HttpMethod;
@@ -3919,7 +3933,7 @@ var HttpMethod;
 //# sourceMappingURL=http_method.js.map
 
 /***/ }),
-/* 11 */
+/* 12 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -4297,20 +4311,6 @@ var DragManager = /** @class */ (function () {
 var eqDragManager = new DragManager();
 //# sourceMappingURL=drag_manager.js.map
 
-/***/ }),
-/* 12 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return AutoResizeColumns; });
-var AutoResizeColumns;
-(function (AutoResizeColumns) {
-    AutoResizeColumns[AutoResizeColumns["Always"] = 0] = "Always";
-    AutoResizeColumns[AutoResizeColumns["Once"] = 1] = "Once";
-    AutoResizeColumns[AutoResizeColumns["Never"] = 2] = "Never";
-})(AutoResizeColumns || (AutoResizeColumns = {}));
-//# sourceMappingURL=easy_grid_options.js.map
-
 /***/ }),
 /* 13 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -5758,7 +5758,7 @@ var EntityEditForm = /** @class */ (function () {
 /* 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__(32);
-/* harmony import */ var _http_method__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(10);
+/* harmony import */ var _http_method__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(11);
 /* harmony import */ var _http_request__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(16);
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -7469,6 +7469,7 @@ var EasyDataTable = /** @class */ (function () {
         this.cachedRows = [];
         this.total = 0;
         this.needTotal = !this._elasticChunks;
+        this.fireUpdated();
     };
     EasyDataTable.prototype.createRow = function (dataOrRow) {
         var _this = this;
@@ -7552,10 +7553,10 @@ var EasyDataTable = /** @class */ (function () {
 "use strict";
 /* WEBPACK VAR INJECTION */(function(Promise) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return EasyGrid; });
 /* harmony import */ var _easydata_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
-/* harmony import */ var _utils_drag_manager__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(11);
+/* harmony import */ var _utils_drag_manager__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(12);
 /* harmony import */ var _utils_dom_elem_builder__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1);
 /* harmony import */ var _utils_ui_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
-/* harmony import */ var _easy_grid_options__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(12);
+/* harmony import */ var _easy_grid_options__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(10);
 /* harmony import */ var _easy_grid_columns__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(8);
 /* harmony import */ var _easy_grid_cell_renderer__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(13);
 var __assign = (undefined && undefined.__assign) || function () {
@@ -7610,7 +7611,7 @@ var EasyGrid = /** @class */ (function () {
                 pageSizeItems: [20, 30, 50, 100, 200]
             },
             columnWidths: {
-                autoResize: _easy_grid_options__WEBPACK_IMPORTED_MODULE_4__[/* AutoResizeColumns */ "a"].Once,
+                autoResize: _easy_grid_options__WEBPACK_IMPORTED_MODULE_4__[/* AutoResizeColumns */ "a"].Always,
                 stringColumns: {
                     min: 100,
                     max: 500,
@@ -7638,7 +7639,7 @@ var EasyGrid = /** @class */ (function () {
                     default: 60
                 }
             },
-            addColumns: false,
+            showPlusButton: false,
             viewportRowsCount: null,
             showActiveRow: true
         };
@@ -7737,8 +7738,8 @@ var EasyGrid = /** @class */ (function () {
         if (options.onRowDbClick) {
             this.addEventListener('rowDbClick', options.onRowDbClick);
         }
-        if (options.onAddColumnClick) {
-            this.addEventListener('addColumnClick', options.onAddColumnClick);
+        if (options.onPlusButtonClick) {
+            this.addEventListener('plusButtonClick', options.onPlusButtonClick);
         }
         if (options.onColumnChanged) {
             this.addEventListener('columnChanged', options.onColumnChanged);
@@ -7824,7 +7825,7 @@ var EasyGrid = /** @class */ (function () {
     };
     EasyGrid.prototype.render = function () {
         var _this = this;
-        if (!this.hasData() && !this.options.addColumns)
+        if (!this.hasData() && !this.options.showPlusButton)
             return;
         this.containerInitialHeight = this.slot.clientHeight;
         this.rootDiv = document.createElement('div');
@@ -7841,6 +7842,7 @@ var EasyGrid = /** @class */ (function () {
         gridContainer.classList.add(this.cssPrefix + "-container");
         gridContainer.appendChild(this.rootDiv);
         this.slot.appendChild(gridContainer);
+        var needAutoResize = this.options.columnWidths.autoResize !== _easy_grid_options__WEBPACK_IMPORTED_MODULE_4__[/* AutoResizeColumns */ "a"].Never;
         if (this.rowsOnPagePromise) {
             this.rowsOnPagePromise
                 .then(function () { return _this.updateHeight(); })
@@ -7854,17 +7856,12 @@ var EasyGrid = /** @class */ (function () {
                 _this.updateHeight()
                     .then(function () {
                     _this.firstRender = false;
+                    if (needAutoResize) {
+                        _this.resizeColumns();
+                    }
                 });
             }, 100);
         }
-        var needAutoResize = this.options.columnWidths.autoResize !== _easy_grid_options__WEBPACK_IMPORTED_MODULE_4__[/* AutoResizeColumns */ "a"].Never;
-        if (needAutoResize) {
-            this.bodyCellContainerDiv.style.visibility = 'hidden';
-            setTimeout(function () {
-                _this.resizeColumns();
-                _this.bodyCellContainerDiv.style.visibility = null;
-            }, 20);
-        }
     };
     EasyGrid.prototype.updateHeight = function () {
         var _this = this;
@@ -7873,14 +7870,14 @@ var EasyGrid = /** @class */ (function () {
                 var firstRow = _this.bodyCellContainerDiv.firstElementChild;
                 var rowHeight = firstRow ? firstRow.offsetHeight : DEFAULT_ROW_HEIGHT;
                 var rowCount = _this.options.viewportRowsCount; // || DEFAULT_ROW_COUNT;
-                var bodyHeight_1 = rowHeight * rowCount;
-                Object(_utils_dom_elem_builder__WEBPACK_IMPORTED_MODULE_2__[/* domel */ "e"])(_this.bodyDiv)
-                    .setStyle('height', bodyHeight_1 + "px");
+                var viewportHeight_1 = rowHeight * rowCount;
+                Object(_utils_dom_elem_builder__WEBPACK_IMPORTED_MODULE_2__[/* domel */ "e"])(_this.bodyViewportDiv)
+                    .setStyle('height', viewportHeight_1 + "px");
                 setTimeout(function () {
                     var sbHeight = _this.bodyViewportDiv.offsetHeight - _this.bodyViewportDiv.clientHeight;
-                    bodyHeight_1 = bodyHeight_1 + sbHeight;
-                    Object(_utils_dom_elem_builder__WEBPACK_IMPORTED_MODULE_2__[/* domel */ "e"])(_this.bodyDiv)
-                        .setStyle('height', bodyHeight_1 + "px");
+                    viewportHeight_1 = viewportHeight_1 + sbHeight;
+                    Object(_utils_dom_elem_builder__WEBPACK_IMPORTED_MODULE_2__[/* domel */ "e"])(_this.bodyViewportDiv)
+                        .setStyle('height', viewportHeight_1 + "px");
                     resolve();
                 }, 100);
                 return;
@@ -7927,7 +7924,7 @@ var EasyGrid = /** @class */ (function () {
             _this.headerRowDiv.appendChild(hd);
             if (column.isRowNum) {
                 Object(_utils_dom_elem_builder__WEBPACK_IMPORTED_MODULE_2__[/* domel */ "e"])(hd)
-                    .addChildElement(_this.renderAddColumnButton());
+                    .addChildElement(_this.renderHeaderButtons());
             }
         });
         var containerWidth = this.getContainerWidth();
@@ -8024,9 +8021,15 @@ var EasyGrid = /** @class */ (function () {
                         _this.updateTotalsState(groups_1, row, true);
                     }
                 }
-                var containerWidth = _this.getContainerWidth();
-                Object(_utils_dom_elem_builder__WEBPACK_IMPORTED_MODULE_2__[/* domel */ "e"])(_this.bodyCellContainerDiv)
-                    .setStyle('width', containerWidth + "px");
+                var needAutoResize = _this.options.columnWidths.autoResize !== _easy_grid_options__WEBPACK_IMPORTED_MODULE_4__[/* AutoResizeColumns */ "a"].Never;
+                if (needAutoResize) {
+                    _this.resizeColumns();
+                }
+                else {
+                    var containerWidth = _this.getContainerWidth();
+                    Object(_utils_dom_elem_builder__WEBPACK_IMPORTED_MODULE_2__[/* domel */ "e"])(_this.bodyCellContainerDiv)
+                        .setStyle('width', containerWidth + "px");
+                }
                 return rowsToRender;
             })
                 .catch(function (error) { console.error(error); return 0; });
@@ -8266,23 +8269,26 @@ var EasyGrid = /** @class */ (function () {
         var pageInfoDiv = Object(_utils_dom_elem_builder__WEBPACK_IMPORTED_MODULE_2__[/* domel */ "e"])('div')
             .addClass(this.cssPrefix + "-page-info")
             .toDOM();
-        var fistPageRecordNum = count
-            ? (this.pagination.page - 1) * this.pagination.pageSize + 1
-            : 0;
-        var lastPageRecordNum = count
-            ? fistPageRecordNum + count - 1
-            : 0;
-        var totalStr = this.dataTable.getTotal().toString();
-        if (this.dataTable.elasticChunks) {
-            var count_1 = this.dataTable.getCachedCount();
-            var total = this.dataTable.getTotal();
-            if (count_1 !== total)
-                totalStr = '?';
-        }
-        pageInfoDiv.innerHTML = _easydata_core__WEBPACK_IMPORTED_MODULE_0__["i18n"].getText('GridPageInfo')
-            .replace('{FirstPageRecordNum}', "<span>" + fistPageRecordNum.toString() + "</span>")
-            .replace('{LastPageRecordNum}', "<span>" + lastPageRecordNum.toString() + "</span>")
-            .replace('{Total}', "<span>" + totalStr + "</span>");
+        var rowCount = this.dataTable.getTotal();
+        if (rowCount > 0) {
+            var fistPageRecordNum = count
+                ? (this.pagination.page - 1) * this.pagination.pageSize + 1
+                : 0;
+            var lastPageRecordNum = count
+                ? fistPageRecordNum + count - 1
+                : 0;
+            var totalStr = this.dataTable.getTotal().toString();
+            if (this.dataTable.elasticChunks) {
+                var count_1 = this.dataTable.getCachedCount();
+                var total = this.dataTable.getTotal();
+                if (count_1 !== total)
+                    totalStr = '?';
+            }
+            pageInfoDiv.innerHTML = _easydata_core__WEBPACK_IMPORTED_MODULE_0__["i18n"].getText('GridPageInfo')
+                .replace('{FirstPageRecordNum}', "<span>" + fistPageRecordNum.toString() + "</span>")
+                .replace('{LastPageRecordNum}', "<span>" + lastPageRecordNum.toString() + "</span>")
+                .replace('{Total}', "<span>" + totalStr + "</span>");
+        }
         return pageInfoDiv;
     };
     EasyGrid.prototype.showProgress = function () {
@@ -8377,7 +8383,8 @@ var EasyGrid = /** @class */ (function () {
         var _this = this;
         var paginateDiv = document.createElement('div');
         paginateDiv.className = this.cssPrefix + "-pagination-wrapper";
-        if (this.options.paging && this.options.paging.enabled) {
+        var rowCount = this.dataTable.getTotal();
+        if (this.options.paging && this.options.paging.enabled && rowCount > 0) {
             var prefix_1 = this.paginationOptions.useBootstrap ? '' : this.cssPrefix + "-";
             var buttonClickHandler_1 = function (ev) {
                 var element = ev.target;
@@ -8503,18 +8510,18 @@ var EasyGrid = /** @class */ (function () {
     EasyGrid.prototype.removeEventListener = function (eventType, handlerId) {
         this.eventEmitter.unsubscribe(eventType, handlerId);
     };
-    EasyGrid.prototype.renderAddColumnButton = function () {
+    EasyGrid.prototype.renderHeaderButtons = function () {
         var _this = this;
-        if (this.options.addColumns) {
+        if (this.options.showPlusButton) {
             return Object(_utils_dom_elem_builder__WEBPACK_IMPORTED_MODULE_2__[/* domel */ "e"])('div')
-                .addClass(this.cssPrefix + "-addrow")
-                .title(this.options.addColumnsTitle || 'Add column')
+                .addClass(this.cssPrefix + "-header-btn-plus")
+                .title(this.options.plusButtonTitle || 'Add')
                 .addChild('a', function (builder) { return builder
                 .attr('href', 'javascript:void(0)')
                 .on('click', function (e) {
                 e.preventDefault();
                 _this.fireEvent({
-                    type: 'addColumnClick',
+                    type: 'plusButtonClick',
                     sourceEvent: e
                 });
             }); })
@@ -8621,6 +8628,8 @@ var EasyGrid = /** @class */ (function () {
         var containerWidth = this.bodyCellContainerDiv.style.width;
         this.bodyCellContainerDiv.style.visibility = 'hidden';
         this.bodyCellContainerDiv.style.width = '1px';
+        //this.headerRowDiv.style.visibility = 'hidden';
+        this.headerRowDiv.style.width = '1px';
         var sumWidth = 0;
         var columns = this.columns.getItems();
         var headerCells = this.headerCellContainerDiv.querySelectorAll("." + this.cssPrefix + "-header-cell");
@@ -8641,44 +8650,53 @@ var EasyGrid = /** @class */ (function () {
                     value.parentElement.style.width = calculatedWidth + "px";
                 });
                 headerCells[headerIdx].style.width = calculatedWidth + "px";
-                headerIdx++;
             }
-            else if (cellValues.length > 0) {
-                cellValues.forEach(function (value) {
-                    value.parentElement.style.width = null;
-                    var width = value.parentElement.offsetWidth;
-                    if (width > maxWidth) {
-                        maxWidth = width;
-                    }
-                });
-                maxWidth += 3;
-                var maxOption = column.isRowNum
-                    ? this_1.options.columnWidths.rowNumColumn.max || 500
-                    : this_1.options.columnWidths[column.dataColumn.type].max || 2000;
-                var minOption = column.isRowNum
-                    ? this_1.options.columnWidths.rowNumColumn.min || 0
-                    : this_1.options.columnWidths[column.dataColumn.type].min || 20;
-                if (maxWidth > maxOption) {
-                    maxWidth = maxOption;
-                }
-                if (maxWidth < minOption) {
-                    maxWidth = minOption;
+            else {
+                if (cellValues.length == 0) {
+                    headerCells[headerIdx].style.width = null;
+                    headerCells[headerIdx].style.whiteSpace = 'nowrap';
                 }
-                if (_easydata_core__WEBPACK_IMPORTED_MODULE_0__["utils"].isNumericType(column.type)) {
-                    //increase the calculated width in 1.3 times for numeric columns
-                    maxWidth = Math.round(maxWidth * 1.3);
+                maxWidth = headerCells[headerIdx].offsetWidth;
+                if (cellValues.length > 0) {
+                    cellValues.forEach(function (value) {
+                        value.parentElement.style.width = null;
+                        var width = value.parentElement.offsetWidth;
+                        if (width > maxWidth) {
+                            maxWidth = width;
+                        }
+                    });
+                    maxWidth += 3;
+                    var maxOption = column.isRowNum
+                        ? this_1.options.columnWidths.rowNumColumn.max || 500
+                        : this_1.options.columnWidths[column.dataColumn.type].max || 2000;
+                    var minOption = column.isRowNum
+                        ? this_1.options.columnWidths.rowNumColumn.min || 0
+                        : this_1.options.columnWidths[column.dataColumn.type].min || 20;
+                    if (maxWidth > maxOption) {
+                        maxWidth = maxOption;
+                    }
+                    if (maxWidth < minOption) {
+                        maxWidth = minOption;
+                    }
+                    if (_easydata_core__WEBPACK_IMPORTED_MODULE_0__["utils"].isNumericType(column.type)) {
+                        //increase the calculated width in 1.3 times for numeric columns
+                        maxWidth = Math.round(maxWidth * 1.3);
+                    }
+                    sumWidth += maxWidth;
+                    column.width = maxWidth;
+                    cellValues.forEach(function (value) {
+                        value.parentElement.style.width = maxWidth + "px";
+                    });
+                    headerCells[headerIdx].style.width = maxWidth + "px";
+                    if (column.dataColumn) {
+                        column.dataColumn.calculatedWidth = maxWidth;
+                    }
                 }
-                sumWidth += maxWidth;
-                column.width = maxWidth;
-                cellValues.forEach(function (value) {
-                    value.parentElement.style.width = maxWidth + "px";
-                });
-                headerCells[headerIdx].style.width = maxWidth + "px";
-                headerIdx++;
-                if (column.dataColumn) {
-                    column.dataColumn.calculatedWidth = maxWidth;
+                else {
+                    sumWidth += maxWidth;
                 }
             }
+            headerIdx++;
         };
         var this_1 = this;
         for (var idx = 0; idx < this.columns.count; idx++) {
@@ -8693,6 +8711,7 @@ var EasyGrid = /** @class */ (function () {
             this.headerCellContainerDiv.style.width = containerWidth;
         }
         this.bodyCellContainerDiv.style.visibility = null;
+        this.headerRowDiv.removeAttribute('style');
     };
     return EasyGrid;
 }());
@@ -11687,7 +11706,9 @@ var entity_form_builder_EntityEditFormBuilder = /** @class */ (function () {
         var lookupEntity = this.context.getMetaData().getRootEntity()
             .subEntities.filter(function (ent) { return ent.id == attr.lookupEntity; })[0];
         var dataAttr = this.context.getMetaData().getAttributeById(attr.dataAttr);
-        readOnly = readOnly && dataAttr.isEditable;
+        if (!dataAttr)
+            return;
+        readOnly = readOnly || !dataAttr.isEditable;
         value = this.params.values
             ? this.params.values.getValue(dataAttr.id)
             : undefined;
@@ -12078,15 +12099,10 @@ var entity_form_builder_EntityEditFormBuilder = /** @class */ (function () {
         this.form['setHtmlInt'](formHtml);
         for (var _i = 0, _a = this.context.getActiveEntity().attributes; _i < _a.length; _i++) {
             var attr = _a[_i];
-            if (!attr.isPrimaryKey) {
-                if (this.params.isEditForm) {
-                    if (!attr.showOnEdit)
-                        continue;
-                }
-                else {
-                    if (!attr.showOnCreate)
-                        continue;
-                }
+            if (!this.params.isEditForm && !attr.showOnCreate)
+                continue;
+            if (!attr.isPrimaryKey && this.params.isEditForm && !attr.showOnEdit) {
+                continue;
             }
             this.addFormField(fb.toDOM(), attr);
         }
@@ -12189,7 +12205,7 @@ var data_context_DataContext = /** @class */ (function () {
     DataContext.prototype.getActiveEntity = function () {
         return this.activeEntity;
     };
-    DataContext.prototype.setActiveEntity = function (entityId) {
+    DataContext.prototype.setActiveSource = function (entityId) {
         this.activeEntity = this.model.getRootEntity().subEntities
             .filter(function (e) { return e.id == entityId; })[0];
     };
@@ -12430,10 +12446,12 @@ var entity_data_view_EntityDataView = /** @class */ (function () {
             showBackToEntities: true
         };
         this.defaultValidators = [new required_validator_RequiredValidator(), new type_validator_TypeValidator()];
-        options = options || {};
         this.options = public_api["utils"].assignDeep(this.options, options || {});
         this.dlg = new lib_public_api["DefaultDialogService"]();
         var ent = this.context.getActiveEntity();
+        if (!ent) {
+            throw "Can't find active entity for " + window.location.pathname;
+        }
         this.slot.innerHTML += "<h1>" + (ent.captionPlural || ent.caption) + "</h1>";
         if (this.options.showBackToEntities) {
             Object(lib_public_api["domel"])(this.slot)
@@ -12470,10 +12488,10 @@ var entity_data_view_EntityDataView = /** @class */ (function () {
                     allowPageSizeChange: true,
                     pageSizeItems: [15, 30, 50, 100, 200]
                 },
-                addColumns: _this.context.getActiveEntity().isEditable,
-                addColumnsTitle: public_api["i18n"].getText('AddBtnTitle'),
+                showPlusButton: _this.context.getActiveEntity().isEditable,
+                plusButtonTitle: public_api["i18n"].getText('AddRecordBtnTitle'),
                 showActiveRow: false,
-                onAddColumnClick: _this.addClickHandler.bind(_this),
+                onPlusButtonClick: _this.addClickHandler.bind(_this),
                 onGetCellRenderer: _this.manageCellRenderer.bind(_this),
                 onRowDbClick: _this.rowDbClickHandler.bind(_this),
                 onSyncGridColumn: _this.syncGridColumnHandler.bind(_this)
@@ -12686,51 +12704,62 @@ var root_data_view_RootDataView = /** @class */ (function () {
 var easy_data_view_dispatcher_EasyDataViewDispatcher = /** @class */ (function () {
     function EasyDataViewDispatcher(options) {
         var _this = this;
-        this.options = { basePath: 'easydata' };
+        this.options = {
+            container: '#EasyDataContainer',
+            basePath: 'easydata'
+        };
         this.onSetLocation = function () {
             _this.setActiveView();
         };
-        options = options || {};
-        this.options = public_api["utils"].assign(this.options, options);
-        this.options.basePath = (!this.options.rootEntity)
-            ? this.pretiffyPath(this.options.basePath)
-            : this.pretiffyPath(window.location.pathname);
-        if (this.options.rootEntity)
+        this.options = public_api["utils"].assign(this.options, options || {});
+        if (this.options.rootEntity) {
             this.options.showBackToEntities = false;
-        this.setContainer(options.container);
+            this.basePath = '/';
+        }
+        else {
+            this.basePath = this.normalizeBasePath(this.options.basePath);
+        }
+        this.setContainer(this.options.container);
         var progressBarSlot = document.createElement('div');
         var bar = new ProgressBar(progressBarSlot);
         var parent = this.container.parentElement;
         parent.insertBefore(progressBarSlot, parent.firstElementChild);
         this.context = new data_context_DataContext({
-            endpoint: options.endpoint,
-            dataTable: options.dataTable,
+            endpoint: this.options.endpoint,
+            dataTable: this.options.dataTable,
             onProcessStart: function () { return bar.show(); },
             onProcessEnd: function () { return bar.hide(); }
         });
-        this.basePath = this.getBasePath();
     }
-    EasyDataViewDispatcher.prototype.pretiffyPath = function (path) {
+    EasyDataViewDispatcher.prototype.normalizeBasePath = function (basePath) {
+        basePath = this.trimSlashes(basePath);
+        var fullPath = decodeURIComponent(window.location.pathname);
+        var idx = fullPath.toLocaleLowerCase().indexOf(basePath);
+        return idx >= 0 ? fullPath.substring(0, idx + basePath.length) : '/';
+    };
+    EasyDataViewDispatcher.prototype.trimSlashes = function (path) {
         return path.replace(/^\/|\/$/g, '');
     };
     EasyDataViewDispatcher.prototype.setContainer = function (container) {
         if (!container) {
-            this.container = document.getElementById('EasyDataContainer');
-            return;
+            throw 'Container is undefined';
         }
         if (typeof container === 'string') {
             if (container.length) {
-                if (container[0] === '#') {
-                    this.container = document.getElementById(container.substring(1));
-                }
-                else if (container[0] === '.') {
+                if (container[0] === '.') {
                     var result = document.getElementsByClassName(container.substring(1));
                     if (result.length)
                         this.container = result[0];
                 }
                 else {
-                    throw Error('Unrecognized container parameter ' +
-                        '(Must be an element ID, a class name or HTMLElement object itself): ' + container);
+                    if (container[0] === '#') {
+                        container = container.substring(1);
+                    }
+                    this.container = document.getElementById(container);
+                }
+                if (!this.container) {
+                    throw Error('Unrecognized `container` parameter: ' + container + '\n'
+                        + 'It must be an element ID, a class name (starting with .) or an HTMLElement object itself.');
                 }
             }
         }
@@ -12738,20 +12767,12 @@ var easy_data_view_dispatcher_EasyDataViewDispatcher = /** @class */ (function (
             this.container = container;
         }
     };
-    EasyDataViewDispatcher.prototype.getActiveEntityId = function () {
+    EasyDataViewDispatcher.prototype.getActiveSourceId = function () {
         if (this.options.rootEntity)
             return this.options.rootEntity;
-        var decodedUrl = decodeURIComponent(window.location.href);
-        var splitIndex = decodedUrl.lastIndexOf('/');
-        var typeName = decodedUrl.substring(splitIndex + 1);
-        return typeName && typeName.toLocaleLowerCase() !== this.options.basePath
-            ? typeName
-            : null;
-    };
-    EasyDataViewDispatcher.prototype.getBasePath = function () {
-        var decodedUrl = decodeURIComponent(window.location.href);
-        var optBasePathIndex = decodedUrl.toLocaleLowerCase().indexOf(this.options.basePath);
-        return decodedUrl.substring(0, optBasePathIndex + this.options.basePath.length);
+        var path = decodeURIComponent(window.location.pathname);
+        var idIndex = this.basePath.length + 1;
+        return idIndex < path.length ? path.substring(idIndex) : null;
     };
     EasyDataViewDispatcher.prototype.run = function () {
         var _this = this;
@@ -12764,9 +12785,9 @@ var easy_data_view_dispatcher_EasyDataViewDispatcher = /** @class */ (function (
     };
     EasyDataViewDispatcher.prototype.setActiveView = function () {
         this.clear();
-        var activeEntityId = this.getActiveEntityId();
-        if (activeEntityId) {
-            this.context.setActiveEntity(activeEntityId);
+        var sourceId = this.getActiveSourceId();
+        if (sourceId) {
+            this.context.setActiveSource(sourceId);
             window['EDView'] = new entity_data_view_EntityDataView(this.container, this.context, this.basePath, this.options);
         }
         else {
@@ -12799,6 +12820,7 @@ function addEasyDataCRUDTexts() {
         CalendarBtnTitle: 'Open calendar',
         TimerBtnTitle: 'Open timer',
         AddBtnTitle: 'Add',
+        AddRecordBtnTitle: 'Add record',
         EditBtn: 'Edit',
         DeleteBtn: 'Delete',
         SelectLink: '[ select ]',