@syncfusion/ej2-vue-grids 20.1.48 → 20.1.55

package/styles/excel-filter/bootstrap5.css

@@ -3,11 +3,9 @@
   box-shadow: none;
   margin-top: 3px;
 }
-
 .e-popup.e-ddl .e-input-group {
   width: auto;
 }
-
 .e-popup.e-ddl .e-input-group input {
   line-height: 15px;
 }
@@ -21,7 +19,6 @@
   display: flex;
   width: auto;
 }
-
 .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
   border: 0;
 }
@@ -37,8 +34,7 @@
   text-indent: 16px;
 }
 
-.e-bigger .e-popup.e-ddl .e-list-group-item,
-.e-bigger .e-popup.e-ddl .e-fixed-head {
+.e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
   font-size: 14px;
   line-height: 32px;
   padding-left: 0;
@@ -49,8 +45,7 @@
   padding-left: 0;
 }
 
-.e-bigger .e-popup.e-ddl .e-input-group input,
-.e-bigger .e-popup.e-ddl .e-input-group input.e-input {
+.e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
   font-size: 16px;
   height: 36px;
 }
@@ -89,6 +84,13 @@
   color: #6c757d;
 }
 
+.e-input-group.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
+.e-input-group.e-control-wrapper.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
+.e-float-input.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
+.e-float-input.e-control-wrapper.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon {
+  background: #e9ecef;
+}
+
 .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
 .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
 .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
@@ -123,9 +125,7 @@
   font-size: 16px;
 }
 
-.e-bigger.e-small .e-ddl.e-popup .e-list-item,
-.e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
-.e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
+.e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
   font-size: 14px;
   line-height: 34px;
   padding-left: 0;
@@ -136,8 +136,7 @@
   padding-left: 4px;
 }
 
-.e-bigger.e-small .e-ddl.e-popup .e-input-group input,
-.e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
+.e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
   height: 30px;
 }
 
@@ -153,7 +152,6 @@
     transform: rotate(360deg);
   }
 }
-
 @keyframes fabric-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -162,42 +160,34 @@
     transform: rotate(360deg);
   }
 }
-
 /*! component icons */
 .e-icon-check::before {
-  content: '\e774';
+  content: "\e774";
 }
 
 .e-excelfilter .e-icon-filter::before {
-  content: '\e7f7';
+  content: "\e7f7";
 }
-
 .e-excelfilter .e-excl-filter-icon::before {
-  content: '\e7f7';
+  content: "\e7f7";
 }
-
 .e-excelfilter .e-excl-filter-icon.e-filtered::before {
-  content: '\e72c';
+  content: "\e72c";
 }
-
 .e-excelfilter .e-search-icon::before {
-  content: '\e754';
+  content: "\e754";
 }
-
 .e-excelfilter .e-ccsearch-icon::before {
-  content: '\e754';
+  content: "\e754";
 }
-
 .e-excelfilter .e-chkcancel-icon::before {
-  content: '\e7e7';
+  content: "\e7e7";
 }
-
 .e-excelfilter .e-sortascending::before {
-  content: '\e7a3';
+  content: "\e7a3";
 }
-
 .e-excelfilter .e-sortdescending::before {
-  content: '\e7b6';
+  content: "\e7b6";
 }
 
 /*! Excel-Filter layout */
@@ -205,29 +195,23 @@
   overflow: visible;
   padding: 0;
 }
-
 .sf-grid .e-excelfilter .e-searchcontainer {
   padding: 14px;
   padding-top: 4px;
 }
-
 .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator) {
   height: 26px;
   line-height: 26px;
 }
-
 .sf-grid .e-excelfilter .e-searchbox {
   padding-left: 0;
 }
-
 .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-separator {
   height: auto;
 }
-
 .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul {
   position: absolute;
 }
-
 .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu {
   display: inline-block;
   position: relative;
@@ -241,59 +225,47 @@
 .e-xlflmenu {
   min-height: 318px;
 }
-
 .e-xlflmenu .e-xlfl-dlgfields {
   font-size: 15px;
 }
-
 .e-xlflmenu .e-xlfl-fieldset {
   font-size: 13px;
   padding-top: 9px;
 }
-
 .e-xlflmenu .e-xlfl-optr,
 .e-xlflmenu .e-xlfl-value {
   padding-top: 11.25px;
 }
-
 .e-xlflmenu .e-xlfl-radio,
 .e-xlflmenu .e-xlfl-mtcase {
   padding-top: 12px;
 }
-
 .e-xlflmenu .e-xlfl-optr:first-child {
   padding-right: 11.25px;
 }
-
 .e-xlflmenu .e-xlfl-table {
   border-spacing: 0;
   table-layout: fixed;
   width: 100%;
 }
-
 .e-xlflmenu .e-radio + label .e-label {
   margin-top: 0;
   padding-left: 25px;
   padding-right: 9px;
 }
-
 .e-xlflmenu .e-checkbox-wrapper .e-frame + .e-label {
   margin-bottom: 1px;
   margin-left: 6px;
 }
-
 .e-xlflmenu .e-checkbox-wrapper .e-frame {
   margin-bottom: 1px;
 }
-
 .e-xlflmenu .e-dlg-content {
   padding-bottom: 5px;
 }
-
 .e-xlflmenu .e-xlfl-radiodiv {
   width: 120px;
 }
-
 .e-xlflmenu .e-xlfl-matchcasediv {
   margin-left: 0;
   margin-right: 13px;
@@ -312,12 +284,10 @@
   padding-left: 11.25px;
   padding-right: 0;
 }
-
 .e-xlflmenu.e-rtl .e-radio + label .e-label {
   padding-left: 0;
   padding-right: 25px;
 }
-
 .e-xlflmenu.e-rtl .e-xlfl-radio-or {
   margin-left: 0;
   margin-right: 13px;
@@ -331,52 +301,41 @@
 .e-bigger .e-xlflmenu {
   min-height: 362px;
 }
-
 .e-bigger .e-xlflmenu .e-xlfl-table {
   border-spacing: 0;
   width: 100%;
 }
-
 .e-bigger .e-xlflmenu .e-dlg-content {
   padding-bottom: 10px;
 }
-
 .e-bigger .e-xlflmenu .e-radio + label .e-label {
   padding-left: 27px;
   padding-right: 6px;
 }
-
 .e-bigger .e-xlflmenu .e-checkbox-wrapper .e-frame + .e-label {
   margin-left: 8px;
 }
-
 .e-bigger .e-xlflmenu .e-xlfl-radiodiv {
   width: 141px;
 }
-
 .e-bigger .e-xlflmenu .e-xlfl-radio-or,
 .e-bigger .e-xlflmenu .e-xlfl-matchcasediv {
   margin-left: 18px;
 }
-
 .e-bigger .e-xlflmenu .e-xlfl-optr:first-child {
   padding-right: 10px;
 }
-
 .e-bigger .e-xlflmenu .e-xlfl-dlgfields {
   font-size: 18px;
 }
-
 .e-bigger .e-xlflmenu .e-xlfl-fieldset {
   font-size: 16px;
   padding-top: 12px;
 }
-
 .e-bigger .e-xlflmenu .e-xlfl-optr,
 .e-bigger .e-xlflmenu .e-xlfl-value {
   padding-top: 15px;
 }
-
 .e-bigger .e-xlflmenu .e-xlfl-radio,
 .e-bigger .e-xlflmenu .e-xlfl-mtcase {
   padding-top: 10px;
@@ -386,13 +345,11 @@
 .e-excelfilter.e-bigger .e-xlflmenu {
   min-height: 362px;
 }
-
 .e-bigger .e-excelfilter .e-ftrchk,
 .e-excelfilter.e-bigger .e-ftrchk {
   padding-bottom: 9px;
   padding-top: 9px;
 }
-
 .e-bigger .e-excelfilter .e-contextmenu-wrapper ul li,
 .e-bigger .e-excelfilter .e-contextmenu-container ul li,
 .e-excelfilter.e-bigger .e-contextmenu-wrapper ul li,
@@ -400,7 +357,6 @@
   height: 40px;
   line-height: 40px;
 }
-
 .e-bigger .e-excelfilter .e-contextmenu-wrapper ul li .e-menu-icon,
 .e-bigger .e-excelfilter .e-contextmenu-container ul li .e-menu-icon,
 .e-excelfilter.e-bigger .e-contextmenu-wrapper ul li .e-menu-icon,
@@ -409,32 +365,31 @@
   line-height: 40px;
   margin-right: 13px;
 }
-
 .e-bigger .e-excelfilter .e-contextmenu-wrapper ul .e-menu-item .e-caret,
 .e-excelfilter.e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-caret {
   height: 40px;
   line-height: 40px;
   margin-right: 6.2px;
 }
-
+.e-bigger .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret,
+.e-excelfilter.e-bigger.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
+  margin-left: 6.2px;
+}
 .e-bigger .e-excelfilter.e-dialog .e-dlg-content,
 .e-excelfilter.e-bigger.e-dialog .e-dlg-content {
   padding-left: 7px;
 }
-
 .e-bigger .e-excelfilter .e-ftrchk,
 .e-bigger .e-excelfilter .e-searchbox,
 .e-excelfilter.e-bigger .e-ftrchk,
 .e-excelfilter.e-bigger .e-searchbox {
   padding-left: 9px;
 }
-
 .e-bigger .e-excelfilter.e-rtl .e-dlg-content,
 .e-excelfilter.e-bigger.e-rtl .e-dlg-content {
   padding-left: 16px;
   padding-right: 7px;
 }
-
 .e-bigger .e-excelfilter.e-rtl .e-ftrchk,
 .e-bigger .e-excelfilter.e-rtl .e-searchbox,
 .e-excelfilter.e-bigger.e-rtl .e-ftrchk,
@@ -449,51 +404,42 @@
   min-height: 160px;
   overflow-y: auto;
 }
-
 .e-excelfilter .e-checkboxfiltertext {
   width: 150px;
   word-break: normal;
 }
-
 .e-excelfilter .e-chk-hidden {
   -moz-appearance: none;
   height: 1px;
   opacity: 0;
   width: 1px;
 }
-
 .e-excelfilter .e-contextmenu-wrapper,
 .e-excelfilter .e-contextmenu-wrapper ul {
   display: block;
 }
-
 .e-excelfilter .e-contextmenu-wrapper ul {
   padding-bottom: 4px;
   position: static;
 }
-
 .e-excelfilter .e-contextmenu-wrapper ul li,
 .e-excelfilter .e-contextmenu-container ul li {
   height: 36px;
   line-height: 36px;
 }
-
 .e-excelfilter .e-contextmenu-wrapper ul li .e-menu-icon,
 .e-excelfilter .e-contextmenu-container ul li .e-menu-icon {
   height: 36px;
   line-height: 36px;
   margin-right: 10px;
 }
-
 .e-excelfilter.e-rtl .e-contextmenu-wrapper ul li .e-menu-icon {
   margin-right: 0;
 }
-
 .e-excelfilter .e-contextmenu-wrapper ul .e-menu-item .e-caret {
   height: 36px;
   line-height: 36px;
 }
-
 .e-excelfilter .e-contextmenu-wrapper ul,
 .e-excelfilter .e-contextmenu-container ul:not(.e-ul) {
   border: 0;
@@ -503,67 +449,56 @@
   padding-bottom: 4px;
   position: static;
 }
-
 .e-excelfilter .e-footer-content {
   border-style: solid;
   border-width: 1px 0 0;
 }
-
 .e-excelfilter .e-excel-menu {
   z-index: 1000;
 }
-
 .e-excelfilter .e-dlg-content {
   background-color: #fff;
   padding-top: 0;
 }
-
 .e-excelfilter .e-contextmenu-wrapper,
 .e-excelfilter .e-contextmenu-wrapper ul {
   display: block;
 }
-
 .e-excelfilter .e-contextmenu-wrapper ul {
   padding-bottom: 4px;
   position: static;
 }
-
-.e-excelfilter .e-contextmenu-wrapper ul li
-.e-contextmenu-container ul li {
+.e-excelfilter .e-contextmenu-wrapper ul li .e-contextmenu-container ul li {
   height: 36px;
   line-height: 36px;
 }
-
 .e-excelfilter .e-contextmenu-wrapper ul li .e-menu-icon,
 .e-excelfilter .e-contextmenu-container ul li .e-menu-icon {
   height: 36px;
   line-height: 36px;
   margin-right: 10px;
 }
-
 .e-excelfilter.e-rtl .e-contextmenu-wrapper ul li .e-menu-icon {
   margin-right: 0;
 }
-
 .e-excelfilter .e-contextmenu-wrapper ul .e-menu-item .e-caret {
   height: 36px;
   line-height: 36px;
   margin-right: 13px;
 }
-
+.e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
+  margin-left: 13px;
+}
 .e-excelfilter .e-footer-content {
   border-style: solid;
   border-width: 1px 0 0;
 }
-
 .e-excelfilter .e-excel-menu {
   z-index: 1000;
 }
-
 .e-excelfilter .e-dlg-content {
   padding-top: 12px;
 }
-
 .e-excelfilter .e-xlsel {
   border: 0 solid;
   position: absolute;
@@ -571,27 +506,22 @@
       -ms-user-select: none;
           user-select: none;
 }
-
 .e-excelfilter.e-dialog .e-dlg-content {
   padding-left: 6px;
 }
-
 .e-excelfilter .e-ftrchk,
 .e-excelfilter .e-searchbox {
   padding-left: 8px;
 }
-
 .e-excelfilter.e-rtl .e-dlg-content {
   padding-left: 14px;
   padding-right: 6px;
 }
-
 .e-excelfilter.e-rtl .e-ftrchk,
 .e-excelfilter.e-rtl .e-searchbox {
   padding-left: 0;
   padding-right: 8px;
 }
-
 .e-excelfilter .e-searchbox {
   display: block;
 }
@@ -606,11 +536,9 @@
   border-color: rgba(52, 58, 64, 0.12);
   opacity: 1;
 }
-
 .e-excelfilter .e-filtered::before {
   color: #0d6efd;
 }
-
 .e-excelfilter .e-dlg-content {
   padding-bottom: 0;
 }
@@ -623,4 +551,4 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-xlsel {
   background-color: #0d6efd;
   border-color: #0d6efd;
-}
+}