@syncfusion/ej2-vue-splitbuttons 19.2.55 → 19.3.44

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-splitbuttons@*",
-  "_id": "@syncfusion/ej2-vue-splitbuttons@18.2.44",
+  "_id": "@syncfusion/ej2-vue-splitbuttons@18.20.0",
   "_inBundle": false,
-  "_integrity": "sha512-5/d5g9dNQr2MtSC6uXcpd2OyglMyx0sQ5Fy/NtljssckBmqSKMJvxTvHJw1YHrVJCfct1KFhOyKJpKq2WdM+iA==",
+  "_integrity": "sha512-RW0hEIqB0gaAw/tSyUV4c8/1nzewZz20ljWHsvzdPe+XVmDBs24fI98/dSAdB02SIzurQ1Davq62yMd+0N3kYw==",
   "_location": "/@syncfusion/ej2-vue-splitbuttons",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-vue-splitbuttons/-/ej2-vue-splitbuttons-18.2.44.tgz",
-  "_shasum": "a5001b797e8b768817deaca1a413e24c297fea16",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-vue-splitbuttons/-/ej2-vue-splitbuttons-18.20.0.tgz",
+  "_shasum": "58fa02039c42f22b1d6bb448b32109b636149259",
   "_spec": "@syncfusion/ej2-vue-splitbuttons@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.2.55",
-    "@syncfusion/ej2-splitbuttons": "19.2.55",
-    "@syncfusion/ej2-vue-base": "~19.2.55"
+    "@syncfusion/ej2-base": "~19.3.43",
+    "@syncfusion/ej2-splitbuttons": "19.3.44",
+    "@syncfusion/ej2-vue-base": "~19.3.43"
   },
   "deprecated": false,
   "description": "A package of feature-rich Essential JS 2 components such as DropDownButton, SplitButton, ProgressButton and ButtonGroup. for Vue",
@@ -83,6 +83,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-vue-ui-components.git"
   },
-  "version": "19.2.55",
+  "version": "19.3.44",
   "sideEffects": false
 }

package/src/drop-down-button/dropdownbutton.component.d.ts

@@ -23,7 +23,9 @@ export declare class DropDownButtonComponent extends ComponentBase {
     };
     tagNameMapper: Object;
     isVue3: boolean;
+    templateCollection: any;
     constructor();
+    clearTemplate(templateNames?: string[]): any;
     setProperties(prop: any, muteOnChange: boolean): void;
     render(createElement: any): any;
     addItems(items: Object[], text?: string): void;

package/src/drop-down-button/dropdownbutton.component.js

@@ -18,7 +18,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { ComponentBase, EJComponentDecorator, getProps, gh } from '@syncfusion/ej2-vue-base';
-import { isNullOrUndefined } from '@syncfusion/ej2-base';
+import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { DropDownButton } from '@syncfusion/ej2-splitbuttons';
 import { DropDownButtonItemsDirective, DropDownButtonItemDirective, DropDownButtonItemsPlugin, DropDownButtonItemPlugin } from './items.directive';
 import { Options } from 'vue-class-component';
@@ -55,8 +55,33 @@ var DropDownButtonComponent = /** @class */ (function (_super) {
         _this.bindProperties();
         _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
         _this.ej2Instances.setProperties = _this.setProperties;
+        _this.ej2Instances.clearTemplate = _this.clearTemplate;
         return _this;
     }
+    DropDownButtonComponent.prototype.clearTemplate = function (templateNames) {
+        if (!templateNames) {
+            templateNames = Object.keys(this.templateCollection || {});
+        }
+        if (templateNames.length && this.templateCollection) {
+            for (var _i = 0, templateNames_1 = templateNames; _i < templateNames_1.length; _i++) {
+                var tempName = templateNames_1[_i];
+                var elementCollection = this.templateCollection[tempName];
+                if (elementCollection && elementCollection.length) {
+                    for (var _a = 0, elementCollection_1 = elementCollection; _a < elementCollection_1.length; _a++) {
+                        var ele = elementCollection_1[_a];
+                        var destroy = getValue('__vue__.$destroy', ele);
+                        if (destroy) {
+                            ele.__vue__.$destroy();
+                        }
+                        if (ele.innerHTML) {
+                            ele.innerHTML = '';
+                        }
+                    }
+                    delete this.templateCollection[tempName];
+                }
+            }
+        }
+    };
     DropDownButtonComponent.prototype.setProperties = function (prop, muteOnChange) {
         var _this = this;
         if (this.isVue3) {
@@ -74,6 +99,7 @@ var DropDownButtonComponent = /** @class */ (function (_super) {
                         }
                         else {
                             _this.$emit('update:' + key, prop[key]);
+                            _this.$emit('modelchanged', prop[key]);
                         }
                     }
                 });

package/src/progress-button/progressbutton.component.d.ts

@@ -23,7 +23,9 @@ export declare class ProgressButtonComponent extends ComponentBase {
     };
     tagNameMapper: Object;
     isVue3: boolean;
+    templateCollection: any;
     constructor();
+    clearTemplate(templateNames?: string[]): any;
     setProperties(prop: any, muteOnChange: boolean): void;
     render(createElement: any): any;
     click(): void;

package/src/progress-button/progressbutton.component.js

@@ -18,7 +18,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { ComponentBase, EJComponentDecorator, getProps, gh } from '@syncfusion/ej2-vue-base';
-import { isNullOrUndefined } from '@syncfusion/ej2-base';
+import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { ProgressButton } from '@syncfusion/ej2-splitbuttons';
 import { Options } from 'vue-class-component';
 export var properties = ['animationSettings', 'content', 'cssClass', 'disabled', 'duration', 'enableHtmlSanitizer', 'enableProgress', 'iconCss', 'iconPosition', 'isPrimary', 'isToggle', 'spinSettings', 'begin', 'created', 'end', 'fail', 'progress'];
@@ -54,8 +54,33 @@ var ProgressButtonComponent = /** @class */ (function (_super) {
         _this.bindProperties();
         _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
         _this.ej2Instances.setProperties = _this.setProperties;
+        _this.ej2Instances.clearTemplate = _this.clearTemplate;
         return _this;
     }
+    ProgressButtonComponent.prototype.clearTemplate = function (templateNames) {
+        if (!templateNames) {
+            templateNames = Object.keys(this.templateCollection || {});
+        }
+        if (templateNames.length && this.templateCollection) {
+            for (var _i = 0, templateNames_1 = templateNames; _i < templateNames_1.length; _i++) {
+                var tempName = templateNames_1[_i];
+                var elementCollection = this.templateCollection[tempName];
+                if (elementCollection && elementCollection.length) {
+                    for (var _a = 0, elementCollection_1 = elementCollection; _a < elementCollection_1.length; _a++) {
+                        var ele = elementCollection_1[_a];
+                        var destroy = getValue('__vue__.$destroy', ele);
+                        if (destroy) {
+                            ele.__vue__.$destroy();
+                        }
+                        if (ele.innerHTML) {
+                            ele.innerHTML = '';
+                        }
+                    }
+                    delete this.templateCollection[tempName];
+                }
+            }
+        }
+    };
     ProgressButtonComponent.prototype.setProperties = function (prop, muteOnChange) {
         var _this = this;
         if (this.isVue3) {
@@ -73,6 +98,7 @@ var ProgressButtonComponent = /** @class */ (function (_super) {
                         }
                         else {
                             _this.$emit('update:' + key, prop[key]);
+                            _this.$emit('modelchanged', prop[key]);
                         }
                     }
                 });

package/src/split-button/splitbutton.component.d.ts

@@ -23,7 +23,9 @@ export declare class SplitButtonComponent extends ComponentBase {
     };
     tagNameMapper: Object;
     isVue3: boolean;
+    templateCollection: any;
     constructor();
+    clearTemplate(templateNames?: string[]): any;
     setProperties(prop: any, muteOnChange: boolean): void;
     render(createElement: any): any;
     addItems(items: Object[], text?: string): void;

package/src/split-button/splitbutton.component.js

@@ -18,7 +18,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { ComponentBase, EJComponentDecorator, getProps, gh } from '@syncfusion/ej2-vue-base';
-import { isNullOrUndefined } from '@syncfusion/ej2-base';
+import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { SplitButton } from '@syncfusion/ej2-splitbuttons';
 import { SplitButtonItemsDirective, SplitButtonItemDirective, SplitButtonItemsPlugin, SplitButtonItemPlugin } from './items.directive';
 import { Options } from 'vue-class-component';
@@ -55,8 +55,33 @@ var SplitButtonComponent = /** @class */ (function (_super) {
         _this.bindProperties();
         _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
         _this.ej2Instances.setProperties = _this.setProperties;
+        _this.ej2Instances.clearTemplate = _this.clearTemplate;
         return _this;
     }
+    SplitButtonComponent.prototype.clearTemplate = function (templateNames) {
+        if (!templateNames) {
+            templateNames = Object.keys(this.templateCollection || {});
+        }
+        if (templateNames.length && this.templateCollection) {
+            for (var _i = 0, templateNames_1 = templateNames; _i < templateNames_1.length; _i++) {
+                var tempName = templateNames_1[_i];
+                var elementCollection = this.templateCollection[tempName];
+                if (elementCollection && elementCollection.length) {
+                    for (var _a = 0, elementCollection_1 = elementCollection; _a < elementCollection_1.length; _a++) {
+                        var ele = elementCollection_1[_a];
+                        var destroy = getValue('__vue__.$destroy', ele);
+                        if (destroy) {
+                            ele.__vue__.$destroy();
+                        }
+                        if (ele.innerHTML) {
+                            ele.innerHTML = '';
+                        }
+                    }
+                    delete this.templateCollection[tempName];
+                }
+            }
+        }
+    };
     SplitButtonComponent.prototype.setProperties = function (prop, muteOnChange) {
         var _this = this;
         if (this.isVue3) {
@@ -74,6 +99,7 @@ var SplitButtonComponent = /** @class */ (function (_super) {
                         }
                         else {
                             _this.$emit('update:' + key, prop[key]);
+                            _this.$emit('modelchanged', prop[key]);
                         }
                     }
                 });

package/styles/bootstrap-dark.css

@@ -1017,9 +1017,6 @@
 .e-btn-group input:focus + label.e-btn.e-outline,
 .e-css.e-btn-group .e-btn:focus.e-outline,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline {
-  background-color: #2a2a2a;
-  border-color: #585858;
-  color: #fff;
   box-shadow: none;
   box-shadow: none;
 }
@@ -1028,9 +1025,6 @@
 .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
-  background-color: #0058bd;
-  border-color: #0058bd;
-  color: #fff;
   box-shadow: none;
 }
 
@@ -1038,9 +1032,6 @@
 .e-btn-group input:focus + label.e-btn.e-outline.e-success,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
-  background-color: #265e28;
-  border-color: #265e28;
-  color: #fff;
   box-shadow: none;
 }
 
@@ -1048,9 +1039,6 @@
 .e-btn-group input:focus + label.e-btn.e-outline.e-info,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
-  background-color: #1b6d7b;
-  border-color: #175b66;
-  color: #fff;
   box-shadow: none;
 }
 
@@ -1058,9 +1046,6 @@
 .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
-  background-color: #dd8907;
-  border-color: #7a4c04;
-  color: #000;
   box-shadow: none;
 }
 
@@ -1068,9 +1053,6 @@
 .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
-  background-color: #ac2a2a;
-  border-color: #982525;
-  color: #fff;
   box-shadow: none;
 }
 
@@ -1086,7 +1068,6 @@
   outline: #393939 0 solid;
   outline-offset: 0;
   box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-primary,
@@ -1100,7 +1081,6 @@
   color: #fff;
   outline: #393939 0 solid;
   box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-success,
@@ -1113,7 +1093,6 @@
   border-color: #265e28;
   color: #fff;
   box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-info,
@@ -1123,10 +1102,9 @@
 .e-css.e-btn-group input:active + label.e-btn.e-info,
 .e-css.e-btn-group input:checked + label.e-btn.e-info {
   background-color: #124851;
-  border-color: #175b66;
   color: #fff;
+  border-color: #175b66;
   box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-warning,
@@ -1139,7 +1117,6 @@
   border-color: #ab6a05;
   color: #000;
   box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-danger,
@@ -1152,7 +1129,6 @@
   border-color: #982525;
   color: #fff;
   box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-outline,
@@ -1165,7 +1141,6 @@
   border-color: #585858;
   box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
   color: #fff;
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-outline.e-primary,
@@ -1178,7 +1153,6 @@
   border-color: #0058bd;
   box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
   color: #fff;
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-outline.e-success,
@@ -1191,7 +1165,6 @@
   border-color: #265e28;
   box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
   color: #fff;
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-outline.e-info,
@@ -1204,7 +1177,6 @@
   border-color: #175b66;
   box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
   color: #fff;
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-outline.e-warning,
@@ -1217,7 +1189,6 @@
   border-color: #ab6a05;
   box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
   color: #000;
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-outline.e-danger,
@@ -1230,7 +1201,6 @@
   border-color: #982525;
   box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
   color: #fff;
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:disabled,

package/styles/bootstrap.css

@@ -1017,9 +1017,6 @@
 .e-btn-group input:focus + label.e-btn.e-outline,
 .e-css.e-btn-group .e-btn:focus.e-outline,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline {
-  background-color: #e6e6e6;
-  border-color: #8c8c8c;
-  color: #333;
   box-shadow: none;
   box-shadow: none;
 }
@@ -1028,9 +1025,6 @@
 .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
-  background-color: #21527d;
-  border-color: #0c1d2c;
-  color: #fff;
   box-shadow: none;
 }
 
@@ -1038,9 +1032,6 @@
 .e-btn-group input:focus + label.e-btn.e-outline.e-success,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
-  background-color: #124a1f;
-  border-color: black;
-  color: #fff;
   box-shadow: none;
 }
 
@@ -1048,9 +1039,6 @@
 .e-btn-group input:focus + label.e-btn.e-outline.e-info,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
-  background-color: #104b5d;
-  border-color: #010406;
-  color: #fff;
   box-shadow: none;
 }
 
@@ -1058,9 +1046,6 @@
 .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
-  background-color: #613b05;
-  border-color: black;
-  color: #fff;
   box-shadow: none;
 }
 
@@ -1068,9 +1053,6 @@
 .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
-  background-color: #a51c2a;
-  border-color: #4e0d14;
-  color: #fff;
   box-shadow: none;
 }
 
@@ -1120,8 +1102,8 @@
 .e-css.e-btn-group input:active + label.e-btn.e-info,
 .e-css.e-btn-group input:checked + label.e-btn.e-info {
   background-color: #104b5d;
-  border-color: #082831;
   color: #fff;
+  border-color: #082831;
   box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 }
 

package/styles/bootstrap4.css

@@ -1003,9 +1003,6 @@
 .e-btn-group input:focus + label.e-btn.e-outline,
 .e-css.e-btn-group .e-btn:focus.e-outline,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline {
-  background-color: #6c757d;
-  border-color: #6c757d;
-  color: #fff;
   box-shadow: 0 0 0 0.25em rgba(108, 117, 125, 0.5);
   box-shadow: none;
 }
@@ -1014,9 +1011,6 @@
 .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
-  background-color: #007bff;
-  border-color: #007bff;
-  color: #fff;
   box-shadow: 0 0 0 0.25em rgba(0, 123, 255, 0.5);
   box-shadow: none;
 }
@@ -1025,9 +1019,6 @@
 .e-btn-group input:focus + label.e-btn.e-outline.e-success,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
-  background-color: #28a745;
-  border-color: #28a745;
-  color: #fff;
   box-shadow: 0 0 0 0.25em rgba(40, 167, 69, 0.5);
   box-shadow: none;
 }
@@ -1036,9 +1027,6 @@
 .e-btn-group input:focus + label.e-btn.e-outline.e-info,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
-  background-color: #138496;
-  border-color: #17a2b8;
-  color: #fff;
   box-shadow: 0 0 0 0.25em rgba(23, 162, 184, 0.5);
   box-shadow: none;
 }
@@ -1047,9 +1035,6 @@
 .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
-  background-color: #e0a800;
-  border-color: #ffc107;
-  color: #212529;
   box-shadow: 0 0 0 0.25em rgba(255, 193, 7, 0.5);
   box-shadow: none;
 }
@@ -1058,9 +1043,6 @@
 .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
-  background-color: #c82333;
-  border-color: #dc3545;
-  color: #fff;
   box-shadow: 0 0 0 0.25em rgba(220, 53, 69, 0.5);
   box-shadow: none;
 }
@@ -1077,7 +1059,6 @@
   outline: #6c757d 0 solid;
   outline-offset: 0;
   box-shadow: 0 0 0 0.25em rgba(79, 85, 91, 0.5);
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-primary,
@@ -1091,7 +1072,6 @@
   color: #fff;
   outline: #6c757d 0 solid;
   box-shadow: 0 0 0 0.25em rgba(0, 92, 191, 0.5);
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-success,
@@ -1104,7 +1084,6 @@
   border-color: #1c7430;
   color: #fff;
   box-shadow: 0 0 0 0.25em rgba(28, 116, 48, 0.5);
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-info,
@@ -1114,10 +1093,9 @@
 .e-css.e-btn-group input:active + label.e-btn.e-info,
 .e-css.e-btn-group input:checked + label.e-btn.e-info {
   background-color: #117a8b;
-  border-color: #10707f;
   color: #fff;
+  border-color: #10707f;
   box-shadow: 0 0 0 0.25em rgba(16, 112, 128, 0.5);
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-warning,
@@ -1130,7 +1108,6 @@
   border-color: #c69500;
   color: #212529;
   box-shadow: 0 0 0 0.25em rgba(198, 149, 0, 0.5);
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-danger,
@@ -1143,7 +1120,6 @@
   border-color: #b21f2d;
   color: #fff;
   box-shadow: 0 0 0 0.25em rgba(178, 31, 45, 0.5);
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-outline,
@@ -1156,7 +1132,6 @@
   border-color: transparent;
   box-shadow: 0 0 0 0.25em rgba(79, 85, 91, 0.5);
   color: #fff;
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-outline.e-primary,
@@ -1169,7 +1144,6 @@
   border-color: transparent;
   box-shadow: 0 0 0 0.25em rgba(0, 123, 255, 0.5);
   color: #fff;
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-outline.e-success,
@@ -1182,7 +1156,6 @@
   border-color: transparent;
   box-shadow: 0 0 0 0.25em rgba(28, 116, 48, 0.5);
   color: #fff;
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-outline.e-info,
@@ -1195,7 +1168,6 @@
   border-color: transparent;
   box-shadow: 0 0 0 0.25em rgba(16, 112, 128, 0.5);
   color: #fff;
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-outline.e-warning,
@@ -1208,7 +1180,6 @@
   border-color: transparent;
   box-shadow: 0 0 0 0.25em rgba(198, 149, 0, 0.5);
   color: #212529;
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-outline.e-danger,
@@ -1221,7 +1192,6 @@
   border-color: transparent;
   box-shadow: 0 0 0 0.25em rgba(178, 31, 45, 0.5);
   color: #fff;
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:disabled,