@syncfusion/ej2-angular-multicolumn-combobox 26.1.38-ngcc → 26.1.38

package/fesm2020/syncfusion-ej2-angular-multicolumn-combobox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"syncfusion-ej2-angular-multicolumn-combobox.mjs","sources":["../../src/multicolumn-combobox/columns.directive.ts","../../src/multicolumn-combobox/multicolumncombobox.component.ts","../../src/multicolumn-combobox/multicolumncombobox.module.ts","../../src/multicolumn-combobox/multicolumncombobox-all.module.ts","../../syncfusion-ej2-angular-multicolumn-combobox.ts"],"sourcesContent":["import { Directive, ViewContainerRef, ContentChildren, ContentChild } from '@angular/core';\nimport { ComplexBase, ArrayBase, setValue } from '@syncfusion/ej2-angular-base';\nimport { Template } from '@syncfusion/ej2-angular-base';\n\n\nlet input: string[] = ['customAttributes', 'displayAsCheckBox', 'field', 'format', 'header', 'headerTemplate', 'template', 'textAlign', 'width'];\nlet outputs: string[] = [];\n/**\n * `e-column` directive represent a column of the Angular MultiColumnComboBox. \n * It must be contained in a MultiColumnComboBox component(`ejs-multicolumncombobox`). \n * ```html\n * <ejs-multicolumncombobox [dataSource]='data'>\n *   <e-columns>\n *    <e-column field='ID' width='100'></e-column>\n *    <e-column field='name' header='Name' width='100'></e-column>\n *   </e-columns>\n * </ejs-multicolumncombobox>\n * ```\n */\n@Directive({\n    selector: 'ejs-multicolumncombobox>e-columns>e-column',\n    inputs: input,\n    outputs: outputs,    \n    queries: {\n\n    }\n})\nexport class ColumnDirective extends ComplexBase<ColumnDirective> {\n    public directivePropList: any;\n\t\n\n\n    /** \n     * The CSS styles and attributes of the content cells of a particular column can be customized.\n     * @default null\n     */\n    public customAttributes: any;\n    /** \n     * If `displayAsCheckBox` is set to true, it displays the column value as a check box instead of Boolean value.\n     * @default false\n     */\n    public displayAsCheckBox: any;\n    /** \n     * Defines the name of the field whose data will be displayed in the column.\n     * @default ''\n     */\n    public field: any;\n    /** \n     * It is used to change display value with the given format and does not affect the original data. \n     * Gets the format from the user which can be standard or custom `number` and `date` formats.\n     * @default null\n     * @asptype string\n     */\n    public format: any;\n    /** \n     * Defines the header text of column which is used to display in column header. \n     * If headerText is not defined, then field name value will be assigned to header text.\n     * @default ''\n     */\n    public header: any;\n    /** \n     * Defines the alignment of the column in both header and content cells.\n     * @default Left\n     */\n    public textAlign: any;\n    /** \n     * Defines the width of the column in pixels or percentage.\n     * @default ''\n     */\n    public width: any;\n    /** \n     * Defines the column template that renders customized element in each cell of the column. \n     * It accepts either template or HTML element ID.\n     * @default null\n     * @angulartype string | object\n     * @reacttype string | function | JSX.Element\n     * @vuetype string | function\n     * @asptype string\n     */\n    @ContentChild('template')\n    @Template()\n    public template: any;\n    /** \n     * Defines the column template as string or HTML element ID which is used to add customized element in the column header.\n     * @default null\n     * @angulartype string | object\n     * @reacttype string | function | JSX.Element\n     * @vuetype string | function\n     * @asptype string\n     */\n    @ContentChild('headerTemplate')\n    @Template()\n    public headerTemplate: any;\n\n    constructor(private viewContainerRef:ViewContainerRef) {\n        super();\n        setValue('currentInstance', this, this.viewContainerRef);\n        this.registerEvents(outputs);\n        this.directivePropList = input;\n    }\n}\n\n/**\n * Column Array Directive\n * @private\n */\n@Directive({\n    selector: 'ejs-multicolumncombobox>e-columns',\n    queries: {\n        children: new ContentChildren(ColumnDirective)\n    },\n})\nexport class ColumnsDirective extends ArrayBase<ColumnsDirective> {\n    constructor() {\n        super('columns');\n    }\n}","import { Component, ElementRef, ViewContainerRef, ValueProvider, Renderer2, Injector, ChangeDetectionStrategy, ChangeDetectorRef, forwardRef, ContentChild } from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { ComponentBase, IComponentBase, applyMixins, ComponentMixins, PropertyCollectionInfo, FormBase, setValue } from '@syncfusion/ej2-angular-base';\nimport { MultiColumnComboBox } from '@syncfusion/ej2-multicolumn-combobox';\nimport { Template } from '@syncfusion/ej2-angular-base';\nimport { ColumnsDirective } from './columns.directive';\n\nexport const inputs: string[] = ['actionFailureTemplate','allowFiltering','allowSorting','columns','cssClass','dataSource','disabled','enablePersistence','enableRtl','enableVirtualization','fields','filterType','floatLabelType','footerTemplate','gridSettings','groupTemplate','htmlAttributes','index','itemTemplate','locale','noRecordsTemplate','placeholder','popupHeight','popupWidth','query','readonly','showClearButton','sortOrder','sortType','text','value','width'];\nexport const outputs: string[] = ['focus', 'blur', 'actionBegin','actionComplete','actionFailure','change','close','created','filtering','open','select','valueChange'];\nexport const twoWays: string[] = ['value'];\n\n/**\n * Represents the Essential JS 2 Angular MultiColumnComboBox Component.\n * ```html\n * <ejs-multicolumncombobox></ejs-multicolumncombobox>\n * ```\n */\n@Component({\n    selector: 'ejs-multicolumncombobox',\n    inputs: inputs,\n    outputs: outputs,\n    template: '',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => MultiColumnComboBoxComponent),\n            multi: true\n        }\n    ],\n    queries: {\n        childColumns: new ContentChild(ColumnsDirective)\n    }\n})\n@ComponentMixins([ComponentBase, FormBase])\nexport class MultiColumnComboBoxComponent extends MultiColumnComboBox implements IComponentBase {\n    public formCompContext : any;\n    public formContext : any;\n    public tagObjects: any;\n\tactionBegin: any;\n\tactionComplete: any;\n\tactionFailure: any;\n\tchange: any;\n\tclose: any;\n\tcreated: any;\n\tfiltering: any;\n\topen: any;\n\tselect: any;\n\tpublic valueChange: any;\n    public childColumns: any;\n    public tags: string[] = ['columns'];\n    /** \n     * Accepts the template design and assigns it to the footer container of the popup.\n     * @default null\n     * @angulartype string | object\n     * @reacttype string | function | JSX.Element\n     * @vuetype string | function\n     * @asptype string\n     */\n    @ContentChild('footerTemplate')\n    @Template()\n    public footerTemplate: any;\n    /** \n     * Accepts the template design and assigns it to each items present in the popup.\n     * \n     * {% codeBlock src='multicolumn-combobox/itemTemplate/index.md' %}{% endcodeBlock %}\n     *     \n     * @default null\n     * @angulartype string | object\n     * @reacttype string | function | JSX.Element\n     * @vuetype string | function\n     * @asptype string\n     */\n    @ContentChild('itemTemplate')\n    @Template()\n    public itemTemplate: any;\n    /** \n     * Accepts the template design and assigns it to the group headers present in the popup list.\n     * @default null\n     * @angulartype string | object\n     * @reacttype string | function | JSX.Element\n     * @vuetype string | function\n     * @asptype string\n     */\n    @ContentChild('groupTemplate')\n    @Template()\n    public groupTemplate: any;\n    @ContentChild('noRecordsTemplate')\n    @Template('No records found')\n    public noRecordsTemplate: any;\n    @ContentChild('actionFailureTemplate')\n    @Template('Request Failed')\n    public actionFailureTemplate: any;\n\n    public focus: any;\n    public blur: any;\n    constructor(private ngEle: ElementRef, private srenderer: Renderer2, private viewContainerRef:ViewContainerRef, private injector: Injector, private cdr: ChangeDetectorRef) {\n        super();\n        this.element = this.ngEle.nativeElement;\n        this.injectedModules = this.injectedModules || [];\n        try {\n                let mod = this.injector.get('MultiColumn-ComboBoxVirtualScroll');\n                if(this.injectedModules.indexOf(mod) === -1) {\n                    this.injectedModules.push(mod)\n                }\n            } catch { }\n\r        try {\n                let mod = this.injector.get('MultiColumn-ComboBoxSort');\n                if(this.injectedModules.indexOf(mod) === -1) {\n                    this.injectedModules.push(mod)\n                }\n            } catch { }\n\r        try {\n                let mod = this.injector.get('MultiColumn-ComboBoxEdit');\n                if(this.injectedModules.indexOf(mod) === -1) {\n                    this.injectedModules.push(mod)\n                }\n            } catch { }\n\r        try {\n                let mod = this.injector.get('MultiColumn-ComboBoxGroup');\n                if(this.injectedModules.indexOf(mod) === -1) {\n                    this.injectedModules.push(mod)\n                }\n            } catch { }\n\r\n        this.registerEvents(outputs);\n        this.addTwoWay.call(this, twoWays);\n        setValue('currentInstance', this, this.viewContainerRef);\n        this.formContext  = new FormBase();\n        this.formCompContext  = new ComponentBase();\n    }\n\n    public registerOnChange(registerFunction: (_: any) => void): void {\n    }\n\n    public registerOnTouched(registerFunction: () => void): void {\n    }\n\n    public writeValue(value: any): void {\n    }\n    \n    public setDisabledState(disabled: boolean): void {\n    }\n\n    public ngOnInit() {\n        this.formCompContext.ngOnInit(this);\n    }\n\n    public ngAfterViewInit(): void {\n        this.formContext.ngAfterViewInit(this);\n    }\n\n    public ngOnDestroy(): void {\n        this.formCompContext.ngOnDestroy(this);\n    }\n\n    public ngAfterContentChecked(): void {\n        this.tagObjects[0].instance = this.childColumns;\n        this.formCompContext.ngAfterContentChecked(this);\n    }\n\n    public registerEvents: (eventList: string[]) => void;\n    public addTwoWay: (propList: string[]) => void;\n}\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ColumnDirective, ColumnsDirective } from './columns.directive';\nimport { MultiColumnComboBoxComponent } from './multicolumncombobox.component';\n\n/**\n * NgModule definition for the MultiColumnComboBox component.\n */\n@NgModule({\n    imports: [CommonModule],\n    declarations: [\n        MultiColumnComboBoxComponent,\n        ColumnDirective,\n        ColumnsDirective\n    ],\n    exports: [\n        MultiColumnComboBoxComponent,\n        ColumnDirective,\n        ColumnsDirective\n    ]\n})\nexport class MultiColumnComboBoxModule { }","import { NgModule, ValueProvider } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ColumnDirective, ColumnsDirective } from './columns.directive';\nimport { MultiColumnComboBoxComponent } from './multicolumncombobox.component';\nimport { MultiColumnComboBoxModule } from './multicolumncombobox.module';\nimport {VirtualScroll, Sort, Edit, Group} from '@syncfusion/ej2-multicolumn-combobox'\n\n\nexport const VirtualScrollService: ValueProvider = { provide: 'MultiColumn-ComboBoxVirtualScroll', useValue: VirtualScroll};\nexport const SortService: ValueProvider = { provide: 'MultiColumn-ComboBoxSort', useValue: Sort};\nexport const EditService: ValueProvider = { provide: 'MultiColumn-ComboBoxEdit', useValue: Edit};\nexport const GroupService: ValueProvider = { provide: 'MultiColumn-ComboBoxGroup', useValue: Group};\n\n/**\n * NgModule definition for the MultiColumnComboBox component with providers.\n */\n@NgModule({\n    imports: [CommonModule, MultiColumnComboBoxModule],\n    exports: [\n        MultiColumnComboBoxModule\n    ],\n    providers:[\n        VirtualScrollService,\n        SortService,\n        EditService,\n        GroupService\n    ]\n})\nexport class MultiColumnComboBoxAllModule { }","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["outputs"],"mappings":"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"}

package/package.json

@@ -2,7 +2,7 @@
   "_from": "@syncfusion/ej2-angular-multicolumn-combobox@*",
   "_id": "@syncfusion/ej2-angular-multicolumn-combobox@21.29.0",
   "_inBundle": false,
-  "_integrity": "sha512-TN8EBgIJ1b5Xb2G6zZGpkH7PgCUFKUY95rnEbsE+X9XTR5f8PqzUdIMvlUYaP8K6cLBmbwWVmlx3h3yfqBp5Ig==",
+  "_integrity": "sha512-ezRqp/v2Ys1/BxThCiFr1Zo+kPXelkxlQAU/dQNS5sgEsEoPxcvHdJAzAJJ0FtrTsxvfrdExIei12JTghTmQoQ==",
   "_location": "/@syncfusion/ej2-angular-multicolumn-combobox",
   "_phantomChildren": {},
   "_requested": {
@@ -19,10 +19,10 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-angular-multicolumn-combobox/-/ej2-angular-multicolumn-combobox-21.29.0.tgz",
-  "_shasum": "3f0dc61b51e3ba3e50c5b4c96200ca97bd79fd2c",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-angular-hotfix/@syncfusion/ej2-angular-multicolumn-combobox/-/ej2-angular-multicolumn-combobox-21.29.0.tgz",
+  "_shasum": "4db4c1478877a0d764cb613b346e12e22e9b824f",
   "_spec": "@syncfusion/ej2-angular-multicolumn-combobox@*",
-  "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_26.1.1/ivypackages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -33,12 +33,28 @@
   "dependencies": {
     "@syncfusion/ej2-angular-base": "~26.1.35",
     "@syncfusion/ej2-base": "~26.1.37",
-    "@syncfusion/ej2-multicolumn-combobox": "26.1.38"
+    "@syncfusion/ej2-multicolumn-combobox": "26.1.38",
+    "tslib": "^2.3.0"
   },
   "deprecated": false,
   "description": "Essential JS 2 Component for Angular",
-  "devDependencies": {},
-  "es2015": "@syncfusion/ej2-angular-multicolumn-combobox.js",
+  "es2020": "fesm2020/syncfusion-ej2-angular-multicolumn-combobox.mjs",
+  "esm2020": "esm2020/syncfusion-ej2-angular-multicolumn-combobox.mjs",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./syncfusion-ej2-angular-multicolumn-combobox.d.ts",
+      "esm2020": "./esm2020/syncfusion-ej2-angular-multicolumn-combobox.mjs",
+      "es2020": "./fesm2020/syncfusion-ej2-angular-multicolumn-combobox.mjs",
+      "es2015": "./fesm2015/syncfusion-ej2-angular-multicolumn-combobox.mjs",
+      "node": "./fesm2015/syncfusion-ej2-angular-multicolumn-combobox.mjs",
+      "default": "./fesm2020/syncfusion-ej2-angular-multicolumn-combobox.mjs"
+    }
+  },
+  "fesm2015": "fesm2015/syncfusion-ej2-angular-multicolumn-combobox.mjs",
+  "fesm2020": "fesm2020/syncfusion-ej2-angular-multicolumn-combobox.mjs",
   "homepage": "https://www.syncfusion.com/angular-components",
   "keywords": [
     "angular",
@@ -47,9 +63,7 @@
     "ng-multicolumncombobox"
   ],
   "license": "SEE LICENSE IN license",
-  "main": "dist/ej2-angular-multicolumn-combobox.umd.js",
-  "metadata": "ej2-angular-multicolumn-combobox.metadata.json",
-  "module": "@syncfusion/ej2-angular-multicolumn-combobox.es5.js",
+  "module": "fesm2015/syncfusion-ej2-angular-multicolumn-combobox.mjs",
   "name": "@syncfusion/ej2-angular-multicolumn-combobox",
   "repository": {
     "type": "git",
@@ -57,6 +71,6 @@
   },
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
-  "typings": "ej2-angular-multicolumn-combobox.d.ts",
-  "version": "26.1.38-ngcc"
+  "typings": "syncfusion-ej2-angular-multicolumn-combobox.d.ts",
+  "version": "26.1.38"
 }

package/src/multicolumn-combobox/columns.directive.d.ts

@@ -1,5 +1,6 @@
 import { ViewContainerRef } from '@angular/core';
 import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
+import * as i0 from "@angular/core";
 /**
  * `e-column` directive represent a column of the Angular MultiColumnComboBox.
  * It must be contained in a MultiColumnComboBox component(`ejs-multicolumncombobox`).
@@ -73,6 +74,8 @@ export declare class ColumnDirective extends ComplexBase<ColumnDirective> {
      */
     headerTemplate: any;
     constructor(viewContainerRef: ViewContainerRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ColumnDirective, "ejs-multicolumncombobox>e-columns>e-column", never, { "customAttributes": "customAttributes"; "displayAsCheckBox": "displayAsCheckBox"; "field": "field"; "format": "format"; "header": "header"; "headerTemplate": "headerTemplate"; "template": "template"; "textAlign": "textAlign"; "width": "width"; }, {}, ["template", "headerTemplate"]>;
 }
 /**
  * Column Array Directive
@@ -80,4 +83,6 @@ export declare class ColumnDirective extends ComplexBase<ColumnDirective> {
  */
 export declare class ColumnsDirective extends ArrayBase<ColumnsDirective> {
     constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnsDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ColumnsDirective, "ejs-multicolumncombobox>e-columns", never, {}, {}, ["children"]>;
 }

package/src/multicolumn-combobox/multicolumncombobox-all.module.d.ts

@@ -1,4 +1,7 @@
 import { ValueProvider } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "./multicolumncombobox.module";
 export declare const VirtualScrollService: ValueProvider;
 export declare const SortService: ValueProvider;
 export declare const EditService: ValueProvider;
@@ -7,4 +10,7 @@ export declare const GroupService: ValueProvider;
  * NgModule definition for the MultiColumnComboBox component with providers.
  */
 export declare class MultiColumnComboBoxAllModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MultiColumnComboBoxAllModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MultiColumnComboBoxAllModule, never, [typeof i1.CommonModule, typeof i2.MultiColumnComboBoxModule], [typeof i2.MultiColumnComboBoxModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MultiColumnComboBoxAllModule>;
 }

package/src/multicolumn-combobox/multicolumncombobox.component.d.ts

@@ -1,6 +1,7 @@
 import { ElementRef, ViewContainerRef, Renderer2, Injector, ChangeDetectorRef } from '@angular/core';
 import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { MultiColumnComboBox } from '@syncfusion/ej2-multicolumn-combobox';
+import * as i0 from "@angular/core";
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
@@ -76,4 +77,6 @@ export declare class MultiColumnComboBoxComponent extends MultiColumnComboBox im
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MultiColumnComboBoxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiColumnComboBoxComponent, "ejs-multicolumncombobox", never, { "actionFailureTemplate": "actionFailureTemplate"; "allowFiltering": "allowFiltering"; "allowSorting": "allowSorting"; "columns": "columns"; "cssClass": "cssClass"; "dataSource": "dataSource"; "disabled": "disabled"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "enableVirtualization": "enableVirtualization"; "fields": "fields"; "filterType": "filterType"; "floatLabelType": "floatLabelType"; "footerTemplate": "footerTemplate"; "gridSettings": "gridSettings"; "groupTemplate": "groupTemplate"; "htmlAttributes": "htmlAttributes"; "index": "index"; "itemTemplate": "itemTemplate"; "locale": "locale"; "noRecordsTemplate": "noRecordsTemplate"; "placeholder": "placeholder"; "popupHeight": "popupHeight"; "popupWidth": "popupWidth"; "query": "query"; "readonly": "readonly"; "showClearButton": "showClearButton"; "sortOrder": "sortOrder"; "sortType": "sortType"; "text": "text"; "value": "value"; "width": "width"; }, { "focus": "focus"; "blur": "blur"; "actionBegin": "actionBegin"; "actionComplete": "actionComplete"; "actionFailure": "actionFailure"; "change": "change"; "close": "close"; "created": "created"; "filtering": "filtering"; "open": "open"; "select": "select"; "valueChange": "valueChange"; }, ["footerTemplate", "itemTemplate", "groupTemplate", "noRecordsTemplate", "actionFailureTemplate", "childColumns"], never>;
 }

package/src/multicolumn-combobox/multicolumncombobox.module.d.ts

@@ -1,5 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./multicolumncombobox.component";
+import * as i2 from "./columns.directive";
+import * as i3 from "@angular/common";
 /**
  * NgModule definition for the MultiColumnComboBox component.
  */
 export declare class MultiColumnComboBoxModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MultiColumnComboBoxModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MultiColumnComboBoxModule, [typeof i1.MultiColumnComboBoxComponent, typeof i2.ColumnDirective, typeof i2.ColumnsDirective], [typeof i3.CommonModule], [typeof i1.MultiColumnComboBoxComponent, typeof i2.ColumnDirective, typeof i2.ColumnsDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MultiColumnComboBoxModule>;
 }

package/styles/bootstrap-dark.css

@@ -143,10 +143,20 @@
 
 .e-multicolumn-list .e-popup-footer {
   vertical-align: middle;
-  border-top: 1px solid;
+  border-style: solid;
+  border-width: 0 1px 0 1px;
   font-size: 14px;
-  height: 38px;
-  padding: 8px 0;
+  height: 36px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+
+.e-multicolumn-grid.e-grid {
+  border-width: 1px;
 }
 
 .e-input-group.e-multicolumn-list input[readonly].e-input {
@@ -222,8 +232,10 @@
 .e-small .e-popup.e-multicolumn-list .e-popup-footer {
   font-size: 12px;
 }
+.e-small.e-popup.e-multicolumn-list .e-popup-footer,
 .e-small.e-popup .e-multicolumn-grid .e-row,
 .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
+.e-small .e-popup.e-multicolumn-list .e-popup-footer,
 .e-small .e-popup .e-multicolumn-grid .e-row,
 .e-small .e-popup .e-multicolumn-grid .e-emptyrow {
   height: 32px;
@@ -237,8 +249,10 @@
 .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
   font-size: 16px;
 }
+.e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
 .e-bigger.e-popup .e-multicolumn-grid .e-row,
 .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
+.e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
 .e-bigger .e-popup .e-multicolumn-grid .e-row,
 .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
   height: 40px;
@@ -261,12 +275,16 @@
 .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
   font-size: 14px;
 }
+.e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
 .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
 .e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
+.e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
 .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
 .e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
+.e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
 .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
 .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
+.e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
 .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
 .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
   height: 40px;
@@ -279,7 +297,7 @@
 }
 
 .e-multicolumn-list .e-popup-footer {
-  background: transparent;
+  background: #2a2a2a;
   color: #0070f0;
   border-color: #484848;
 }

package/styles/bootstrap.css

@@ -143,10 +143,20 @@
 
 .e-multicolumn-list .e-popup-footer {
   vertical-align: middle;
-  border-top: 1px solid;
+  border-style: solid;
+  border-width: 1px 0 0 0;
   font-size: 14px;
-  height: 38px;
-  padding: 8px 0;
+  height: 36px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+
+.e-multicolumn-grid.e-grid {
+  border-width: 0;
 }
 
 .e-input-group.e-multicolumn-list input[readonly].e-input {
@@ -222,8 +232,10 @@
 .e-small .e-popup.e-multicolumn-list .e-popup-footer {
   font-size: 12px;
 }
+.e-small.e-popup.e-multicolumn-list .e-popup-footer,
 .e-small.e-popup .e-multicolumn-grid .e-row,
 .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
+.e-small .e-popup.e-multicolumn-list .e-popup-footer,
 .e-small .e-popup .e-multicolumn-grid .e-row,
 .e-small .e-popup .e-multicolumn-grid .e-emptyrow {
   height: 32px;
@@ -237,8 +249,10 @@
 .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
   font-size: 16px;
 }
+.e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
 .e-bigger.e-popup .e-multicolumn-grid .e-row,
 .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
+.e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
 .e-bigger .e-popup .e-multicolumn-grid .e-row,
 .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
   height: 40px;
@@ -261,12 +275,16 @@
 .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
   font-size: 14px;
 }
+.e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
 .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
 .e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
+.e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
 .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
 .e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
+.e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
 .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
 .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
+.e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
 .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
 .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
   height: 40px;
@@ -279,7 +297,7 @@
 }
 
 .e-multicolumn-list .e-popup-footer {
-  background: transparent;
+  background: #fff;
   color: #777;
   border-color: #e6e6e6;
 }

package/styles/bootstrap4.css

@@ -207,10 +207,20 @@
 
 .e-multicolumn-list .e-popup-footer {
   vertical-align: middle;
-  border-top: 1px solid;
+  border-style: solid;
+  border-width: 1px 0 0 0;
   font-size: 14px;
-  height: 38px;
-  padding: 8px 0;
+  height: 26px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+
+.e-multicolumn-grid.e-grid {
+  border-width: 0;
 }
 
 .e-input-group.e-multicolumn-list input[readonly].e-input {
@@ -286,8 +296,10 @@
 .e-small .e-popup.e-multicolumn-list .e-popup-footer {
   font-size: 12px;
 }
+.e-small.e-popup.e-multicolumn-list .e-popup-footer,
 .e-small.e-popup .e-multicolumn-grid .e-row,
 .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
+.e-small .e-popup.e-multicolumn-list .e-popup-footer,
 .e-small .e-popup .e-multicolumn-grid .e-row,
 .e-small .e-popup .e-multicolumn-grid .e-emptyrow {
   height: 24px;
@@ -301,8 +313,10 @@
 .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
   font-size: 16px;
 }
+.e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
 .e-bigger.e-popup .e-multicolumn-grid .e-row,
 .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
+.e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
 .e-bigger .e-popup .e-multicolumn-grid .e-row,
 .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
   height: 32px;
@@ -325,12 +339,16 @@
 .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
   font-size: 14px;
 }
+.e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
 .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
 .e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
+.e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
 .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
 .e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
+.e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
 .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
 .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
+.e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
 .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
 .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
   height: 28px;
@@ -343,7 +361,7 @@
 }
 
 .e-multicolumn-list .e-popup-footer {
-  background: transparent;
+  background: #fff;
   color: #495057;
   border-color: #e9ecef;
 }

package/styles/bootstrap5-dark.css

@@ -211,10 +211,20 @@
 
 .e-multicolumn-list .e-popup-footer {
   vertical-align: middle;
-  border-top: 1px solid;
+  border-style: solid;
+  border-width: 1px;
   font-size: 14px;
-  height: 38px;
-  padding: 8px 0;
+  height: 30px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+
+.e-multicolumn-grid.e-grid {
+  border-width: 1px;
 }
 
 .e-input-group.e-multicolumn-list input[readonly].e-input {
@@ -290,8 +300,10 @@
 .e-small .e-popup.e-multicolumn-list .e-popup-footer {
   font-size: 12px;
 }
+.e-small.e-popup.e-multicolumn-list .e-popup-footer,
 .e-small.e-popup .e-multicolumn-grid .e-row,
 .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
+.e-small .e-popup.e-multicolumn-list .e-popup-footer,
 .e-small .e-popup .e-multicolumn-grid .e-row,
 .e-small .e-popup .e-multicolumn-grid .e-emptyrow {
   height: 26px;
@@ -305,8 +317,10 @@
 .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
   font-size: 16px;
 }
+.e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
 .e-bigger.e-popup .e-multicolumn-grid .e-row,
 .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
+.e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
 .e-bigger .e-popup .e-multicolumn-grid .e-row,
 .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
   height: 32px;
@@ -329,12 +343,16 @@
 .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
   font-size: 14px;
 }
+.e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
 .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
 .e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
+.e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
 .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
 .e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
+.e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
 .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
 .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
+.e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
 .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
 .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
   height: 30px;

package/styles/bootstrap5.css

@@ -211,10 +211,20 @@
 
 .e-multicolumn-list .e-popup-footer {
   vertical-align: middle;
-  border-top: 1px solid;
+  border-style: solid;
+  border-width: 1px;
   font-size: 14px;
-  height: 38px;
-  padding: 8px 0;
+  height: 30px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+
+.e-multicolumn-grid.e-grid {
+  border-width: 1px;
 }
 
 .e-input-group.e-multicolumn-list input[readonly].e-input {
@@ -290,8 +300,10 @@
 .e-small .e-popup.e-multicolumn-list .e-popup-footer {
   font-size: 12px;
 }
+.e-small.e-popup.e-multicolumn-list .e-popup-footer,
 .e-small.e-popup .e-multicolumn-grid .e-row,
 .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
+.e-small .e-popup.e-multicolumn-list .e-popup-footer,
 .e-small .e-popup .e-multicolumn-grid .e-row,
 .e-small .e-popup .e-multicolumn-grid .e-emptyrow {
   height: 26px;
@@ -305,8 +317,10 @@
 .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
   font-size: 16px;
 }
+.e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
 .e-bigger.e-popup .e-multicolumn-grid .e-row,
 .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
+.e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
 .e-bigger .e-popup .e-multicolumn-grid .e-row,
 .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
   height: 32px;
@@ -329,12 +343,16 @@
 .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
   font-size: 14px;
 }
+.e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
 .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
 .e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
+.e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
 .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
 .e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
+.e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
 .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
 .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
+.e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
 .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
 .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
   height: 30px;

package/styles/fabric-dark.css

@@ -118,10 +118,20 @@
 
 .e-multicolumn-list .e-popup-footer {
   vertical-align: middle;
-  border-top: 1px solid;
+  border-style: solid;
+  border-width: 0 0 0 0;
   font-size: 14px;
-  height: 38px;
-  padding: 8px 0;
+  height: 36px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+
+.e-multicolumn-grid.e-grid {
+  border-width: 0;
 }
 
 .e-input-group.e-multicolumn-list input[readonly].e-input {
@@ -197,8 +207,10 @@
 .e-small .e-popup.e-multicolumn-list .e-popup-footer {
   font-size: 12px;
 }
+.e-small.e-popup.e-multicolumn-list .e-popup-footer,
 .e-small.e-popup .e-multicolumn-grid .e-row,
 .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
+.e-small .e-popup.e-multicolumn-list .e-popup-footer,
 .e-small .e-popup .e-multicolumn-grid .e-row,
 .e-small .e-popup .e-multicolumn-grid .e-emptyrow {
   height: 32px;
@@ -212,8 +224,10 @@
 .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
   font-size: 16px;
 }
+.e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
 .e-bigger.e-popup .e-multicolumn-grid .e-row,
 .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
+.e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
 .e-bigger .e-popup .e-multicolumn-grid .e-row,
 .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
   height: 40px;
@@ -236,12 +250,16 @@
 .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
   font-size: 14px;
 }
+.e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
 .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
 .e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
+.e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
 .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
 .e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
+.e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
 .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
 .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
+.e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
 .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
 .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
   height: 38px;
@@ -254,7 +272,7 @@
 }
 
 .e-multicolumn-list .e-popup-footer {
-  background: transparent;
+  background: #282727;
   color: #0074cc;
   border-color: #514f4f;
 }