@syncfusion/ej2-angular-grids 23.2.7-ngcc → 23.2.7

package/styles/excel-filter/_fusionnew-definition.scss

@@ -0,0 +1,73 @@
+$grid-column-chosser-searchdiv-opactiy: .6 !default;
+$grid-column-chosser-searchdiv-fopactiy: 1 !default;
+$grid-columnchooser-search-border-color: $border-light !default;
+$grid-columnchooser-search-border-fcolor: $primary !default;
+$grid-columnchooser-footer-border-opacity: 1 !default;
+$grid-columnchooser-cancel-icon-content-f-opactiy: 1 !default;
+$grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-xl-match-margin-left: 6px !default;
+$grid-bigger-xl-match-margin-left: 8px !default;
+$grid-xl-rtl-radio-padding-left: 0 !default;
+$grid-xl-rtl-radio-padding-right: 25px !default;
+$grid-columnchooser-footer-border-color: rgba($content-text-color-alt1, .12) !default;
+$grid-column-chooser-searchdiv: 1px !default;
+$grid-bigger-cc-checkbox-padding-left: 8px !default;
+$grid-bigger-searchdiv-padding-left: 4px !default;
+$grid-cc-checkbox-padding-left: 8px !default;
+$grid-edit-checkbox-bigger-padding-left: 8px !default;
+$grid-edit-checkbox-bigger-padding-top: 8px !default;
+$grid-xlfl-fieldset-padding: 9px !default;
+$grid-xlfltd-padding: 11.25px !default;
+$grid-xlfltable-border-spacing: 0 !default;
+$grid-xlfl-dropdown-padding-right: 11.25px !default;
+$grid-xlfl-min-height: 318px !default;
+$grid-exlfltr-ctxtmnu-max-height: 298px !default;
+$grid-bigger-exlfltr-ctxtmnu-max-height: 355px !default;
+$grid-xlfl-li-left-padding: 25px !default;
+$grid-xlfl-li-icon-margin-right: 10px !default;
+$grid-xlfl-dlg-padding-bottom: 5px !default;
+$grid-xlfltd-radio-mtcase-padding: 12px !default;
+$grid-xlfl-fieldset-font-size: 13px !default;
+$grid-xlfl-dlgfields-font-size: 15px !default;
+$grid-xlfl-li-height: 36px !default;
+$grid-xl-radio-padding-left: 25px !default;
+$grid-xlfl-radiodiv-width: 120px !default;
+$grid-bigger-xlfl-li-height: 40px !default;
+$grid-bigger-xlfl-fieldset-font-size: 16px !default;
+$grid-bigger-xlfl-dlgfields-font-size: 18px !default;
+$grid-bigger-xlfltd-radio-mtcase-padding: 10px !default;
+$grid-bigger-xlfl-dlg-padding-bottom: 10px !default;
+$grid-bigger-xlfl-li-icon-margin-right: 13px !default;
+$grid-bigger-xlfl-li-left-padding: 26px !default;
+$grid-bigger-xlfl-min-height: 362px !default;
+$grid-bigger-xlfl-fieldset-padding: 12px !default;
+$grid-bigger-xlfltable-border-spacing: 0 !default;
+$grid-bigger-xlfltd-padding: 15px !default;
+$grid-bigger-xlfl-radio-margin-left: 18px !default;
+$grid-bigger-xlfl-dropdown-padding-right: 10px !default;
+$grid-bigger-xlfl-radiodiv-width: 141px !default;
+$grid-xlfl-radio-margin-left: 2px !default;
+$grid-xl-radio-padding-right: 9px !default;
+$grid-bigger-xl-radio-padding-left: 27px !default;
+$grid-bigger-xl-radio-padding-right: 6px !default;
+$grid-checkboxfiltertext-width: 150px !default;
+$grid-rtl-textwrap-column-menu-margin: -17px -13px -23px -25px !default;
+$grid-bigger-checkbox-padding-topbottom: 9px !default;
+$grid-column-chooser-footdiv: 1px 0 0 !default;
+$grid-checkbox-padding-topbottom: 8px !default;
+$grid-checkbox-content-padding-left: 6px !default;
+$grid-rtl-checkbox-content-padding-left: 14px !default;
+$grid-bigger-checkbox-content-padding-left: 7px !default;
+$grid-rtl-bigger-checkbox-content-padding-left: 16px !default;
+$grid-autofill-color: $primary !default;
+$grid-filtered-color: $primary !default;
+$sfgrid-xlfl-dlg-padding: 14px !default;
+$grid-excel-filter-separator: 0 !default;
+$grid-dialog-footer-color: $flyout-bg-color !default;
+$grid-xlfl-dlg-content-top-padding: 12px !default;
+$grid-xlfl-context-menu-border-radious: 5px 5px 0 0 !default;
+$grid-excel-filter-bottom-padding: 0 !default;
+$grid-xlfl-li-icon-margin-arrow-icon: 13px !default;
+$grid-bigger-xlfl-li-icon-margin-arrow-icon: 6.2px !default;
+$grid-xl-radio-margin-top: 0 !default;
+$grid-xlfl-skin: 'bootstarp5' !default;

package/styles/excel-filter/_highcontrast-definition.scss

@@ -0,0 +1,62 @@
+$grid-xlfl-fieldset-padding: 9px !default;
+$grid-xlfltd-padding: 12px !default;
+$grid-xlfltable-border-spacing: 0 !default;
+$grid-xlfl-dropdown-padding-right: 12px !default;
+$grid-xlfl-min-height: 314px !default;
+$grid-exlfltr-ctxtmnu-max-height: 298px !default;
+$grid-bigger-exlfltr-ctxtmnu-max-height: 355px !default;
+$grid-xlfl-li-left-padding: 35px !default;
+$grid-xlfl-li-icon-margin-right: 10px !default;
+$grid-xlfl-dlg-padding-bottom: 5px !default;
+$grid-xlfltd-radio-mtcase-padding: 12px !default;
+$grid-xlfl-fieldset-font-size: 13px !default;
+$grid-xlfl-dlgfields-font-size: 15px !default;
+$grid-xlfl-li-height: 36px !default;
+$grid-xlfl-radiodiv-width: 118px !default;
+$grid-bigger-xlfl-li-height: 48px !default;
+$grid-bigger-xlfl-fieldset-font-size: 14px !default;
+$grid-bigger-xlfl-dlgfields-font-size: 16px !default;
+$grid-bigger-xlfltd-radio-mtcase-padding: 6px !default;
+$grid-bigger-xlfl-dlg-padding-bottom: 10px !default;
+$grid-bigger-xlfl-li-icon-margin-right: 10px !default;
+$grid-bigger-xlfl-li-left-padding: 35px !default;
+$grid-bigger-xlfl-min-height: 372px !default;
+$grid-bigger-xlfl-fieldset-padding: 12px !default;
+$grid-bigger-xlfltd-padding: 16px !default;
+$grid-bigger-xlfl-radio-margin-left: 18px !default;
+$grid-bigger-xlfltable-border-spacing: 0 !default;
+$grid-bigger-xlfl-dropdown-padding-right: 16px !default;
+$grid-bigger-xlfl-radiodiv-width: 138px !default;
+$grid-filtered-color: $selection-bg !default;
+$grid-autofill-color: $selection-bg !default;
+$grid-checkbox-padding-topbottom: 7px !default;
+$grid-bigger-checkbox-padding-topbottom: 12px !default;
+$grid-checkbox-content-padding-left: 18px !default;
+$grid-rtl-checkbox-content-padding-left: 25px !default;
+$grid-bigger-checkbox-content-padding-left: 19.25px !default;
+$grid-rtl-bigger-checkbox-content-padding-left: 31.25px !default;
+$grid-bigger-checkbox-filter-min-height: 360px !default;
+$grid-xl-radio-padding-left: 25px !default;
+$grid-xl-radio-padding-right: 8px !default;
+$grid-bigger-xl-radio-padding-left: 28px !default;
+$grid-bigger-xl-radio-padding-right: 5px !default;
+$grid-xlfl-radio-margin-left: 2px !default;
+$grid-checkboxfiltertext-width: 135px !default;
+$grid-xl-match-margin-left: 6px !default;
+$grid-bigger-xl-match-margin-left: 8px !default;
+$grid-xl-rtl-radio-padding-left: 0 !default;
+$grid-xl-rtl-radio-padding-right: 25px !default;
+$grid-column-chooser-footdiv: 0 !default;
+$grid-columnchooser-footer-border-color: $border-default !default;
+$grid-columnchooser-footer-border-opacity: 1 !default;
+$grid-filtered-color: $selection-bg !default;
+$sfgrid-xlfl-dlg-padding: 28px 25px 10px !default;
+$grid-excel-filter-separator: 0 !default;
+$grid-dialog-footer-color: $bg-base-0 !default;
+$grid-xlfl-dlg-content-top-padding: 0 !default;
+$grid-xlfl-context-menu-border-radious: 0 !default;
+$grid-excel-filter-bottom-padding: 0 !default;
+$grid-xlfl-li-icon-margin-arrow-icon: 0 !default;
+$grid-bigger-xlfl-li-icon-margin-arrow-icon: 0 !default;
+$grid-xl-radio-margin-top: 0 !default;
+$grid-xlfl-skin: 'highcontrast' !default;

package/styles/excel-filter/_highcontrast-light-definition.scss

@@ -0,0 +1,60 @@
+$grid-xlfl-fieldset-padding: 9px !default;
+$grid-xlfltd-padding: 12px !default;
+$grid-xlfltable-border-spacing: 0 !default;
+$grid-xlfl-dropdown-padding-right: 12px !default;
+$grid-xlfl-min-height: 314px !default;
+$grid-exlfltr-ctxtmnu-max-height: 298px !default;
+$grid-bigger-exlfltr-ctxtmnu-max-height: 355px !default;
+$grid-xlfl-li-left-padding: 35px !default;
+$grid-xlfl-li-icon-margin-right: 10px !default;
+$grid-xlfl-dlg-padding-bottom: 5px !default;
+$grid-xlfltd-radio-mtcase-padding: 12px !default;
+$grid-xlfl-fieldset-font-size: 13px !default;
+$grid-xlfl-dlgfields-font-size: 15px !default;
+$grid-xlfl-li-height: 36px !default;
+$grid-xlfl-radiodiv-width: 118px !default;
+$grid-bigger-xlfl-li-height: 48px !default;
+$grid-bigger-xlfl-fieldset-font-size: 14px !default;
+$grid-bigger-xlfl-dlgfields-font-size: 16px !default;
+$grid-bigger-xlfltd-radio-mtcase-padding: 6px !default;
+$grid-bigger-xlfl-dlg-padding-bottom: 10px !default;
+$grid-bigger-xlfl-li-icon-margin-right: 10px !default;
+$grid-bigger-xlfl-li-left-padding: 35px !default;
+$grid-bigger-xlfl-min-height: 372px !default;
+$grid-bigger-xlfl-fieldset-padding: 12px !default;
+$grid-bigger-xlfltd-padding: 16px !default;
+$grid-bigger-xlfl-radio-margin-left: 18px !default;
+$grid-bigger-xlfltable-border-spacing: 0 !default;
+$grid-bigger-xlfl-dropdown-padding-right: 16px !default;
+$grid-bigger-xlfl-radiodiv-width: 138px !default;
+$grid-autofill-color: $selection-bg !default;
+$grid-xl-radio-padding-left: 25px !default;
+$grid-xl-radio-padding-right: 8px !default;
+$grid-bigger-xl-radio-padding-left: 28px !default;
+$grid-bigger-xl-radio-padding-right: 5px !default;
+$grid-xlfl-radio-margin-left: 2px !default;
+$grid-checkboxfiltertext-width: 135px !default;
+$grid-xl-match-margin-left: 6px !default;
+$grid-bigger-xl-match-margin-left: 8px !default;
+$grid-xl-rtl-radio-padding-left: 0 !default;
+$grid-xl-rtl-radio-padding-right: 25px !default;
+$grid-checkbox-padding-topbottom: 7px !default;
+$grid-checkbox-content-padding-left: 18px !default;
+$grid-rtl-checkbox-content-padding-left: 25px !default;
+$grid-bigger-checkbox-content-padding-left: 19.25px !default;
+$grid-rtl-bigger-checkbox-content-padding-left: 31.25px !default;
+$grid-bigger-checkbox-padding-topbottom: 12px !default;
+$grid-column-chooser-footdiv: 0 !default;
+$grid-columnchooser-footer-border-color: $border-default !default;
+$grid-columnchooser-footer-border-opacity: 1 !default;
+$grid-filtered-color: $selection-bg !default;
+$sfgrid-xlfl-dlg-padding: 28px 25px 10px !default;
+$grid-excel-filter-separator: 0 !default;
+$grid-dialog-footer-color: $bg-base-0 !default;
+$grid-xlfl-dlg-content-top-padding: 0 !default;
+$grid-xlfl-context-menu-border-radious: 0 !default;
+$grid-excel-filter-bottom-padding: 24px !default;
+$grid-xlfl-li-icon-margin-arrow-icon: 0 !default;
+$grid-bigger-xlfl-li-icon-margin-arrow-icon: 0 !default;
+$grid-xl-radio-margin-top: 0 !default;
+$grid-xlfl-skin: 'highcontrast' !default;

package/styles/excel-filter/_layout.scss

@@ -0,0 +1,511 @@
+@include export-module('excel-filter-layout') {
+
+  /*! Excel-Filter layout */
+  .sf-grid .e-excelfilter {
+    .e-dlg-content {
+      overflow: visible;
+      padding: 0;
+    }
+
+    .e-searchcontainer {
+      padding: $sfgrid-xlfl-dlg-padding;
+      padding-top: 4px;
+    }
+
+    .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item .e-menu-icon {
+      height: 26px;
+      line-height: 26px;
+    }
+
+    .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator) {
+      height: 26px;
+      line-height: 26px;
+    }
+
+    .e-searchbox {
+      padding-left: 0;
+    }
+
+    .e-contextmenu-container.e-sfcontextmenu .e-ul .e-separator {
+      height: auto;
+    }
+
+    .e-contextmenu-container.e-sfcontextmenu .e-ul {
+      position: absolute;
+    }
+
+    .e-contextmenu-container.e-sfcontextmenu {
+      display: inline-block;
+      position: relative;
+      width: 100%;
+    }
+  }
+
+  .sf-grid-dlg.e-xlflmenu .e-xlfl-radiodiv {
+    width: unset;
+  }
+
+  #{&}.e-xlflmenu {
+    min-height: $grid-xlfl-min-height;
+
+    .e-xlfl-dlgfields {
+      font-size: $grid-xlfl-dlgfields-font-size;
+      @if $grid-xlfl-skin == 'material3' {
+        padding-top: 12px;
+      }
+    }
+
+    .e-xlfl-fieldset {
+      font-size: $grid-xlfl-fieldset-font-size;
+      padding-top: $grid-xlfl-fieldset-padding;
+    }
+
+    .e-responsive-dialog & table.e-xlfl-table tr.e-xlfl-fields:nth-child(2) td.e-xlfl-optr,
+    .e-responsive-dialog & table.e-xlfl-table tr.e-xlfl-fields:nth-child(2) td.e-xlfl-value {
+      @if $grid-xlfl-skin == 'material3' {
+        padding-top: 16px;
+      }
+    }
+
+    table.e-xlfl-table tr.e-xlfl-fields:nth-child(2) td.e-xlfl-optr,
+    table.e-xlfl-table tr.e-xlfl-fields:nth-child(2) td.e-xlfl-value {
+      @if $grid-xlfl-skin == 'material3' {
+        padding-top: 0;
+      }
+    }
+
+    .e-xlfl-optr,
+    .e-xlfl-value {
+      padding-top: $grid-xlfltd-padding;
+    }
+
+    .e-xlfl-radio,
+    .e-xlfl-mtcase {
+      padding-top: $grid-xlfltd-radio-mtcase-padding;
+    }
+
+    .e-xlfl-optr:first-child {
+      padding-right: $grid-xlfl-dropdown-padding-right;
+    }
+
+    .e-xlfl-table {
+      border-spacing: $grid-xlfltable-border-spacing;
+      table-layout: fixed;
+      width: 100%;
+    }
+
+    .e-radio + label .e-label {
+      margin-top: $grid-xl-radio-margin-top;
+      padding-left: $grid-xl-radio-padding-left;
+      padding-right: $grid-xl-radio-padding-right;
+    }
+
+    .e-xlfl-matchcasediv .e-checkbox-wrapper {
+      .e-frame + .e-label {
+        @if $grid-xlfl-skin == 'material3' {
+          max-width: none;
+        }
+      }
+    }
+
+    .e-checkbox-wrapper {
+      .e-frame + .e-label {
+        margin-bottom: 1px;
+        margin-left: $grid-xl-match-margin-left;
+      }
+
+      .e-frame {
+        margin-bottom: 1px;
+      }
+    }
+
+    .e-dlg-content {
+      padding-bottom: $grid-xlfl-dlg-padding-bottom;
+    }
+
+    .e-xlfl-radiodiv {
+      width: $grid-xlfl-radiodiv-width;
+    }
+
+    .e-xlfl-matchcasediv {
+      margin-left: 0;
+      margin-right: 13px;
+    }
+  }
+
+  .e-xlfl-radio-or,
+  .e-xlfl-matchcasediv {
+    margin-left: $grid-xlfl-radio-margin-left;
+  }
+
+  .e-emptyicon {
+    opacity: 0;
+  }
+
+  #{&}.e-xlflmenu.e-rtl {
+    .e-xlfl-optr {
+      padding-left: $grid-xlfl-dropdown-padding-right;
+      padding-right: 0;
+    }
+
+    .e-radio + label .e-label {
+      padding-left: $grid-xl-rtl-radio-padding-left;
+      padding-right: $grid-xl-rtl-radio-padding-right;
+    }
+
+    .e-xlfl-radio-or {
+      margin-left: 0;
+      margin-right: 13px;
+    }
+  }
+
+  .e-bigger #{&}.e-xlflmenu.e-rtl {
+    .e-radio + label .e-label {
+      padding-left: $grid-xl-rtl-radio-padding-left;
+      padding-right: $grid-xl-rtl-radio-padding-right;
+    }
+  }
+
+  .e-bigger.e-responsive-dialog #{&}.e-xlflmenu {
+
+    .e-xlfl-dlgfields,
+    .e-xlfl-fieldset {
+      @if $grid-xlfl-skin == 'material3' {
+        font-weight: 500;
+        padding-top: 8px;
+      }
+    }
+
+    .e-xlfl-optr:first-child {
+      @if $grid-xlfl-skin == 'material3' {
+        width: 70%;
+      }
+    }
+
+    .e-xlfl-radio,
+    .e-xlfl-mtcase {
+      @if $grid-xlfl-skin == 'material3' {
+        padding-top: 24px;
+      }
+    }
+
+    .e-xlfl-optr,
+    .e-xlfl-value {
+      @if $grid-xlfl-skin == 'material3' {
+        padding-top: 24px;
+      }
+    }
+  }
+
+  .e-bigger #{&}.e-xlflmenu {
+    min-height: $grid-bigger-xlfl-min-height;
+
+    .e-xlfl-table {
+      border-spacing: $grid-bigger-xlfltable-border-spacing;
+      width: 100%;
+    }
+
+    .e-dlg-content {
+      padding-bottom: $grid-bigger-xlfl-dlg-padding-bottom;
+    }
+
+    .e-radio + label .e-label {
+      padding-left: $grid-bigger-xl-radio-padding-left;
+      padding-right: $grid-bigger-xl-radio-padding-right;
+    }
+
+    .e-checkbox-wrapper .e-frame + .e-label {
+      margin-left: $grid-bigger-xl-match-margin-left;
+    }
+
+    .e-xlfl-radiodiv {
+      width: $grid-bigger-xlfl-radiodiv-width;
+    }
+
+    .e-xlfl-radio-or,
+    .e-xlfl-matchcasediv {
+      margin-left: $grid-bigger-xlfl-radio-margin-left;
+    }
+
+    .e-xlfl-optr:first-child {
+      padding-right: $grid-bigger-xlfl-dropdown-padding-right;
+    }
+
+    &.e-rtl .e-xlfl-optr {
+      padding-right: 0;
+    }
+
+    .e-xlfl-dlgfields {
+      font-size: $grid-bigger-xlfl-dlgfields-font-size;
+    }
+
+    .e-xlfl-fieldset {
+      font-size: $grid-bigger-xlfl-fieldset-font-size;
+      padding-top: $grid-bigger-xlfl-fieldset-padding;
+    }
+
+    .e-xlfl-optr,
+    .e-xlfl-value {
+      padding-top: $grid-bigger-xlfltd-padding;
+    }
+
+    .e-xlfl-radio,
+    .e-xlfl-mtcase {
+      padding-top: $grid-bigger-xlfltd-radio-mtcase-padding;
+    }
+  }
+
+  .e-bigger #{&}.e-excelfilter,
+  #{&}.e-excelfilter.e-bigger {
+    .e-xlflmenu {
+      min-height: $grid-bigger-xlfl-min-height;
+    }
+
+    .e-ftrchk {
+      padding-bottom: $grid-bigger-checkbox-padding-topbottom;
+      padding-top: $grid-bigger-checkbox-padding-topbottom;
+    }
+
+    .e-contextmenu-wrapper ul li,
+    .e-contextmenu-container ul li {
+      height: $grid-bigger-xlfl-li-height;
+      line-height: $grid-bigger-xlfl-li-height;
+    }
+
+    .e-contextmenu-wrapper ul li .e-menu-icon,
+    .e-contextmenu-container ul li .e-menu-icon {
+      height: $grid-bigger-xlfl-li-height;
+      line-height: $grid-bigger-xlfl-li-height;
+      margin-right: $grid-bigger-xlfl-li-icon-margin-right;
+    }
+
+    .e-contextmenu-wrapper ul .e-menu-item .e-caret {
+      height: $grid-bigger-xlfl-li-height;
+      line-height: $grid-bigger-xlfl-li-height;
+      @if $grid-xlfl-skin == 'material3' {
+        font-size: $text-xl;
+        margin-right: 19px;
+      }
+      @else {
+        margin-right: $grid-bigger-xlfl-li-icon-margin-arrow-icon;
+      }
+    }
+
+    &.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
+      margin-left: $grid-bigger-xlfl-li-icon-margin-arrow-icon;
+    }
+
+    &.e-dialog .e-dlg-content {
+      padding-left: $grid-bigger-checkbox-content-padding-left;
+    }
+
+    .e-ftrchk,
+    .e-searchbox {
+      padding-left: $grid-bigger-checkbox-padding-topbottom;
+    }
+
+    &.e-rtl {
+      .e-dlg-content {
+        padding-left: $grid-rtl-bigger-checkbox-content-padding-left;
+        padding-right: $grid-bigger-checkbox-content-padding-left;
+      }
+
+      .e-ftrchk,
+      .e-searchbox {
+        padding-left: 0;
+        padding-right: $grid-bigger-checkbox-padding-topbottom;
+      }
+    }
+  }
+
+  #{&}.e-excelfilter {
+    .e-checkboxlist {
+      height: 200px;
+      margin-top: 5px;
+      min-height: 160px;
+      overflow-y: auto;
+    }
+
+    .e-checkboxfiltertext {
+      width: $grid-checkboxfiltertext-width;
+      word-break: normal;
+    }
+
+    .e-responsive-dialog & .e-checkboxfiltertext {
+      @if $grid-xlfl-skin == 'material3' {
+        width: 180px;
+      }
+    }
+
+    .e-chk-hidden {
+      -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
+      height: 1px;
+      opacity: 0;
+      width: 1px;
+    }
+
+    .e-contextmenu-wrapper,
+    .e-contextmenu-wrapper ul {
+      display: block;
+    }
+
+    .e-contextmenu-wrapper ul {
+      padding-bottom: 4px;
+      position: static;
+    }
+
+    .e-contextmenu-wrapper ul li,
+    .e-contextmenu-container ul li {
+      height: $grid-xlfl-li-height;
+      line-height: $grid-xlfl-li-height;
+    }
+
+    .e-contextmenu-wrapper ul li .e-menu-icon,
+    .e-contextmenu-container ul li .e-menu-icon {
+      height: $grid-xlfl-li-height;
+      line-height: $grid-xlfl-li-height;
+      margin-right: $grid-xlfl-li-icon-margin-right;
+    }
+
+    &.e-rtl .e-contextmenu-wrapper ul li .e-menu-icon {
+      margin-right: 0;
+    }
+
+    .e-contextmenu-wrapper ul .e-menu-item .e-caret {
+      height: $grid-xlfl-li-height;
+      line-height: $grid-xlfl-li-height;
+    }
+
+    .e-contextmenu-wrapper ul,
+    .e-contextmenu-container ul:not(.e-ul) {
+      border: 0;
+      border-radius: $grid-xlfl-context-menu-border-radious;
+      box-shadow: none;
+      max-width: 300px;
+      padding-bottom: 4px;
+      position: static;
+    }
+
+    .e-footer-content {
+      border-style: solid;
+      border-width: $grid-column-chooser-footdiv;
+    }
+
+    .e-excel-menu {
+      z-index: 1000;
+    }
+
+    .e-dlg-content {
+      @if $grid-xlfl-skin == 'material3' {
+        background: $grid-dialog-footer-color;
+      }
+      @else {
+        background-color: $grid-dialog-footer-color;
+      }
+      padding-top: 0;
+    }
+
+    .e-contextmenu-wrapper,
+    .e-contextmenu-wrapper ul {
+      display: block;
+    }
+
+    .e-contextmenu-wrapper ul {
+      padding-bottom: 4px;
+      position: static;
+    }
+
+    .e-contextmenu-wrapper ul li .e-contextmenu-container ul li {
+      height: $grid-xlfl-li-height;
+      line-height: $grid-xlfl-li-height;
+    }
+
+    .e-contextmenu-wrapper ul li .e-menu-icon,
+    .e-contextmenu-container ul li .e-menu-icon {
+      height: $grid-xlfl-li-height;
+      line-height: $grid-xlfl-li-height;
+      margin-right: $grid-xlfl-li-icon-margin-right;
+    }
+
+    &.e-rtl .e-contextmenu-wrapper ul li .e-menu-icon {
+      margin-right: 0;
+    }
+
+    .e-contextmenu-wrapper ul .e-menu-item .e-caret {
+      height: $grid-xlfl-li-height;
+      line-height: $grid-xlfl-li-height;
+      margin-right: $grid-xlfl-li-icon-margin-arrow-icon;
+    }
+
+    &.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
+      @if $grid-xlfl-skin == 'material3' {
+        margin-left: 14px;
+      }
+      @else {
+        margin-left: $grid-xlfl-li-icon-margin-arrow-icon;
+      }
+    }
+
+    .e-footer-content {
+      border-style: solid;
+      border-width: $grid-column-chooser-footdiv;
+    }
+
+    .e-excel-menu {
+      z-index: 1000;
+    }
+
+    .e-dlg-content {
+      padding-top: $grid-xlfl-dlg-content-top-padding;
+    }
+
+    .e-xlsel {
+      border: 0 solid;
+      position: absolute;
+      user-select: none;
+    }
+
+    &.e-dialog .e-dlg-content {
+      padding-left: $grid-checkbox-content-padding-left;
+      @if $grid-xlfl-skin == 'material3' {
+        padding-right: 16px;
+      }
+    }
+
+    .e-ftrchk,
+    .e-searchbox {
+      padding-left: $grid-checkbox-padding-topbottom;
+    }
+
+    &.e-rtl {
+      .e-dlg-content {
+        padding-left: $grid-rtl-checkbox-content-padding-left;
+        padding-right: $grid-checkbox-content-padding-left;
+      }
+
+      .e-ftrchk,
+      .e-searchbox {
+        padding-left: 0;
+        padding-right: $grid-checkbox-padding-topbottom;
+      }
+    }
+
+    .e-searchbox {
+      display: block;
+    }
+  }
+
+  .e-ftrchk {
+    padding-bottom: $grid-checkbox-padding-topbottom;
+    padding-top: $grid-checkbox-padding-topbottom;
+  }
+}
+
+.e-excel-menu.e-contextmenu.e-menu-parent {
+  max-height: $grid-exlfltr-ctxtmnu-max-height;
+  overflow-y: auto;
+}
+
+.e-bigger .e-excel-menu.e-contextmenu.e-menu-parent {
+  max-height: $grid-bigger-exlfltr-ctxtmnu-max-height;
+}