devexpress-aspnetcore-spreadsheet 19.1.10 → 19.1.14

package/dist/dx-aspnetcore-spreadsheet.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress AspNetCore Spreadsheet (dx-aspnetcore-spreadsheet.js)
-* Version: 19.1.10
-* Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
+* Version: 19.1.14
+* Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs
 */
 /*# namespace DevExpress.Web.Scripts #*/
@@ -10084,7 +10084,7 @@ var AccessibilityPronouncer = ASPx.CreateClass(null, {
         this.focusableMessageElement = focusableMessageElement;   
     },
     prepareFocusableMessageElement: function() {
-        this.focusableMessageElement.className = "dxAIFFE";
+        this.focusableMessageElement.className = "dxAIFME";
     },
     setAttributesForKeyboardNavigation: function() {
         ASPx.Attr.Aria.SetApplicationRole(this.focusableMessageElement);
@@ -11144,6 +11144,18 @@ var BeforeInitCallbackEventArgs = ASPx.CreateClass(ASPxClientEventArgs, {
         this.callbackOwnerID = callbackOwnerID;
     }
 });
+var ASPxClientBrowserWindowResizedInternalEventArgs = ASPx.CreateClass(ASPxClientEventArgs, {
+    constructor: function(eventInfo) {
+        this.constructor.prototype.constructor.call(this);
+
+        this.htmlEvent = eventInfo.htmlEvent;
+        this.windowClientWidth = eventInfo.wndWidth;
+        this.windowClientHeigth = eventInfo.wndHeight;
+        this.previousWindowClientWidth = eventInfo.prevWndWidth;
+        this.previousWindowClientHeight = eventInfo.prevWndHeight;
+        this.virtualKeyboardShownOnAndroid = eventInfo.virtualKeyboardShownOnAndroid;
+    }
+});
 
 ASPx.createControl = function(type, name, windowName, properties, events, setupMethod, data){
     var globalName = windowName && windowName.length > 0 ? windowName : name;
@@ -11222,6 +11234,8 @@ var ASPxClientControlBase = ASPx.CreateClass(null, {
         this.callbackCommand = {};
         this.currentCallbackID = -1;
 
+        this.InitializeIntersectionObserversManager();
+
         /*# public event ASPxClientEventHandler Init{ add{} remove{}}#*/
         this.Init = new ASPxClientEvent();
         this.BeginCallback = new ASPxClientEvent();
@@ -12246,6 +12260,7 @@ var ASPxClientControlBase = ASPx.CreateClass(null, {
 
         var command = this.GetCallbackCommand();
         this.RaiseEndCallback(command);
+        this.InitializeIntersectionObserversManager();
         this.currentCallbackID = -1;
     },
     DoFinalizeCallback: function() {
@@ -12510,7 +12525,18 @@ var ASPxClientControlBase = ASPx.CreateClass(null, {
     },
     AdjustControl: function(nestedCall) { },
     OnBrowserWindowResizeInternal: function(e) { },
-    RegisterInControlTree: function(tree) { }
+    RegisterInControlTree: function(tree) { },
+
+    InitializeIntersectionObserversManager: function () {
+        var elementToObserve = this.getElementToObserveVisibilityChange();
+        if(elementToObserve) {
+            ASPx.IntersectionObserversManager.SubscribeElemensVisibilityChangeInBrowserWindow(elementToObserve, this.processVisibilityChanged.bind(this));
+        }
+    },
+    //virtual
+    getElementToObserveVisibilityChange: function () { },
+    //virtual
+    processVisibilityChanged: function (visible) { }
 });
 
 /*# public static ASPxClientControlBase Cast(object obj){ return null; } #*/ 
@@ -13058,6 +13084,8 @@ var ASPxClientControlCollection = ASPx.CreateClass(ASPx.CollectionBase, {
         this.ControlsInitialized = new ASPxClientEvent();
         /*# public event ASPxClientEventHandler BrowserWindowResized { add{} remove{} } #*/
         this.BrowserWindowResized = new ASPxClientEvent();
+        this.BrowserWindowResizedInternal = new ASPxClientEvent();
+
         /*# public event ASPxClientGlobalBeginCallbackEventHandler BeginCallback { add{} remove{} }#*/
         this.BeginCallback = new ASPxClientEvent();
         /*# public event ASPxClientGlobalEndCallbackEventHandler EndCallback { add{} remove{} }#*/
@@ -13281,6 +13309,11 @@ var ASPxClientControlCollection = ASPx.CreateClass(ASPx.CollectionBase, {
             control.OnGlobalBrowserWindowResized(args);
         });
     },
+    RaiseBrowserWindowResizedInternal: function(eventInfo) {
+        var args = new ASPxClientBrowserWindowResizedInternalEventArgs(eventInfo);
+        if(!this.BrowserWindowResizedInternal.IsEmpty())
+            this.BrowserWindowResizedInternal.FireEvent(this, args);
+    },
     RaiseBeginCallback: function (control, command) {
         var args = new ASPxClientGlobalBeginCallbackEventArgs(control, command);
         if(!this.BeginCallback.IsEmpty())
@@ -13350,6 +13383,7 @@ var ASPxClientControlCollection = ASPx.CreateClass(ASPx.CollectionBase, {
     OnBrowserWindowResizeCore: function(htmlEvent){
         var args = this.CreateOnBrowserWindowResizeEventArgs(htmlEvent);
         if(this.CalculateIsBrowserWindowSizeChanged()) {
+            this.RaiseBrowserWindowResizedInternal(args);
             this.adjustControlsInternal(null, this, true, function(control) {
                 if(control.IsDOMInitialized())
                     control.OnBrowserWindowResizeInternal(args);
@@ -13357,15 +13391,34 @@ var ASPxClientControlCollection = ASPx.CreateClass(ASPx.CollectionBase, {
             this.RaiseBrowserWindowResized();
         }
     },
-    CreateOnBrowserWindowResizeEventArgs: function(htmlEvent){
+    CreateOnBrowserWindowResizeEventArgs: function(htmlEvent) {
+        
         return {
             htmlEvent: htmlEvent,
             wndWidth: ASPx.GetDocumentClientWidth(),
             wndHeight: ASPx.GetDocumentClientHeight(),
             prevWndWidth: this.prevWndWidth,
-            prevWndHeight: this.prevWndHeight
+            prevWndHeight: this.prevWndHeight,
+            virtualKeyboardShownOnAndroid: this.IsVirtualKeyboardShownOnAndroid()
         };
     },
+    IsVirtualKeyboardShownOnAndroid: function() {
+        if(!ASPx.Browser.AndroidMobilePlatform)
+            return false;
+
+        var documentClientWidth = ASPx.GetDocumentClientWidth();
+        var documentClientHeight = ASPx.GetDocumentClientHeight();
+
+        var isDocumentClientHeightChangedOnly = documentClientWidth === this.prevWndWidth && documentClientHeight !== this.prevWndHeight;
+        return isDocumentClientHeightChangedOnly && this.IsElementSupportKeyboardInput(document.activeElement);
+    },
+    IsElementSupportKeyboardInput: function(element) {
+        if(!element || !element.tagName)
+            return false;
+
+        var supportedKeyboardInputTagNames = ["INPUT", "TEXTAREA"];
+        return supportedKeyboardInputTagNames.indexOf(element.tagName) !== -1;
+    },
     CalculateIsBrowserWindowSizeChanged: function(){
         var wndWidth = ASPx.GetDocumentClientWidth();
         var wndHeight = ASPx.GetDocumentClientHeight();
@@ -15870,7 +15923,14 @@ var ASPxClientSpreadsheet = ASPx.CreateClass(ASPxClientControl, {
         this.tileSize = { col: 0, row: 0 };
         this.defaultCellSize = { width: 0, height: 0 };
         this.visibleRangePadding = { col: 0, row: 0 };
-        this.lastFilledCell = { col: 0, row: 0 };
+        this.lastFilledCell = {
+            cellModelPosition: {
+                col: 0, row: 0
+            },
+            cellVisiblePosition: {
+                col: 0, row: 0
+            }
+        };
         this.currentActiveCell = {col:-1, row:-1}; // TODO rename to this.currentActiveCellForSelection
         this.stateController = null;
         this.sheetLoaded = false;
@@ -17359,13 +17419,13 @@ var ASPxClientSpreadsheet = ASPx.CreateClass(ASPxClientControl, {
         var hasModelIndicesScrollAnchor = scrollAnchor.col >= 0 && scrollAnchor.row >= 0;
 
         if(hasModelIndicesScrollAnchor) {
-            args.push("scrollAnchor.col=" + scrollAnchor.col);
-            args.push("scrollAnchor.row=" + scrollAnchor.row);
+            args.push("scrollAnchor.modelColumn=" + scrollAnchor.col);
+            args.push("scrollAnchor.modelRow=" + scrollAnchor.row);
         } else {
             scrollAnchor = paneManager.getScrollHelper().getTopLeftCellByScrollPosition();
             if(scrollAnchor.IsValid() && (scrollAnchor.Column > 0 || scrollAnchor.Row > 0)) {
-                args.push("scrollAnchor.col=" + scrollAnchor.Column);
-                args.push("scrollAnchor.row=" + scrollAnchor.Row);
+                args.push("scrollAnchor.visibleColumn=" + scrollAnchor.Column);
+                args.push("scrollAnchor.visibleRow=" + scrollAnchor.Row);
             } else {
                 var scrollContainer = this.getRenderHelper().getScrollContainer();
                 args.push("scrollTop=" + scrollContainer.scrollTop);
@@ -17669,8 +17729,7 @@ var ASPxClientSpreadsheet = ASPx.CreateClass(ASPxClientControl, {
     },
     setLastFilledCell: function(lastFilledCell) {
         if(lastFilledCell) {
-            this.lastFilledCell.col = lastFilledCell[ASPxClientSpreadsheet.DocumentModel.CellStringKeys.Column];
-            this.lastFilledCell.row = lastFilledCell[ASPxClientSpreadsheet.DocumentModel.CellStringKeys.Row];
+            this.lastFilledCell = lastFilledCell;
         }
     },
     isNewSheetLoaded: function(response) {
@@ -20777,8 +20836,13 @@ window.ASPxClientSpreadsheetCustomCommandExecutedEventArgs = ASPxClientSpreadshe
             this.loadTilesRequestId = 1;
         },
         getHeaderOffsetSize: function() {
-            var rowIndex = (this.getLastVisibleHeaderRowTileIndex() + 1) * this.getTileSize().row,
-                textLength = rowIndex.toString().length;
+            var lastVisibleRowTileIndex = this.getTileHelper().getLastVisibleHeaderRowTileIndex();
+            var lastTileHeaderInfo = this.getHeaderInfo(lastVisibleRowTileIndex);
+            var lastRowModelIndex = lastTileHeaderInfo && lastTileHeaderInfo.modelIndices ? lastTileHeaderInfo.modelIndices[lastTileHeaderInfo.modelIndices.length - 1] : 0;
+            var endOfDocumentCellInfo = this.getTileHelper().getEndOfDocumentCellInfo(false);
+            if(endOfDocumentCellInfo) 
+                lastRowModelIndex = Math.min(endOfDocumentCellInfo.modelIndex, lastRowModelIndex);
+            var textLength = lastRowModelIndex.toString().length;
             var width = this.headerOffsetWidths.length >= textLength ? this.headerOffsetWidths[textLength - 1] : this.headerOffsetWidths[this.headerOffsetWidths.length - 1];
             return {
                 width: width,
@@ -22276,7 +22340,14 @@ window.ASPxClientSpreadsheetCustomCommandExecutedEventArgs = ASPxClientSpreadshe
 
             this.spacer = 50000 + 1; // header border
 
-            this.lastVisibleCell = { col: 0, row: 0 };
+            this.lastVisibleCell = {
+                cellModelPosition: {
+                    col: 0, row: 0
+                },
+                cellVisiblePosition: {
+                    col: 0, row: 0
+                }
+            };
 
             this.loadTilesTimerID = -1;
             this.loadTilesTimeout = 50;
@@ -22347,8 +22418,14 @@ window.ASPxClientSpreadsheetCustomCommandExecutedEventArgs = ASPxClientSpreadshe
         getLastVisibleCell: function() {
             var lastFilledCell = this.paneManager.getLastFilledCell();
             return {
-                col: Math.max(this.lastVisibleCell.col, lastFilledCell.col),
-                row: Math.max(this.lastVisibleCell.row, lastFilledCell.row)
+                cellModelPosition: {
+                    col: Math.max(this.lastVisibleCell.cellModelPosition.col, lastFilledCell.cellModelPosition.col),
+                    row: Math.max(this.lastVisibleCell.cellModelPosition.row, lastFilledCell.cellModelPosition.row)
+                },
+                cellVisiblePosition: {
+                    col: Math.max(this.lastVisibleCell.cellVisiblePosition.col, lastFilledCell.cellVisiblePosition.col),
+                    row: Math.max(this.lastVisibleCell.cellVisiblePosition.row, lastFilledCell.cellVisiblePosition.row)
+                }
             };
         },
         getIsEditingCellVisible: function(rect, cellLayoutInfo) {
@@ -22593,20 +22670,28 @@ window.ASPxClientSpreadsheetCustomCommandExecutedEventArgs = ASPxClientSpreadshe
             if(hasNoMoreScrollSpace && this.hasAnyCellsForward(isHorz)) {
                 var lastVisibleCell = this.getLastVisibleCell();
 
-                if(isHorz)
-                    lastVisibleCell.col += colOrRowSize;
-                else
-                    lastVisibleCell.row += colOrRowSize;
+                if(isHorz) {
+                    lastVisibleCell.cellModelPosition.col += colOrRowSize;
+                    lastVisibleCell.cellVisiblePosition.col += colOrRowSize;
+                }
+                else {
+                    lastVisibleCell.cellModelPosition.row += colOrRowSize;
+                    lastVisibleCell.cellVisiblePosition.row += colOrRowSize;
+                }
                 this.lastVisibleCell = lastVisibleCell;
 
                 this.updateScrollSize();
             }
         },
         changeScrollableArea: function(isHorz, lastVisibleCell) {
-            if(isHorz)
-                lastVisibleCell.col += this.tileSize.col;
-            else
-                lastVisibleCell.row += this.tileSize.row;
+            if(isHorz) {
+                lastVisibleCell.cellModelPosition.col += this.tileSize.col;
+                lastVisibleCell.cellVisiblePosition.col += this.tileSize.col;
+            }
+            else {
+                lastVisibleCell.cellModelPosition.row += this.tileSize.row;
+                lastVisibleCell.cellVisiblePosition.row += this.tileSize.row;
+            }
             this.lastVisibleCell = lastVisibleCell;
             this.updateScrollSize();
         },
@@ -22722,8 +22807,8 @@ window.ASPxClientSpreadsheetCustomCommandExecutedEventArgs = ASPxClientSpreadshe
 
         getScrollContentAreaWidthSize: function() {
             var lastVisibleCell = this.getLastVisibleCell();
-            var colIndex = lastVisibleCell.col;
-            var tileIndex = Math.floor(colIndex / this.tileSize.col);
+            var colIndex = lastVisibleCell.cellVisiblePosition.col;
+            var tileIndex = Math.floor((colIndex + 1) / this.tileSize.col);
 
             var size = 0;
             var counterIndex = 0;
@@ -22755,8 +22840,8 @@ window.ASPxClientSpreadsheetCustomCommandExecutedEventArgs = ASPxClientSpreadshe
         },
         getScrollContentAreaHeightSize: function() {
             var lastVisibleCell = this.getLastVisibleCell();
-            var rowIndex = lastVisibleCell.row;
-            var tileIndex = Math.floor(rowIndex / this.tileSize.row);
+            var rowIndex = lastVisibleCell.cellVisiblePosition.row;
+            var tileIndex = Math.floor((rowIndex + 1) / this.tileSize.row);
 
             var size = 0;
             var counterIndex = 0;
@@ -22886,6 +22971,9 @@ window.ASPxClientSpreadsheetCustomCommandExecutedEventArgs = ASPxClientSpreadshe
             }
             if(width - summarySize > 0)
                 colIndex += Math.floor(width / this.getDefaultCellSize().width);
+            var maxColumnIndex = (this.getTileHelper().getEndOfDocumentCellInfo(true)) ? this.getTileHelper().getEndOfDocumentCellInfo(true).visibleIndex + 1 : colIndex + 1;
+            if(colIndex > maxColumnIndex)
+                colIndex = maxColumnIndex;
             return colIndex;
         },
         getRowCountByHeight: function(height) {
@@ -22912,6 +23000,9 @@ window.ASPxClientSpreadsheetCustomCommandExecutedEventArgs = ASPxClientSpreadshe
             }
             if(height - summarySize > 0)
                 colIndex += Math.floor(height / this.getDefaultCellSize().height);
+            var maxRowIndex = (this.getTileHelper().getEndOfDocumentCellInfo(false)) ? this.getTileHelper().getEndOfDocumentCellInfo(false).visibleIndex + 1 : colIndex + 1;
+            if(colIndex > maxRowIndex)
+                colIndex = maxRowIndex;
             return colIndex;
         },
 
@@ -22950,7 +23041,7 @@ window.ASPxClientSpreadsheetCustomCommandExecutedEventArgs = ASPxClientSpreadshe
             var minHeight = scrollDiv.offsetHeight + this.getDefaultCellSize().height;
 
             var lastVisibleCell = this.getLastVisibleCell();
-            if(this.getLastScrollingCell().col == lastVisibleCell.col && this.getLastScrollingCell().row == lastVisibleCell.row && !recalculate)
+            if(this.getLastScrollingCell().col == lastVisibleCell.cellModelPosition.col && this.getLastScrollingCell().row == lastVisibleCell.cellModelPosition.row && !recalculate)
                 return;
 
             var calcWidth = this.getScrollContentAreaWidthSize() - this.getMinimumScrollLeftPosition();
@@ -23002,7 +23093,7 @@ window.ASPxClientSpreadsheetCustomCommandExecutedEventArgs = ASPxClientSpreadshe
         },
 
         setLastScrollingCell: function(cell) {
-            this.lastScrollingCell = cell;
+            this.lastScrollingCell = cell.cellModelPosition;
         },
         getLastScrollingCell: function() {
             return this.lastScrollingCell;
@@ -36599,9 +36690,12 @@ ASPxClientSpreadsheet.ServerCommands = (function() {
 
             if(colIndex < 0)
                 colIndex = 0;
-            else if(colIndex >= ASPxClientSpreadsheet.Range.MAX_COL_COUNT)
-                colIndex = ASPxClientSpreadsheet.Range.MAX_COL_COUNT - 1;
-
+            else {
+                var endOfDocumentCellInfo = spreadsheetControl.getPaneManager().getTileHelper().getEndOfDocumentCellInfo(true);
+                var maxVisibleColumnIndex = (endOfDocumentCellInfo) ? endOfDocumentCellInfo.visibleIndex : -1;
+                if(maxVisibleColumnIndex !== -1 && colIndex >= maxVisibleColumnIndex)
+                    colIndex = maxVisibleColumnIndex - 1;
+            }
             return getNextCellInfo(colIndex, rowIndex);
         }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "devexpress-aspnetcore-spreadsheet",
-  "version": "19.1.10",
+  "version": "19.1.14",
   "homepage": "https://www.devexpress.com/",
   "bugs": "https://www.devexpress.com/support/",
   "author": "Developer Express Inc.",
@@ -11,7 +11,7 @@
     "localization": "node bin/localization-builder.js localization-source localization"
   },
   "peerDependencies": {
-    "devextreme": "19.1.10"
+    "devextreme": "19.1.14"
   },
   "keywords": [
     "spreadsheet",