@wavemaker/app-runtime-wm-build 11.4.0-next.24560 → 11.4.0-next.24562

app-runtime-wm-build/wmmobile/scripts/wm-mobileloader.js

@@ -5052,7 +5052,7 @@
                 fieldDefs = [];
                 parent.gridOptions.setCurrentPage(1);
             }
-            var currentPage = parent.currentPage;
+            var currentPage = parent.gridOptions.showviewlessbutton && parent.gridOptions.mode === "viewless" ? parent.gridOptions.getCurrentPage() : parent.currentPage;
             var dataNavigator = parent.dataNavigator;
             var pagesize = parent.pagesize;
             if (!isDefined(fieldDefs) || dataNavigator.isFirstPage()) {
@@ -8652,6 +8652,16 @@
         var routeRegex = new RegExp("^(#/|#)" + routeName + "$");
         return routeRegex.test(link);
     };
+    var hasLinkToCurrentPage = function(nodes, routeUrl) {
+        return nodes.some((function(node) {
+            if (isActiveNavItem(node.link, routeUrl)) {
+                return true;
+            }
+            if (node.children) {
+                return hasLinkToCurrentPage(node.children, routeUrl);
+            }
+        }));
+    };
     var getOrderByExpr = function(pageableObj) {
         pageableObj = pageableObj || [];
         var expressions = [], KEY_VAL_SEPARATOR = " ", FIELD_SEPARATOR = ",";
@@ -13022,6 +13032,7 @@
     exports.getWidgetPropsByType = getWidgetPropsByType;
     exports.groupData = groupData;
     exports.handleHeaderClick = handleHeaderClick;
+    exports.hasLinkToCurrentPage = hasLinkToCurrentPage;
     exports.interpolateBindExpressions = interpolateBindExpressions;
     exports.isActiveNavItem = isActiveNavItem;
     exports.isBooleanAttr = isBooleanAttr;
@@ -27371,6 +27382,7 @@
         };
         BaseDateTimeComponent.prototype.setActiveDateFocus = function(newDate, isMouseEvent) {
             var _this = this;
+            this.setNextData(newDate);
             var activeMonth = this.activeDate.getMonth();
             if (!isMouseEvent) {
                 if (newDate.getMonth() < activeMonth) {
@@ -27452,8 +27464,8 @@
                     _this.setFocusForMonthOrDay();
                 }
             }));
-            datePickerHead.find(".next").attr("aria-label", "Next Month " + this.next.fullMonth + " " + this.next.date.getFullYear());
-            datePickerHead.find(".previous").attr("aria-label", "Previous Month " + this.prev.fullMonth + " " + this.prev.date.getFullYear());
+            datePickerHead.find(".next").attr("aria-label", "Next Month, " + this.next.fullMonth + " " + this.next.date.getFullYear());
+            datePickerHead.find(".previous").attr("aria-label", "Previous Month, " + this.prev.fullMonth + " " + this.prev.date.getFullYear());
         };
         BaseDateTimeComponent.prototype.setFocusForMonthOrDay = function() {
             var activeMonthOrYear = $(".bs-datepicker-head .current").first().text();
@@ -27519,14 +27531,14 @@
             this.loadDays();
             this.setActiveDateFocus(this.activeDate);
         };
+        BaseDateTimeComponent.prototype.setNextData = function(nextDate) {
+            this.next = this.getMonth(nextDate, 1);
+            this.prev = this.getMonth(nextDate, -1);
+        };
         BaseDateTimeComponent.prototype.loadDays = function() {
             var _this = this;
             setTimeout((function() {
                 $("[bsdatepickerdaydecorator]").not(".is-other-month").attr("tabindex", "0");
-                if (_this.clicked === false) {
-                    _this.next = _this.getMonth(_this.activeDate, 1);
-                    _this.prev = _this.getMonth(_this.activeDate, -1);
-                }
                 _this.addKeyBoardEventsForDays();
                 _this.addDatepickerMouseEvents();
             }));
@@ -27641,6 +27653,7 @@
         };
         BaseDateTimeComponent.prototype.setActiveMonthFocus = function(newDate, isMoouseEvent) {
             var _this = this;
+            this.setNextData(newDate);
             var newMonth = months[newDate.getMonth()];
             if (!isMoouseEvent) {
                 if (newDate.getFullYear() < this.activeDate.getFullYear()) {
@@ -33596,9 +33609,10 @@
     };
     var MenuComponent = function(_super) {
         __extends(MenuComponent, _super);
-        function MenuComponent(inj, route, userDefinedExecutionContext, bsDropdown, parentNav, selectEventCB) {
+        function MenuComponent(inj, route, app, userDefinedExecutionContext, bsDropdown, parentNav, selectEventCB) {
             var _this = _super.call(this, inj, WIDGET_CONFIG$1) || this;
             _this.route = route;
+            _this.app = app;
             _this.userDefinedExecutionContext = userDefinedExecutionContext;
             _this.bsDropdown = bsDropdown;
             _this.parentNav = parentNav;
@@ -33612,6 +33626,9 @@
             }
             var datasetSubscription = _this.nodes$.subscribe((function() {
                 if (!_.isEmpty(_this.nodes)) {
+                    if (base.hasLinkToCurrentPage(_this.nodes, _this.route.url)) {
+                        core.addClass(_this.nativeElement.querySelector(".dropdown-toggle"), "active");
+                    }
                     if (_this.parentNav) {
                         return;
                     }
@@ -33686,26 +33703,22 @@
             }
             $event.preventDefault();
         };
-        MenuComponent.prototype.hasLinkToCurrentPage = function(nodes) {
-            var _this = this;
-            return nodes.some((function(node) {
-                if (base.isActiveNavItem(node.link, _this.route.url)) {
-                    return true;
-                }
-                if (node.children) {
-                    return _this.hasLinkToCurrentPage(node.children);
-                }
-            }));
-        };
         MenuComponent.prototype.resetNodes = function() {
             _super.prototype.resetNodes.call(this);
-            if (this.autoopen === AUTO_OPEN.ACTIVE_PAGE && this.hasLinkToCurrentPage(this.nodes) || this.autoopen === AUTO_OPEN.ALWAYS) {
+            if (this.autoopen === AUTO_OPEN.ACTIVE_PAGE && base.hasLinkToCurrentPage(this.nodes, this.route.url) || this.autoopen === AUTO_OPEN.ALWAYS) {
                 this.bsDropdown.show();
             }
         };
         MenuComponent.prototype.ngOnInit = function() {
+            var _this = this;
             _super.prototype.ngOnInit.call(this);
             this.setMenuPosition();
+            var cancelSubscription = this.app.subscribe("highlightActiveLink", (function(data) {
+                core.toggleClass(_this.nativeElement.querySelector(".dropdown-toggle"), "active", base.hasLinkToCurrentPage(_this.nodes, _this.route.url));
+            }));
+            this.registerDestroyListener((function() {
+                return cancelSubscription();
+            }));
         };
         MenuComponent.prototype.onPropertyChange = function(key, nv, ov) {
             if (key === "tabindex") {
@@ -33776,6 +33789,8 @@
             type: core$1.Injector
         }, {
             type: router.Router
+        }, {
+            type: core.App
         }, {
             type: core.UserDefinedExecutionContext
         }, {
@@ -33893,8 +33908,9 @@
         VERTICAL: "vertical"
     };
     var MenuDropdownItemComponent = function() {
-        function MenuDropdownItemComponent(menuRef, userDefinedExecutionContext, parentNav, elRef) {
+        function MenuDropdownItemComponent(app, menuRef, userDefinedExecutionContext, parentNav, elRef) {
             var _this = this;
+            this.app = app;
             this.menuRef = menuRef;
             this.userDefinedExecutionContext = userDefinedExecutionContext;
             this.parentNav = parentNav;
@@ -33920,10 +33936,14 @@
             this.menualign = menuAlignClass[this.menuRef.menualign] || menuAlignClass["pull-left"];
         }
         MenuDropdownItemComponent.prototype.ngOnInit = function() {
+            var _this = this;
             if (this.parentNav) {
-                if (base.isActiveNavItem(this.item.link, this.menuRef.route.url)) {
+                if (base.hasLinkToCurrentPage([ this.item ], this.menuRef.route.url)) {
                     core.addClass(this.nativeElement, "active");
                 }
+                this.highlightActiveLinkSubscription = this.app.subscribe("highlightActiveLink", (function(data) {
+                    core.toggleClass(_this.nativeElement, "active", base.hasLinkToCurrentPage([ _this.item ], _this.menuRef.route.url));
+                }));
             }
         };
         MenuDropdownItemComponent.prototype.getInitialKeyMovements = function() {
@@ -33992,6 +34012,11 @@
                 $event.stopPropagation();
             }
         };
+        MenuDropdownItemComponent.prototype.ngOnDestroy = function() {
+            if (this.highlightActiveLinkSubscription) {
+                this.highlightActiveLinkSubscription();
+            }
+        };
         return MenuDropdownItemComponent;
     }();
     MenuDropdownItemComponent.decorators = [ {
@@ -34003,6 +34028,8 @@
     } ];
     MenuDropdownItemComponent.ctorParameters = function() {
         return [ {
+            type: core.App
+        }, {
             type: MenuComponent
         }, {
             type: core.UserDefinedExecutionContext
@@ -42338,7 +42365,7 @@
             }
             this.isDisableCurrent = isCurrentPageFirst && isCurrentPageLast;
             if (this.dataset && this.dataset.length && this.isDisableNext && this.parent.onDemandLoad && this.parent.widgetType === "wm-table") {
-                this.parent.callDataGridMethod("hideLoadingIndicator", this.isDisableNext, false);
+                this.parent.callDataGridMethod("hideLoadingIndicator", this.isDisableNext, this.parent.infScroll);
             }
         };
         PaginationComponent.prototype.isDataSourceHasPaging = function() {
@@ -44707,7 +44734,7 @@
         ListComponent.prototype.handleKeyDown = function($event, action) {
             var _this = this;
             $event.stopPropagation();
-            if ($event.keyCode !== 13 && $event.keyCode !== 9 && !($event.target.classList.contains("form-control") && $event.keyCode === 32)) {
+            if ($event.keyCode !== 13 && $event.keyCode !== 9 && !(($event.target.classList.contains("form-control") || $event.target.classList.contains("note-editable")) && $event.keyCode === 32)) {
                 $event.preventDefault();
             }
             var listItems = this.listItems;
@@ -45576,6 +45603,10 @@
             value: "No data found."
         }, base.PROP_STRING) ], [ "ondemandmessage", Object.assign({
             value: "Load More"
+        }, base.PROP_STRING) ], [ "showviewlessbutton", Object.assign({
+            value: false
+        }, base.PROP_BOOLEAN) ], [ "viewlessmessage", Object.assign({
+            value: "View Less"
         }, base.PROP_STRING) ], [ "pagesize", base.PROP_NUMBER ], [ "radioselect", base.PROP_BOOLEAN ], [ "rowclass", base.PROP_STRING ], [ "rowngclass", base.PROP_STRING ], [ "searchlabel", Object.assign({
             value: "Search"
         }, base.PROP_STRING) ], [ "show", Object.assign({
@@ -45656,6 +45687,7 @@
             _this.columns = {};
             _this.formfields = {};
             _this.enablesort = true;
+            _this.showviewlessbutton = false;
             _this.primaryKey = [];
             _this.selectedItems = [];
             _this.selectedItemChange = new rxjs.Subject;
@@ -45698,6 +45730,7 @@
                 data: [],
                 colDefs: [],
                 startRowIndex: 1,
+                mode: "",
                 sortInfo: {
                     field: "",
                     direction: ""
@@ -45728,6 +45761,10 @@
                 isSearchTrigerred: false,
                 isDatasetUpdated: false,
                 isDataUpdatedByUser: false,
+                showviewlessbutton: false,
+                ondemandmessage: "",
+                viewlessmessage: "",
+                loadingdatamsg: "",
                 isNextPageData: undefined,
                 ACTIONS: {
                     DELETE: "delete",
@@ -45752,6 +45789,14 @@
                 getPageSize: function() {
                     return _this.pagesize;
                 },
+                getPageCount: function() {
+                    return _this.dataNavigator.pageCount;
+                },
+                enableNavigation: function() {
+                    _this.dataNavigator.widget.isDisableNext = false;
+                    _this.dataNavigator.widget.isDisableLast = false;
+                    _this.gridOptions.mode = "viewless";
+                },
                 setDeletedRowIndex: function(id) {
                     _this.setDataGridOption("deletedRowIndex", id);
                 },
@@ -45786,7 +45831,9 @@
                         }
                         _this.callDataGridMethod("selectRows", _this.items);
                         _this.selectedItems = _this.callDataGridMethod("getSelectedRows");
-                        _this.selectedItemChange.next(_this.selectedItems);
+                        if (_this.selectedItems.length) {
+                            _this.selectedItemChange.next(_this.selectedItems);
+                        }
                         if (_this._isPageSearch && _this.filterInfo) {
                             _this.searchSortHandler(_this.filterInfo, undefined, "search");
                         }
@@ -45795,9 +45842,11 @@
                 onRowSelect: function(row, e) {
                     _this.ngZone.run((function() {
                         _this.selectedItems = _this.callDataGridMethod("getSelectedRows");
-                        _this.selectedItemChange.next(_this.selectedItems);
+                        if (_this.selectedItems.length) {
+                            _this.selectedItemChange.next(_this.selectedItems);
+                        }
                         var rowData = _this.addRowIndex(row);
-                        if (rowData.$index && _this.getConfiguredState() !== "none" && _this.dataNavigator && base.unsupportedStatePersistenceTypes.indexOf(_this.navigation) < 0) {
+                        if (_this.selectedItems.length && rowData.$index && _this.getConfiguredState() !== "none" && _this.dataNavigator && base.unsupportedStatePersistenceTypes.indexOf(_this.navigation) < 0) {
                             var obj = {
                                 page: _this.dataNavigator.dn.currentPage,
                                 index: rowData.$index - 1
@@ -46237,9 +46286,14 @@
                     _this.callDataGridMethod("addLoadMoreBtn", _this.ondemandmessage, _this.loadingdatamsg, (function($event) {
                         _this.gridOptions.setIsNextPageData(true);
                         _this.gridOptions.setIsDataUpdatedByUser(false);
-                        _this.dataNavigator.navigatePage("next", $event);
-                        _this.isDataLoading = true;
-                    }));
+                        if (_this.gridOptions.mode === "viewless") {
+                            _this.dataNavigator.navigatePage("first", $event, true);
+                            _this.gridOptions.mode = "";
+                        } else {
+                            _this.dataNavigator.navigatePage("next", $event);
+                            _this.isDataLoading = true;
+                        }
+                    }), _this.infScroll);
                 },
                 bindScrollEvt: function() {
                     if (_this._gridData && _this._gridData.length && _this.infScroll) {
@@ -46517,6 +46571,10 @@
             this.gridOptions.securityUtils.pipeTransform = this.trustAsPipe;
             this.gridOptions.navigation = this.navigation;
             this.gridOptions.isdynamictable = this.isdynamictable;
+            this.gridOptions.showviewlessbutton = this.showviewlessbutton;
+            this.gridOptions.ondemandmessage = this.ondemandmessage;
+            this.gridOptions.viewlessmessage = this.viewlessmessage;
+            this.gridOptions.loadingdatamsg = this.loadingdatamsg;
             if (!_.isEmpty(this.gridData)) {
                 this.gridOptions.data = core.getClonedObject(this.gridData);
             }
@@ -47254,6 +47312,11 @@
                 if (nv) {
                     this.$element.find(".on-demand-datagrid > a").text(nv);
                 }
+                this.gridOptions.ondemandmessage = nv;
+                break;
+
+              case "viewlessmessage":
+                this.gridOptions.viewlessmessage = nv;
                 break;
 
               case "show":