@syncfusion/ej2-angular-grids 20.1.60 → 20.2.36

package/styles/grid/highcontrast-light.scss

@@ -1 +1,20 @@
-@import 'ej2-grids/styles/grid/highcontrast-light.scss';
+@import 'ej2-base/styles/highcontrast-light-definition.scss';
+@import 'ej2-navigations/styles/pager/highcontrast-light-definition.scss';
+@import '../excel-filter/highcontrast-light-definition.scss';
+@import 'ej2-inputs/styles/input/highcontrast-light-definition.scss';
+@import 'ej2-inputs/styles/numerictextbox/highcontrast-light-definition.scss';
+@import 'ej2-buttons/styles/button/highcontrast-light-definition.scss';
+@import 'ej2-buttons/styles/radio-button/highcontrast-light-definition.scss';
+@import 'ej2-buttons/styles/check-box/highcontrast-light-definition.scss';
+@import 'ej2-dropdowns/styles/auto-complete/highcontrast-light-definition.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/highcontrast-light-definition.scss';
+@import 'ej2-popups/styles/dialog/highcontrast-light-definition.scss';
+@import 'ej2-popups/styles/spinner/highcontrast-light-definition.scss';
+@import 'ej2-popups/styles/tooltip/highcontrast-light-definition.scss';
+@import 'ej2-calendars/styles/datepicker/highcontrast-light-definition.scss';
+@import 'ej2-calendars/styles/datetimepicker/highcontrast-light-definition.scss';
+@import 'ej2-navigations/styles/toolbar/highcontrast-light-definition.scss';
+@import 'ej2-navigations/styles/context-menu/highcontrast-light-definition.scss';
+@import 'highcontrast-light-definition.scss';
+@import 'icons/highcontrast-light.scss';
+@import 'all.scss';

package/styles/grid/highcontrast.css

@@ -332,6 +332,26 @@
 .e-grid.e-bigger .e-row .e-icon-rowdragicon::before {
   font-size: 10px;
 }
+.e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper,
+.e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper {
+  padding: 0 1.5px;
+}
+.e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input.e-search,
+.e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input.e-search {
+  width: 100%;
+}
+.e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input-group-icon.e-icons.e-sicon.e-clear-icon,
+.e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input-group-icon.e-icons.e-sicon.e-clear-icon {
+  margin: 0;
+}
+.e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before,
+.e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
+  font-size: 17px;
+}
+.e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon,
+.e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon {
+  padding-left: 0;
+}
 .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
 .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper {
   padding-bottom: 5px;
@@ -341,6 +361,22 @@
 .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon {
   min-width: 38px;
 }
+.e-bigger .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon,
+.e-grid.e-bigger .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
+  margin: 0;
+  min-width: 38px;
+  padding: 0;
+}
+.e-bigger .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before,
+.e-grid.e-bigger .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
+  font-size: 12px;
+}
+.e-bigger .e-grid.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon,
+.e-grid.e-bigger.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
+  margin: 0;
+  min-width: 38px;
+  padding: 0;
+}
 .e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons,
 .e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons {
   font-size: 18px;
@@ -992,6 +1028,10 @@
 .e-grid.e-rtl .e-dropitemscount {
   left: -6px !important;
 }
+.e-grid.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
+  padding: 0;
+  margin: 0;
+}
 .e-grid.e-verticallines .e-cloneproperties.e-draganddrop .e-rowdragdrop, .e-grid.e-bothlines .e-cloneproperties.e-draganddrop .e-rowdragdrop {
   border-top: 1px solid #969696;
   border-right: 1px solid #969696;
@@ -1048,6 +1088,14 @@
   border-top: 1px solid #969696;
   border-radius: 0;
 }
+.e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
+  padding: 0;
+  min-width: 30px;
+  margin-right: 0;
+}
+.e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
+  font-size: 12px;
+}
 .e-grid .e-res-toolbar {
   border-bottom: 1px solid;
   border-bottom-color: #969696;
@@ -1055,7 +1103,7 @@
 .e-grid .e-res-toolbar .e-toolbar-items {
   min-height: initial;
 }
-.e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:active, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:focus, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:active, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:focus {
+.e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:active, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:focus, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:active, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:focus, .e-grid .e-res-toolbar .e-toolbar-items .e-sicon.e-clear-icon:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-sicon.e-clear-icon:active, .e-grid .e-res-toolbar .e-toolbar-items .e-sicon.e-clear-icon:focus {
   background: none;
 }
 .e-grid .e-res-toolbar .e-toolbar-items .e-icons {
@@ -1096,13 +1144,25 @@
 .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
   padding-left: 0;
 }
+.e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
+  margin: 0;
+}
+.e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon::before {
+  font-size: 18px;
+}
 .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
   padding-left: 26px;
 }
+.e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
+  margin: 0;
+}
 .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper {
   padding-bottom: 4px;
   padding-top: 4px;
 }
+.e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search:focus {
+  opacity: 1;
+}
 .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search {
   margin-bottom: 0;
   opacity: 0.6;

package/styles/grid/highcontrast.scss

@@ -1 +1,20 @@
-@import 'ej2-grids/styles/grid/highcontrast.scss';
+@import 'ej2-base/styles/highcontrast-definition.scss';
+@import 'ej2-navigations/styles/pager/highcontrast-definition.scss';
+@import '../excel-filter/highcontrast-definition.scss';
+@import 'ej2-inputs/styles/input/highcontrast-definition.scss';
+@import 'ej2-inputs/styles/numerictextbox/highcontrast-definition.scss';
+@import 'ej2-buttons/styles/button/highcontrast-definition.scss';
+@import 'ej2-buttons/styles/radio-button/highcontrast-definition.scss';
+@import 'ej2-buttons/styles/check-box/highcontrast-definition.scss';
+@import 'ej2-dropdowns/styles/auto-complete/highcontrast-definition.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/highcontrast-definition.scss';
+@import 'ej2-popups/styles/dialog/highcontrast-definition.scss';
+@import 'ej2-popups/styles/spinner/highcontrast-definition.scss';
+@import 'ej2-popups/styles/tooltip/highcontrast-definition.scss';
+@import 'ej2-calendars/styles/datepicker/highcontrast-definition.scss';
+@import 'ej2-calendars/styles/datetimepicker/highcontrast-definition.scss';
+@import 'ej2-navigations/styles/toolbar/highcontrast-definition.scss';
+@import 'ej2-navigations/styles/context-menu/highcontrast-definition.scss';
+@import 'highcontrast-definition.scss';
+@import 'icons/highcontrast.scss';
+@import 'all.scss';

package/styles/grid/icons/_bootstrap-dark.scss

@@ -0,0 +1,225 @@
+@include export-module('grid-bootstrap-dark-icons') {
+  /*! component icons */
+
+  .e-icon-check::before {
+    content:  '\e7ff';
+  }
+
+  #{&}.e-grid,
+  .e-grid-menu {
+
+    .e-group-animate .e-drag.e-icon-drag::before {
+      content: '\e330';
+    }
+
+    .e-group-animate .e-nextgroup.e-icon-next::before {
+      content: '\e219';
+    }
+
+    .e-icon-ascending::before {
+      content: '\e234';
+    }
+
+    .e-icon-descending::before {
+      content: '\e239';
+    }
+
+    .e-icon-hide::before {
+      content: '\e825';
+    }
+
+    .e-ungroupbutton.e-icon-hide::before {
+      content: '\e842';
+    }
+
+    .e-icon-rowselect::before {
+      content: '\e930';
+    }
+
+    .e-icon-sortdirect::before {
+      content: '\e890';
+    }
+
+    .e-icon-gdownarrow::before {
+      content: '\e853';
+    }
+
+    .e-icon-grightarrow::before {
+      content: '\e826';
+    }
+
+    .e-icon-filter::before,
+    .e-icon-filter.e-filtered::before {
+      content: '\e946';
+    }
+
+    .e-resfilter-icon::before {
+      content: '\e946';
+    }
+
+    .e-ressort-icon::before {
+      content: '\e612';
+    }
+
+    .e-excl-filter-icon::before {
+      content: '\e249';
+    }
+
+    .e-excl-filter-icon.e-filtered::before {
+      content: '\e246';
+    }
+
+    &.e-rtl {
+      .e-icon-grightarrow::before {
+        content: '\e98f';
+      }
+    }
+
+    .e-icon-group::before {
+      content: '\e926';
+    }
+
+    .e-icon-ungroup::before {
+      content: '\e926';
+    }
+
+    .e-icon-reorderuparrow::before {
+      content: '\e918';
+    }
+
+    .e-icon-reorderdownarrow::before {
+      content: '\e919';
+    }
+
+    .e-print::before {
+      content: '\e34b';
+    }
+
+    .e-add::before {
+      content: '\e7f9';
+    }
+
+    .e-resback-icon::before {
+      content: '\e94b';
+    }
+
+    .e-wordexport::before {
+      content: '\e7b0';
+    }
+
+    .e-pdfexport::before {
+      content: '\e240';
+    }
+
+    .e-csvexport::before {
+      content: '\e241';
+    }
+
+    .e-excelexport::before {
+      content: '\e242';
+    }
+
+    .e-edit::before {
+      content: '\e81e';
+    }
+
+    .e-columnmenu::before,
+    .e-columnmenu.e-filtered::before {
+      content: '\e984';
+    }
+
+    .e-delete::before {
+      content: '\e84e';
+    }
+
+    .e-cancel::before {
+      content: '\e842';
+    }
+
+    .e-copy::before {
+      content: '\e70a';
+    }
+
+    .e-save::before {
+      content: '\e964';
+    }
+
+    .e-update::before {
+      content: '\e735';
+    }
+
+    .e-search-icon::before {
+      content: '\e961';
+    }
+
+    .e-cancel-icon::before {
+      content: '\e825';
+    }
+
+    .e-columnchooserdiv::before {
+      content: '\e714';
+    }
+
+    .e-ccsearch-icon::before {
+      content: '\e961';
+    }
+
+    .e-columnchooser::before {
+      content: '\e21e';
+    }
+
+    .e-columnchooser-btn::before {
+      content: '\e969';
+    }
+
+    .e-cc-icon::before {
+      content: '\e82e';
+    }
+
+    .e-icon-rowdragicon::before {
+      content: '\e330';
+    }
+
+    &.e-rtl {
+      .e-icon-rowdragicon::before {
+        content: '\e330';
+       }
+    }
+
+    .e-ccsearch-icon.e-cc-cancel::before,
+    .e-chkcancel-icon::before,
+    .e-input-group .e-clear-icon::before {
+      content: '\e7a7';
+    }
+   }
+  }
+
+.e-responsive-dialog {
+  & .e-resfilterback::before {
+    content: '\e94b';
+  }
+
+  & .e-filterset::before {
+    content: '\e946';
+  }
+
+  & .e-search-icon::before {
+    content: '\e961';
+  }
+
+  & .e-chkcancel-icon::before {
+    content: '\e7a7';
+  }
+
+  & .e-icon-filter-clear::before {
+    content: '\e246';
+  }
+}
+
+.e-row-responsive-filter {
+  & .e-dlg-closeicon-btn {
+    & .e-icon-dlg-close::before {
+      content: '\e94b';
+    }
+  }
+}

package/styles/grid/icons/_bootstrap.scss

@@ -0,0 +1,225 @@
+@include export-module('grid-bootstrap-icons') {
+  /*! component icons */
+
+  .e-icon-check::before {
+    content:  '\e7ff';
+  }
+
+  #{&}.e-grid,
+  .e-grid-menu {
+
+    .e-group-animate .e-drag.e-icon-drag::before {
+      content: '\e330';
+    }
+
+    .e-group-animate .e-nextgroup.e-icon-next::before {
+      content: '\e219';
+    }
+
+    .e-icon-ascending::before {
+      content: '\e234';
+    }
+
+    .e-icon-descending::before {
+      content: '\e239';
+    }
+
+    .e-icon-hide::before {
+      content: '\e825';
+    }
+
+    .e-ungroupbutton.e-icon-hide::before {
+      content: '\e842';
+    }
+
+    .e-icon-rowselect::before {
+      content: '\e930';
+    }
+
+    .e-icon-sortdirect::before {
+      content: '\e890';
+    }
+
+    .e-icon-gdownarrow::before {
+      content: '\e853';
+    }
+
+    .e-icon-grightarrow::before {
+      content: '\e826';
+    }
+
+    .e-icon-filter::before,
+    .e-icon-filter.e-filtered::before {
+      content: '\e946';
+    }
+
+    .e-resfilter-icon::before {
+      content: '\e946';
+    }
+
+    .e-ressort-icon::before {
+      content: '\e612';
+    }
+
+    .e-excl-filter-icon::before {
+      content: '\e249';
+    }
+
+    .e-excl-filter-icon.e-filtered::before {
+      content: '\e246';
+    }
+
+    &.e-rtl {
+      .e-icon-grightarrow::before {
+        content: '\e98f';
+      }
+    }
+
+    .e-icon-group::before {
+      content: '\e926';
+    }
+
+    .e-icon-ungroup::before {
+      content: '\e926';
+    }
+
+    .e-icon-reorderuparrow::before {
+      content: '\e918';
+    }
+
+    .e-icon-reorderdownarrow::before {
+      content: '\e919';
+    }
+
+    .e-print::before {
+      content: '\e34b';
+    }
+
+    .e-add::before {
+      content: '\e7f9';
+    }
+
+    .e-resback-icon::before {
+      content: '\e94b';
+    }
+
+    .e-wordexport::before {
+      content: '\e7b0';
+    }
+
+    .e-pdfexport::before {
+      content: '\e240';
+    }
+
+    .e-csvexport::before {
+      content: '\e241';
+    }
+
+    .e-excelexport::before {
+      content: '\e242';
+    }
+
+    .e-edit::before {
+      content: '\e81e';
+    }
+
+    .e-columnmenu::before,
+    .e-columnmenu.e-filtered::before {
+      content: '\e984';
+    }
+
+    .e-delete::before {
+      content: '\e84e';
+    }
+
+    .e-cancel::before {
+      content: '\e842';
+    }
+
+    .e-copy::before {
+      content: '\e70a';
+    }
+
+    .e-save::before {
+      content: '\e964';
+    }
+
+    .e-update::before {
+      content: '\e735';
+    }
+
+    .e-search-icon::before {
+      content: '\e961';
+    }
+
+    .e-cancel-icon::before {
+      content: '\e825';
+    }
+
+    .e-columnchooserdiv::before {
+      content: '\e714';
+    }
+
+    .e-ccsearch-icon::before {
+      content: '\e961';
+    }
+
+    .e-columnchooser::before {
+      content: '\e21e';
+    }
+
+    .e-columnchooser-btn::before {
+      content: '\e969';
+    }
+
+    .e-cc-icon::before {
+      content: '\e82e';
+    }
+
+    .e-icon-rowdragicon::before {
+      content: '\e330';
+    }
+
+    &.e-rtl {
+      .e-icon-rowdragicon::before {
+        content: '\e330';
+       }
+    }
+
+    .e-ccsearch-icon.e-cc-cancel::before,
+    .e-chkcancel-icon::before,
+    .e-input-group .e-clear-icon::before {
+      content: '\e7a7';
+    }
+  }
+}
+
+.e-responsive-dialog {
+  & .e-resfilterback::before {
+    content: '\e94b';
+  }
+
+  & .e-filterset::before {
+    content: '\e946';
+  }
+
+  & .e-search-icon::before {
+    content: '\e961';
+  }
+
+  & .e-chkcancel-icon::before {
+    content: '\e7a7';
+  }
+
+  & .e-icon-filter-clear::before {
+    content: '\e246';
+  }
+}
+
+.e-row-responsive-filter {
+  & .e-dlg-closeicon-btn {
+    & .e-icon-dlg-close::before {
+      content: '\e94b';
+    }
+  }
+}