@syncfusion/ej2-vue-multicolumn-combobox 26.1.35 → 26.1.38

package/dist/ej2-vue-multicolumn-combobox.umd.min.js

@@ -1,2 +1,11 @@
+/*!
+*  filename: ej2-vue-multicolumn-combobox.umd.min.js
+*  version : 26.1.38
+*  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
+*  Use of this code is subject to the terms of our license.
+*  A copy of the current license can be obtained at any time by e-mailing
+*  licensing@syncfusion.com. Any infringement will be prosecuted under
+*  applicable laws. 
+*/
 !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-multicolumn-combobox"),require("@syncfusion/ej2-vue-base"),require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-multicolumn-combobox","@syncfusion/ej2-vue-base","@syncfusion/ej2-base"],t):t((e=e||self).ej={},e.ej2MulticolumnCombobox,e.ej2VueBase,e.ej2Base)}(this,function(t,n,o,l){"use strict";var s=o.vueDefineComponent({inject:{custom:{default:null}},render:function(e){var t;if(!o.isExecute)return t=null,(o.isExecute?e:o.gh)("div",{class:"e-directive"},t=l.isNullOrUndefined(this.$slots.default)?t:o.isExecute?this.$slots.default:this.$slots.default())},updated:function(){!o.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-columns"}}}),i={name:"e-columns",install:function(e){e.component(i.name,s)}},u=o.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-column"}}}),a={name:"e-column",install:function(e){e.component(a.name,u)}},e=["isLazyUpdate","plugins","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","actionBegin","actionComplete","actionFailure","change","close","created","filtering","open","select"],c=["value"],r=o.getProps({props:e}),m=r[0],r=r[1],d=Object.keys(r);d.push("modelchanged","update:modelValue");for(var h=0,p=c;h<p.length;h++)d.push("update:"+p[h]);var f=o.vueDefineComponent({name:"MultiColumnComboBoxComponent",mixins:[o.ComponentBase],props:m,watch:r,emits:d,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new n.MultiColumnComboBox({}),propKeys:e,models:c,hasChildDirective:!0,hasInjectedModules:!0,tagMapper:{"e-columns":"e-column"},tagNameMapper:{},isVue3:!o.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=null;return(o.isExecute?e:o.gh)("input",t=l.isNullOrUndefined(this.$slots.default)?t:o.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,n=e;t<n.length;t++){var s=n[t],i=this.templateCollection[s];if(i&&i.length){for(var o=0,u=i;o<u.length;o++){var a=u[o];l.getValue("__vue__.$destroy",a)&&a.__vue__.$destroy(),a.innerHTML&&(a.innerHTML="")}delete this.templateCollection[s]}}},setProperties:function(n,e){var s=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(n,e),n&&this.models&&this.models.length&&Object.keys(n).map(function(t){s.models.map(function(e){t!==e||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,n[t]):(s.$emit("update:"+t,n[t]),s.$emit("modelchanged",n[t])))})})},trigger:function(e,t,n){var s,i;o.isExecute||(this.models=this.models||this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length?"actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length&&(i=(s=this.models.toString().match(/currentView|selectedDate/)||[])[0],t)&&s&&!l.isUndefined(t[i])&&(o.isExecute?(this.$emit("update:"+i,t[i]),this):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance)).$emit("modelchanged",t[i]):(i=(s=this.models.toString().match(/checked|value/)||[])[0],t&&s&&!l.isUndefined(t[i])&&(o.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+i,t[i]),this.$emit("modelchanged",t[i])):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance.$emit("modelchanged",t[i]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[i])))),this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,n)},custom:function(){this.updated()},addItems:function(e,t){return this.ej2Instances.addItems(e,t)},focusIn:function(e){return this.ej2Instances.focusIn(e)},focusOut:function(e){return this.ej2Instances.focusOut(e)},getDataByValue:function(e){return this.ej2Instances.getDataByValue(e)},getItems:function(){return this.ej2Instances.getItems()},hidePopup:function(e){return this.ej2Instances.hidePopup(e)},showPopup:function(e,t){return this.ej2Instances.showPopup(e,t)}}}),g={name:"ejs-multicolumncombobox",install:function(e){e.component(g.name,f),e.component(a.name,u),e.component(i.name,s)}};Object.keys(n).forEach(function(e){"default"!==e&&Object.defineProperty(t,e,{enumerable:!0,get:function(){return n[e]}})}),t.ColumnDirective=u,t.ColumnPlugin=a,t.ColumnsDirective=s,t.ColumnsPlugin=i,t.MultiColumnComboBoxComponent=f,t.MultiColumnComboBoxPlugin=g,Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-vue-multicolumn-combobox.umd.min.js.map

package/package.json

@@ -2,7 +2,7 @@
   "_from": "@syncfusion/ej2-vue-multicolumn-combobox@*",
   "_id": "@syncfusion/ej2-vue-multicolumn-combobox@21.29.0",
   "_inBundle": false,
-  "_integrity": "sha512-BKMjfdt7RhvMFyKFjgtH8NmduEYH4unWjdiWZAAy3mwEjwhzsjla786TuxU6FAnd4ttM9QSZbsmwnwpceQnObg==",
+  "_integrity": "sha512-vf9MNCLzHDVH0ug+hYRPqnTdT6dsFHqnXko/BYmAsifTJZtgA8BQLxZqt8l2HXCmkFdUegrk39OzNdkSgezixg==",
   "_location": "/@syncfusion/ej2-vue-multicolumn-combobox",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-vue-multicolumn-combobox/-/ej2-vue-multicolumn-combobox-21.29.0.tgz",
-  "_shasum": "1da963b326419f3cf2ff5d26f268868fd39be58e",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-multicolumn-combobox/-/ej2-vue-multicolumn-combobox-21.29.0.tgz",
+  "_shasum": "f4af957cfe6146e637f313e8265ec1c61d3e5de7",
   "_spec": "@syncfusion/ej2-vue-multicolumn-combobox@*",
   "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
   "author": {
@@ -31,8 +31,8 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~26.1.35",
-    "@syncfusion/ej2-multicolumn-combobox": "26.1.35",
+    "@syncfusion/ej2-base": "~26.1.37",
+    "@syncfusion/ej2-multicolumn-combobox": "26.1.38",
     "@syncfusion/ej2-vue-base": "~26.1.35"
   },
   "deprecated": false,
@@ -58,6 +58,6 @@
     "ci-publish": "gulp ci-publish",
     "compile": "gulp ci-compile && gulp vue-global-script"
   },
-  "version": "26.1.35",
+  "version": "26.1.38",
   "sideEffects": false
 }

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;
 }

package/styles/fabric.css

@@ -111,10 +111,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: 1px;
 }
 
 .e-input-group.e-multicolumn-list input[readonly].e-input {
@@ -190,8 +200,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;
@@ -205,8 +217,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;
@@ -229,12 +243,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;
@@ -247,7 +265,7 @@
 }
 
 .e-multicolumn-list .e-popup-footer {
-  background: transparent;
+  background: #fff;
   color: #0078d6;
   border-color: #eaeaea;
 }

package/styles/fluent-dark.css

@@ -191,10 +191,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: 32px;
+  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 {
@@ -270,8 +280,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;
@@ -285,8 +297,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;
@@ -309,12 +323,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: 36px;
@@ -327,7 +345,7 @@
 }
 
 .e-multicolumn-list .e-popup-footer {
-  background: transparent;
+  background: #252423;
   color: #a19f9d;
   border-color: #292827;
 }

package/styles/fluent.css

@@ -191,10 +191,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: 32px;
+  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 {
@@ -270,8 +280,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;
@@ -285,8 +297,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;
@@ -309,12 +323,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: 36px;
@@ -327,7 +345,7 @@
 }
 
 .e-multicolumn-list .e-popup-footer {
-  background: transparent;
+  background: #fff;
   color: #605e5c;
   border-color: #edebe9;
 }