@syncfusion/ej2-angular-grids 20.4.54-ngcc → 21.1.35-ngcc

package/styles/material.css

@@ -534,6 +534,15 @@
   padding-top: 9px;
 }
 
+.e-excel-menu.e-contextmenu.e-menu-parent {
+  max-height: 298px;
+  overflow-y: auto;
+}
+
+.e-bigger .e-excel-menu.e-contextmenu.e-menu-parent {
+  max-height: 355px;
+}
+
 /*! Excel-Filter theme */
 .e-excelfilter .e-footer-content {
   border-color: rgba(0, 0, 0, 0.12);
@@ -884,8 +893,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   min-width: 20px;
   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 {
+.e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn .e-btn-icon.e-icons,
+.e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn .e-btn-icon.e-icons {
   font-size: 18px;
 }
 .e-bigger .e-grid .e-flmenu-valuediv,
@@ -925,8 +934,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-bigger .e-icon-grightarrow {
   font-size: 12px;
 }
-.e-bigger .e-grid .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn,
-.e-grid.e-bigger .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn {
+.e-bigger .e-grid .e-toolbar .e-tbar-btn.e-btn .e-btn-icon.e-icons.e-columnchooser-btn,
+.e-grid.e-bigger .e-toolbar .e-tbar-btn.e-btn .e-btn-icon.e-icons.e-columnchooser-btn {
   font-size: 12px;
 }
 .e-bigger .e-grid .e-gridheader tr th:last-child,
@@ -2319,6 +2328,15 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-top-width: 1px;
   padding: 0.3em;
 }
+.e-grid th.e-detailcell .e-rowcell,
+.e-grid th.e-detailcell .e-gridpager {
+  text-align: left;
+}
+.e-grid.e-rtl th.e-detailcell .e-rowcell, .e-grid.e-rtl th.e-detailcell .e-gridpager,
+.e-grid th.e-detailcell .e-rtl .e-rowcell,
+.e-grid th.e-detailcell .e-rtl .e-gridpager {
+  text-align: right;
+}
 .e-grid.e-verticallines .e-rowcell, .e-grid.e-verticallines .e-filterbarcell {
   border-width: 0 0 0 1px;
 }
@@ -2796,9 +2814,8 @@ li.e-separator.e-menu-item.e-excel-separator {
       -ms-user-select: none;
           user-select: none;
 }
-.e-grid .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn {
+.e-grid .e-toolbar .e-tbar-btn.e-btn .e-btn-icon.e-icons.e-columnchooser-btn {
   font-size: 9px;
-  line-height: 3;
 }
 .e-grid .e-toolbar .e-toolbar-items .e-toolbar-right .e-cc-toolbar .e-tbar-btn .e-columnchooser-btn {
   margin-top: 1px;
@@ -3415,7 +3432,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-wrap .e-columnheader .e-filtermenudiv, .e-grid.e-wrap .e-columnheader .e-sortfilterdiv .e-filtermenudiv {
   line-height: 3px;
 }
-.e-grid .e-columnheader.e-wrap .e-filtermenudiv, .e-grid .e-columnheader.e-wrap .e-sortfilterdiv.e-filtermenudiv {
+.e-grid .e-columnheader.e-wrap .e-filtermenudiv, .e-grid .e-columnheader.e-wrap .e-sortfilterdiv .e-filtermenudiv {
   line-height: 3px;
 }
 .e-grid .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercell.e-fltr-icon .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-stackedheadercelldiv, .e-grid .e-gridcontent.e-wrap .e-rowcell, .e-grid .e-frozenhdrcont.e-wrap .e-rowcell {
@@ -4183,6 +4200,13 @@ li.e-separator.e-menu-item.e-excel-separator {
   float: left;
 }
 
+/* stylelint-disable */
+.e-ddl.e-popup.e-popup-flmenu .e-dropdownbase,
+.e-ddl.e-popup.e-popup-flbar .e-dropdownbase {
+  max-height: 298px !important;
+}
+
+/* stylelint-enable */
 /*! Grid theme */
 .e-grid {
   border-color: #e0e0e0;
@@ -4370,11 +4394,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-frozenheader.e-frozen-right-header > .e-table, .e-grid.e-rtl .e-frozencontent.e-frozen-right-content > .e-table {
   border-right-color: #e3165b;
 }
-.e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
+.e-grid.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
   background-color: #eee;
   color: #000;
 }
-.e-grid tr[role=row]:hover .e-rowdragdrop {
+.e-grid .e-row:hover .e-rowdragdrop {
   cursor: move;
 }
 .e-grid .e-sortnumber {

package/styles/tailwind-dark.css

@@ -487,6 +487,15 @@
   padding-top: 8px;
 }
 
+.e-excel-menu.e-contextmenu.e-menu-parent {
+  max-height: 227px;
+  overflow-y: auto;
+}
+
+.e-bigger .e-excel-menu.e-contextmenu.e-menu-parent {
+  max-height: 355px;
+}
+
 /*! Excel-Filter theme */
 .e-excelfilter .e-footer-content {
   border-color: rgba(209, 213, 219, 0.12);
@@ -826,8 +835,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   min-width: 38px;
   padding: 7px 6px 7px 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 {
+.e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn .e-btn-icon.e-icons,
+.e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn .e-btn-icon.e-icons {
   font-size: 16px;
 }
 .e-bigger .e-grid .e-flmenu-valuediv,
@@ -867,8 +876,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-bigger .e-icon-grightarrow {
   font-size: 16px;
 }
-.e-bigger .e-grid .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn,
-.e-grid.e-bigger .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn {
+.e-bigger .e-grid .e-toolbar .e-tbar-btn.e-btn .e-btn-icon.e-icons.e-columnchooser-btn,
+.e-grid.e-bigger .e-toolbar .e-tbar-btn.e-btn .e-btn-icon.e-icons.e-columnchooser-btn {
   font-size: 22px;
 }
 .e-bigger .e-grid .e-gridheader tr th:last-child,
@@ -2332,6 +2341,15 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-top-width: 1px;
   padding: 0.3em;
 }
+.e-grid th.e-detailcell .e-rowcell,
+.e-grid th.e-detailcell .e-gridpager {
+  text-align: left;
+}
+.e-grid.e-rtl th.e-detailcell .e-rowcell, .e-grid.e-rtl th.e-detailcell .e-gridpager,
+.e-grid th.e-detailcell .e-rtl .e-rowcell,
+.e-grid th.e-detailcell .e-rtl .e-gridpager {
+  text-align: right;
+}
 .e-grid.e-verticallines .e-rowcell, .e-grid.e-verticallines .e-filterbarcell {
   border-width: 0 0 0 1px;
 }
@@ -2817,9 +2835,8 @@ li.e-separator.e-menu-item.e-excel-separator {
       -ms-user-select: none;
           user-select: none;
 }
-.e-grid .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn {
+.e-grid .e-toolbar .e-tbar-btn.e-btn .e-btn-icon.e-icons.e-columnchooser-btn {
   font-size: 18px;
-  line-height: 3;
 }
 .e-grid .e-toolbar .e-toolbar-items .e-toolbar-right .e-cc-toolbar .e-tbar-btn .e-columnchooser-btn {
   margin-top: 1px;
@@ -3441,7 +3458,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-wrap .e-columnheader .e-filtermenudiv, .e-grid.e-wrap .e-columnheader .e-sortfilterdiv .e-filtermenudiv {
   line-height: 1px;
 }
-.e-grid .e-columnheader.e-wrap .e-filtermenudiv, .e-grid .e-columnheader.e-wrap .e-sortfilterdiv.e-filtermenudiv {
+.e-grid .e-columnheader.e-wrap .e-filtermenudiv, .e-grid .e-columnheader.e-wrap .e-sortfilterdiv .e-filtermenudiv {
   line-height: 1px;
 }
 .e-grid .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercell.e-fltr-icon .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-stackedheadercelldiv, .e-grid .e-gridcontent.e-wrap .e-rowcell, .e-grid .e-frozenhdrcont.e-wrap .e-rowcell {
@@ -4222,6 +4239,13 @@ li.e-separator.e-menu-item.e-excel-separator {
   float: left;
 }
 
+/* stylelint-disable */
+.e-ddl.e-popup.e-popup-flmenu .e-dropdownbase,
+.e-ddl.e-popup.e-popup-flbar .e-dropdownbase {
+  max-height: 232px !important;
+}
+
+/* stylelint-enable */
 /*! Grid theme */
 .e-grid {
   border-color: #4b5563;
@@ -4409,11 +4433,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-frozenheader.e-frozen-right-header > .e-table, .e-grid.e-rtl .e-frozencontent.e-frozen-right-content > .e-table {
   border-right-color: #4b5563;
 }
-.e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
+.e-grid.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
   background-color: #4b5563;
   color: #fff;
 }
-.e-grid tr[role=row]:hover .e-rowdragdrop {
+.e-grid .e-row:hover .e-rowdragdrop {
   cursor: move;
 }
 .e-grid .e-sortnumber {

package/styles/tailwind.css

@@ -487,6 +487,15 @@
   padding-top: 8px;
 }
 
+.e-excel-menu.e-contextmenu.e-menu-parent {
+  max-height: 227px;
+  overflow-y: auto;
+}
+
+.e-bigger .e-excel-menu.e-contextmenu.e-menu-parent {
+  max-height: 355px;
+}
+
 /*! Excel-Filter theme */
 .e-excelfilter .e-footer-content {
   border-color: rgba(55, 65, 81, 0.12);
@@ -826,8 +835,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   min-width: 38px;
   padding: 7px 6px 7px 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 {
+.e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn .e-btn-icon.e-icons,
+.e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn .e-btn-icon.e-icons {
   font-size: 16px;
 }
 .e-bigger .e-grid .e-flmenu-valuediv,
@@ -867,8 +876,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-bigger .e-icon-grightarrow {
   font-size: 16px;
 }
-.e-bigger .e-grid .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn,
-.e-grid.e-bigger .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn {
+.e-bigger .e-grid .e-toolbar .e-tbar-btn.e-btn .e-btn-icon.e-icons.e-columnchooser-btn,
+.e-grid.e-bigger .e-toolbar .e-tbar-btn.e-btn .e-btn-icon.e-icons.e-columnchooser-btn {
   font-size: 22px;
 }
 .e-bigger .e-grid .e-gridheader tr th:last-child,
@@ -2332,6 +2341,15 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-top-width: 1px;
   padding: 0.3em;
 }
+.e-grid th.e-detailcell .e-rowcell,
+.e-grid th.e-detailcell .e-gridpager {
+  text-align: left;
+}
+.e-grid.e-rtl th.e-detailcell .e-rowcell, .e-grid.e-rtl th.e-detailcell .e-gridpager,
+.e-grid th.e-detailcell .e-rtl .e-rowcell,
+.e-grid th.e-detailcell .e-rtl .e-gridpager {
+  text-align: right;
+}
 .e-grid.e-verticallines .e-rowcell, .e-grid.e-verticallines .e-filterbarcell {
   border-width: 0 0 0 1px;
 }
@@ -2817,9 +2835,8 @@ li.e-separator.e-menu-item.e-excel-separator {
       -ms-user-select: none;
           user-select: none;
 }
-.e-grid .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn {
+.e-grid .e-toolbar .e-tbar-btn.e-btn .e-btn-icon.e-icons.e-columnchooser-btn {
   font-size: 18px;
-  line-height: 3;
 }
 .e-grid .e-toolbar .e-toolbar-items .e-toolbar-right .e-cc-toolbar .e-tbar-btn .e-columnchooser-btn {
   margin-top: 1px;
@@ -3441,7 +3458,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-wrap .e-columnheader .e-filtermenudiv, .e-grid.e-wrap .e-columnheader .e-sortfilterdiv .e-filtermenudiv {
   line-height: 1px;
 }
-.e-grid .e-columnheader.e-wrap .e-filtermenudiv, .e-grid .e-columnheader.e-wrap .e-sortfilterdiv.e-filtermenudiv {
+.e-grid .e-columnheader.e-wrap .e-filtermenudiv, .e-grid .e-columnheader.e-wrap .e-sortfilterdiv .e-filtermenudiv {
   line-height: 1px;
 }
 .e-grid .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercell.e-fltr-icon .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-stackedheadercelldiv, .e-grid .e-gridcontent.e-wrap .e-rowcell, .e-grid .e-frozenhdrcont.e-wrap .e-rowcell {
@@ -4222,6 +4239,13 @@ li.e-separator.e-menu-item.e-excel-separator {
   float: left;
 }
 
+/* stylelint-disable */
+.e-ddl.e-popup.e-popup-flmenu .e-dropdownbase,
+.e-ddl.e-popup.e-popup-flbar .e-dropdownbase {
+  max-height: 232px !important;
+}
+
+/* stylelint-enable */
 /*! Grid theme */
 .e-grid {
   border-color: #e5e7eb;
@@ -4409,11 +4433,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-frozenheader.e-frozen-right-header > .e-table, .e-grid.e-rtl .e-frozencontent.e-frozen-right-content > .e-table {
   border-right-color: #e5e7eb;
 }
-.e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
+.e-grid.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
   background-color: #f3f4f6;
   color: #111827;
 }
-.e-grid tr[role=row]:hover .e-rowdragdrop {
+.e-grid .e-row:hover .e-rowdragdrop {
   cursor: move;
 }
 .e-grid .e-sortnumber {