@syncfusion/ej2-vue-spreadsheet 19.2.59 → 19.3.44

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-spreadsheet@*",
-  "_id": "@syncfusion/ej2-vue-spreadsheet@19.2.57",
+  "_id": "@syncfusion/ej2-vue-spreadsheet@19.37.1",
   "_inBundle": false,
-  "_integrity": "sha512-BvI4RlMIu5Ka7JpeDjqgyt0iEW3FsENSYqLDaCh+WG5a6HKzR0JlQ/fB+VUuqlOoP4ctCJT3X/LcOofeVbzbOQ==",
+  "_integrity": "sha512-+UcwLXXPcM22oSH6Yf2rS3mB8FzRs5UFdMl36hvbW0CavOUFbZ9sChes+Tv8pewoR47K+exZalIxXOhN44/4iA==",
   "_location": "/@syncfusion/ej2-vue-spreadsheet",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-vue-spreadsheet/-/ej2-vue-spreadsheet-19.2.57.tgz",
-  "_shasum": "df045922d7b858709c695ad8bb8251ae28f3ce89",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-vue-spreadsheet/-/ej2-vue-spreadsheet-19.37.1.tgz",
+  "_shasum": "f3a0f2de9d76f2b37095aefe1384203346a12c74",
   "_spec": "@syncfusion/ej2-vue-spreadsheet@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.2.57",
-    "@syncfusion/ej2-spreadsheet": "19.2.59",
-    "@syncfusion/ej2-vue-base": "~19.2.58"
+    "@syncfusion/ej2-base": "~19.3.43",
+    "@syncfusion/ej2-spreadsheet": "19.3.44",
+    "@syncfusion/ej2-vue-base": "~19.3.43"
   },
   "deprecated": false,
   "description": "Feature-rich JavaScript Spreadsheet (Excel) control with built-in support for selection, editing, formatting, importing and exporting to Excel for Vue",
@@ -65,6 +65,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-vue-ui-components.git"
   },
-  "version": "19.2.59",
+  "version": "19.3.44",
   "sideEffects": false
 }

package/src/spreadsheet/spreadsheet.component.d.ts

@@ -39,6 +39,7 @@ export declare class SpreadsheetComponent extends ComponentBase {
     addRibbonTabs(items: Object[], insertBefore?: string): void;
     addToolbarItems(tab: string, items: Object[], index?: number): void;
     applyFilter(predicates?: Object[], range?: string): void;
+    autoFill(fillRange: string, dataRange?: string, direction?: Object, fillType?: Object): void;
     autoFit(range: string): void;
     cellFormat(style: Object, range?: string): void;
     clear(options: Object): void;
@@ -82,7 +83,7 @@ export declare class SpreadsheetComponent extends ComponentBase {
     open(options: Object): void;
     openFromJson(options: undefined): void;
     paste(address?: string, type?: Object): void;
-    protectSheet(sheet?: number | string, protectSettings?: Object): void;
+    protectSheet(sheet?: number | string, protectSettings?: Object, password?: string): void;
     redo(): void;
     refresh(isNew?: boolean): void;
     removeContextMenuItems(items: string[], isUniqueId?: boolean): void;
@@ -105,6 +106,7 @@ export declare class SpreadsheetComponent extends ComponentBase {
     unprotectSheet(sheet?: number | string): void;
     updateAction(options: Object): void;
     updateCell(cell: Object, address?: string): void;
+    updateRange(range: Object, sheetIdx?: number): void;
     updateUndoRedoCollection(args: undefined): void;
     wrap(address: string, wrap: boolean): void;
 }

package/src/spreadsheet/spreadsheet.component.js

@@ -30,7 +30,7 @@ import { ConditionalFormatsDirective, ConditionalFormatDirective, ConditionalFor
 import { SheetsDirective, SheetDirective, SheetsPlugin, SheetPlugin } from './sheets.directive';
 import { DefinedNamesDirective, DefinedNameDirective, DefinedNamesPlugin, DefinedNamePlugin } from './definednames.directive';
 import { Options } from 'vue-class-component';
-export var properties = ['activeSheetIndex', 'allowCellFormatting', 'allowChart', 'allowConditionalFormat', 'allowDataValidation', 'allowDelete', 'allowEditing', 'allowFiltering', 'allowFindAndReplace', 'allowHyperlink', 'allowImage', 'allowInsert', 'allowMerge', 'allowNumberFormatting', 'allowOpen', 'allowResizing', 'allowSave', 'allowScrolling', 'allowSorting', 'allowUndoRedo', 'allowWrap', 'cellStyle', 'cssClass', 'definedNames', 'enableClipboard', 'enableContextMenu', 'enableKeyboardNavigation', 'enableKeyboardShortcut', 'enablePersistence', 'enableRtl', 'height', 'isProtected', 'locale', 'openUrl', 'password', 'saveUrl', 'scrollSettings', 'selectionSettings', 'sheets', 'showFormulaBar', 'showRibbon', 'showSheetTabs', 'width', 'actionBegin', 'actionComplete', 'afterHyperlinkClick', 'afterHyperlinkCreate', 'beforeCellFormat', 'beforeCellRender', 'beforeCellSave', 'beforeConditionalFormat', 'beforeDataBound', 'beforeHyperlinkClick', 'beforeHyperlinkCreate', 'beforeOpen', 'beforeSave', 'beforeSelect', 'beforeSort', 'cellEdit', 'cellEditing', 'cellSave', 'contextMenuBeforeClose', 'contextMenuBeforeOpen', 'contextMenuItemSelect', 'created', 'dataBound', 'dataSourceChanged', 'dialogBeforeOpen', 'fileMenuBeforeClose', 'fileMenuBeforeOpen', 'fileMenuItemSelect', 'openComplete', 'openFailure', 'queryCellInfo', 'saveComplete', 'select', 'sortComplete'];
+export var properties = ['islazyUpdate', 'activeSheetIndex', 'allowAutoFill', 'allowCellFormatting', 'allowChart', 'allowConditionalFormat', 'allowDataValidation', 'allowDelete', 'allowEditing', 'allowFiltering', 'allowFindAndReplace', 'allowHyperlink', 'allowImage', 'allowInsert', 'allowMerge', 'allowNumberFormatting', 'allowOpen', 'allowResizing', 'allowSave', 'allowScrolling', 'allowSorting', 'allowUndoRedo', 'allowWrap', 'autoFillSettings', 'cellStyle', 'cssClass', 'definedNames', 'enableClipboard', 'enableContextMenu', 'enableKeyboardNavigation', 'enableKeyboardShortcut', 'enablePersistence', 'enableRtl', 'height', 'isProtected', 'locale', 'openUrl', 'password', 'saveUrl', 'scrollSettings', 'selectionSettings', 'sheets', 'showFormulaBar', 'showRibbon', 'showSheetTabs', 'width', 'actionBegin', 'actionComplete', 'afterHyperlinkClick', 'afterHyperlinkCreate', 'beforeCellFormat', 'beforeCellRender', 'beforeCellSave', 'beforeConditionalFormat', 'beforeDataBound', 'beforeHyperlinkClick', 'beforeHyperlinkCreate', 'beforeOpen', 'beforeSave', 'beforeSelect', 'beforeSort', 'cellEdit', 'cellEditing', 'cellSave', 'contextMenuBeforeClose', 'contextMenuBeforeOpen', 'contextMenuItemSelect', 'created', 'dataBound', 'dataSourceChanged', 'dialogBeforeOpen', 'fileMenuBeforeClose', 'fileMenuBeforeOpen', 'fileMenuItemSelect', 'openComplete', 'openFailure', 'queryCellInfo', 'saveComplete', 'select', 'sortComplete'];
 export var modelProps = [];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0];
@@ -107,6 +107,7 @@ var SpreadsheetComponent = /** @class */ (function (_super) {
                         }
                         else {
                             _this.$emit('update:' + key, prop[key]);
+                            _this.$emit('modelchanged', prop[key]);
                         }
                     }
                 });
@@ -154,6 +155,9 @@ var SpreadsheetComponent = /** @class */ (function (_super) {
     SpreadsheetComponent.prototype.applyFilter = function (predicates, range) {
         return this.ej2Instances.applyFilter(predicates, range);
     };
+    SpreadsheetComponent.prototype.autoFill = function (fillRange, dataRange, direction, fillType) {
+        return this.ej2Instances.autoFill(fillRange, dataRange, direction, fillType);
+    };
     SpreadsheetComponent.prototype.autoFit = function (range) {
         return this.ej2Instances.autoFit(range);
     };
@@ -283,8 +287,8 @@ var SpreadsheetComponent = /** @class */ (function (_super) {
     SpreadsheetComponent.prototype.paste = function (address, type) {
         return this.ej2Instances.paste(address, type);
     };
-    SpreadsheetComponent.prototype.protectSheet = function (sheet, protectSettings) {
-        return this.ej2Instances.protectSheet(sheet, protectSettings);
+    SpreadsheetComponent.prototype.protectSheet = function (sheet, protectSettings, password) {
+        return this.ej2Instances.protectSheet(sheet, protectSettings, password);
     };
     SpreadsheetComponent.prototype.redo = function () {
         return this.ej2Instances.redo();
@@ -352,6 +356,9 @@ var SpreadsheetComponent = /** @class */ (function (_super) {
     SpreadsheetComponent.prototype.updateCell = function (cell, address) {
         return this.ej2Instances.updateCell(cell, address);
     };
+    SpreadsheetComponent.prototype.updateRange = function (range, sheetIdx) {
+        return this.ej2Instances.updateRange(range, sheetIdx);
+    };
     SpreadsheetComponent.prototype.updateUndoRedoCollection = function (args) {
         return this.ej2Instances.updateUndoRedoCollection(args);
     };

package/styles/bootstrap-dark.css

@@ -298,6 +298,10 @@
   content: '\e340';
 }
 
+.e-dragfill-ddb .e-dragfill-icon::before {
+  content: '\e92a';
+}
+
 .e-chart-ddb .e-chart-icon::before,
 .e-chart-ddb .e-chart-type-icon::before,
 .e-chart-type-ddb .e-chart-icon::before,
@@ -805,6 +809,65 @@
   width: 282px;
 }
 
+.e-spreadsheet .e-protect-dlg .e-sheet-password-content .e-header {
+  font-size: 14px;
+  line-height: 28px;
+  margin-bottom: 4px;
+}
+
+.e-spreadsheet .e-custom-format-dlg {
+  height: 510px !important;
+  width: 530px !important;
+}
+
+.e-spreadsheet .e-unprotectworksheet-dlg {
+  left: 0 !important;
+}
+
+.e-spreadsheet .e-unprotectworksheet-dlg .e-dlg-header-content .e-dlg-header {
+  font-size: 18px;
+  line-height: 21px;
+}
+
+.e-spreadsheet .e-unprotectworksheet-dlg .e-dlg-content .e-unprotectsheetpwd-alert-span {
+  color: #dd2c2c;
+  font-size: 12px;
+  padding-top: 7px;
+}
+
+.e-spreadsheet .e-unprotectworksheet-dlg .e-dlg-content .e-unprotectsheetpwd-content .e-header {
+  font-size: 14px;
+  line-height: 16px;
+}
+
+.e-spreadsheet .e-unprotectworksheet-dlg .e-dlg-content .e-unprotectsheetpwd-content .e-input {
+  margin-top: 10px;
+}
+
+.e-spreadsheet .e-reenterpwd-dlg {
+  left: 0 !important;
+}
+
+.e-spreadsheet .e-reenterpwd-dlg .e-dlg-header-content .e-dlg-header {
+  font-size: 18px;
+  line-height: 21px;
+}
+
+.e-spreadsheet .e-reenterpwd-dlg .e-dlg-content .e-reenterpwd-alert-span {
+  color: #dd2c2c;
+  font-size: 12px;
+  padding-top: 7px;
+}
+
+.e-spreadsheet .e-reenterpwd-dlg .e-dlg-content .e-reenterpwd-content .e-header {
+  font-size: 14px;
+  line-height: 16px;
+}
+
+.e-spreadsheet .e-reenterpwd-dlg .e-dlg-content .e-reenterpwd-content .e-input {
+  margin-top: 10px;
+}
+
 .e-spreadsheet .e-goto-dlg {
   height: auto;
 }
@@ -847,23 +910,40 @@
 .e-spreadsheet .e-protect-option-list {
   border: 1px solid #414141;
   cursor: default;
-  margin-top: 6px;
+  margin-top: 20px;
   overflow-y: auto;
 }
 
 .e-spreadsheet .e-protect-checkbox {
   height: 30px;
-  padding-top: 10px;
+  padding-top: 20px;
 }
 
 .e-spreadsheet .e-protect-checkbox .e-label {
   font-size: 14px;
 }
 
+.e-spreadsheet .e-dlg-content .e-custom-dialog .e-input.e-dialog-input {
+  float: left;
+  margin-right: 2.8%;
+  margin-right: 2.8%;
+  width: 80%;
+}
+
+.e-spreadsheet .e-dlg-content .e-custom-dialog .e-custom-sample {
+  margin: 10px 10px 10px 0;
+}
+
+.e-spreadsheet .e-dlg-content .e-custom-dialog .e-custom-listview {
+  border: 1px solid #ddd;
+  border-radius: 3px;
+  height: 300px;
+}
+
 .e-spreadsheet .e-protect-content {
   font-size: 13px;
   height: 30px;
-  padding-top: 10px;
+  padding-top: 20px;
   width: 100%;
 }
 
@@ -1578,7 +1658,7 @@
   cursor: cell;
   pointer-events: none;
   position: absolute;
-  z-index: 2;
+  z-index: 1;
   border-width: 1px;
 }
 
@@ -1588,7 +1668,7 @@
   cursor: cell;
   pointer-events: none;
   position: absolute;
-  z-index: 2;
+  z-index: 1;
 }
 
 .e-spreadsheet .e-formularef-indicator {
@@ -1598,6 +1678,24 @@
   z-index: 1;
 }
 
+.e-spreadsheet .e-autofill {
+  background-clip: content-box;
+  background-color: #0070f0;
+  border: 1px solid #fff;
+  cursor: crosshair;
+  height: 8px;
+  position: absolute;
+  width: 8px;
+  z-index: 3;
+}
+
+.e-spreadsheet .e-filloption {
+  height: 30px;
+  position: absolute;
+  width: 47px;
+  z-index: 3;
+}
+
 .e-spreadsheet .e-active-cell {
   border: 2px solid #0070f0;
   pointer-events: none;
@@ -1952,11 +2050,8 @@
 }
 
 .e-spreadsheet .e-validation-list {
-  border: 1px solid #fff;
-  bottom: 1px;
   float: right;
   height: 18px;
-  margin-right: 1px;
   padding: 0;
   position: relative;
   right: 0;
@@ -1965,8 +2060,17 @@
   z-index: 2;
 }
 
+.e-spreadsheet .e-validation-list .e-input-group {
+  border: 0;
+  box-shadow: none !important;
+}
+
 .e-spreadsheet .e-validation-list .e-ddl-icon {
   bottom: 5px;
+  height: 18px;
+  min-height: 0;
+  min-width: 0;
+  width: 20px;
 }
 
 .e-spreadsheet .e-rtl .e-spreadsheet-edit {
@@ -2563,8 +2667,6 @@
 
 .e-menu-wrapper.e-popup.e-menu-popup.e-databars ul .e-menu-item,
 .e-menu-wrapper.e-popup.e-menu-popup.e-databars ul .e-menu-item.e-focused {
-  background-color: #616161;
-  background-color: #fff;
   height: auto;
   line-height: 0;
   padding: 0;
@@ -2615,8 +2717,6 @@
 
 .e-menu-wrapper.e-popup.e-menu-popup.e-colorscales ul .e-menu-item,
 .e-menu-wrapper.e-popup.e-menu-popup.e-colorscales ul .e-menu-item.e-focused {
-  background-color: #616161;
-  background-color: #fff;
   height: auto;
   line-height: 0;
   padding: 0;
@@ -3259,7 +3359,7 @@
 
 .e-spreadsheet:not(.e-mobile-view) .e-add-sheet-tab.e-btn.e-icon-btn.e-css,
 .e-spreadsheet:not(.e-mobile-view) .e-sheets-list.e-dropdown-btn {
-  height: 33px;
+  height: 32px;
   padding: 0;
   width: 32px;
 }
@@ -3442,6 +3542,13 @@
   height: 78px;
 }
 
+.e-bigger .e-spreadsheet .e-dlg-content .e-custom-dialog .e-input.e-dialog-input,
+.e-bigger.e-spreadsheet .e-dlg-content .e-custom-dialog .e-input.e-dialog-input {
+  float: left;
+  margin-right: 2.8%;
+  width: 77%;
+}
+
 .e-bigger .e-spreadsheet .e-customsort-dlg,
 .e-bigger.e-spreadsheet .e-customsort-dlg {
   width: 590px !important;
@@ -3628,6 +3735,14 @@
   background: #131313;
 }
 
+.e-spreadsheet .e-sheet-tab-panel .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text {
+  color: #3e98ff;
+}
+
+.e-spreadsheet .e-sheet-tab-panel .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text {
+  color: #3e98ff;
+}
+
 .e-spreadsheet .e-sheet-tab-panel .e-tab-header .e-tab-wrap:hover {
   background: #393939;
 }
@@ -3651,6 +3766,14 @@
   background-color: transparent;
 }
 
+.e-spreadsheet .e-dragfill-ddb {
+  box-shadow: none;
+}
+
+.e-spreadsheet .e-dragfill-ddb:focus {
+  background: #131313;
+}
+
 .e-spreadsheet .e-aggregate-list.e-flat {
   background-color: transparent;
   border-color: transparent;
@@ -3972,6 +4095,7 @@
 
 .e-spreadsheet .e-validation-list {
   background: #fff;
+  background-color: #303030;
 }
 
 .e-spreadsheet .e-datavalidation-dlg .e-dlg-error {
@@ -4038,6 +4162,11 @@
   border-right: 1px dashed #dd2c2c;
 }
 
+.e-popup.e-menu-popup.e-databars ul .e-db {
+  background-color: #fff;
+  background-color: #303030;
+}
+
 .e-popup.e-menu-popup.e-databars ul .e-bdatabar:hover,
 .e-popup.e-menu-popup.e-databars ul .e-gdatabar:hover,
 .e-popup.e-menu-popup.e-databars ul .e-rdatabar:hover,
@@ -4072,6 +4201,11 @@
   background: transparent url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgdmlld0JveD0iMCAwIDI4IDI4Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjZmZmOwogICAgICB9CgogICAgICAuY2xzLTIgewogICAgICAgIGZpbGw6ICNiM2IzYjM7CiAgICAgIH0KCiAgICAgIC5jbHMtMyB7CiAgICAgICAgZmlsbDogbm9uZTsKICAgICAgICBzdHJva2U6IGdyYXk7CiAgICAgICAgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOwogICAgICB9CgogICAgICAuY2xzLTQgewogICAgICAgIGZpbGw6ICNkNjAwN2I7CiAgICAgIH0KCiAgICAgIC5jbHMtNSB7CiAgICAgICAgZmlsbDogZ3JheTsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHRpdGxlPkRhdGFiYXJzIDEyPC90aXRsZT4KICA8cmVjdCBjbGFzcz0iY2xzLTEiIHk9IjEiIHdpZHRoPSIyOCIgaGVpZ2h0PSIyNiIvPgogIDxnPgogICAgPHJlY3QgY2xhc3M9ImNscy0yIiB4PSItNS41IiB5PSIxMy41IiB3aWR0aD0iMjQiIGhlaWdodD0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTcuNSAyMC41KSByb3RhdGUoLTkwKSIvPgogICAgPHJlY3QgY2xhc3M9ImNscy0zIiB4PSIwLjUiIHk9IjEuNSIgd2lkdGg9IjI3IiBoZWlnaHQ9IjI1Ii8+CiAgICA8cmVjdCBjbGFzcz0iY2xzLTIiIHg9IjEiIHk9IjYiIHdpZHRoPSIyNiIgaGVpZ2h0PSIxIi8+CiAgICA8cmVjdCBjbGFzcz0iY2xzLTIiIHg9IjEiIHk9IjExIiB3aWR0aD0iMjYiIGhlaWdodD0iMSIvPgogICAgPHJlY3QgY2xhc3M9ImNscy0yIiB4PSIxIiB5PSIxNiIgd2lkdGg9IjI2IiBoZWlnaHQ9IjEiLz4KICAgIDxyZWN0IGNsYXNzPSJjbHMtMiIgeD0iMSIgeT0iMjEiIHdpZHRoPSIyNiIgaGVpZ2h0PSIxIi8+CiAgICA8cmVjdCBjbGFzcz0iY2xzLTIiIHg9IjkuNSIgeT0iMTMuNSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcuNSAzNS41KSByb3RhdGUoLTkwKSIvPgogICAgPHJlY3QgY2xhc3M9ImNscy00IiB4PSI3IiB5PSI3IiB3aWR0aD0iMTQiIGhlaWdodD0iNCIvPgogICAgPHJlY3QgY2xhc3M9ImNscy00IiB4PSI3IiB5PSIyIiB3aWR0aD0iNSIgaGVpZ2h0PSI0Ii8+CiAgICA8cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjciIHk9IjEyIiB3aWR0aD0iMyIgaGVpZ2h0PSI0Ii8+CiAgICA8cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjciIHk9IjE3IiB3aWR0aD0iOCIgaGVpZ2h0PSI0Ii8+CiAgICA8cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjciIHk9IjIyIiB3aWR0aD0iMTIiIGhlaWdodD0iNCIvPgogICAgPHJlY3QgY2xhc3M9ImNscy01IiB4PSIxNyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMSIvPgogICAgPHJlY3QgY2xhc3M9ImNscy01IiB4PSIxNyIgeT0iOCIgd2lkdGg9IjMiIGhlaWdodD0iMSIvPgogICAgPHJlY3QgY2xhc3M9ImNscy01IiB4PSIxNyIgeT0iMTMiIHdpZHRoPSIzIiBoZWlnaHQ9IjEiLz4KICAgIDxyZWN0IGNsYXNzPSJjbHMtNSIgeD0iMTciIHk9IjE4IiB3aWR0aD0iMyIgaGVpZ2h0PSIxIi8+CiAgICA8cmVjdCBjbGFzcz0iY2xzLTUiIHg9IjE3IiB5PSIyMyIgd2lkdGg9IjMiIGhlaWdodD0iMSIvPgogIDwvZz4KPC9zdmc+Cg==") no-repeat 50% 50%;
 }
 
+.e-popup.e-menu-popup.e-colorscales ul .e-cs {
+  background-color: #fff;
+  background-color: #303030;
+}
+
 .e-popup.e-menu-popup.e-colorscales ul .e-gyr:hover,
 .e-popup.e-menu-popup.e-colorscales ul .e-ryg:hover,
 .e-popup.e-menu-popup.e-colorscales ul .e-gwr:hover,

package/styles/bootstrap.css

@@ -309,6 +309,10 @@
   content: '\e340';
 }
 
+.e-dragfill-ddb .e-dragfill-icon::before {
+  content: '\e92a';
+}
+
 .e-chart-ddb .e-chart-icon::before,
 .e-chart-ddb .e-chart-type-icon::before,
 .e-chart-type-ddb .e-chart-icon::before,
@@ -812,6 +816,65 @@
   width: 282px;
 }
 
+.e-spreadsheet .e-protect-dlg .e-sheet-password-content .e-header {
+  font-size: 14px;
+  line-height: 28px;
+  margin-bottom: 4px;
+}
+
+.e-spreadsheet .e-custom-format-dlg {
+  height: 510px !important;
+  width: 530px !important;
+}
+
+.e-spreadsheet .e-unprotectworksheet-dlg {
+  left: 0 !important;
+}
+
+.e-spreadsheet .e-unprotectworksheet-dlg .e-dlg-header-content .e-dlg-header {
+  font-size: 18px;
+  line-height: 21px;
+}
+
+.e-spreadsheet .e-unprotectworksheet-dlg .e-dlg-content .e-unprotectsheetpwd-alert-span {
+  color: #dd2c2c;
+  font-size: 12px;
+  padding-top: 7px;
+}
+
+.e-spreadsheet .e-unprotectworksheet-dlg .e-dlg-content .e-unprotectsheetpwd-content .e-header {
+  font-size: 14px;
+  line-height: 16px;
+}
+
+.e-spreadsheet .e-unprotectworksheet-dlg .e-dlg-content .e-unprotectsheetpwd-content .e-input {
+  margin-top: 10px;
+}
+
+.e-spreadsheet .e-reenterpwd-dlg {
+  left: 0 !important;
+}
+
+.e-spreadsheet .e-reenterpwd-dlg .e-dlg-header-content .e-dlg-header {
+  font-size: 18px;
+  line-height: 21px;
+}
+
+.e-spreadsheet .e-reenterpwd-dlg .e-dlg-content .e-reenterpwd-alert-span {
+  color: #dd2c2c;
+  font-size: 12px;
+  padding-top: 7px;
+}
+
+.e-spreadsheet .e-reenterpwd-dlg .e-dlg-content .e-reenterpwd-content .e-header {
+  font-size: 14px;
+  line-height: 16px;
+}
+
+.e-spreadsheet .e-reenterpwd-dlg .e-dlg-content .e-reenterpwd-content .e-input {
+  margin-top: 10px;
+}
+
 .e-spreadsheet .e-goto-dlg {
   height: auto;
 }
@@ -854,23 +917,40 @@
 .e-spreadsheet .e-protect-option-list {
   border: 1px solid #ddd;
   cursor: default;
-  margin-top: 6px;
+  margin-top: 20px;
   overflow-y: auto;
 }
 
 .e-spreadsheet .e-protect-checkbox {
   height: 30px;
-  padding-top: 10px;
+  padding-top: 20px;
 }
 
 .e-spreadsheet .e-protect-checkbox .e-label {
   font-size: 14px;
 }
 
+.e-spreadsheet .e-dlg-content .e-custom-dialog .e-input.e-dialog-input {
+  float: left;
+  margin-right: 2.8%;
+  margin-right: 2.8%;
+  width: 80%;
+}
+
+.e-spreadsheet .e-dlg-content .e-custom-dialog .e-custom-sample {
+  margin: 10px 10px 10px 0;
+}
+
+.e-spreadsheet .e-dlg-content .e-custom-dialog .e-custom-listview {
+  border: 1px solid #ddd;
+  border-radius: 3px;
+  height: 300px;
+}
+
 .e-spreadsheet .e-protect-content {
   font-size: 13px;
   height: 30px;
-  padding-top: 10px;
+  padding-top: 20px;
   width: 100%;
 }
 
@@ -1601,7 +1681,7 @@
   cursor: cell;
   pointer-events: none;
   position: absolute;
-  z-index: 2;
+  z-index: 1;
   border-width: 1px;
 }
 
@@ -1611,7 +1691,7 @@
   cursor: cell;
   pointer-events: none;
   position: absolute;
-  z-index: 2;
+  z-index: 1;
 }
 
 .e-spreadsheet .e-formularef-indicator {
@@ -1621,6 +1701,24 @@
   z-index: 1;
 }
 
+.e-spreadsheet .e-autofill {
+  background-clip: content-box;
+  background-color: #317ab9;
+  border: 1px solid #fff;
+  cursor: crosshair;
+  height: 8px;
+  position: absolute;
+  width: 8px;
+  z-index: 3;
+}
+
+.e-spreadsheet .e-filloption {
+  height: 30px;
+  position: absolute;
+  width: 47px;
+  z-index: 3;
+}
+
 .e-spreadsheet .e-active-cell {
   border: 2px solid #317ab9;
   pointer-events: none;
@@ -1982,11 +2080,8 @@
 }
 
 .e-spreadsheet .e-validation-list {
-  border: 1px solid #fff;
-  bottom: 1px;
   float: right;
   height: 18px;
-  margin-right: 1px;
   padding: 0;
   position: relative;
   right: 0;
@@ -1995,8 +2090,17 @@
   z-index: 2;
 }
 
+.e-spreadsheet .e-validation-list .e-input-group {
+  border: 0;
+  box-shadow: none !important;
+}
+
 .e-spreadsheet .e-validation-list .e-ddl-icon {
   bottom: 5px;
+  height: 18px;
+  min-height: 0;
+  min-width: 0;
+  width: 20px;
 }
 
 .e-spreadsheet .e-rtl .e-spreadsheet-edit {
@@ -2593,8 +2697,6 @@
 
 .e-menu-wrapper.e-popup.e-menu-popup.e-databars ul .e-menu-item,
 .e-menu-wrapper.e-popup.e-menu-popup.e-databars ul .e-menu-item.e-focused {
-  background-color: #616161;
-  background-color: #fff;
   height: auto;
   line-height: 0;
   padding: 0;
@@ -2645,8 +2747,6 @@
 
 .e-menu-wrapper.e-popup.e-menu-popup.e-colorscales ul .e-menu-item,
 .e-menu-wrapper.e-popup.e-menu-popup.e-colorscales ul .e-menu-item.e-focused {
-  background-color: #616161;
-  background-color: #fff;
   height: auto;
   line-height: 0;
   padding: 0;
@@ -3289,7 +3389,7 @@
 
 .e-spreadsheet:not(.e-mobile-view) .e-add-sheet-tab.e-btn.e-icon-btn.e-css,
 .e-spreadsheet:not(.e-mobile-view) .e-sheets-list.e-dropdown-btn {
-  height: 33px;
+  height: 32px;
   padding: 0;
   width: 32px;
 }
@@ -3466,6 +3566,13 @@
   height: 78px;
 }
 
+.e-bigger .e-spreadsheet .e-dlg-content .e-custom-dialog .e-input.e-dialog-input,
+.e-bigger.e-spreadsheet .e-dlg-content .e-custom-dialog .e-input.e-dialog-input {
+  float: left;
+  margin-right: 2.8%;
+  width: 77%;
+}
+
 .e-bigger .e-spreadsheet .e-customsort-dlg,
 .e-bigger.e-spreadsheet .e-customsort-dlg {
   width: 590px !important;
@@ -3669,6 +3776,14 @@
   background: #317ab9;
 }
 
+.e-spreadsheet .e-sheet-tab-panel .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text {
+  color: #317ab9;
+}
+
+.e-spreadsheet .e-sheet-tab-panel .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text {
+  color: #317ab9;
+}
+
 .e-spreadsheet .e-sheet-tab-panel .e-tab-header .e-tab-wrap:hover {
   background: #ddd;
 }
@@ -3692,6 +3807,18 @@
   background-color: transparent;
 }
 
+.e-spreadsheet .e-dragfill-ddb {
+  box-shadow: none;
+}
+
+.e-spreadsheet .e-dragfill-ddb:focus {
+  background: rgba(49, 122, 185, 0.18);
+}
+
+.e-spreadsheet .e-dragfill-ddb:focus {
+  background: #e6e6e6;
+}
+
 .e-spreadsheet .e-aggregate-list.e-flat {
   background-color: transparent;
   border-color: transparent;
@@ -4083,6 +4210,10 @@
   border-right: 1px dashed #dd2c2c;
 }
 
+.e-popup.e-menu-popup.e-databars ul .e-db {
+  background-color: #fff;
+}
+
 .e-popup.e-menu-popup.e-databars ul .e-bdatabar:hover,
 .e-popup.e-menu-popup.e-databars ul .e-gdatabar:hover,
 .e-popup.e-menu-popup.e-databars ul .e-rdatabar:hover,
@@ -4116,6 +4247,10 @@
   background: transparent url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgdmlld0JveD0iMCAwIDI4IDI4Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjZmZmOwogICAgICB9CgogICAgICAuY2xzLTIgewogICAgICAgIGZpbGw6ICNiM2IzYjM7CiAgICAgIH0KCiAgICAgIC5jbHMtMyB7CiAgICAgICAgZmlsbDogbm9uZTsKICAgICAgICBzdHJva2U6IGdyYXk7CiAgICAgICAgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOwogICAgICB9CgogICAgICAuY2xzLTQgewogICAgICAgIGZpbGw6ICNkNjAwN2I7CiAgICAgIH0KCiAgICAgIC5jbHMtNSB7CiAgICAgICAgZmlsbDogZ3JheTsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHRpdGxlPkRhdGFiYXJzIDEyPC90aXRsZT4KICA8cmVjdCBjbGFzcz0iY2xzLTEiIHk9IjEiIHdpZHRoPSIyOCIgaGVpZ2h0PSIyNiIvPgogIDxnPgogICAgPHJlY3QgY2xhc3M9ImNscy0yIiB4PSItNS41IiB5PSIxMy41IiB3aWR0aD0iMjQiIGhlaWdodD0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTcuNSAyMC41KSByb3RhdGUoLTkwKSIvPgogICAgPHJlY3QgY2xhc3M9ImNscy0zIiB4PSIwLjUiIHk9IjEuNSIgd2lkdGg9IjI3IiBoZWlnaHQ9IjI1Ii8+CiAgICA8cmVjdCBjbGFzcz0iY2xzLTIiIHg9IjEiIHk9IjYiIHdpZHRoPSIyNiIgaGVpZ2h0PSIxIi8+CiAgICA8cmVjdCBjbGFzcz0iY2xzLTIiIHg9IjEiIHk9IjExIiB3aWR0aD0iMjYiIGhlaWdodD0iMSIvPgogICAgPHJlY3QgY2xhc3M9ImNscy0yIiB4PSIxIiB5PSIxNiIgd2lkdGg9IjI2IiBoZWlnaHQ9IjEiLz4KICAgIDxyZWN0IGNsYXNzPSJjbHMtMiIgeD0iMSIgeT0iMjEiIHdpZHRoPSIyNiIgaGVpZ2h0PSIxIi8+CiAgICA8cmVjdCBjbGFzcz0iY2xzLTIiIHg9IjkuNSIgeT0iMTMuNSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcuNSAzNS41KSByb3RhdGUoLTkwKSIvPgogICAgPHJlY3QgY2xhc3M9ImNscy00IiB4PSI3IiB5PSI3IiB3aWR0aD0iMTQiIGhlaWdodD0iNCIvPgogICAgPHJlY3QgY2xhc3M9ImNscy00IiB4PSI3IiB5PSIyIiB3aWR0aD0iNSIgaGVpZ2h0PSI0Ii8+CiAgICA8cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjciIHk9IjEyIiB3aWR0aD0iMyIgaGVpZ2h0PSI0Ii8+CiAgICA8cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjciIHk9IjE3IiB3aWR0aD0iOCIgaGVpZ2h0PSI0Ii8+CiAgICA8cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjciIHk9IjIyIiB3aWR0aD0iMTIiIGhlaWdodD0iNCIvPgogICAgPHJlY3QgY2xhc3M9ImNscy01IiB4PSIxNyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMSIvPgogICAgPHJlY3QgY2xhc3M9ImNscy01IiB4PSIxNyIgeT0iOCIgd2lkdGg9IjMiIGhlaWdodD0iMSIvPgogICAgPHJlY3QgY2xhc3M9ImNscy01IiB4PSIxNyIgeT0iMTMiIHdpZHRoPSIzIiBoZWlnaHQ9IjEiLz4KICAgIDxyZWN0IGNsYXNzPSJjbHMtNSIgeD0iMTciIHk9IjE4IiB3aWR0aD0iMyIgaGVpZ2h0PSIxIi8+CiAgICA8cmVjdCBjbGFzcz0iY2xzLTUiIHg9IjE3IiB5PSIyMyIgd2lkdGg9IjMiIGhlaWdodD0iMSIvPgogIDwvZz4KPC9zdmc+Cg==") no-repeat 50% 50%;
 }
 
+.e-popup.e-menu-popup.e-colorscales ul .e-cs {
+  background-color: #fff;
+}
+
 .e-popup.e-menu-popup.e-colorscales ul .e-gyr:hover,
 .e-popup.e-menu-popup.e-colorscales ul .e-ryg:hover,
 .e-popup.e-menu-popup.e-colorscales ul .e-gwr:hover,