devexpress-aspnetcore-spreadsheet 21.2.7 → 22.1.2-beta

package/bin/localization-builder.js

@@ -1,6 +1,6 @@
 /**
 * DevExpress AspNetCore Spreadsheet (dx-localization-builder.js)
-* Version: 21.2.7
+* Version: 22.1.2
 * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs
 */

package/dist/dx-aspnetcore-spreadsheet.js

@@ -1,6 +1,6 @@
 /**
 * DevExpress AspNetCore Spreadsheet (dx-aspnetcore-spreadsheet.js)
-* Version: 21.2.7
+* Version: 22.1.2
 * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs
 */
@@ -555,6 +555,10 @@ ASPx.Browser = Browser;
 
 ASPx.BlankUrl = Browser.IE ? ASPx.SSLSecureBlankUrl : (Browser.Opera ? "about:blank" : "");
 
+ASPx.FillDocumentElementDXThemeCssClassName = function(dxThemeName) {
+    document.documentElement.className += " dxTheme-" + dxThemeName;
+};
+
 var Data = { };
 Data.ArrayInsert = function(array, element, position){
     if(0 <= position && position < array.length){
@@ -7943,21 +7947,38 @@ var KbdHelper = ASPx.CreateClass(null, {
 
     constructor: function(control) {
         this.control = control;
+        this.ready = false;
+        this.clickHandler = this.HandleClick.bind(this);
+        this.focusHandler = this.onElementFocus.bind(this);
+        this.blurHandler = this.onBlur.bind(this);
     },
     
     Init: function() {
-        KbdHelper.GlobalInit();
-        var elements = this.getFocusableElements();
-        for(var i = 0; i < elements.length; i++) {
-            var element = elements[i];
-            element.tabIndex = Math.max(element.tabIndex, 0);
-        
-            ASPx.Evt.AttachEventToElement(element, "click", function(e) { this.HandleClick(e); }.aspxBind(this));
-            ASPx.Evt.AttachEventToElement(element, "focus", function(e) {             
-                return this.onElementFocus(e);
-            }.aspxBind(this));
-            ASPx.Evt.AttachEventToElement(element, "blur", function () { this.onBlur(); }.aspxBind(this)); 
-        }         
+        if(!this.ready){
+            KbdHelper.GlobalInit();
+            var elements = this.getFocusableElements();
+            for(var i = 0; i < elements.length; i++) {
+                var element = elements[i];
+                element.tabIndex = Math.max(element.tabIndex, 0);
+                ASPx.Evt.AttachEventToElement(element, "click", this.clickHandler);
+                ASPx.Evt.AttachEventToElement(element, "focus", this.focusHandler);
+                ASPx.Evt.AttachEventToElement(element, "blur", this.blurHandler);
+            }
+            this.ready = true;
+        }
+    },
+    Dispose: function() {
+        if(this.ready) {
+            var elements = this.getFocusableElements();
+            for(var i = 0; i < elements.length; i++) {
+                var element = elements[i];
+                element.tabIndex = -1;
+                ASPx.Evt.DetachEventFromElement(element, "click", this.clickHandler);
+                ASPx.Evt.DetachEventFromElement(element, "focus", this.focusHandler);
+                ASPx.Evt.DetachEventFromElement(element, "blur", this.blurHandler);
+            }
+            this.ready = false;
+        }
     },
     onElementFocus: function(e) {
         if(!this.CanFocus(e))
@@ -44183,7 +44204,7 @@ ASPx.SpreadsheetKeyboardManager = SpreadsheetKeyboardManager;
             var dropDownCommands = this.getDropDownRibbonCommands(),
                 len = dropDownCommands.length;
             while(len--) {
-                var item = ribbon.GetItemByName(dropDownCommands[len]);
+                var item = this.spreadsheetControl.getRibbonManager().getRibbonItemById(dropDownCommands[len]);
                 if(item) {
                     var comboBox = item.getEditor();
                     if(comboBox) {
@@ -44201,7 +44222,7 @@ ASPx.SpreadsheetKeyboardManager = SpreadsheetKeyboardManager;
             var dropDownCommands = this.getDropDownRibbonCommands(),
                 len = dropDownCommands.length;
             while(len--) {
-                var item = ribbon.GetItemByName(dropDownCommands[len]);
+                var item = this.spreadsheetControl.getRibbonManager().getRibbonItemById(dropDownCommands[len]);
                 if(item) {
                     var comboBox = item.getEditor();
                     if(comboBox) {
@@ -46141,34 +46162,35 @@ ASPx.SpreadsheetKeyboardManager = SpreadsheetKeyboardManager;
         }
         function applyCellContextToRibbon() {
             var ribbon = getRibbonControl(),
+                ribbonManager = spreadsheetControl.getRibbonManager();
                 currentCellContext = getCellFormatContext();
 
-            if(ribbon) {
-                var item = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("FormatFontBold").id);
+            if (ribbon) {
+                var item = ribbonManager.getRibbonItemByName("FormatFontBold");
                 if(item)
                     item.SetValue(currentCellContext.isTextBold);
 
-                item = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("FormatFontItalic").id);
+                item = ribbonManager.getRibbonItemByName("FormatFontItalic");
                 if(item)
                     item.SetValue(currentCellContext.isTextItalic);
 
-                item = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("FormatFontUnderline").id);
+                item = ribbonManager.getRibbonItemByName("FormatFontUnderline");
                 if(item)
                     item.SetValue(currentCellContext.isTextUnderlined);
 
-                item = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("FormatFontStrikeout").id);
+                item = ribbonManager.getRibbonItemByName("FormatFontStrikeout");
                 if(item)
                     item.SetValue(currentCellContext.isTextStriked);
 
-                item = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("FormatFontSize").id);
+                item = ribbonManager.getRibbonItemByName("FormatFontSize");
                 if(item)
                     item.SetValue(currentCellContext.fontSize);
 
-                item = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("FormatFontName").id);
+                item = ribbonManager.getRibbonItemByName("FormatFontName");
                 if(item)
                     item.SetValue(currentCellContext.fontName);
 
-                item = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("FormatWrapText").id);
+                item = ribbonManager.getRibbonItemByName("FormatWrapText");
                 if(item)
                     item.SetValue(currentCellContext.isTextWrapped);
 
@@ -46181,9 +46203,10 @@ ASPx.SpreadsheetKeyboardManager = SpreadsheetKeyboardManager;
             }
         }
         function applyVerticalAlignContext(ribbon, verticalAlign) {
-            var itemTop = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("FormatAlignmentTop").id),
-                itemBottom = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("FormatAlignmentBottom").id),
-                itemMiddle = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("FormatAlignmentMiddle").id);
+            var ribbonManager = spreadsheetControl.getRibbonManager(),
+                itemTop = ribbonManager.getRibbonItemByName("FormatAlignmentTop"),
+                itemBottom = ribbonManager.getRibbonItemByName("FormatAlignmentBottom"),
+                itemMiddle = ribbonManager.getRibbonItemByName("FormatAlignmentMiddle");
 
             uncheckButtons(itemTop, itemMiddle, itemBottom);
             switch(verticalAlign) {
@@ -46204,9 +46227,10 @@ ASPx.SpreadsheetKeyboardManager = SpreadsheetKeyboardManager;
             }
         }
         function applyHorizontalAlignContext(ribbon, horizontalAlign) {
-            var itemLeft = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("FormatAlignmentLeft").id),
-                itemRight = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("FormatAlignmentRight").id),
-                itemCenter = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("FormatAlignmentCenter").id);
+            var ribbonManager = spreadsheetControl.getRibbonManager(),
+                itemLeft = ribbonManager.getRibbonItemByName("FormatAlignmentLeft"),
+                itemRight = ribbonManager.getRibbonItemByName("FormatAlignmentRight"),
+                itemCenter = ribbonManager.getRibbonItemByName("FormatAlignmentCenter");
 
             uncheckButtons(itemLeft, itemCenter, itemRight);
             switch(horizontalAlign) {
@@ -46225,17 +46249,18 @@ ASPx.SpreadsheetKeyboardManager = SpreadsheetKeyboardManager;
             }
         }
         function applyLinkContext(ribbon, isCellContainsLink) {
-            var readOnlyMode =  spreadsheetControl.isReadOnly();
-            var item = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("FormatClearHyperlinks").id);
+            var readOnlyMode = spreadsheetControl.isReadOnly();
+            var ribbonManager = spreadsheetControl.getRibbonManager(),
+                item = ribbonManager.getRibbonItemByName("FormatClearHyperlinks");
             if(item)
                 item.SetEnabled(isCellContainsLink && !readOnlyMode);
 
-            item = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("FormatRemoveHyperlinks").id);
+            item = ribbonManager.getRibbonItemByName("FormatRemoveHyperlinks");
             if(item)
                 item.SetEnabled(isCellContainsLink && !readOnlyMode);
 
             var commandId = ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("InsertHyperlink").id;
-            item = ribbon.GetItemByName(commandId);
+            item = ribbonManager.getRibbonItemById(commandId);
             if(item) {
                 var pivotTableContext = getCellPivotTableContext();
                 if(spreadsheetControl.isSheetLocked()) {
@@ -46247,26 +46272,26 @@ ASPx.SpreadsheetKeyboardManager = SpreadsheetKeyboardManager;
             }
         }
         function applyComment() {
-            var ribbon = getRibbonControl(),
-                cellModelPosition = spreadsheetControl.getActiveCellModelPosition(),
+            var cellModelPosition = spreadsheetControl.getActiveCellModelPosition(),
                 commentValue = spreadsheetControl.GetCellComment(cellModelPosition.colIndex, cellModelPosition.rowIndex),
                 isCommentExist = commentValue !== null,
                 baseCommandId = ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("CommentInsert").id,
                 commentApiEnabled = getCommandHelper().GetEnabled(baseCommandId);
 
-            var item = ribbon.GetItemByName(baseCommandId);
+            var ribbonManager = spreadsheetControl.getRibbonManager(),
+                item = ribbonManager.getRibbonItemById(baseCommandId);
             if(item)
                 item.SetEnabled(!isCommentExist && commentApiEnabled);
 
-            item = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("ReviewEditComment").id);
+            item = ribbonManager.getRibbonItemByName("ReviewEditComment");
             if(item)
                 item.SetEnabled(isCommentExist && commentApiEnabled);
 
-            item = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("ReviewDeleteComment").id);
+            item = ribbonManager.getRibbonItemByName("ReviewDeleteComment");
             if(item)
                 item.SetEnabled(isCommentExist && commentApiEnabled);
 
-            item = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("ReviewShowHideComment").id);
+            item = ribbonManager.getRibbonItemByName("ReviewShowHideComment");
             if(item)
                 item.SetEnabled(isCommentExist && commentApiEnabled);
         }
@@ -46283,7 +46308,7 @@ ASPx.SpreadsheetKeyboardManager = SpreadsheetKeyboardManager;
             var ribbon = getRibbonControl();
             if(ribbon) {
                 var cellFontContext = getCellFontContext(),
-                    item = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("FormatFontSize").id);
+                    item = spreadsheetControl.getRibbonManager().getRibbonItemByName("FormatFontSize");
                 if(item)
                     item.SetValue(cellFontContext.fontSize);
             }
@@ -46292,7 +46317,7 @@ ASPx.SpreadsheetKeyboardManager = SpreadsheetKeyboardManager;
             var ribbon = getRibbonControl();
             if(ribbon) {
                 var cellFontContext = getCellFontContext(),
-                    item = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("FormatFontName").id);
+                    item = spreadsheetControl.getRibbonManager().getRibbonItemByName("FormatFontName");
                 if(item)
                     item.SetValue(cellFontContext.fontName);
             }
@@ -46443,13 +46468,12 @@ ASPx.SpreadsheetKeyboardManager = SpreadsheetKeyboardManager;
 
         this.applyViewMode = function(viewMode) {
             if(!this.isRibbonExist()) return;
-            var ribbon = getRibbonControl(),
-                item = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("EditingView").id),
+            var item = spreadsheetControl.getRibbonManager().getRibbonItemByName("EditingView"),
                 isInReadingView = viewMode == ASPxClientSpreadsheetViewMode.Reading;
             if(item)
                 item.SetValue(!isInReadingView);
 
-            item = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("ReadingView").id);
+            item = spreadsheetControl.getRibbonManager().getRibbonItemByName("ReadingView");
             if(item)
                 item.SetValue(isInReadingView);
         };
@@ -46542,39 +46566,33 @@ ASPx.SpreadsheetKeyboardManager = SpreadsheetKeyboardManager;
                 insertPivotTableCommandId = ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("InsertPivotTable").id,
                 enabled = isCommandAvailable(spreadsheetControl, insertPivotTableCommandId) && !ribbonManager.containingPivotTable;
 
-            var item = ribbon.GetItemByName(insertPivotTableCommandId);
+            var item = ribbonManager.getRibbonItemById(insertPivotTableCommandId);
             if(item)
                 item.SetEnabled(enabled);
             if(ribbonManager.containingPivotTable) {
                 var pivotTable = spreadsheetControl.getActivePivotTable();
                 if(pivotTable) {                    
-                    var commandId = ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("ShowPivotTableFieldHeaders").id;
-                    item = ribbon.GetItemByName(commandId);
+                    item = ribbonManager.getRibbonItemByName("ShowPivotTableFieldHeaders");
                     if(item)
                         item.SetValue(pivotTable.ShowRowHeaders);
 
-                    commandId = ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("PivotTableToggleRowHeaders").id;
-                    item = ribbon.GetItemByName(commandId);
+                    item = ribbonManager.getRibbonItemByName("PivotTableToggleRowHeaders");
                     if(item)
                         item.SetValue(pivotTable.ShowRowHeaders);
 
-                    commandId = ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("PivotTableToggleColumnHeaders").id;
-                    item = ribbon.GetItemByName(commandId);
+                    item = ribbonManager.getRibbonItemByName("PivotTableToggleColumnHeaders");
                     if(item)
                         item.SetValue(pivotTable.ShowColumnHeaders);
 
-                    commandId = ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("PivotTableToggleBandedRows").id;
-                    item = ribbon.GetItemByName(commandId);
+                    item = ribbonManager.getRibbonItemByName("PivotTableToggleBandedRows");
                     if(item)
                         item.SetValue(pivotTable.ShowRowStripes);
                     
-                    commandId = ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("PivotTableToggleBandedColumns").id;
-                    item = ribbon.GetItemByName(commandId);
+                    item = ribbonManager.getRibbonItemByName("PivotTableToggleBandedColumns");
                     if(item)
                         item.SetValue(pivotTable.ShowColumnStripes);
 
-                    commandId = ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("FieldListPanelPivotTable").id;
-                    item = ribbon.GetItemByName(commandId);
+                    item = ribbonManager.getRibbonItemByName("FieldListPanelPivotTable");
                     if(item) {
                         var currentDialog = spreadsheetControl.getCurrentDialog(),
                             isDialogOpened = currentDialog && currentDialog.commandId === ASPxClientSpreadsheet.ServerCommands.internalCommands.FieldListPanelPivotTable.id;
@@ -46589,8 +46607,7 @@ ASPx.SpreadsheetKeyboardManager = SpreadsheetKeyboardManager;
             if(ribbon) {
                 var pivotTable = spreadsheetControl.getActivePivotTable();
                 if(pivotTable) {
-                    var commandId = ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("FieldListPanelPivotTable").id,
-                        item = ribbon.GetItemByName(commandId);
+                    var item = spreadsheetControl.getRibbonManager().getRibbonItemByName("FieldListPanelPivotTable");
                     if(item) {
                         var currentDialog = spreadsheetControl.getCurrentDialog(),
                             isDialogOpened = currentDialog && currentDialog.commandId === ASPxClientSpreadsheet.ServerCommands.internalCommands.FieldListPanelPivotTable.id;
@@ -46767,23 +46784,27 @@ ASPx.SpreadsheetKeyboardManager = SpreadsheetKeyboardManager;
             }
             return true;
         }
-		
-		function getCommandIDByName(commandName) {
-            return ASPxClientSpreadsheet.ServerCommands.getCommandIDByName(commandName).id.toString();
-        }
+
+        this.getRibbonItemByName = function(commandName) {
+            return this.getRibbonItemById(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName(commandName).id);
+        };
+
+        this.getRibbonItemById = function(id) {
+            return getRibbonControl().GetItemByName(id.toString());
+        };
 
         function updateRibbonItemEnabledState(ribbon, commandName, enabled) {
-            var item = ribbon.GetItemByName(getCommandIDByName(commandName));
+            var item = spreadsheetControl.getRibbonManager().getRibbonItemByName(commandName);
             if(item && item.GetEnabled() !== enabled)
                 item.SetEnabled(enabled);
         }
         function updateRibbonItemCheckedState(ribbon, commandName, checked) {
-            var item = ribbon.GetItemByName(getCommandIDByName(commandName));
+            var item = spreadsheetControl.getRibbonManager().getRibbonItemByName(commandName);
             if(item && item.GetValue() !== checked)
                 item.SetValue(checked);
         }
         function updateTableNameTextBox(ribbon, tableName) {
-            var item = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("TableToolsRenameTable").id);
+            var item = spreadsheetControl.getRibbonManager().getRibbonItemByName("TableToolsRenameTable");
             if(item)
                 item.SetValue(tableName);
         }
@@ -46838,7 +46859,7 @@ ASPx.SpreadsheetKeyboardManager = SpreadsheetKeyboardManager;
                 var disabledCommands = ASPxClientSpreadsheet.ServerCommands.getEditModeDisabledCommandsIDs();
                 for(var commandID in disabledCommands) {
                     if(!disabledCommands.hasOwnProperty(commandID)) continue;
-                    var item = ribbon.GetItemByName(commandID);
+                    var item = spreadsheetControl.getRibbonManager().getRibbonItemById(commandID);
                     itemEnabled = enabled && isCommandAvailable(spreadsheetControl, commandID);
 
                     if(item)
@@ -46856,80 +46877,80 @@ ASPx.SpreadsheetKeyboardManager = SpreadsheetKeyboardManager;
             }
         }
         function applyCalculationMode(calculationMode) {
-            var ribbon = getRibbonControl(),
-                item = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("FormulasCalculationModeAutomatic").id);
+            var ribbonManager = spreadsheetControl.getRibbonManager(),
+                item = ribbonManager.getRibbonItemByName("FormulasCalculationModeAutomatic");
             if(item)
                 item.SetValue(calculationMode == ASPxClientSpreadsheet.DocumentModel.CalculationMode.Automatic);
 
-            item = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("FormulasCalculationModeManual").id);
+            item = ribbonManager.getRibbonItemByName("FormulasCalculationModeManual");
             if(item)
                 item.SetValue(calculationMode === ASPxClientSpreadsheet.DocumentModel.CalculationMode.Manual);
         }
         function applyPageOrientation(pageOrientation) {
-            var ribbon = getRibbonControl(),
-                item = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("PageSetupOrientationPortrait").id);
+            var ribbonManager = spreadsheetControl.getRibbonManager(),
+                item = ribbonManager.getRibbonItemByName("PageSetupOrientationPortrait");
             if(item)
                 item.SetValue(pageOrientation === ASPxClientSpreadsheet.DocumentModel.PageOrientation.Portrait);
 
-            item = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("PageSetupOrientationLandscape").id);
+            item = ribbonManager.getRibbonItemByName("PageSetupOrientationLandscape");
             if(item)
                 item.SetValue(pageOrientation === ASPxClientSpreadsheet.DocumentModel.PageOrientation.Landscape);
         }
         function applyPageMargins(pageMargins) {
-            var ribbon = getRibbonControl(),
-                item = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("PageSetupMarginsNormal").id);
+            var ribbonManager = spreadsheetControl.getRibbonManager(),
+                item = ribbonManager.getRibbonItemByName("PageSetupMarginsNormal");
             if(item)
                 item.SetValue(pageMargins === ASPxClientSpreadsheet.DocumentModel.PageMargin.Normal);
 
-            item = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("PageSetupMarginsNarrow").id);
+            item = ribbonManager.getRibbonItemByName("PageSetupMarginsNarrow");
             if(item)
                 item.SetValue(pageMargins === ASPxClientSpreadsheet.DocumentModel.PageMargin.Narrow);
 
-            item = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("PageSetupMarginsWide").id);
+            item = ribbonManager.getRibbonItemByName("PageSetupMarginsWide");
             if(item)
                 item.SetValue(pageMargins === ASPxClientSpreadsheet.DocumentModel.PageMargin.Wide);
         }
         function applyPaperKind(paperKind) {
-            var ribbon = getRibbonControl(),
+            var ribbonManager = spreadsheetControl.getRibbonManager(),
                 baseCommandId = ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("PageSetupPaperKindCommandGroup").id,
-                baseCommnadItem = ribbon.GetItemByName(baseCommandId);
+                baseCommnadItem = ribbonManager.getRibbonItemById(baseCommandId);
 
             if(baseCommnadItem) {
                 resetToggleSubItems(baseCommnadItem);
 
                 var itemId = ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("SetPaperKind").id + ";#" + paperKind,
-                    item = ribbon.GetItemByName(itemId);
+                    item = ribbonManager.getRibbonItemById(itemId);
                 if(item)
                     item.SetValue(true);
             }            
         }
         function applyTabParams() {
-            var ribbon = getRibbonControl(),
-                documentModel = spreadsheetControl.getDocumentModel();
+            var documentModel = spreadsheetControl.getDocumentModel();
 
             var isHideCommandEnable = documentModel.getVisibleSheets().length > 1;
             var isUnhideCommandEnable = documentModel.getHiddenSheets().length > 0;
 
-            var item = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("UnhideSheet").id);
+            var ribbonManager = spreadsheetControl.getRibbonManager(),
+                item = ribbonManager.getRibbonItemByName("UnhideSheet");
             if(item)
                 item.SetEnabled(isUnhideCommandEnable);
 
-            item = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("HideSheet").id);
+            item = ribbonManager.getRibbonItemByName("HideSheet");
             if(item)
                 item.SetEnabled(isHideCommandEnable);
 
-            item = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("RemoveSheet").id);
+            item = ribbonManager.getRibbonItemByName("RemoveSheet");
             if(item)
                 item.SetEnabled(isHideCommandEnable);
         }
         function applyHistoryNavigation(history) {
-            var ribbon = getRibbonControl();
             if(history) {
-                var item = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("FileUndo").id);
+                var ribbonManager = spreadsheetControl.getRibbonManager(),
+                    item = ribbonManager.getRibbonItemByName("FileUndo");
                 if(item)
                     item.SetEnabled(history.canUndo);
 
-                item = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("FileRedo").id);
+                item = ribbonManager.getRibbonItemByName("FileRedo");
                 if(item)
                     item.SetEnabled(history.canRedo);
             }
@@ -46937,12 +46958,12 @@ ASPx.SpreadsheetKeyboardManager = SpreadsheetKeyboardManager;
 
         // Fill items
         function updateFillGroup(fillDownDisabled, fillRightDisabled) {
-            var ribbon = getRibbonControl();
-            var item = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("EditingFillDown").id);
+            var ribbonManager = spreadsheetControl.getRibbonManager(),
+                item = ribbonManager.getRibbonItemByName("EditingFillDown");
             if(item)
                 item.SetEnabled(fillDownDisabled);
 
-            item = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("EditingFillRight").id);
+            item = ribbonManager.getRibbonItemByName("EditingFillRight");
             if(item)
                 item.SetEnabled(fillRightDisabled);
         }
@@ -46972,41 +46993,40 @@ ASPx.SpreadsheetKeyboardManager = SpreadsheetKeyboardManager;
             applyPageMargins(pageMargins);
         }
         function updatePageLayoutPrintOptions(printOptions) {
-            var ribbon = getRibbonControl(),
-                showGridLines = printOptions[ASPxClientSpreadsheet.DocumentModel.PrintOptions.GridLines] === 1,
+            var showGridLines = printOptions[ASPxClientSpreadsheet.DocumentModel.PrintOptions.GridLines] === 1,
                 showHeading = printOptions[ASPxClientSpreadsheet.DocumentModel.PrintOptions.Headings] === 1,
-                item = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("PageSetupPrintGridlines").id);
+                ribbonManager = spreadsheetControl.getRibbonManager(),
+                item = ribbonManager.getRibbonItemByName("PageSetupPrintGridlines");
 
             if(item)
                 item.SetValue(showGridLines);
 
-            item = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("PageSetupPrintHeadings").id);
+            item = ribbonManager.getRibbonItemByName("PageSetupPrintHeadings");
             if(item)
                 item.SetValue(showHeading);
         }
         function updateShowOptions(showGridLines, showHeadings) {
-            var ribbon = getRibbonControl();
-            var item = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("ViewShowGridlines").id);
+            var ribbonManager = spreadsheetControl.getRibbonManager(),
+                item = ribbonManager.getRibbonItemByName("ViewShowGridlines");
             if(item)
                 item.SetValue(showGridLines);
 
-            item = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("ViewShowHeadings").id);
+            item = ribbonManager.getRibbonItemByName("ViewShowHeadings");
             if(item)
                 item.SetValue(showHeadings);
         }
         function updateFreezePanes(isFrozen) {
-            var ribbon = getRibbonControl();
-            var item = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("FreezePanes").id);
+            var ribbonManager = spreadsheetControl.getRibbonManager(),
+                item = ribbonManager.getRibbonItemByName("FreezePanes");
             if(item)
                 item.SetEnabled(!isFrozen);
 
-            item = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("ViewUnfreezePanes").id);
+            item = ribbonManager.getRibbonItemByName("ViewUnfreezePanes");
             if(item)
                 item.SetEnabled(isFrozen);
         }
         function updateSaveButtonState(modified) {
-            var ribbon = getRibbonControl(),
-                item = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("FileSave").id);
+            var item = spreadsheetControl.getRibbonManager().getRibbonItemByName("FileSave");
             if(item) {
                 var commandName = item.name,
                     isCommandEnable = modified && spreadsheetControl.getDocumentSettings().isCommandEnabled(commandName);
@@ -47014,12 +47034,12 @@ ASPx.SpreadsheetKeyboardManager = SpreadsheetKeyboardManager;
             }
         }
         function updateActulaBorderStyle(borderLineStyle) {
-            var ribbon = getRibbonControl(),
-                borderLineStyleItem = ribbon.GetItemByName(ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("FormatBorderLineStyle").id);
+            var ribbonManager = spreadsheetControl.getRibbonManager(),
+                borderLineStyleItem = ribbonManager.getRibbonItemByName("FormatBorderLineStyle");
             if(borderLineStyleItem) {
                 resetToggleSubItems(borderLineStyleItem);
                 var itemId = ASPxClientSpreadsheet.ServerCommands.getCommandIDByName("FormatBorderLineStyle").id + ";#" + borderLineStyle,
-                    item = ribbon.GetItemByName(itemId);
+                    item = ribbonManager.getRibbonItemById(itemId);
                 if(item)
                     item.SetValue(true);
             }
@@ -47268,8 +47288,7 @@ ASPx.SpreadsheetKeyboardManager = SpreadsheetKeyboardManager;
             spreadsheetControl.getDocumentSettings().forEach(applyControlOptionToRibbonButton);
         }
         function applyControlOptionToRibbonButton(command, isVisible, isEnable) {
-            var ribbon = getRibbonControl(),
-                item = ribbon.GetItemByName(command);
+            var item = spreadsheetControl.getRibbonManager().getRibbonItemById(command);
             if(item) {
                 if(!isEnable)
                     item.SetEnabled(isEnable);
@@ -47286,8 +47305,7 @@ ASPx.SpreadsheetKeyboardManager = SpreadsheetKeyboardManager;
 
         // Update Client Command State
         this.onFullScreenCommandExecuted = function(commandId) {
-            var ribbon = getRibbonControl();
-            var item = ribbon.GetItemByName(commandId);
+            var item = spreadsheetControl.getRibbonManager().getRibbonItemById(commandId);
             if(item)
                 item.SetValue(!spreadsheetControl.isInFullScreen());
         };
@@ -62426,7 +62444,7 @@ Object.defineProperty(ASPxClientSpreadsheet, 'Functions', {
     });
 })();
 
-var DevExpress="object"==typeof DevExpress?DevExpress:{};DevExpress.AspNetCore=DevExpress.AspNetCore||{},DevExpress.AspNetCore.Spreadsheet=DevExpress.AspNetCore.Spreadsheet||{},DevExpress.AspNetCore.Spreadsheet.dxribbon=function(o){var n={};function r(t){if(n[t])return n[t].exports;var e=n[t]={i:t,l:!1,exports:{}};return o[t].call(e.exports,e,e.exports,r),e.l=!0,e.exports}return r.m=o,r.c=n,r.d=function(t,e,o){r.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},r.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(r.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)r.d(o,n,function(t){return e[t]}.bind(null,n));return o},r.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return r.d(e,"a",e),e},r.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},r.p="",r(r.s=6)}([function(t,e,o){"use strict";o.r(e),o.d(e,"__extends",function(){return r}),o.d(e,"__assign",function(){return i}),o.d(e,"__rest",function(){return a}),o.d(e,"__decorate",function(){return s}),o.d(e,"__param",function(){return l}),o.d(e,"__metadata",function(){return u}),o.d(e,"__awaiter",function(){return c}),o.d(e,"__generator",function(){return p}),o.d(e,"__createBinding",function(){return d}),o.d(e,"__exportStar",function(){return m}),o.d(e,"__values",function(){return f}),o.d(e,"__read",function(){return h}),o.d(e,"__spread",function(){return b}),o.d(e,"__spreadArrays",function(){return y}),o.d(e,"__await",function(){return g}),o.d(e,"__asyncGenerator",function(){return v}),o.d(e,"__asyncDelegator",function(){return x}),o.d(e,"__asyncValues",function(){return I}),o.d(e,"__makeTemplateObject",function(){return C}),o.d(e,"__importStar",function(){return O}),o.d(e,"__importDefault",function(){return _}),o.d(e,"__classPrivateFieldGet",function(){return w}),o.d(e,"__classPrivateFieldSet",function(){return S});
+var DevExpress="object"==typeof DevExpress?DevExpress:{};DevExpress.AspNetCore=DevExpress.AspNetCore||{},DevExpress.AspNetCore.Spreadsheet=DevExpress.AspNetCore.Spreadsheet||{},DevExpress.AspNetCore.Spreadsheet.dxribbon=function(o){var n={};function r(t){if(n[t])return n[t].exports;var e=n[t]={i:t,l:!1,exports:{}};return o[t].call(e.exports,e,e.exports,r),e.l=!0,e.exports}return r.m=o,r.c=n,r.d=function(t,e,o){r.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},r.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(r.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)r.d(o,n,function(t){return e[t]}.bind(null,n));return o},r.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return r.d(e,"a",e),e},r.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},r.p="",r(r.s=6)}([function(t,e,o){"use strict";o.r(e),o.d(e,"__extends",function(){return r}),o.d(e,"__assign",function(){return i}),o.d(e,"__rest",function(){return a}),o.d(e,"__decorate",function(){return s}),o.d(e,"__param",function(){return l}),o.d(e,"__metadata",function(){return u}),o.d(e,"__awaiter",function(){return c}),o.d(e,"__generator",function(){return p}),o.d(e,"__createBinding",function(){return d}),o.d(e,"__exportStar",function(){return m}),o.d(e,"__values",function(){return f}),o.d(e,"__read",function(){return h}),o.d(e,"__spread",function(){return b}),o.d(e,"__spreadArrays",function(){return y}),o.d(e,"__spreadArray",function(){return v}),o.d(e,"__await",function(){return g}),o.d(e,"__asyncGenerator",function(){return I}),o.d(e,"__asyncDelegator",function(){return x}),o.d(e,"__asyncValues",function(){return C}),o.d(e,"__makeTemplateObject",function(){return T}),o.d(e,"__importStar",function(){return _}),o.d(e,"__importDefault",function(){return w}),o.d(e,"__classPrivateFieldGet",function(){return S}),o.d(e,"__classPrivateFieldSet",function(){return B});
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -62441,4 +62459,4 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-var n=function(t,e){return(n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])})(t,e)};function r(t,e){function o(){this.constructor=t}n(t,e),t.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)}var i=function(){return(i=Object.assign||function(t){for(var e,o=1,n=arguments.length;o<n;o++)for(var r in e=arguments[o])Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t}).apply(this,arguments)};function a(t,e){var o={};for(r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(o[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols)for(var n=0,r=Object.getOwnPropertySymbols(t);n<r.length;n++)e.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(t,r[n])&&(o[r[n]]=t[r[n]]);return o}function s(t,e,o,n){var r,i=arguments.length,a=i<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,o,n);else for(var s=t.length-1;0<=s;s--)(r=t[s])&&(a=(i<3?r(a):3<i?r(e,o,a):r(e,o))||a);return 3<i&&a&&Object.defineProperty(e,o,a),a}function l(o,n){return function(t,e){n(t,e,o)}}function u(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)}function c(t,a,s,l){return new(s=s||Promise)(function(o,e){function n(t){try{i(l.next(t))}catch(t){e(t)}}function r(t){try{i(l.throw(t))}catch(t){e(t)}}function i(t){var e;t.done?o(t.value):((e=t.value)instanceof s?e:new s(function(t){t(e)})).then(n,r)}i((l=l.apply(t,a||[])).next())})}function p(n,r){var i,a,s,l={label:0,sent:function(){if(1&s[0])throw s[1];return s[1]},trys:[],ops:[]},t={next:e(0),throw:e(1),return:e(2)};return"function"==typeof Symbol&&(t[Symbol.iterator]=function(){return this}),t;function e(o){return function(t){var e=[o,t];if(i)throw new TypeError("Generator is already executing.");for(;l;)try{if(i=1,a&&(s=2&e[0]?a.return:e[0]?a.throw||((s=a.return)&&s.call(a),0):a.next)&&!(s=s.call(a,e[1])).done)return s;switch(a=0,(e=s?[2&e[0],s.value]:e)[0]){case 0:case 1:s=e;break;case 4:return l.label++,{value:e[1],done:!1};case 5:l.label++,a=e[1],e=[0];continue;case 7:e=l.ops.pop(),l.trys.pop();continue;default:if(!(s=0<(s=l.trys).length&&s[s.length-1])&&(6===e[0]||2===e[0])){l=0;continue}if(3===e[0]&&(!s||e[1]>s[0]&&e[1]<s[3])){l.label=e[1];break}if(6===e[0]&&l.label<s[1]){l.label=s[1],s=e;break}if(s&&l.label<s[2]){l.label=s[2],l.ops.push(e);break}s[2]&&l.ops.pop(),l.trys.pop();continue}e=r.call(n,l)}catch(t){e=[6,t],a=0}finally{i=s=0}if(5&e[0])throw e[1];return{value:e[0]?e[1]:void 0,done:!0}}}}var d=Object.create?function(t,e,o,n){void 0===n&&(n=o),Object.defineProperty(t,n,{enumerable:!0,get:function(){return e[o]}})}:function(t,e,o,n){t[n=void 0===n?o:n]=e[o]};function m(t,e){for(var o in t)"default"===o||Object.prototype.hasOwnProperty.call(e,o)||d(e,t,o)}function f(t){var e="function"==typeof Symbol&&Symbol.iterator,o=e&&t[e],n=0;if(o)return o.call(t);if(t&&"number"==typeof t.length)return{next:function(){return{value:(t=t&&n>=t.length?void 0:t)&&t[n++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}function h(t,e){var o="function"==typeof Symbol&&t[Symbol.iterator];if(!o)return t;var n,r,i=o.call(t),a=[];try{for(;(void 0===e||0<e--)&&!(n=i.next()).done;)a.push(n.value)}catch(t){r={error:t}}finally{try{n&&!n.done&&(o=i.return)&&o.call(i)}finally{if(r)throw r.error}}return a}function b(){for(var t=[],e=0;e<arguments.length;e++)t=t.concat(h(arguments[e]));return t}function y(){for(var t=0,e=0,o=arguments.length;e<o;e++)t+=arguments[e].length;for(var n=Array(t),r=0,e=0;e<o;e++)for(var i=arguments[e],a=0,s=i.length;a<s;a++,r++)n[r]=i[a];return n}function g(t){return this instanceof g?(this.v=t,this):new g(t)}function v(t,e,o){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r=o.apply(t,e||[]),i=[],a={};return n("next"),n("throw"),n("return"),a[Symbol.asyncIterator]=function(){return this},a;function n(n){r[n]&&(a[n]=function(o){return new Promise(function(t,e){1<i.push([n,o,t,e])||s(n,o)})})}function s(t,e){try{(o=r[t](e)).value instanceof g?Promise.resolve(o.value.v).then(l,u):c(i[0][2],o)}catch(t){c(i[0][3],t)}var o}function l(t){s("next",t)}function u(t){s("throw",t)}function c(t,e){t(e),i.shift(),i.length&&s(i[0][0],i[0][1])}}function x(n){var r,t={};return e("next"),e("throw",function(t){throw t}),e("return"),t[Symbol.iterator]=function(){return this},t;function e(e,o){t[e]=n[e]?function(t){return(r=!r)?{value:g(n[e](t)),done:"return"===e}:o?o(t):t}:o}}function I(a){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,e=a[Symbol.asyncIterator];return e?e.call(a):(a=f(a),t={},o("next"),o("throw"),o("return"),t[Symbol.asyncIterator]=function(){return this},t);function o(i){t[i]=a[i]&&function(r){return new Promise(function(t,e){var o,n;r=a[i](r),o=t,t=e,n=r.done,e=r.value,Promise.resolve(e).then(function(t){o({value:t,done:n})},t)})}}}function C(t,e){return Object.defineProperty?Object.defineProperty(t,"raw",{value:e}):t.raw=e,t}var T=Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e};function O(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var o in t)"default"!==o&&Object.prototype.hasOwnProperty.call(t,o)&&d(e,t,o);return T(e,t),e}function _(t){return t&&t.__esModule?t:{default:t}}function w(t,e){if(e.has(t))return e.get(t);throw new TypeError("attempted to get private field on non-instance")}function S(t,e,o){if(e.has(t))return e.set(t,o),o;throw new TypeError("attempted to set private field on non-instance")}},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=o(0),n=(r.prototype.createTemplate=function(){return{location:"before",locateInMenu:"auto"}},r.prototype.getCssClass=function(){return"dx-ribbon-item"},r.prototype.shouldCreateTextContentTemplate=function(t){return t&&t.text&&""!=t.text},r.prototype.createTextContentTemplate=function(a,s,l){return function(t,e,o){var n=document.createElement("div"),r=document.createElement("div"),i=(r.style.display="inline-block",document.createElement("div"));return i.style.display="inline-block",i.textContent=a.text,a.displayAfterEditor||n.appendChild(i),n.appendChild(r),a.displayAfterEditor&&n.appendChild(i),new l(r,s),n}},r);function r(){}e.ToolbarItemTemplateCreator=n;i=n,o.__extends(a,i),a.prototype.getOnFocusOut=function(){return function(t){return t.component.close()}},a.prototype.getOnKeyDown=function(){return function(t){9===t.event.keyCode&&t.event.preventDefault()}};var i,n=a;function a(){return null!==i&&i.apply(this,arguments)||this}e.ToolbarDropDownItemTemplateCreator=n},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n,r=o(0),o=o(4),o=(n=o.ToolbarItemBase,r.__extends(i,n),i.prototype.setEnabled=function(t){this.widget.option("disabled",!t)},i.prototype.setVisible=function(t){this.widget.option("visible",t)},i.prototype.getOnInitializedHandler=function(){var e=this;return function(t){return e.applyWidget(t)}},i.prototype.applyWidget=function(t){this.widget=t.component},i);function i(t,e){var o=n.call(this)||this;return o.options=t,o.onCommandExecuted=e,o.name=t.name,o}e.ToolbarInteractiveItem=o},function(t,e,o){"use strict";function n(){}Object.defineProperty(e,"__esModule",{value:!0}),n.correctIconName=function(t){return 0==t.indexOf("dx")?" "+t:t},n.correctItemsIcons=function(t){t&&t.forEach(function(t){t.icon=t.icon?n.correctIconName(t.icon):void 0,n.correctItemsIcons(t.items)})},e.DxtUtils=n},function(t,e,o){"use strict";function n(){}Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(n.prototype,"toolbarItemTemplateCreator",{get:function(){return this._toolbarItemTemplateCreator||(this._toolbarItemTemplateCreator=this.getBuildTemplateStrategy()),this._toolbarItemTemplateCreator},enumerable:!0,configurable:!0}),n.prototype.createToolbarItemTemplate=function(){return this.toolbarItemTemplateCreator.createTemplate()},e.ToolbarItemBase=n},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),(e=e.DxtThemeCssClasses||(e.DxtThemeCssClasses={})).AccentAsBackgroundColor="dx-theme-accent-as-background-color",e.AccentAsBorderColor="dx-theme-accent-as-border-color",e.AccentAsTextColor="dx-theme-accent-as-text-color",e.BackgroundColor="dx-theme-background-color",e.BackgroundColorAsBorderColor="dx-theme-background-color-as-border-color",e.BackgroundColorAsTextColor="dx-theme-background-color-as-text-color",e.BorderColor="dx-theme-border-color",e.BorderColorAsBackgroundColor="dx-theme-border-color-as-background-color",e.BorderColorAsTextColor="dx-theme-border-color-as-text-color ",e.TextColor="dx-theme-text-color",e.TextColorAsBackgroundColor="dx-theme-text-color-as-background-color",e.TextColorAsBorderColor="dx-theme-text-color-as-border-color"},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=o(7),n=(e.Ribbon=n.Ribbon,o(5));e.DxtThemeCssClasses=n.DxtThemeCssClasses},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=o(8),r=o(9),i=o(10),a=o(11),s=o(12),l=o(14),u=o(16),c=o(19),p=o(22),d=o(24),m=o(27);function f(t){this.options=t,this.toolbars=[],this.toolBarItemsByName={},this.contextItemIndexesByCategoryName={}}Object.defineProperty(f.prototype,"element",{get:function(){return this.options.element},enumerable:!0,configurable:!0}),f.prototype.dispose=function(){this.tabPanel.dispose(),this.toolbars.forEach(function(t){return t.dispose()}),f.hideNode(this.options.element)},f.hideNode=function(t){var e;t&&(e=t.parentNode)&&e.removeChild(t)},f.prototype.shouldApplyLocalization=function(t,e){return!t&&!!e},f.prototype.applyLocalizationId=function(){var e=this;this.options.items.forEach(function(t){e.applyLocalizationIdToRibbonItem(t)}),this.options.contextItemsCategories.forEach(function(t){t.items.forEach(function(t){e.applyLocalizationIdToRibbonItem(t)})})},f.prototype.applyLocalizationIdToRibbonItem=function(t){this.shouldApplyLocalization(t.title,t.localizationId)&&(t.title=n.formatMessage(t.localizationId)),this.applyLocalizationIdToRibbonItems(t.items)},f.prototype.applyLocalizationIdToRibbonItems=function(t){var o=this;t.forEach(function(t){switch(t.type){case"Button":var e=t;o.shouldApplyLocalization(e.text,e.localizationId)&&(e.text=n.formatMessage(e.localizationId));break;case"Menu":e=t;o.shouldApplyLocalization(e.text,e.localizationId)&&(e.text=n.formatMessage(e.localizationId)),o.applyLocalizationIdToSubMenuItemOptions(e.items);break;case"ButtonGroup":break;case"NumberBox":e=t;o.shouldApplyLocalization(e.text,e.localizationId)&&(e.text=n.formatMessage(e.localizationId));break;case"ColorBox":e=t;o.shouldApplyLocalization(e.text,e.localizationId)&&(e.text=n.formatMessage(e.localizationId));break;case"SelectBox":e=t;e._localizeDataSourceItems&&e.dataSource.forEach(function(t){var e;t.localizationId&&(e=n.formatMessage(t.localizationId),t.text=t.text?t.text+e:e)})}})},f.prototype.applyLocalizationIdToSubMenuItemOptions=function(t){var e=this;t.forEach(function(t){e.shouldApplyLocalization(t.text,t.localizationId)&&(t.text=n.formatMessage(t.localizationId)),t.items&&e.applyLocalizationIdToSubMenuItemOptions(t.items)})},f.prototype.render=function(){var o=this;this.applyLocalizationId(),this.tabPanel=new r.default(this.options.element,{dataSource:this.getRibbonItems().map(function(t,e){return{title:t.title,visible:t.visible,template:function(){return o.createToolbar(t.items,e)}}}),deferRendering:!1,elementAttr:{class:"dx-ribbon "+a.currentTheme()},focusStateEnabled:!1,selectedIndex:this.options.activeTabIndex,loop:!1,animationEnabled:!1,swipeEnabled:!1,showNavButtons:!0,onTitleClick:this.options.onTitleClickHandler,onSelectionChanged:this.options.onSelectionChangedHandler})},f.prototype.getActiveTabIndex=function(){return this.tabPanel.option("selectedIndex")},f.prototype.setActiveTabIndex=function(t){this.tabPanel.option("selectedIndex",t)},f.prototype.setItemVisible=function(t,e){return this.tabPanel.option("items["+t+"].visible",e)},f.prototype.getItemVisible=function(t){return this.tabPanel.option("items["+t+"].visible")},f.prototype.setContextItemsCategoryVisible=function(t,e){var o,n,r=this,t=this.getContextItemsIndexes(t);t&&(o=!1,n=this.getActiveTabIndex(),t.forEach(function(t){r.getItemVisible(t)!==e&&(n!=t||e||(o=!0),r.setItemVisible(t,e))}),o&&this.setActiveTabIndex(this.options.activeTabIndex))},f.prototype.getContextItemsCategoryVisible=function(t){t=this.getContextItemsIndexes(t);return!(!t||!t.length)&&this.getItemVisible(t[0])},f.prototype.getContextItemsIndexes=function(t){return this.contextItemIndexesByCategoryName[t]},f.prototype.getTabPanel=function(){return this.tabPanel},f.prototype.getItems=function(t){return t&&this.toolBarItemsByName[t]?this.toolBarItemsByName[t]:null},f.prototype.adjustControl=function(){this.tabPanel._dimensionChanged(),this.toolbars.forEach(function(t){return t._dimensionChanged()})},f.prototype.getRibbonItems=function(){var n=this,r=[].concat(this.options.items);return this.options.contextItemsCategories&&this.options.contextItemsCategories.forEach(function(o){n.contextItemIndexesByCategoryName[o.name]||(n.contextItemIndexesByCategoryName[o.name]=[]),o.items.forEach(function(t,e){n.contextItemIndexesByCategoryName[o.name].push(e+r.length)}),r=r.concat(o.items.map(function(t){return{items:t.items,title:t.title,visible:!1}}))}),r},f.prototype.createToolbar=function(t,e){var o=this,n=document.createElement("div"),t={dataSource:this.getToolbarItemTemplates(t,e),onInitialized:function(t){return o.toolbars.push(t.component)},onItemRendered:function(t){t.itemData.dxIsSeparator&&m.ToolbarSeparatorItem.prepareElement(t.itemElement)}};return new i.default(n,t),n},f.prototype.getToolbarItemTemplates=function(t,e){var o,n=this,r=[],i=(t.forEach(function(t){r=r.concat(n.getToolbarItems(t,e))}),[]);return r.forEach(function(t){t instanceof m.ToolbarSeparatorItem&&(!o||o instanceof m.ToolbarSeparatorItem)||(i.push(t.createToolbarItemTemplate()),o=t)}),i},f.prototype.getToolbarItems=function(t,e){var o=[];return t.beginGroup&&o.push(new m.ToolbarSeparatorItem),o.push(this.interactiveToolbarItemFactory(t,e)),o},f.prototype.interactiveToolbarItemFactory=function(e,o){var t,n=this;switch(e.type){case"Button":t=new l.ToolbarButtonItem(e,this.options.onCommandExecuted);break;case"ButtonGroup":t=new s.ToolbarButtonGroupItem(e,this.options.onCommandExecuted);break;case"Menu":t=new c.ToolbarMenuItem(e,this.options.onCommandExecuted,function(t){n.addItemToCache(t.name,t),n.raiseOnOnToolbarItemCreated(e,t,o)});break;case"NumberBox":t=new p.ToolbarNumberBoxItem(e,this.options.onCommandExecuted);break;case"ColorBox":t=new u.ToolbarColorBoxItem(e,this.options.onCommandExecuted,this.options.onOpened,this.options.onClosed);break;default:t=new d.ToolbarSelectBoxItem(e,this.options.onCommandExecuted)}return this.addItemToCache(e.name,t),this.raiseOnOnToolbarItemCreated(e,t,o),t},f.prototype.addItemToCache=function(t,e){t&&(this.toolBarItemsByName[t]||(this.toolBarItemsByName[t]=[]),this.toolBarItemsByName[t].push(e))},f.prototype.raiseOnOnToolbarItemCreated=function(t,e,o){this.options.onOnToolbarItemCreated&&this.options.onOnToolbarItemCreated({options:t,item:e,tabIndex:o})},e.Ribbon=f},function(t,e){t.exports=DevExpress.localization},function(t,e){t.exports={default:DevExpress.ui.dxTabPanel}},function(t,e){t.exports={default:DevExpress.ui.dxToolbar}},function(t,e){t.exports=DevExpress.viz},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n,r=o(0),i=o(2),a=o(13),o=(n=i.ToolbarInteractiveItem,r.__extends(s,n),s.prototype.getBuildTemplateStrategy=function(){return new a.ButtonGroupToolbarItemTemplateCreator({itemOptions:this.options,onInitialized:this.getOnInitializedHandler(),onClick:this.getOnClickHandler()})},s.prototype.setValue=function(t){},s.prototype.getOnClickHandler=function(){var t=this;return this.onCommandExecuted?function(){t.onCommandExecuted({item:t,parameter:null})}:void 0},s.ToggleStateClassName="dx-r-toggle",s.ToggleButtonDataProperty="dx-ri-value",s);function s(){return null!==n&&n.apply(this,arguments)||this}e.ToolbarButtonGroupItem=o},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n,r=o(0),i=o(3),o=o(1),o=(n=o.ToolbarItemTemplateCreator,r.__extends(a,n),a.prototype.createTemplate=function(){var t=n.prototype.createTemplate.call(this);return t.widget="dxButtonGroup",t.showText=this.options.itemOptions.items[0]&&this.options.itemOptions.items[0].icon&&!this.options.itemOptions.alwaysShowText?"inMenu":"always",t.options=this.getButtonGroupOptions(),t},a.prototype.getButtonGroupOptions=function(){return{focusStateEnabled:!1,onInitialized:this.options.onInitialized,items:this.options.itemOptions.items.map(function(t){return t.icon=t.icon&&i.DxtUtils.correctIconName(t.icon),t})}},a);function a(t){var e=n.call(this)||this;return e.options=t,e}e.ButtonGroupToolbarItemTemplateCreator=o},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n,r=o(0),i=o(2),a=o(15),o=(n=i.ToolbarInteractiveItem,r.__extends(s,n),s.prototype.getBuildTemplateStrategy=function(){var e=this;return new a.ButtonToolbarItemTemplateCreator({itemOptions:this.options,onInitialized:function(t){e.applyWidget(t),e.setValue(e.options.isToggleMode&&e.options.selected)},onClick:this.getOnClickHandler()})},s.prototype.setValue=function(t){var e;this.options.isToggleMode&&(((e=this.getElement())[s.ToggleButtonDataProperty]=t)?(e.classList.add(s.ToggleStateClassName),e.classList.add(s.ButtonGroupItemClassName),e.classList.add(s.ItemSelectedClassName)):(e.classList.remove(s.ToggleStateClassName),e.classList.remove(s.ButtonGroupItemClassName),e.classList.remove(s.ItemSelectedClassName)))},s.prototype.getValue=function(){return this.options.isToggleMode?this.getElement()[s.ToggleButtonDataProperty]:null},s.prototype.getElement=function(){return this.widget.element().classList?this.widget.element():this.widget.element()[0]},s.prototype.getOnClickHandler=function(){var t=this;return this.onCommandExecuted?function(){t.setValue(!t.getValue()),t.onCommandExecuted({item:t,parameter:t.getValue()})}:void 0},s.ToggleStateClassName="dx-r-toggle",s.ButtonGroupItemClassName="dx-buttongroup-item",s.ItemSelectedClassName="dx-item-selected",s.ToggleButtonDataProperty="dx-ri-value",s);function s(){return null!==n&&n.apply(this,arguments)||this}e.ToolbarButtonItem=o},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n,r=o(0),i=o(3),o=o(1),o=(n=o.ToolbarItemTemplateCreator,r.__extends(a,n),a.prototype.createTemplate=function(){var t=n.prototype.createTemplate.call(this);return t.widget="dxButton",t.showText=!this.options.itemOptions.icon||this.options.itemOptions.alwaysShowText?"always":"inMenu",t.options=this.getButtonOptions(),t},a.prototype.getButtonOptions=function(){return{text:this.options.itemOptions.text,icon:this.options.itemOptions.icon?i.DxtUtils.correctIconName(this.options.itemOptions.icon):void 0,hint:this.options.itemOptions.text,stylingMode:"text",focusStateEnabled:!1,onInitialized:this.options.onInitialized,onClick:this.options.onClick}},a);function a(t){var e=n.call(this)||this;return e.options=t,e}e.ButtonToolbarItemTemplateCreator=o},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r,n=o(0),i=o(2),a=o(17),o=(r=i.ToolbarInteractiveItem,n.__extends(s,r),s.prototype.getBuildTemplateStrategy=function(){return new a.ColorBoxToolbarItemTemplateCreator({itemOptions:this.options,onInitialized:this.getOnInitializedHandler(),onValueChanged:this.getOnValueChangedHandler(),onOpened:this.getOnOpenedHandler(),onClosed:this.getOnClosedHandler()})},s.prototype.setValue=function(t){this.widget.option("value",t)},s.prototype.getOnOpenedHandler=function(){var t=this;return this.onOpened?function(){t.onOpened({item:t})}:void 0},s.prototype.getOnClosedHandler=function(){var t=this;return this.onClosed?function(){t.onClosed({item:t})}:void 0},s.prototype.getOnValueChangedHandler=function(){var e=this;return this.onCommandExecuted?function(t){e.onCommandExecuted({item:e,parameter:t.value})}:void 0},s);function s(t,e,o,n){t=r.call(this,t,e)||this;return t.onOpened=o,t.onClosed=n,t}e.ToolbarColorBoxItem=o},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n,r=o(0),i=o(18),o=o(1),o=(n=o.ToolbarItemTemplateCreator,r.__extends(a,n),a.prototype.createTemplate=function(){var t=n.prototype.createTemplate.call(this),e=(t.widget="dxColorBox",this.getWidgetOptions());return this.shouldCreateTextContentTemplate(this.options.itemOptions.textOptions)?t.template=this.createTextContentTemplate(this.options.itemOptions.textOptions,e,i.default):t.options=e,t},a.prototype.getWidgetOptions=function(){var o=this;return{placeholder:"",focusStateEnabled:!1,acceptCustomValue:!1,mask:" ",stylingMode:"filled",hint:this.options.itemOptions.text,value:this.options.itemOptions.value,width:75,onValueChanged:this.options.onValueChanged,onInitialized:this.options.onInitialized,onContentReady:function(t){var e=t.element.querySelector?t.element:t.element[0];e.querySelector(".dx-colorbox-color-result-preview").addEventListener("click",function(){o.options.onValueChanged({component:t.component,element:e,model:t.model,value:t.component.option("value")})})},onOpened:this.options.onOpened,onClosed:this.options.onClosed,elementAttr:{class:this.getCssClass()}}},a);function a(t){var e=n.call(this)||this;return e.options=t,e}e.ColorBoxToolbarItemTemplateCreator=o},function(t,e){t.exports={default:DevExpress.ui.dxColorBox}},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n,r=o(0),i=o(2),a=o(20),s=o(21),o=(n=i.ToolbarInteractiveItem,r.__extends(l,n),l.prototype.getWidget=function(){return this.widget},l.prototype.getOptions=function(){return this.options},l.prototype.createSubMenuItems=function(t){var o=this;t&&t.forEach(function(t){var e=new s.ToolbarSubMenuItem(t.name,o);o.onSubMenuItemCreated(e),t.name&&(o.items[t.name]=e),o.createSubMenuItems(t.items)})},l.prototype.getBuildTemplateStrategy=function(){return new a.MenuToolbarItemTemplateCreator({itemOptions:this.options,onInitialized:this.getOnInitializedHandler(),onItemRendered:this.getOnItemRenderedHandler(),onItemClick:this.getOnItemClickHandler()})},l.prototype.setValue=function(t){},l.prototype.getOnItemClickHandler=function(){var e=this;return this.onCommandExecuted?function(t){e.closeSubMenuIfRequired(t.component,t.itemData,t.itemElement);t=t.itemData.name?e.items[t.itemData.name]:void 0;t&&e.onCommandExecuted({item:t,parameter:null})}:void 0},l.prototype.closeSubMenuIfRequired=function(t,e,o){e.isRootElement&&t._visibleSubmenu&&window.setTimeout(function(){return t.unselectItem(o[0]||o)},0)},l.prototype.getOnItemRenderedHandler=function(){var o=this;return function(t){var e=t.itemData.name;e&&(e=o.items[e],t=t.itemElement[0]||t.itemElement,e.setElement(t))}},l);function l(t,e,o){e=n.call(this,t,e)||this;return e.onSubMenuItemCreated=o,e.items={},e.createSubMenuItems(t.items),e}e.ToolbarMenuItem=o},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n,r=o(0),i=o(3),o=o(1),o=(n=o.ToolbarItemTemplateCreator,r.__extends(a,n),a.prototype.createTemplate=function(){var t=n.prototype.createTemplate.call(this);return t.widget="dxMenu",t.options=this.getMenuOptions(),t},a.prototype.getMenuOptions=function(){var e=this;return i.DxtUtils.correctItemsIcons(this.options.itemOptions.items),{hideSubmenuOnMouseLeave:!0,focusStateEnabled:!1,selectByClick:!1,hint:this.options.itemOptions.text,dataSource:[{icon:this.options.itemOptions.icon?i.DxtUtils.correctIconName(this.options.itemOptions.icon):void 0,text:this.options.itemOptions.text,items:this.options.itemOptions.items.map(function(t){return{beginGroup:t.beginGroup,name:t.name,text:t.text,icon:t.icon,items:t.items}})}],onSubmenuShowing:function(e){setTimeout(function(){var t=e.component;t._visibleSubmenu&&(t=t._visibleSubmenu._overlay.$content(),600<s(t)&&(t=t.find(".dx-submenu"),l(t,400),t.dxScrollView({})))})},onInitialized:this.options.onInitialized,onItemRendered:this.options.onItemRendered,onItemClick:this.options.onItemClick,elementAttr:{class:this.getCssClass()},onContentReady:function(t){e.options.itemOptions.icon&&!e.options.itemOptions.alwaysShowText&&(t.element.classList?t.element:t.element[0]).classList.add(a.ShowTextInMenuClassName)}}},a.ShowTextInMenuClassName="dx-showTextInMenu",a);function a(t){var e=n.call(this)||this;return e.options=t,e}e.MenuToolbarItemTemplateCreator=o;var s=function(t){return 1===t.length?(null==(t=t[0].getBoundingClientRect())?void 0:t.height)||0:void 0},l=function(t,e){for(var o=0;o<t.length;o++){var n=t[0],r=(null==(r=n.ownerDocument)?void 0:r.defaultView)||window,r=r.getComputedStyle&&r.getComputedStyle(n);if(!r)return;"content-box"===r.boxSizing&&(e-=(parseFloat(r.borderTopWidth)||0)+(parseFloat(r.borderBottomWidth)||0)+((parseFloat(r.paddingTop)||0)+(parseFloat(r.paddingBottom)||0))),n.style.height=e.toString()+"px"}}},function(t,e,o){"use strict";function n(t,e){this.name=t,this.menuItem=e}Object.defineProperty(e,"__esModule",{value:!0}),n.prototype.setValue=function(t){"boolean"==typeof t&&(this.element?this.setValueCore(this.element,t):this.selected=t)},n.prototype.setElement=function(t){this.element=t,void 0!==this.selected&&(this.setValue(this.selected),this.selected=void 0)},n.prototype.setEnabled=function(t){this.setDataOption("disabled",!t)},n.prototype.setVisible=function(t){this.setDataOption("visible",t)},n.prototype.setValueCore=function(t,e){e?t.classList.add(n.SelectedItemClassName):t.classList.remove(n.SelectedItemClassName)},n.prototype.setDataOption=function(t,e){var o=this,n=this.getDataOptionName();n&&setTimeout(function(){return o.menuItem.getWidget().option(n+"."+t,e)},0)},n.prototype.getDataOptionName=function(){return void 0===this.dataOptionName&&(this.dataOptionName=this.getDataOptionNameCore(this.menuItem.getOptions().items,"items[0]")),this.dataOptionName},n.prototype.getDataOptionNameCore=function(t,e){var o=this;if(!t)return null;var n=t.filter(function(t){return t.name==o.name})[0];if(n)return e+".items["+t.indexOf(n)+"]";for(var r=0;r<t.length;r++){var i=this.getDataOptionNameCore(t[r].items,e+".items["+r+"]");if(i)return i}return null},n.SelectedItemClassName="dx-menu-item-selected",e.ToolbarSubMenuItem=n},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n,r=o(0),i=o(2),a=o(23),o=(n=i.ToolbarInteractiveItem,r.__extends(s,n),s.prototype.getBuildTemplateStrategy=function(){return new a.NumberBoxToolbarItemTemplateCreator({itemOptions:this.options,onInitialized:this.getOnInitializedHandler(),onValueChanged:this.getOnValueChangedHandler()})},s.prototype.setValue=function(t){this.widget.option("value",t)},s.prototype.getOnValueChangedHandler=function(){var e=this;return this.onCommandExecuted?function(t){t.event&&e.onCommandExecuted({item:e,parameter:t.value})}:void 0},s);function s(){return null!==n&&n.apply(this,arguments)||this}e.ToolbarNumberBoxItem=o},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n,r=o(0),o=o(1),o=(n=o.ToolbarItemTemplateCreator,r.__extends(i,n),i.prototype.createTemplate=function(){var t=n.prototype.createTemplate.call(this);return t.widget="dxNumberBox",t.options=this.getWidgetOptions(),t},i.prototype.getWidgetOptions=function(){var t=this.options.itemOptions.format,t=null==t?this.options.itemOptions.text+" #0.#":t;return{placeholder:"",focusStateEnabled:!1,hint:this.options.itemOptions.text,stylingMode:"filled",format:t,value:this.options.itemOptions.value,width:this.options.itemOptions.width,showSpinButtons:!0,min:this.options.itemOptions.min,max:this.options.itemOptions.max,step:this.options.itemOptions.step,onValueChanged:this.options.onValueChanged,onInitialized:this.options.onInitialized,elementAttr:{class:this.getCssClass()}}},i);function i(t){var e=n.call(this)||this;return e.options=t,e}e.NumberBoxToolbarItemTemplateCreator=o},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n,r=o(0),i=o(2),a=o(25),o=(n=i.ToolbarInteractiveItem,r.__extends(s,n),s.prototype.getBuildTemplateStrategy=function(){return new a.SelectBoxToolbarItemTemplateCreator({itemOptions:this.options,onInitialized:this.getOnInitializedHandler(),onValueChanged:this.getOnValueChangedHandler()})},s.prototype.setValue=function(t){this.widget.option("value",t)},s.prototype.getOnValueChangedHandler=function(){var e=this;return this.onCommandExecuted?function(t){t.event&&e.onCommandExecuted({item:e,parameter:t.value})}:void 0},s);function s(){return null!==n&&n.apply(this,arguments)||this}e.ToolbarSelectBoxItem=o},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n,r=o(0),i=o(26),o=o(1),o=(n=o.ToolbarDropDownItemTemplateCreator,r.__extends(a,n),a.prototype.createTemplate=function(){var t=n.prototype.createTemplate.call(this),e=(t.widget="dxSelectBox",this.getWidgetOptions());return this.shouldCreateTextContentTemplate(this.options.itemOptions.textOptions)?t.template=this.createTextContentTemplate(this.options.itemOptions.textOptions,e,i.default):t.options=e,t},a.prototype.getOnCustomItemCreating=function(t){return t.acceptCustomValue&&t.onCustomItemCreating?t.onCustomItemCreating:function(t){t.customItem||(t.customItem=t.text)}},a.prototype.getWidgetOptions=function(){var t=this.options.itemOptions;return{placeholder:t.placeholder,stylingMode:"filled",searchEnabled:!0,acceptCustomValue:t.acceptCustomValue,dataSource:t.dataSource,width:t.width,displayExpr:t.displayExpr,valueExpr:t.valueExpr,value:t.value,showClearButton:t.showClearButton,onValueChanged:this.options.onValueChanged,onInitialized:this.options.onInitialized,onFocusOut:n.prototype.getOnFocusOut.call(this),onKeyDown:n.prototype.getOnKeyDown.call(this),onCustomItemCreating:this.getOnCustomItemCreating(t),elementAttr:{class:this.getCssClass()}}},a);function a(t){var e=n.call(this)||this;return e.options=t,e}e.SelectBoxToolbarItemTemplateCreator=o},function(t,e){t.exports={default:DevExpress.ui.dxSelectBox}},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n,r=o(0),i=o(4),a=o(28),o=(n=i.ToolbarItemBase,r.__extends(s,n),s.prepareElement=function(t){var t=t.classList?t:t[0];!t||(t=t.querySelector(".dx-toolbar-item-content"))&&t.classList.add(s.SeparatorContainerClassName)},s.prototype.getBuildTemplateStrategy=function(){return new a.SeparatorToolbarItemTemplateCreator},s.SeparatorContainerClassName="dx-r-separator-container",s);function s(){return null!==n&&n.apply(this,arguments)||this}e.ToolbarSeparatorItem=o},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n,r=o(0),i=o(5),o=o(1),o=(n=o.ToolbarItemTemplateCreator,r.__extends(a,n),a.prototype.createTemplate=function(){var t=n.prototype.createTemplate.call(this);return t.disabled=!0,t.dxIsSeparator=!0,t.template=function(){var t=document.createElement("div");return t.classList.add(a.SeparatorClassName),t.classList.add(i.DxtThemeCssClasses.BorderColor),t},t},a.SeparatorClassName="dx-r-separator",a);function a(){return null!==n&&n.apply(this,arguments)||this}e.SeparatorToolbarItemTemplateCreator=o}]);
+var n=function(t,e){return(n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])})(t,e)};function r(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function o(){this.constructor=t}n(t,e),t.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)}var i=function(){return(i=Object.assign||function(t){for(var e,o=1,n=arguments.length;o<n;o++)for(var r in e=arguments[o])Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t}).apply(this,arguments)};function a(t,e){var o={};for(r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(o[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols)for(var n=0,r=Object.getOwnPropertySymbols(t);n<r.length;n++)e.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(t,r[n])&&(o[r[n]]=t[r[n]]);return o}function s(t,e,o,n){var r,i=arguments.length,a=i<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,o,n);else for(var s=t.length-1;0<=s;s--)(r=t[s])&&(a=(i<3?r(a):3<i?r(e,o,a):r(e,o))||a);return 3<i&&a&&Object.defineProperty(e,o,a),a}function l(o,n){return function(t,e){n(t,e,o)}}function u(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)}function c(t,a,s,l){return new(s=s||Promise)(function(o,e){function n(t){try{i(l.next(t))}catch(t){e(t)}}function r(t){try{i(l.throw(t))}catch(t){e(t)}}function i(t){var e;t.done?o(t.value):((e=t.value)instanceof s?e:new s(function(t){t(e)})).then(n,r)}i((l=l.apply(t,a||[])).next())})}function p(n,r){var i,a,s,l={label:0,sent:function(){if(1&s[0])throw s[1];return s[1]},trys:[],ops:[]},t={next:e(0),throw:e(1),return:e(2)};return"function"==typeof Symbol&&(t[Symbol.iterator]=function(){return this}),t;function e(o){return function(t){var e=[o,t];if(i)throw new TypeError("Generator is already executing.");for(;l;)try{if(i=1,a&&(s=2&e[0]?a.return:e[0]?a.throw||((s=a.return)&&s.call(a),0):a.next)&&!(s=s.call(a,e[1])).done)return s;switch(a=0,(e=s?[2&e[0],s.value]:e)[0]){case 0:case 1:s=e;break;case 4:return l.label++,{value:e[1],done:!1};case 5:l.label++,a=e[1],e=[0];continue;case 7:e=l.ops.pop(),l.trys.pop();continue;default:if(!(s=0<(s=l.trys).length&&s[s.length-1])&&(6===e[0]||2===e[0])){l=0;continue}if(3===e[0]&&(!s||e[1]>s[0]&&e[1]<s[3])){l.label=e[1];break}if(6===e[0]&&l.label<s[1]){l.label=s[1],s=e;break}if(s&&l.label<s[2]){l.label=s[2],l.ops.push(e);break}s[2]&&l.ops.pop(),l.trys.pop();continue}e=r.call(n,l)}catch(t){e=[6,t],a=0}finally{i=s=0}if(5&e[0])throw e[1];return{value:e[0]?e[1]:void 0,done:!0}}}}var d=Object.create?function(t,e,o,n){void 0===n&&(n=o),Object.defineProperty(t,n,{enumerable:!0,get:function(){return e[o]}})}:function(t,e,o,n){t[n=void 0===n?o:n]=e[o]};function m(t,e){for(var o in t)"default"===o||Object.prototype.hasOwnProperty.call(e,o)||d(e,t,o)}function f(t){var e="function"==typeof Symbol&&Symbol.iterator,o=e&&t[e],n=0;if(o)return o.call(t);if(t&&"number"==typeof t.length)return{next:function(){return{value:(t=t&&n>=t.length?void 0:t)&&t[n++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}function h(t,e){var o="function"==typeof Symbol&&t[Symbol.iterator];if(!o)return t;var n,r,i=o.call(t),a=[];try{for(;(void 0===e||0<e--)&&!(n=i.next()).done;)a.push(n.value)}catch(t){r={error:t}}finally{try{n&&!n.done&&(o=i.return)&&o.call(i)}finally{if(r)throw r.error}}return a}function b(){for(var t=[],e=0;e<arguments.length;e++)t=t.concat(h(arguments[e]));return t}function y(){for(var t=0,e=0,o=arguments.length;e<o;e++)t+=arguments[e].length;for(var n=Array(t),r=0,e=0;e<o;e++)for(var i=arguments[e],a=0,s=i.length;a<s;a++,r++)n[r]=i[a];return n}function v(t,e,o){if(o||2===arguments.length)for(var n,r=0,i=e.length;r<i;r++)!n&&r in e||((n=n||Array.prototype.slice.call(e,0,r))[r]=e[r]);return t.concat(n||Array.prototype.slice.call(e))}function g(t){return this instanceof g?(this.v=t,this):new g(t)}function I(t,e,o){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r=o.apply(t,e||[]),i=[],a={};return n("next"),n("throw"),n("return"),a[Symbol.asyncIterator]=function(){return this},a;function n(n){r[n]&&(a[n]=function(o){return new Promise(function(t,e){1<i.push([n,o,t,e])||s(n,o)})})}function s(t,e){try{(o=r[t](e)).value instanceof g?Promise.resolve(o.value.v).then(l,u):c(i[0][2],o)}catch(t){c(i[0][3],t)}var o}function l(t){s("next",t)}function u(t){s("throw",t)}function c(t,e){t(e),i.shift(),i.length&&s(i[0][0],i[0][1])}}function x(n){var r,t={};return e("next"),e("throw",function(t){throw t}),e("return"),t[Symbol.iterator]=function(){return this},t;function e(e,o){t[e]=n[e]?function(t){return(r=!r)?{value:g(n[e](t)),done:"return"===e}:o?o(t):t}:o}}function C(a){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,e=a[Symbol.asyncIterator];return e?e.call(a):(a=f(a),t={},o("next"),o("throw"),o("return"),t[Symbol.asyncIterator]=function(){return this},t);function o(i){t[i]=a[i]&&function(r){return new Promise(function(t,e){var o,n;r=a[i](r),o=t,t=e,n=r.done,e=r.value,Promise.resolve(e).then(function(t){o({value:t,done:n})},t)})}}}function T(t,e){return Object.defineProperty?Object.defineProperty(t,"raw",{value:e}):t.raw=e,t}var O=Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e};function _(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var o in t)"default"!==o&&Object.prototype.hasOwnProperty.call(t,o)&&d(e,t,o);return O(e,t),e}function w(t){return t&&t.__esModule?t:{default:t}}function S(t,e,o,n){if("a"===o&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t===e&&n:e.has(t))return"m"===o?n:"a"===o?n.call(t):n?n.value:e.get(t);throw new TypeError("Cannot read private member from an object whose class did not declare it")}function B(t,e,o,n,r){if("m"===n)throw new TypeError("Private method is not writable");if("a"===n&&!r)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t===e&&r:e.has(t))return"a"===n?r.call(t,o):r?r.value=o:e.set(t,o),o;throw new TypeError("Cannot write private member to an object whose class did not declare it")}},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.ToolbarDropDownItemTemplateCreator=e.ToolbarItemTemplateCreator=void 0;var o=o(0),n=(r.prototype.createTemplate=function(){return{location:"before",locateInMenu:"auto"}},r.prototype.getCssClass=function(){return"dx-ribbon-item"},r.prototype.shouldCreateTextContentTemplate=function(t){return t&&t.text&&""!=t.text},r.prototype.createTextContentTemplate=function(a,s,l){return function(t,e,o){var n=document.createElement("div"),r=document.createElement("div"),i=(r.style.display="inline-block",document.createElement("div"));return i.style.display="inline-block",i.textContent=a.text,a.displayAfterEditor||n.appendChild(i),n.appendChild(r),a.displayAfterEditor&&n.appendChild(i),new l(r,s),n}},r);function r(){}e.ToolbarItemTemplateCreator=n;i=n,o.__extends(a,i),a.prototype.getOnFocusOut=function(){return function(t){return t.component.close()}},a.prototype.getOnKeyDown=function(){return function(t){9===t.event.keyCode&&t.event.preventDefault()}};var i,n=a;function a(){return null!==i&&i.apply(this,arguments)||this}e.ToolbarDropDownItemTemplateCreator=n},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.ToolbarInteractiveItem=void 0;var n,r=o(0),o=o(4),o=(n=o.ToolbarItemBase,r.__extends(i,n),i.prototype.setEnabled=function(t){this.widget.option("disabled",!t)},i.prototype.setVisible=function(t){this.widget.option("visible",t)},i.prototype.getOnInitializedHandler=function(){var e=this;return function(t){return e.applyWidget(t)}},i.prototype.applyWidget=function(t){this.widget=t.component},i);function i(t,e){var o=n.call(this)||this;return o.options=t,o.onCommandExecuted=e,o.name=t.name,o}e.ToolbarInteractiveItem=o},function(t,e,o){"use strict";function n(){}Object.defineProperty(e,"__esModule",{value:!0}),e.DxtUtils=void 0,n.correctIconName=function(t){return 0==t.indexOf("dx")?" "+t:t},n.correctItemsIcons=function(t){t&&t.forEach(function(t){t.icon=t.icon?n.correctIconName(t.icon):void 0,n.correctItemsIcons(t.items)})},e.DxtUtils=n},function(t,e,o){"use strict";function n(){}Object.defineProperty(e,"__esModule",{value:!0}),e.ToolbarItemBase=void 0,Object.defineProperty(n.prototype,"toolbarItemTemplateCreator",{get:function(){return this._toolbarItemTemplateCreator||(this._toolbarItemTemplateCreator=this.getBuildTemplateStrategy()),this._toolbarItemTemplateCreator},enumerable:!1,configurable:!0}),n.prototype.createToolbarItemTemplate=function(){return this.toolbarItemTemplateCreator.createTemplate()},e.ToolbarItemBase=n},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.DxtThemeCssClasses=void 0,(e=e.DxtThemeCssClasses||(e.DxtThemeCssClasses={})).AccentAsBackgroundColor="dx-theme-accent-as-background-color",e.AccentAsBorderColor="dx-theme-accent-as-border-color",e.AccentAsTextColor="dx-theme-accent-as-text-color",e.BackgroundColor="dx-theme-background-color",e.BackgroundColorAsBorderColor="dx-theme-background-color-as-border-color",e.BackgroundColorAsTextColor="dx-theme-background-color-as-text-color",e.BorderColor="dx-theme-border-color",e.BorderColorAsBackgroundColor="dx-theme-border-color-as-background-color",e.BorderColorAsTextColor="dx-theme-border-color-as-text-color ",e.TextColor="dx-theme-text-color",e.TextColorAsBackgroundColor="dx-theme-text-color-as-background-color",e.TextColorAsBorderColor="dx-theme-text-color-as-border-color"},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.DxtThemeCssClasses=e.Ribbon=void 0;var n=o(7),r=(Object.defineProperty(e,"Ribbon",{enumerable:!0,get:function(){return n.Ribbon}}),o(5));Object.defineProperty(e,"DxtThemeCssClasses",{enumerable:!0,get:function(){return r.DxtThemeCssClasses}})},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Ribbon=void 0;var n=o(8),r=o(9),i=o(10),a=o(11),s=o(12),l=o(14),u=o(16),c=o(19),p=o(22),d=o(24),m=o(27);function f(t){this.options=t,this.toolbars=[],this.toolBarItemsByName={},this.contextItemIndexesByCategoryName={}}Object.defineProperty(f.prototype,"element",{get:function(){return this.options.element},enumerable:!1,configurable:!0}),f.prototype.dispose=function(){this.tabPanel.dispose(),this.toolbars.forEach(function(t){return t.dispose()}),f.hideNode(this.options.element)},f.hideNode=function(t){var e;t&&(e=t.parentNode)&&e.removeChild(t)},f.prototype.shouldApplyLocalization=function(t,e){return!t&&!!e},f.prototype.applyLocalizationId=function(){var e=this;this.options.items.forEach(function(t){e.applyLocalizationIdToRibbonItem(t)}),this.options.contextItemsCategories.forEach(function(t){t.items.forEach(function(t){e.applyLocalizationIdToRibbonItem(t)})})},f.prototype.applyLocalizationIdToRibbonItem=function(t){this.shouldApplyLocalization(t.title,t.localizationId)&&(t.title=n.formatMessage(t.localizationId)),this.applyLocalizationIdToRibbonItems(t.items)},f.prototype.applyLocalizationIdToRibbonItems=function(t){var o=this;t.forEach(function(t){switch(t.type){case"Button":var e=t;o.shouldApplyLocalization(e.text,e.localizationId)&&(e.text=n.formatMessage(e.localizationId));break;case"Menu":e=t;o.shouldApplyLocalization(e.text,e.localizationId)&&(e.text=n.formatMessage(e.localizationId)),o.applyLocalizationIdToSubMenuItemOptions(e.items);break;case"ButtonGroup":break;case"NumberBox":e=t;o.shouldApplyLocalization(e.text,e.localizationId)&&(e.text=n.formatMessage(e.localizationId));break;case"ColorBox":e=t;o.shouldApplyLocalization(e.text,e.localizationId)&&(e.text=n.formatMessage(e.localizationId));break;case"SelectBox":e=t;e._localizeDataSourceItems&&e.dataSource.forEach(function(t){var e;t.localizationId&&(e=n.formatMessage(t.localizationId),t.text=t.text?t.text+e:e)})}})},f.prototype.applyLocalizationIdToSubMenuItemOptions=function(t){var e=this;t.forEach(function(t){e.shouldApplyLocalization(t.text,t.localizationId)&&(t.text=n.formatMessage(t.localizationId)),t.items&&e.applyLocalizationIdToSubMenuItemOptions(t.items)})},f.prototype.render=function(){var o=this;this.applyLocalizationId(),this.tabPanel=new r.default(this.options.element,{dataSource:this.getRibbonItems().map(function(t,e){return{title:t.title,visible:t.visible,template:function(){return o.createToolbar(t.items,e)}}}),deferRendering:!1,elementAttr:{class:"dx-ribbon "+a.currentTheme()},focusStateEnabled:!1,selectedIndex:this.options.activeTabIndex,loop:!1,animationEnabled:!1,swipeEnabled:!1,showNavButtons:!0,onTitleClick:this.options.onTitleClickHandler,onSelectionChanged:this.options.onSelectionChangedHandler})},f.prototype.getActiveTabIndex=function(){return this.tabPanel.option("selectedIndex")},f.prototype.setActiveTabIndex=function(t){this.tabPanel.option("selectedIndex",t)},f.prototype.setItemVisible=function(t,e){return this.tabPanel.option("items["+t+"].visible",e)},f.prototype.getItemVisible=function(t){return this.tabPanel.option("items["+t+"].visible")},f.prototype.setContextItemsCategoryVisible=function(t,e){var o,n,r=this,t=this.getContextItemsIndexes(t);t&&(o=!1,n=this.getActiveTabIndex(),t.forEach(function(t){r.getItemVisible(t)!==e&&(n!=t||e||(o=!0),r.setItemVisible(t,e))}),o&&this.setActiveTabIndex(this.options.activeTabIndex))},f.prototype.getContextItemsCategoryVisible=function(t){t=this.getContextItemsIndexes(t);return!(!t||!t.length)&&this.getItemVisible(t[0])},f.prototype.getContextItemsIndexes=function(t){return this.contextItemIndexesByCategoryName[t]},f.prototype.getTabPanel=function(){return this.tabPanel},f.prototype.getItems=function(t){return t&&this.toolBarItemsByName[t]?this.toolBarItemsByName[t]:null},f.prototype.adjustControl=function(){this.tabPanel._dimensionChanged(),this.toolbars.forEach(function(t){return t._dimensionChanged()})},f.prototype.getRibbonItems=function(){var n=this,r=[].concat(this.options.items);return this.options.contextItemsCategories&&this.options.contextItemsCategories.forEach(function(o){n.contextItemIndexesByCategoryName[o.name]||(n.contextItemIndexesByCategoryName[o.name]=[]),o.items.forEach(function(t,e){n.contextItemIndexesByCategoryName[o.name].push(e+r.length)}),r=r.concat(o.items.map(function(t){return{items:t.items,title:t.title,visible:!1}}))}),r},f.prototype.createToolbar=function(t,e){var o=this,n=document.createElement("div"),t={dataSource:this.getToolbarItemTemplates(t,e),onInitialized:function(t){return o.toolbars.push(t.component)},onItemRendered:function(t){t.itemData.dxIsSeparator&&m.ToolbarSeparatorItem.prepareElement(t.itemElement)}};return new i.default(n,t),n},f.prototype.getToolbarItemTemplates=function(t,e){var o,n=this,r=[],i=(t.forEach(function(t){r=r.concat(n.getToolbarItems(t,e))}),[]);return r.forEach(function(t){t instanceof m.ToolbarSeparatorItem&&(!o||o instanceof m.ToolbarSeparatorItem)||(i.push(t.createToolbarItemTemplate()),o=t)}),i},f.prototype.getToolbarItems=function(t,e){var o=[];return t.beginGroup&&o.push(new m.ToolbarSeparatorItem),o.push(this.interactiveToolbarItemFactory(t,e)),o},f.prototype.interactiveToolbarItemFactory=function(e,o){var t,n=this;switch(e.type){case"Button":t=new l.ToolbarButtonItem(e,this.options.onCommandExecuted);break;case"ButtonGroup":t=new s.ToolbarButtonGroupItem(e,this.options.onCommandExecuted);break;case"Menu":t=new c.ToolbarMenuItem(e,this.options.onCommandExecuted,function(t){n.addItemToCache(t.name,t),n.raiseOnOnToolbarItemCreated(e,t,o)});break;case"NumberBox":t=new p.ToolbarNumberBoxItem(e,this.options.onCommandExecuted);break;case"ColorBox":t=new u.ToolbarColorBoxItem(e,this.options.onCommandExecuted,this.options.onOpened,this.options.onClosed);break;default:t=new d.ToolbarSelectBoxItem(e,this.options.onCommandExecuted)}return this.addItemToCache(e.name,t),this.raiseOnOnToolbarItemCreated(e,t,o),t},f.prototype.addItemToCache=function(t,e){t&&(this.toolBarItemsByName[t]||(this.toolBarItemsByName[t]=[]),this.toolBarItemsByName[t].push(e))},f.prototype.raiseOnOnToolbarItemCreated=function(t,e,o){this.options.onOnToolbarItemCreated&&this.options.onOnToolbarItemCreated({options:t,item:e,tabIndex:o})},e.Ribbon=f},function(t,e){t.exports=DevExpress.localization},function(t,e){t.exports={default:DevExpress.ui.dxTabPanel}},function(t,e){t.exports={default:DevExpress.ui.dxToolbar}},function(t,e){t.exports=DevExpress.viz},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.ToolbarButtonGroupItem=void 0;var n,r=o(0),i=o(2),a=o(13),o=(n=i.ToolbarInteractiveItem,r.__extends(s,n),s.prototype.getBuildTemplateStrategy=function(){return new a.ButtonGroupToolbarItemTemplateCreator({itemOptions:this.options,onInitialized:this.getOnInitializedHandler(),onClick:this.getOnClickHandler()})},s.prototype.setValue=function(t){},s.prototype.getOnClickHandler=function(){var t=this;return this.onCommandExecuted?function(){t.onCommandExecuted({item:t,parameter:null})}:void 0},s.ToggleStateClassName="dx-r-toggle",s.ToggleButtonDataProperty="dx-ri-value",s);function s(){return null!==n&&n.apply(this,arguments)||this}e.ToolbarButtonGroupItem=o},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.ButtonGroupToolbarItemTemplateCreator=void 0;var n,r=o(0),i=o(3),o=o(1),o=(n=o.ToolbarItemTemplateCreator,r.__extends(a,n),a.prototype.createTemplate=function(){var t=n.prototype.createTemplate.call(this);return t.widget="dxButtonGroup",t.showText=this.options.itemOptions.items[0]&&this.options.itemOptions.items[0].icon&&!this.options.itemOptions.alwaysShowText?"inMenu":"always",t.options=this.getButtonGroupOptions(),t},a.prototype.getButtonGroupOptions=function(){return{focusStateEnabled:!1,onInitialized:this.options.onInitialized,items:this.options.itemOptions.items.map(function(t){return t.icon=t.icon&&i.DxtUtils.correctIconName(t.icon),t})}},a);function a(t){var e=n.call(this)||this;return e.options=t,e}e.ButtonGroupToolbarItemTemplateCreator=o},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.ToolbarButtonItem=void 0;var n,r=o(0),i=o(2),a=o(15),o=(n=i.ToolbarInteractiveItem,r.__extends(s,n),s.prototype.getBuildTemplateStrategy=function(){var e=this;return new a.ButtonToolbarItemTemplateCreator({itemOptions:this.options,onInitialized:function(t){e.applyWidget(t),e.setValue(e.options.isToggleMode&&e.options.selected)},onClick:this.getOnClickHandler()})},s.prototype.setValue=function(t){var e;this.options.isToggleMode&&(((e=this.getElement())[s.ToggleButtonDataProperty]=t)?(e.classList.add(s.ToggleStateClassName),e.classList.add(s.ButtonGroupItemClassName),e.classList.add(s.ItemSelectedClassName)):(e.classList.remove(s.ToggleStateClassName),e.classList.remove(s.ButtonGroupItemClassName),e.classList.remove(s.ItemSelectedClassName)))},s.prototype.getValue=function(){return this.options.isToggleMode?this.getElement()[s.ToggleButtonDataProperty]:null},s.prototype.getElement=function(){return this.widget.element().classList?this.widget.element():this.widget.element()[0]},s.prototype.getOnClickHandler=function(){var t=this;return this.onCommandExecuted?function(){t.setValue(!t.getValue()),t.onCommandExecuted({item:t,parameter:t.getValue()})}:void 0},s.ToggleStateClassName="dx-r-toggle",s.ButtonGroupItemClassName="dx-buttongroup-item",s.ItemSelectedClassName="dx-item-selected",s.ToggleButtonDataProperty="dx-ri-value",s);function s(){return null!==n&&n.apply(this,arguments)||this}e.ToolbarButtonItem=o},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.ButtonToolbarItemTemplateCreator=void 0;var n,r=o(0),i=o(3),o=o(1),o=(n=o.ToolbarItemTemplateCreator,r.__extends(a,n),a.prototype.createTemplate=function(){var t=n.prototype.createTemplate.call(this);return t.widget="dxButton",t.showText=!this.options.itemOptions.icon||this.options.itemOptions.alwaysShowText?"always":"inMenu",t.options=this.getButtonOptions(),t},a.prototype.getButtonOptions=function(){return{text:this.options.itemOptions.text,icon:this.options.itemOptions.icon?i.DxtUtils.correctIconName(this.options.itemOptions.icon):void 0,hint:this.options.itemOptions.text,stylingMode:"text",focusStateEnabled:!1,onInitialized:this.options.onInitialized,onClick:this.options.onClick}},a);function a(t){var e=n.call(this)||this;return e.options=t,e}e.ButtonToolbarItemTemplateCreator=o},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.ToolbarColorBoxItem=void 0;var r,n=o(0),i=o(2),a=o(17),o=(r=i.ToolbarInteractiveItem,n.__extends(s,r),s.prototype.getBuildTemplateStrategy=function(){return new a.ColorBoxToolbarItemTemplateCreator({itemOptions:this.options,onInitialized:this.getOnInitializedHandler(),onValueChanged:this.getOnValueChangedHandler(),onOpened:this.getOnOpenedHandler(),onClosed:this.getOnClosedHandler()})},s.prototype.setValue=function(t){this.widget.option("value",t)},s.prototype.getOnOpenedHandler=function(){var t=this;return this.onOpened?function(){t.onOpened({item:t})}:void 0},s.prototype.getOnClosedHandler=function(){var t=this;return this.onClosed?function(){t.onClosed({item:t})}:void 0},s.prototype.getOnValueChangedHandler=function(){var e=this;return this.onCommandExecuted?function(t){e.onCommandExecuted({item:e,parameter:t.value})}:void 0},s);function s(t,e,o,n){t=r.call(this,t,e)||this;return t.onOpened=o,t.onClosed=n,t}e.ToolbarColorBoxItem=o},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.ColorBoxToolbarItemTemplateCreator=void 0;var n,r=o(0),i=o(18),o=o(1),o=(n=o.ToolbarItemTemplateCreator,r.__extends(a,n),a.prototype.createTemplate=function(){var t=n.prototype.createTemplate.call(this),e=(t.widget="dxColorBox",this.getWidgetOptions());return this.shouldCreateTextContentTemplate(this.options.itemOptions.textOptions)?t.template=this.createTextContentTemplate(this.options.itemOptions.textOptions,e,i.default):t.options=e,t},a.prototype.getWidgetOptions=function(){var o=this;return{placeholder:"",focusStateEnabled:!1,acceptCustomValue:!1,mask:" ",stylingMode:"filled",hint:this.options.itemOptions.text,value:this.options.itemOptions.value,width:75,onValueChanged:this.options.onValueChanged,onInitialized:this.options.onInitialized,onContentReady:function(t){var e=t.element.querySelector?t.element:t.element[0];e.querySelector(".dx-colorbox-color-result-preview").addEventListener("click",function(){o.options.onValueChanged({component:t.component,element:e,model:t.model,value:t.component.option("value")})})},onOpened:this.options.onOpened,onClosed:this.options.onClosed,elementAttr:{class:this.getCssClass()}}},a);function a(t){var e=n.call(this)||this;return e.options=t,e}e.ColorBoxToolbarItemTemplateCreator=o},function(t,e){t.exports={default:DevExpress.ui.dxColorBox}},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.ToolbarMenuItem=void 0;var n,r=o(0),i=o(2),a=o(20),s=o(21),o=(n=i.ToolbarInteractiveItem,r.__extends(l,n),l.prototype.getWidget=function(){return this.widget},l.prototype.getOptions=function(){return this.options},l.prototype.createSubMenuItems=function(t){var o=this;t&&t.forEach(function(t){var e=new s.ToolbarSubMenuItem(t.name,o);o.onSubMenuItemCreated(e),t.name&&(o.items[t.name]=e),o.createSubMenuItems(t.items)})},l.prototype.getBuildTemplateStrategy=function(){return new a.MenuToolbarItemTemplateCreator({itemOptions:this.options,onInitialized:this.getOnInitializedHandler(),onItemRendered:this.getOnItemRenderedHandler(),onItemClick:this.getOnItemClickHandler()})},l.prototype.setValue=function(t){},l.prototype.getOnItemClickHandler=function(){var e=this;return this.onCommandExecuted?function(t){e.closeSubMenuIfRequired(t.component,t.itemData,t.itemElement);t=t.itemData.name?e.items[t.itemData.name]:void 0;t&&e.onCommandExecuted({item:t,parameter:null})}:void 0},l.prototype.closeSubMenuIfRequired=function(t,e,o){e.isRootElement&&t._visibleSubmenu&&window.setTimeout(function(){return t.unselectItem(o[0]||o)},0)},l.prototype.getOnItemRenderedHandler=function(){var o=this;return function(t){var e=t.itemData.name;e&&(e=o.items[e],t=t.itemElement[0]||t.itemElement,e.setElement(t))}},l);function l(t,e,o){e=n.call(this,t,e)||this;return e.onSubMenuItemCreated=o,e.items={},e.createSubMenuItems(t.items),e}e.ToolbarMenuItem=o},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.MenuToolbarItemTemplateCreator=void 0;var n,r=o(0),i=o(3),o=o(1),o=(n=o.ToolbarItemTemplateCreator,r.__extends(a,n),a.prototype.createTemplate=function(){var t=n.prototype.createTemplate.call(this);return t.widget="dxMenu",t.options=this.getMenuOptions(),t},a.prototype.getMenuOptions=function(){var e=this;return i.DxtUtils.correctItemsIcons(this.options.itemOptions.items),{hideSubmenuOnMouseLeave:!0,focusStateEnabled:!1,selectByClick:!1,hint:this.options.itemOptions.text,dataSource:[{icon:this.options.itemOptions.icon?i.DxtUtils.correctIconName(this.options.itemOptions.icon):void 0,text:this.options.itemOptions.text,items:this.options.itemOptions.items.map(function(t){return{beginGroup:t.beginGroup,name:t.name,text:t.text,icon:t.icon,items:t.items}})}],onSubmenuShowing:function(e){setTimeout(function(){var t=e.component;t._visibleSubmenu&&(t=t._visibleSubmenu._overlay.$content(),600<s(t)&&(t=t.find(".dx-submenu"),l(t,400),t.dxScrollView({})))})},onInitialized:this.options.onInitialized,onItemRendered:this.options.onItemRendered,onItemClick:this.options.onItemClick,elementAttr:{class:this.getCssClass()},onContentReady:function(t){e.options.itemOptions.icon&&!e.options.itemOptions.alwaysShowText&&(t.element.classList?t.element:t.element[0]).classList.add(a.ShowTextInMenuClassName)}}},a.ShowTextInMenuClassName="dx-showTextInMenu",a);function a(t){var e=n.call(this)||this;return e.options=t,e}e.MenuToolbarItemTemplateCreator=o;var s=function(t){return 1===t.length?(null==(t=t[0].getBoundingClientRect())?void 0:t.height)||0:void 0},l=function(t,e){for(var o=0;o<t.length;o++){var n=t[0],r=(null==(r=n.ownerDocument)?void 0:r.defaultView)||window,r=r.getComputedStyle&&r.getComputedStyle(n);if(!r)return;"content-box"===r.boxSizing&&(e-=(parseFloat(r.borderTopWidth)||0)+(parseFloat(r.borderBottomWidth)||0)+((parseFloat(r.paddingTop)||0)+(parseFloat(r.paddingBottom)||0))),n.style.height=e.toString()+"px"}}},function(t,e,o){"use strict";function n(t,e){this.name=t,this.menuItem=e}Object.defineProperty(e,"__esModule",{value:!0}),e.ToolbarSubMenuItem=void 0,n.prototype.setValue=function(t){"boolean"==typeof t&&(this.element?this.setValueCore(this.element,t):this.selected=t)},n.prototype.setElement=function(t){this.element=t,void 0!==this.selected&&(this.setValue(this.selected),this.selected=void 0)},n.prototype.setEnabled=function(t){this.setDataOption("disabled",!t)},n.prototype.setVisible=function(t){this.setDataOption("visible",t)},n.prototype.setValueCore=function(t,e){e?t.classList.add(n.SelectedItemClassName):t.classList.remove(n.SelectedItemClassName)},n.prototype.setDataOption=function(t,e){var o=this,n=this.getDataOptionName();n&&setTimeout(function(){return o.menuItem.getWidget().option(n+"."+t,e)},0)},n.prototype.getDataOptionName=function(){return void 0===this.dataOptionName&&(this.dataOptionName=this.getDataOptionNameCore(this.menuItem.getOptions().items,"items[0]")),this.dataOptionName},n.prototype.getDataOptionNameCore=function(t,e){var o=this;if(!t)return null;var n=t.filter(function(t){return t.name==o.name})[0];if(n)return e+".items["+t.indexOf(n)+"]";for(var r=0;r<t.length;r++){var i=this.getDataOptionNameCore(t[r].items,e+".items["+r+"]");if(i)return i}return null},n.SelectedItemClassName="dx-menu-item-selected",e.ToolbarSubMenuItem=n},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.ToolbarNumberBoxItem=void 0;var n,r=o(0),i=o(2),a=o(23),o=(n=i.ToolbarInteractiveItem,r.__extends(s,n),s.prototype.getBuildTemplateStrategy=function(){return new a.NumberBoxToolbarItemTemplateCreator({itemOptions:this.options,onInitialized:this.getOnInitializedHandler(),onValueChanged:this.getOnValueChangedHandler()})},s.prototype.setValue=function(t){this.widget.option("value",t)},s.prototype.getOnValueChangedHandler=function(){var e=this;return this.onCommandExecuted?function(t){t.event&&e.onCommandExecuted({item:e,parameter:t.value})}:void 0},s);function s(){return null!==n&&n.apply(this,arguments)||this}e.ToolbarNumberBoxItem=o},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.NumberBoxToolbarItemTemplateCreator=void 0;var n,r=o(0),o=o(1),o=(n=o.ToolbarItemTemplateCreator,r.__extends(i,n),i.prototype.createTemplate=function(){var t=n.prototype.createTemplate.call(this);return t.widget="dxNumberBox",t.options=this.getWidgetOptions(),t},i.prototype.getWidgetOptions=function(){var t=this.options.itemOptions.format,t=null==t?this.options.itemOptions.text+" #0.#":t;return{placeholder:"",focusStateEnabled:!1,hint:this.options.itemOptions.text,stylingMode:"filled",format:t,value:this.options.itemOptions.value,width:this.options.itemOptions.width,showSpinButtons:!0,min:this.options.itemOptions.min,max:this.options.itemOptions.max,step:this.options.itemOptions.step,onValueChanged:this.options.onValueChanged,onInitialized:this.options.onInitialized,elementAttr:{class:this.getCssClass()}}},i);function i(t){var e=n.call(this)||this;return e.options=t,e}e.NumberBoxToolbarItemTemplateCreator=o},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.ToolbarSelectBoxItem=void 0;var n,r=o(0),i=o(2),a=o(25),o=(n=i.ToolbarInteractiveItem,r.__extends(s,n),s.prototype.getBuildTemplateStrategy=function(){return new a.SelectBoxToolbarItemTemplateCreator({itemOptions:this.options,onInitialized:this.getOnInitializedHandler(),onValueChanged:this.getOnValueChangedHandler()})},s.prototype.setValue=function(t){this.widget.option("value",t)},s.prototype.getOnValueChangedHandler=function(){var e=this;return this.onCommandExecuted?function(t){t.event&&e.onCommandExecuted({item:e,parameter:t.value})}:void 0},s);function s(){return null!==n&&n.apply(this,arguments)||this}e.ToolbarSelectBoxItem=o},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.SelectBoxToolbarItemTemplateCreator=void 0;var n,r=o(0),i=o(26),o=o(1),o=(n=o.ToolbarDropDownItemTemplateCreator,r.__extends(a,n),a.prototype.createTemplate=function(){var t=n.prototype.createTemplate.call(this),e=(t.widget="dxSelectBox",this.getWidgetOptions());return this.shouldCreateTextContentTemplate(this.options.itemOptions.textOptions)?t.template=this.createTextContentTemplate(this.options.itemOptions.textOptions,e,i.default):t.options=e,t},a.prototype.getOnCustomItemCreating=function(t){return t.acceptCustomValue&&t.onCustomItemCreating?t.onCustomItemCreating:function(t){t.customItem||(t.customItem=t.text)}},a.prototype.getWidgetOptions=function(){var t=this.options.itemOptions;return{placeholder:t.placeholder,stylingMode:"filled",searchEnabled:!0,acceptCustomValue:t.acceptCustomValue,dataSource:t.dataSource,width:t.width,displayExpr:t.displayExpr,valueExpr:t.valueExpr,value:t.value,showClearButton:t.showClearButton,onValueChanged:this.options.onValueChanged,onInitialized:this.options.onInitialized,onFocusOut:n.prototype.getOnFocusOut.call(this),onKeyDown:n.prototype.getOnKeyDown.call(this),onCustomItemCreating:this.getOnCustomItemCreating(t),elementAttr:{class:this.getCssClass()}}},a);function a(t){var e=n.call(this)||this;return e.options=t,e}e.SelectBoxToolbarItemTemplateCreator=o},function(t,e){t.exports={default:DevExpress.ui.dxSelectBox}},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.ToolbarSeparatorItem=void 0;var n,r=o(0),i=o(4),a=o(28),o=(n=i.ToolbarItemBase,r.__extends(s,n),s.prepareElement=function(t){var t=t.classList?t:t[0];!t||(t=t.querySelector(".dx-toolbar-item-content"))&&t.classList.add(s.SeparatorContainerClassName)},s.prototype.getBuildTemplateStrategy=function(){return new a.SeparatorToolbarItemTemplateCreator},s.SeparatorContainerClassName="dx-r-separator-container",s);function s(){return null!==n&&n.apply(this,arguments)||this}e.ToolbarSeparatorItem=o},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.SeparatorToolbarItemTemplateCreator=void 0;var n,r=o(0),i=o(5),o=o(1),o=(n=o.ToolbarItemTemplateCreator,r.__extends(a,n),a.prototype.createTemplate=function(){var t=n.prototype.createTemplate.call(this);return t.disabled=!0,t.dxIsSeparator=!0,t.template=function(){var t=document.createElement("div");return t.classList.add(a.SeparatorClassName),t.classList.add(i.DxtThemeCssClasses.BorderColor),t},t},a.SeparatorClassName="dx-r-separator",a);function a(){return null!==n&&n.apply(this,arguments)||this}e.SeparatorToolbarItemTemplateCreator=o}]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "devexpress-aspnetcore-spreadsheet",
-  "version": "21.2.7",
+  "version": "22.1.2-beta",
   "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": "21.2.7"
+    "devextreme": "22.1.2-beta"
   },
   "keywords": [
     "spreadsheet",