@syncfusion/ej2-grids 18.3.44 → 18.3.50-85492

package/src/grid/services/focus-strategy.js

@@ -1,16 +1,16 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    }
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
 import { EventHandler, getValue, closest, isNullOrUndefined } from '@syncfusion/ej2-base';
 import { addClass, removeClass, extend, Browser } from '@syncfusion/ej2-base';
 import { CellType } from '../base/enum';
@@ -232,7 +232,7 @@ var FocusStrategy = /** @class */ (function () {
         this.addFocus(this.getContent().getFocusInfo(), e);
     };
     FocusStrategy.prototype.removeFocus = function (e) {
-        if (!this.currentInfo.element) {
+        if (!this.currentInfo.element || !this.currentInfo.elementToFocus) {
             return;
         }
         removeClass([this.currentInfo.element, this.currentInfo.elementToFocus], ['e-focused', 'e-focus']);
@@ -264,7 +264,7 @@ var FocusStrategy = /** @class */ (function () {
     FocusStrategy.prototype.addFocus = function (info, e) {
         this.currentInfo = info;
         this.currentInfo.outline = info.outline && !isNullOrUndefined(e);
-        if (!info.element) {
+        if (!info.element || !info.elementToFocus) {
             return;
         }
         var isFocused = info.elementToFocus.classList.contains('e-focus');
@@ -687,6 +687,7 @@ var ContentFocus = /** @class */ (function () {
     };
     ContentFocus.prototype.onClick = function (e, force) {
         var target = e.target;
+        this.target = target;
         target = (target.classList.contains('e-rowcell') ? target : closest(target, 'td'));
         target = target ? target : closest(e.target, 'td.e-detailrowcollapse')
             || closest(e.target, 'td.e-detailrowexpand');
@@ -720,7 +721,9 @@ var ContentFocus = /** @class */ (function () {
         return info;
     };
     ContentFocus.prototype.getFocusable = function (element) {
+        var _this = this;
         var query = 'button, [href], input:not([type="hidden"]), select, textarea, [tabindex]:not([tabindex="-1"])';
+        var isTemplate = !isNullOrUndefined(closest(element, '.e-templatecell'));
         if (this.parent.isEdit) {
             query = 'input:not([type="hidden"]), select:not([aria-hidden="true"]), textarea';
         }
@@ -729,7 +732,14 @@ var ContentFocus = /** @class */ (function () {
          * if no child found then select the cell itself.
          * if Grid is in editable state, check for editable control inside child.
          */
-        return child.length ? child[0] : element;
+        if (isTemplate && child.length && child.length > 1) {
+            setTimeout(function () {
+                return _this.target;
+            }, 10);
+        }
+        else {
+            return child.length ? child[0] : element;
+        }
     };
     ContentFocus.prototype.selector = function (row, cell, isRowTemplate) {
         var types = [CellType.Expand, CellType.GroupCaption, CellType.CaptionSummary, CellType.GroupSummary];

package/src/grid/services/group-model-generator.js

@@ -1,16 +1,16 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    }
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
 import { Row } from '../models/row';
 import { isNullOrUndefined, extend, setValue, isBlazor } from '@syncfusion/ej2-base';
 import { CellType } from '../base/enum';

package/src/grid/services/row-model-generator.js

@@ -19,7 +19,7 @@ var RowModelGenerator = /** @class */ (function () {
     RowModelGenerator.prototype.generateRows = function (data, args) {
         var rows = [];
         var startIndex = this.parent.enableVirtualization && args ? args.startIndex : 0;
-        startIndex = this.parent.enableInfiniteScrolling ? this.getInfiniteIndex(args) : startIndex;
+        startIndex = this.parent.enableInfiniteScrolling && args ? this.getInfiniteIndex(args) : startIndex;
         for (var i = 0, len = Object.keys(data).length; i < len; i++, startIndex++) {
             rows[i] = this.generateRow(data[i], startIndex);
         }

package/src/grid/services/summary-model-generator.js

@@ -1,16 +1,16 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    }
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
 import { Row } from '../models/row';
 import { Column } from '../models/column';
 import { isNullOrUndefined, isBlazor } from '@syncfusion/ej2-base';

package/src/pager/pager-dropdown.js

@@ -98,7 +98,7 @@ var PagerDropDown = /** @class */ (function () {
     PagerDropDown.prototype.convertValue = function (pageSizeValue) {
         var item = pageSizeValue;
         for (var i = 0; i < item.length; i++) {
-            item[i] = typeof item[i] === 'number' ? item[i].toString() : item[i];
+            item[i] = parseInt(item[i], 10) ? item[i].toString() : this.pagerModule.getLocalizedLabel(item[i]);
         }
         return item;
     };

package/src/pager/pager-message.js

@@ -34,7 +34,7 @@ var PagerMessage = /** @class */ (function () {
         }
         else {
             this.pageNoMsgElem.textContent = this.format(pagerObj.getLocalizedLabel('currentPageInfo'), [pagerObj.totalRecordsCount === 0 ? 0 :
-                    pagerObj.currentPage, pagerObj.totalPages || 0]) + ' ';
+                    pagerObj.currentPage, pagerObj.totalPages || 0, pagerObj.totalRecordsCount || 0]) + ' ';
             this.pageCountMsgElem.textContent = this.format(pagerObj.getLocalizedLabel(pagerObj.totalRecordsCount <= 1 ? 'totalItemInfo' : 'totalItemsInfo'), [pagerObj.totalRecordsCount || 0]);
         }
         this.pageNoMsgElem.parentElement.setAttribute('aria-label', this.pageNoMsgElem.textContent + this.pageCountMsgElem.textContent);

package/src/pager/pager-model.d.ts

@@ -1,4 +1,4 @@
-import { Component, ModuleDeclaration, L10n, EmitType, Browser, isBlazor } from '@syncfusion/ej2-base';import { createElement, remove, classList, compile as templateCompiler } from '@syncfusion/ej2-base';import { isNullOrUndefined } from '@syncfusion/ej2-base';import { Property, Event, NotifyPropertyChanges, INotifyPropertyChanged } from '@syncfusion/ej2-base';import { PagerDropDown } from './pager-dropdown';import { NumericContainer } from './numeric-container';import { PagerMessage } from './pager-message';import { ExternalMessage } from './external-message';import { appendChildren } from '../grid/base/util';
+import { Component, ModuleDeclaration, L10n, EmitType, Browser, isBlazor } from '@syncfusion/ej2-base';
 import {ComponentModel} from '@syncfusion/ej2-base';
 
 /**
@@ -7,89 +7,89 @@ import {ComponentModel} from '@syncfusion/ej2-base';
 export interface PagerModel extends ComponentModel{
 
     /**
-     * If `enableQueryString` set to true,   
-     * then it pass current page information as a query string along with the URL while navigating to other page.  
-     * @default false  
-     */
-    enableQueryString?: boolean;
+     * If `enableQueryString` set to true,   
+     * then it pass current page information as a query string along with the URL while navigating to other page.  
+     * @default false  
+     */
+    enableQueryString?: boolean;
 
     /**
-     * If `enableExternalMessage` set to true, then it adds the message to Pager.  
-     * @default false  
-     */
-    enableExternalMessage?: boolean;
+     * If `enableExternalMessage` set to true, then it adds the message to Pager.  
+     * @default false  
+     */
+    enableExternalMessage?: boolean;
 
     /**
-     * If `enablePagerMessage` set to true, then it adds the pager information.  
-     * @default true  
-     */
-    enablePagerMessage?: boolean;
+     * If `enablePagerMessage` set to true, then it adds the pager information.  
+     * @default true  
+     */
+    enablePagerMessage?: boolean;
 
     /**
-     * Defines the records count of visible page.  
-     * @default 12  
-     */
-    pageSize?: number;
+     * Defines the records count of visible page.  
+     * @default 12  
+     */
+    pageSize?: number;
 
     /**
-     * Defines the number of pages to display in pager container.   
-     * @default 10  
-     */
-    pageCount?: number;
+     * Defines the number of pages to display in pager container.   
+     * @default 10  
+     */
+    pageCount?: number;
 
     /**
-     * Defines the current page number of pager.   
-     * @default 1  
-     */
-    currentPage?: number;
+     * Defines the current page number of pager.   
+     * @default 1  
+     */
+    currentPage?: number;
 
     /**
-     * Gets or Sets the total records count which is used to render numeric container.   
-     * @default null  
-     */
-    totalRecordsCount?: number;
+     * Gets or Sets the total records count which is used to render numeric container.   
+     * @default null  
+     */
+    totalRecordsCount?: number;
 
     /**
-     * Defines the external message of Pager.  
-     * @default null  
-     */
-    externalMessage?: string;
+     * Defines the external message of Pager.  
+     * @default null  
+     */
+    externalMessage?: string;
 
     /**
-     * If `pageSizes` set to true or Array of values,
-     * It renders DropDownList in the pager which allow us to select pageSize from DropDownList.    
-     * @default false    
-     */
-    pageSizes?: boolean | (number | string)[];
+     * If `pageSizes` set to true or Array of values,
+     * It renders DropDownList in the pager which allow us to select pageSize from DropDownList.    
+     * @default false    
+     */
+    pageSizes?: boolean | (number | string)[];
 
     /**
-     *  Defines the template as string or HTML element ID which renders customized elements in pager instead of default elements.    
-     * @default null    
-     */
-    template?: string;
+     *  Defines the template as string or HTML element ID which renders customized elements in pager instead of default elements.    
+     * @default null    
+     */
+    template?: string;
 
     /**
-     * Defines the customized text to append with numeric items.  
-     * @default null  
-     */
-    customText?: string;
+     * Defines the customized text to append with numeric items.  
+     * @default null  
+     */
+    customText?: string;
 
     /**
-     * Triggers when click on the numeric items.   
-     * @default null  
-     */
-    click?: EmitType<Object>;
+     * Triggers when click on the numeric items.   
+     * @default null  
+     */
+    click?: EmitType<Object>;
 
     /**
-     * Triggers after pageSize is selected in DropDownList.   
-     * @default null  
-     */
-    dropDownChanged?: EmitType<Object>;
+     * Triggers after pageSize is selected in DropDownList.   
+     * @default null  
+     */
+    dropDownChanged?: EmitType<Object>;
 
     /**
-     * Triggers when Pager is created.   
-     * @default null  
-     */
-    created?: EmitType<Object>;
+     * Triggers when Pager is created.   
+     * @default null  
+     */
+    created?: EmitType<Object>;
 
 }

package/src/pager/pager.js

@@ -1,22 +1,22 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    }
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 import { Component, L10n, Browser, isBlazor } from '@syncfusion/ej2-base';
 import { createElement, compile as templateCompiler } from '@syncfusion/ej2-base';
 import { isNullOrUndefined } from '@syncfusion/ej2-base';

package/styles/bootstrap-dark.css

@@ -775,7 +775,6 @@
   border-radius: 4px;
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
   margin-top: 3px;
-  overflow: auto;
 }
 
 .e-popup.e-ddl .e-input-group {
@@ -2770,7 +2769,6 @@
 
 .e-grid .e-summarycontent .e-frozenfootercontent {
   float: left;
-  width: -webkit-min-content;
   width: min-content;
 }
 
@@ -3877,7 +3875,6 @@
 
 .e-grid .e-frozenheader {
   float: left;
-  width: -webkit-min-content;
   width: min-content;
 }
 
@@ -3912,7 +3909,6 @@
   float: left;
   height: inherit;
   overflow: hidden;
-  width: -webkit-min-content;
   width: min-content;
 }
 

package/styles/bootstrap.css

@@ -775,7 +775,6 @@
   border-radius: 4px;
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
   margin-top: 3px;
-  overflow: auto;
 }
 
 .e-popup.e-ddl .e-input-group {
@@ -2771,7 +2770,6 @@
 
 .e-grid .e-summarycontent .e-frozenfootercontent {
   float: left;
-  width: -webkit-min-content;
   width: min-content;
 }
 
@@ -3878,7 +3876,6 @@
 
 .e-grid .e-frozenheader {
   float: left;
-  width: -webkit-min-content;
   width: min-content;
 }
 
@@ -3913,7 +3910,6 @@
   float: left;
   height: inherit;
   overflow: hidden;
-  width: -webkit-min-content;
   width: min-content;
 }
 

package/styles/bootstrap4.css

@@ -783,7 +783,6 @@
   border-radius: 4px;
   box-shadow: none;
   margin-top: 3px;
-  overflow: auto;
 }
 
 .e-popup.e-ddl .e-input-group {
@@ -850,6 +849,11 @@
   background: transparent;
 }
 
+.e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
+.e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
+  background: #e9ecef;
+}
+
 .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
 .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
 .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
@@ -2814,7 +2818,6 @@
 
 .e-grid .e-summarycontent .e-frozenfootercontent {
   float: left;
-  width: -webkit-min-content;
   width: min-content;
 }
 
@@ -3921,7 +3924,6 @@
 
 .e-grid .e-frozenheader {
   float: left;
-  width: -webkit-min-content;
   width: min-content;
 }
 
@@ -3956,7 +3958,6 @@
   float: left;
   height: inherit;
   overflow: hidden;
-  width: -webkit-min-content;
   width: min-content;
 }
 

package/styles/excel-filter/_all.scss

@@ -1,2 +1,2 @@
-@import 'layout.scss';
-@import 'theme.scss';
+@import 'layout.scss';
+@import 'theme.scss';

package/styles/excel-filter/_bootstrap-dark-definition.scss

@@ -1,54 +1,54 @@
-
-$grid-xl-rtl-radio-padding-left: 0 !default;
-$grid-xl-rtl-radio-padding-right: 25px !default;
-$grid-autofill-color: $brand-primary !default;
-$grid-checkbox-padding-topbottom: 8px !default;
-$grid-checkbox-content-padding-left: 7px !default;
-$grid-rtl-checkbox-content-padding-left: 15px !default;
-$grid-bigger-checkbox-padding-topbottom: 9px !default;
-$grid-bigger-checkbox-filter-min-height: 360px !default;
-$grid-bigger-checkbox-content-padding-left: 9.75px !default;
-$grid-rtl-bigger-checkbox-content-padding-left: 18.75px !default;
-$grid-checkbox-filter-min-height: 348px !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-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: 14px !default;
-$grid-bigger-xlfl-dlgfields-font-size: 16px !default;
-$grid-bigger-xlfltd-radio-mtcase-padding: 5px !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: 15px !default;
-$grid-bigger-xlfl-radiodiv-width: 141px !default;
-$grid-excelmenu-filter-icon: 'e249' !default;
-$grid-excelmenu-clear-filter-icon: 'e246' !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-xl-match-margin-left: 6px !default;
-$grid-bigger-xl-match-margin-left: 8px !default;
-$grid-column-chooser-footdiv: 2px 0 0 !default;
-$grid-columnchooser-footer-border-color: rgba($grey-e6, .12) !default;
-$grid-columnchooser-footer-border-opacity: 1 !default;
-$grid-filtered-color: $brand-primary !default;
-$sfgrid-xlfl-dlg-padding: 15px !default;
+
+$grid-xl-rtl-radio-padding-left: 0 !default;
+$grid-xl-rtl-radio-padding-right: 25px !default;
+$grid-autofill-color: $brand-primary !default;
+$grid-checkbox-padding-topbottom: 8px !default;
+$grid-checkbox-content-padding-left: 7px !default;
+$grid-rtl-checkbox-content-padding-left: 15px !default;
+$grid-bigger-checkbox-padding-topbottom: 9px !default;
+$grid-bigger-checkbox-filter-min-height: 360px !default;
+$grid-bigger-checkbox-content-padding-left: 9.75px !default;
+$grid-rtl-bigger-checkbox-content-padding-left: 18.75px !default;
+$grid-checkbox-filter-min-height: 348px !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-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: 14px !default;
+$grid-bigger-xlfl-dlgfields-font-size: 16px !default;
+$grid-bigger-xlfltd-radio-mtcase-padding: 5px !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: 15px !default;
+$grid-bigger-xlfl-radiodiv-width: 141px !default;
+$grid-excelmenu-filter-icon: 'e249' !default;
+$grid-excelmenu-clear-filter-icon: 'e246' !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-xl-match-margin-left: 6px !default;
+$grid-bigger-xl-match-margin-left: 8px !default;
+$grid-column-chooser-footdiv: 2px 0 0 !default;
+$grid-columnchooser-footer-border-color: rgba($grey-e6, .12) !default;
+$grid-columnchooser-footer-border-opacity: 1 !default;
+$grid-filtered-color: $brand-primary !default;
+$sfgrid-xlfl-dlg-padding: 15px !default;