@syncfusion/ej2-splitbuttons - npm Package Compare versions

Comparing version 25.2.4 to 26.1.35-7502

styles/button-group/_bootstrap5.3-definition.scss

+//layout variables
+$btn-grp-margin: -1px !default;
+$btn-grp-margin-left: -1px !default;
+$btn-grp-wrapper-border: 4px !default;
+$btn-grp-round-radius: 20px !default;
+$btn-grp-icon-font-size: $text-base !default;
+$btn-grp-icon-font-size-bigger: $text-xl !default;
+
+//Normal Outline GroupButton
+$btn-grp-outline-focus-border-color: $secondary-border-color !default;
+$btn-grp-outline-focus-color: inherit !default;
+
+//Outline Primary
+$btn-grp-outline-primary-focus-border-color: $primary !default;
+$btn-grp-outline-focus-primary-color: inherit !default;
+
+//Outline Success
+$btn-grp-outline-success-focus-border-color: $btn-success-focus-border-color !default;
+$btn-grp-outline-focus-success-color: inherit !default;
+
+//Outline Info
+$btn-grp-outline-info-focus-border-color: $btn-info-focus-border-color !default;
+$btn-grp-outline-focus-info-color: inherit !default;
+
+//Outline warning
+$btn-grp-outline-warning-focus-border-color: $btn-warning-focus-border-color !default;
+$btn-grp-outline-focus-warning-color: inherit !default;
+
+//Outline danger
+$btn-grp-outline-danger-focus-border-color: $btn-danger-focus-border-color !default;
+$btn-grp-outline-focus-danger-color: inherit !default;

styles/button-group/_fluent2-definition.scss

+//layout variables
+$btn-grp-margin: -1px !default;
+$btn-grp-margin-left: -1px !default;
+$btn-grp-wrapper-border: 4px !default;
+$btn-grp-round-radius: 20px !default;
+$btn-grp-icon-font-size: $text-sm !default;
+$btn-grp-icon-font-size-bigger: 16px !default;
+
+//Normal Outline GroupButton
+$btn-grp-outline-focus-border-color: $secondary-border-color !default;
+$btn-grp-outline-focus-color: inherit !default;
+
+//Outline Primary
+$btn-grp-outline-primary-focus-border-color: $primary !default;
+$btn-grp-outline-focus-primary-color: inherit !default;
+
+//Outline Success
+$btn-grp-outline-success-focus-border-color: $btn-success-focus-border-color !default;
+$btn-grp-outline-focus-success-color: inherit !default;
+
+//Outline Info
+$btn-grp-outline-info-focus-border-color: $btn-info-focus-border-color !default;
+$btn-grp-outline-focus-info-color: inherit !default;
+
+//Outline warning
+$btn-grp-outline-warning-focus-border-color: $btn-warning-focus-border-color !default;
+$btn-grp-outline-focus-warning-color: inherit !default;
+
+//Outline danger
+$btn-grp-outline-danger-focus-border-color: $btn-danger-focus-border-color !default;
+$btn-grp-outline-focus-danger-color: inherit !default;

styles/button-group/fluent2.scss

+@import 'ej2-base/styles/definition/fluent2.scss';
+@import 'ej2-buttons/styles/button/fluent2-definition.scss';
+@import 'fluent2-definition.scss';
+@import 'all.scss';

styles/drop-down-button/_bootstrap5.3-definition.scss

+$drop-down-btn-arrow-content: '\e70d' !default;
+$drop-down-btn-vertical-btn-padding: 6px 12px !default;
+$drop-down-btn-vertical-bigger-padding: 8px 16px !default;
+$drop-down-btn-bigger-font-size: $text-base !default;
+$drop-down-btn-bigger-li-height: 32px !default;
+$drop-down-btn-bigger-max-width: 202px !default;
+$drop-down-btn-bigger-min-width: 112px !default;
+$drop-down-btn-icon-font-size: $text-sm !default;
+$drop-down-btn-icon-margin-right: 11px !default;
+$drop-down-btn-bigger-icon-margin-right: 12px !default;
+$drop-down-btn-li-border-width: 1px !default;
+$drop-down-btn-li-height: 30px !default;
+$drop-down-btn-li-padding: 0 12px !default;
+$drop-down-btn-bigger-li-padding: 0 16px !default;
+$drop-down-btn-small-li-padding: 0 8px !default;
+$drop-down-btn-max-width: 178px !default;
+$drop-down-btn-menu-icon-bigger-font-size: 22px !default;
+$drop-down-btn-menu-icon-font-size: $text-lg !default;
+$drop-down-btn-min-width: 120px !default;
+$drop-down-btn-seperator-padding: 3px 0 !default;
+$drop-down-btn-sub-ul-box-shadow: none !default;
+$drop-down-btn-ul-border-radius: 4px !default;
+$drop-down-btn-ul-padding: 4px 0 !default;
+$drop-down-btn-ul-bigger-padding: 8px 0 !default;
+$drop-down-btn-ul-small-padding: 4px 0 !default;
+$drop-down-btn-caret-icon-font-size: $text-xxs !default;
+$drop-down-btn-icon-font-size-bigger: $text-base !default;
+$drop-down-btn-caret-icon-font-size-bigger: $text-xs !default;
+$drop-down-btn-box-shadow: $secondary-shadow-focus !default;
+$drop-down-btn-popup-margin-top: 2px !default;
+$drop-down-btn-bigger-popup-margin-top: 4px !default;
+$drop-down-btn-ul-border: 1px solid $border-light !default;
+$drop-down-btn-li-box-shadow: none !default;
+$drop-down-btn-li-border-style: solid !default;
+$drop-down-btn-color: $content-text-color !default;
+$drop-down-btn-disable-text: $secondary-text-color-disabled !default;
+$drop-down-btn-font-size: $text-sm !default;
+$drop-down-btn-font-weight: $font-weight-normal !default;
+$drop-down-btn-li-bgcolor: $content-bg-color-hover !default;
+$drop-down-btn-ul-bgcolor: $flyout-bg-color !default;
+$drop-down-btn-li-border-color: $border-light !default;
+$drop-down-btn-selected-color: $content-text-color-selected !default;
+$drop-down-btn-parent-ul-box-shadow: none !default;
+$drop-down-btn-li-focus-bgcolor: $content-bg-color-hover !default;
+$drop-down-btn-li-selection-bgcolor: $content-bg-color-selected !default;
+$drop-down-btn-li-selection-font-color: $content-text-color !default;
+$drop-down-btn-menu-icon-color: $icon-color !default;
+$drop-down-btn-menu-icon-disabled-color: $secondary-text-color-disabled !default;
+$drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;

styles/drop-down-button/_fluent2-definition.scss

+$drop-down-btn-arrow-content: '\e706' !default;
+$drop-down-btn-vertical-btn-padding: 6px 12px !default;
+$drop-down-btn-vertical-bigger-padding: 8px 16px !default;
+$drop-down-btn-bigger-font-size: 16px !default;
+$drop-down-btn-bigger-li-height: 16px !default;
+$drop-down-btn-bigger-max-width: 240px !default;
+$drop-down-btn-bigger-min-width: 112px !default;
+$drop-down-btn-icon-font-size: $text-sm !default;
+$drop-down-btn-icon-margin-right: 10px !default;
+$drop-down-btn-bigger-icon-margin-right: 12px !default;
+$drop-down-btn-li-border-width: 1px !default;
+$drop-down-btn-li-height: 32px !default;
+$drop-down-btn-li-padding: 6px !default;
+$drop-down-btn-bigger-li-padding: 8px 8px 10px 8px !default;
+$drop-down-btn-small-li-padding: 0 8px !default;
+$drop-down-btn-max-width: 178px !default;
+$drop-down-btn-menu-icon-bigger-font-size: 16px !default;
+$drop-down-btn-menu-icon-font-size: $text-base !default;
+$drop-down-btn-min-width: 120px !default;
+$drop-down-btn-seperator-padding: 3px 0 !default;
+$drop-down-btn-sub-ul-box-shadow: none !default;
+$drop-down-btn-ul-border-radius: 4px !default;
+$drop-down-btn-ul-padding: 4px 0 !default;
+$drop-down-btn-ul-bigger-padding: 4px 0 !default;
+$drop-down-btn-ul-small-padding: 4px 0 !default;
+$drop-down-btn-caret-icon-font-size: $text-sm !default;
+$drop-down-btn-icon-font-size-bigger: $text-base !default;
+$drop-down-btn-caret-icon-font-size-bigger: 16px !default;
+$drop-down-btn-box-shadow: $secondary-shadow-focus !default;
+$drop-down-btn-popup-margin-top: 4px !default;
+$drop-down-btn-bigger-popup-margin-top: 4px !default;
+$drop-down-btn-ul-border: 1px solid $border-light !default;
+$drop-down-btn-li-box-shadow: none !default;
+$drop-down-btn-li-border-style: solid !default;
+$drop-down-btn-color: $secondary-text-color !default;
+$drop-down-btn-disable-text: $secondary-text-color-disabled !default;
+$drop-down-btn-font-size: $text-sm !default;
+$drop-down-btn-font-weight: $font-weight-normal !default;
+$drop-down-btn-li-bgcolor: $flyout-bg-color-hover !default;
+$drop-down-btn-ul-bgcolor: $flyout-bg-color !default;
+$drop-down-btn-li-border-color: $border-light !default;
+$drop-down-btn-selected-color: $flyout-text-color-selected !default;
+$drop-down-btn-parent-ul-box-shadow: $shadow-lg !default;
+$drop-down-btn-li-focus-bgcolor: $flyout-bg-color-focus !default;
+$drop-down-btn-li-selection-bgcolor: $flyout-bg-color-selected !default;
+$drop-down-btn-li-selection-font-color: $flyout-text-color-selected !default;
+$drop-down-btn-menu-icon-color: $secondary-text-color !default;
+$drop-down-btn-menu-icon-disabled-color: $secondary-text-color-disabled !default;

styles/drop-down-button/fluent2.scss

+@import 'ej2-base/styles/definition/fluent2.scss';
+@import 'ej2-buttons/styles/button/fluent2-definition.scss';
+@import 'ej2-popups/styles/popup/fluent2-definition.scss';
+@import 'fluent2-definition.scss';
+@import 'icons/fluent2.scss';
+@import 'all.scss';

styles/drop-down-button/icons/_bootstrap5.3.scss

+@include export-module('drop-down-button-bootstrap5-icons') {
+  .e-dropdown-btn,
+  .e-dropdown-btn.e-btn {
+    .e-caret {
+      &::before {
+        content: '\e70d';
+      }
+    }
+  }
+}

styles/drop-down-button/icons/_fluent2.scss

+@include export-module('drop-down-button-fluent2-icons') {
+  .e-dropdown-btn,
+  .e-dropdown-btn.e-btn {
+    .e-caret {
+      &::before {
+        content: '\e729';
+      }
+    }
+  }
+}

styles/fluent2.scss

+@import 'ej2-base/styles/definition/fluent2.scss';
+@import 'ej2-buttons/styles/button/fluent2-definition.scss';
+@import 'ej2-popups/styles/popup/fluent2-definition.scss';
+@import 'drop-down-button/fluent2-definition.scss';
+@import 'drop-down-button/icons/fluent2.scss';
+@import 'drop-down-button/all.scss';
+
+@import 'split-button/fluent2-definition.scss';
+@import 'split-button/all.scss';
+@import 'button-group/fluent2-definition.scss';
+@import 'button-group/all.scss';
+@import 'ej2-popups/styles/spinner/fluent2-definition.scss';
+@import 'progress-button/fluent2-definition.scss';
+@import 'progress-button/all.scss';

styles/progress-button/_bootstrap5.3-definition.scss

+$progress-btn-circle-opacity: .3 !default;
+$progress-btn-transition: all .3s linear !default;
+$progress-btn-spinner-padding: 12px !default;
+$progress-btn-spinner-padding-small: 10px !default;
+$progress-btn-spinner-padding-bigger: 14px !default;
+$progress-btn-spinner-padding-bigger-small: 12px !default;
+$progress-btn-spin-btn-padding: 16px !default;
+$progress-btn-small-spin-btn-padding: 14px !default;
+$progress-btn-bigger-spin-btn-padding: 20px !default;
+$progress-btn-bigger-small-spin-btn-padding: 16px !default;
+$progress-btn-color: $secondary-text-color !default;
+$progress-btn-bgcolor: rgba($icon-color, .2) !default;
+$progress-btn-bgcolor-normal: rgba($white, .2) !default;
+$progress-btn-warning-progress-color: $progress-btn-bgcolor !default;
+$progress-btn-flat-primary-progress-color: rgba($primary-text-color, 1) !default;
+$progress-btn-flat-success-progress-color: rgba($success-text, 1) !default;
+$progress-btn-flat-info-progress-color: rgba($info-text, 1) !default;
+$progress-btn-flat-warning-progress-color: rgba($warning-text, 1) !default;
+$progress-btn-flat-danger-progress-color: rgba($danger-text, 1) !default;
+$btn-flat-primary-path-arc: $white;

styles/progress-button/_fluent2-definition.scss

+$progress-btn-circle-opacity: .8 !default;
+$progress-btn-transition: all .3s linear !default;
+$progress-btn-spinner-padding: 12px !default;
+$progress-btn-spinner-padding-small: 10px !default;
+$progress-btn-spinner-padding-bigger: 14px !default;
+$progress-btn-spinner-padding-bigger-small: 12px !default;
+$progress-btn-spin-btn-padding: 16px !default;
+$progress-btn-small-spin-btn-padding: 14px !default;
+$progress-btn-bigger-spin-btn-padding: 20px !default;
+$progress-btn-bigger-small-spin-btn-padding: 16px !default;
+$progress-btn-color: $secondary-text-color !default;
+$progress-btn-bgcolor: rgba(255, 255, 255, .5) !default;
+$progress-btn-bgcolor-normal: rgba(36, 36, 36, .3) !default;
+$progress-btn-warning-progress-color: $progress-btn-bgcolor !default;
+$progress-btn-flat-primary-progress-color: rgba($primary-text-color, 1) !default;
+$progress-btn-flat-success-progress-color: rgba($success-text, 1) !default;
+$progress-btn-flat-info-progress-color: rgba($info-text, 1) !default;
+$progress-btn-flat-warning-progress-color: rgba($warning-text, 1) !default;
+$progress-btn-flat-danger-progress-color: rgba($danger-text, 1) !default;
+$btn-flat-primary-path-arc: $white;
+
+$fade-out: none !default;
+
+.e-path-circle {
+  stroke: $fade-out;
+}

styles/progress-button/fluent2.scss

+@import 'ej2-base/styles/definition/fluent2.scss';
+@import 'ej2-buttons/styles/button/fluent2-definition.scss';
+@import 'ej2-popups/styles/spinner/fluent2-definition.scss';
+@import 'fluent2-definition.scss';
+@import 'all.scss';

styles/split-button/_bootstrap5.3-definition.scss

+$split-btn-zindex: 2 !default;
+$split-btn-border-radius: 4px !default;
+$split-btn-focus-outline-offset: 0 !default;
+$split-btn-vertical-secondary-icon-line-height: .334em !default;
+$split-btn-seperator-border: 1px solid !default;
+$split-btn-sec-btn-margin-left: -1px !default;
+$split-btn-icon-btn-padding: 10px !default;
+$split-btn-icon-btn-padding-bigger: 12px !default;
+$split-btn-focus-border-color: $secondary-border-color !default;
+$split-btn-focus-vertical-border-color: $secondary-border-color !default;
+$split-btn-seperator-border-color: $secondary-border-color !default;
+$split-btn-seperator-default-border-color: $secondary-border-color !default;
+$split-btn-seperator-vertical-border-color: $secondary-border-color !default;
+$split-btn-hover-border-color: $secondary-border-color !default;
+$split-btn-hover-vertical-border-color: $secondary-border-color !default;
+$split-btn-active-border-color: $secondary-bg-color-pressed !default;
+$split-btn-active-vertical-border-color: $secondary-bg-color-pressed !default;
+$split-btn-disabled-vertical-border-color: $secondary-border-color !default;
+$split-btn-active-box-shadow: $secondary-shadow-focus !default;
+$split-btn-disabled-left-border-color: $secondary-border-color !default;
+$split-btn-hover-left-border-color: $secondary-border-color !default;
+$split-btn-focus-left-border-color: $secondary-border-color !default;
+$split-btn-active-left-border-color: $secondary-border-color !default;

styles/split-button/_fluent2-definition.scss

+$split-btn-zindex: 2 !default;
+$split-btn-border-radius: 4px !default;
+$split-btn-focus-outline-offset: 0 !default;
+$split-btn-vertical-secondary-icon-line-height: .334em !default;
+$split-btn-seperator-border: 1px solid !default;
+$split-btn-sec-btn-margin-left: -1px !default;
+$split-btn-icon-btn-padding: 10px !default;
+$split-btn-icon-btn-padding-bigger: 12px !default;
+$split-btn-focus-border-color: $secondary-border-color !default;
+$split-btn-focus-vertical-border-color: $secondary-border-color !default;
+$split-btn-seperator-border-color: $secondary-border-color !default;
+$split-btn-seperator-default-border-color: $secondary-border-color !default;
+$split-btn-seperator-vertical-border-color: $secondary-border-color !default;
+$split-btn-hover-border-color: $secondary-border-color !default;
+$split-btn-hover-vertical-border-color: $secondary-border-color !default;
+$split-btn-active-border-color: $secondary-bg-color-pressed !default;
+$split-btn-active-vertical-border-color: $secondary-bg-color-pressed !default;
+$split-btn-disabled-vertical-border-color: $secondary-border-color !default;
+$split-btn-active-box-shadow: none !default;
+$split-btn-disabled-left-border-color: $secondary-border-color !default;
+$split-btn-hover-left-border-color: $secondary-border-color !default;
+$split-btn-focus-left-border-color: $secondary-border-color !default;
+$split-btn-active-left-border-color: $secondary-border-color !default;

styles/split-button/fluent2.scss

+@import 'ej2-base/styles/definition/fluent2.scss';
+@import 'ej2-buttons/styles/button/fluent2-definition.scss';
+@import 'ej2-popups/styles/popup/fluent2-definition.scss';
+@import './../drop-down-button/fluent2-definition.scss';
+@import 'fluent2-definition.scss';
+@import 'all.scss';

.eslintrc.json

@@ -18,3 +18,4 @@ {
         "sourceType": "module"
-      },
+    },
+    "ignorePatterns": ["*.d.ts", "*.js"],
     "plugins": [
@@ -188,3 +189,3 @@ "@typescript-eslint",
         ],
-        "@typescript-eslint/no-explicit-any": "error",
+        "@typescript-eslint/no-explicit-any": "warn",
         "no-cond-assign": [
@@ -191,0 +192,0 @@ "error",

dist/ej2-splitbuttons.min.js

 /*!
 *  filename: ej2-splitbuttons.min.js
-*  version : 25.2.4
+*  version : 26.1.35
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
@@ -10,2 +10,2 @@ *  Use of this code is subject to the terms of our license.
 */
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("SyncfusionBase"),require("SyncfusionButtons"),require("SyncfusionPopups")):"function"==typeof define&&define.amd?define(["SyncfusionBase","SyncfusionButtons","SyncfusionPopups"],t):"object"==typeof exports?exports.SyncfusionSplitbuttons=t(require("SyncfusionBase"),require("SyncfusionButtons"),require("SyncfusionPopups")):e.SyncfusionSplitbuttons=t(e.SyncfusionBase,e.SyncfusionButtons,e.SyncfusionPopups)}(this,function(e,t,i){return function(e){function t(n){if(i[n])return i[n].exports;var s=i[n]={i:n,l:!1,exports:{}};return e[n].call(s.exports,s,s.exports,t),s.l=!0,s.exports}var i={};return t.m=e,t.c=i,t.i=function(e){return e},t.d=function(e,i,n){t.o(e,i)||Object.defineProperty(e,i,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var i=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(i,"a",i),i},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=11)}([function(t,i){t.exports=e},function(e,t,i){"use strict";function n(e,t){for(var n=i.i(a.extend)({},e),s=0,o=Object.keys(n);s<o.length;s++){var r=o[s];t.indexOf(r)<0&&i.i(a.deleteObject)(n,r)}return n}function s(e,t){var n,s=40===t?0:e.childElementCount-1,r=s,p=e.querySelector(".e-selected");p&&p.classList.remove("e-selected");for(var l=0,c=e.children.length;l<c;l++)e.children[l].classList.contains("e-focused")&&(n=e.children[l],r=l,n.classList.remove("e-focused"),40===t?r++:r--,r===(40===t?e.childElementCount:-1)&&(r=s));n=e.children[r],-1!==(r=o(e,n,r,t))&&(i.i(a.addClass)([e.children[r]],"e-focused"),e.children[r].focus())}function o(e,t,i,n,s){if(void 0===s&&(s=0),(t.classList.contains("e-separator")||t.classList.contains("e-disabled"))&&(i===(40===n?e.childElementCount-1:0)?i=40===n?0:e.childElementCount-1:40===n?i++:i--),t=e.children[i],t.classList.contains("e-separator")||t.classList.contains("e-disabled")){if(++s===e.childElementCount)return i=-1;i=o(e,t,i,n,s)}return i}function r(e,t){var n=[].slice.call(e.getElementsByClassName("e-blank-icon"));if(t){[].slice.call(e.getElementsByClassName("e-item")).forEach(function(e){(e.style.paddingLeft||e.style.paddingRight)&&e.removeAttribute("style")})}if(n.length){var s=e.querySelector(".e-item:not(.e-blank-icon):not(.e-separator)");if(!i.i(a.isNullOrUndefined)(s)){s.classList.contains("e-url")&&(s=s.querySelector(".e-menu-url"));var o,r=s.querySelector(".e-menu-icon"),p=e.classList.contains("e-rtl");o=p?{padding:"paddingRight",margin:"marginLeft"}:{padding:"paddingLeft",margin:"marginRight"};var l=parseInt(getComputedStyle(r).fontSize,10)+parseInt(getComputedStyle(r)[o.margin],10)+parseInt(getComputedStyle(s).paddingLeft,10)+"px";n.forEach(function(e){e.classList.contains("e-url")?e.querySelector(".e-menu-url").style[o.padding]=l:e.style[o.padding]=l})}}}t.a=n,t.d=s,t.c=r,i.d(t,"b",function(){return c});var a=i(0),p=(i.n(a),this&&this.__extends||function(){var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(t,i)};return function(t,i){function n(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(n.prototype=i.prototype,new n)}}()),l=this&&this.__decorate||function(e,t,i,n){var s,o=arguments.length,r=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(o<3?s(r):o>3?s(t,i,r):s(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r},c=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return p(t,e),l([i.i(a.Property)("")],t.prototype,"iconCss",void 0),l([i.i(a.Property)("")],t.prototype,"id",void 0),l([i.i(a.Property)(!1)],t.prototype,"separator",void 0),l([i.i(a.Property)("")],t.prototype,"text",void 0),l([i.i(a.Property)("")],t.prototype,"url",void 0),l([i.i(a.Property)(!1)],t.prototype,"disabled",void 0),t}(a.ChildProperty)},function(e,i){e.exports=t},function(e,t,i){"use strict";i.d(t,"a",function(){return c});var n=i(0),s=(i.n(n),i(2)),o=(i.n(s),i(4)),r=(i.n(o),i(1)),a=this&&this.__extends||function(){var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(t,i)};return function(t,i){function n(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(n.prototype=i.prototype,new n)}}(),p=this&&this.__decorate||function(e,t,i,n){var s,o=arguments.length,r=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(o<3?s(r):o>3?s(t,i,r):s(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r},l={DISABLED:"e-disabled",FOCUS:"e-focused",ICON:"e-menu-icon",ITEM:"e-item",POPUP:"e-dropdown-popup",RTL:"e-rtl",SEPARATOR:"e-separator",VERTICAL:"e-vertical"},c=function(e){function t(t,i){var n=e.call(this,t,i)||this;return n.isPopupCreated=!0,n}return a(t,e),t.prototype.preRender=function(){},t.prototype.getPersistData=function(){return this.addOnPersist([])},t.prototype.toggle=function(){this.canOpen()?this.openPopUp():this.createPopupOnClick&&!this.isPopupCreated?(this.createPopup(),this.openPopUp()):this.closePopup()},t.prototype.render=function(){this.initialize(),this.disabled||this.wireEvents(),this.renderComplete()},t.prototype.addItems=function(e,t){for(var i,n=this.items.length,s=0,o=this.items.length;s<o;s++)if(t===this.items[s].text){n=s;break}for(var a=e.length-1;a>=0;a--)i=new r.b(this,"items",e[a],!0),this.items.splice(n,0,i);this.canOpen()||this.createItems()},t.prototype.removeItems=function(e,t){for(var i=!1,n=0,s=e.length;n<s;n++)for(var o=0,r=this.items.length;o<r;o++)if(e[n]===(t?this.items[o].id:this.items[o].text)){this.items.splice(o,1),i=!0;break}i&&this.getULElement()&&this.createItems()},t.prototype.createPopup=function(){var e,t=this.createElement("div",{className:l.POPUP,id:this.element.id+"-popup"});document.body.appendChild(t),this.dropDown=new o.Popup(t,{relateTo:this.element,collision:{X:"fit",Y:"flip"},position:{X:"left",Y:"bottom"},targetType:"relative",content:this.target?this.getTargetElement():"",enableRtl:this.enableRtl}),this.dropDown.element.setAttribute("role","dialog"),this.dropDown.element.setAttribute("aria-label","dropdown menu"),i.i(n.isNullOrUndefined)(this.popupContent)||(this.popupContent.style.display=""),"fixed"===this.dropDown.element.style.position&&this.dropDown.refreshPosition(this.element),this.dropDown.hide(),i.i(n.attributes)(this.element,(e={},e["aria-haspopup"]=this.items.length||this.target?"true":"false",e["aria-expanded"]="false",e.type="button",e)),this.cssClass&&i.i(n.addClass)([t],this.cssClass.replace(/\s+/g," ").trim().split(" ")),this.isPopupCreated=!0},t.prototype.getTargetElement=function(){return!this.createPopupOnClick||this.isColorPicker()||i.i(n.isNullOrUndefined)(this.popupContent)?"string"==typeof this.target?i.i(n.select)(this.target):this.target:this.popupContent},t.prototype.createItems=function(e){var t,s,o,a,p=this.items,c=this.hasIcon(this.items,"iconCss"),d=this.getULElement();d?d.innerHTML="":d=this.createElement("ul",{attrs:{role:"menu",tabindex:"0"}});for(var h=0;h<p.length;h++){s=p[h];var u=s.text;o=this.createElement("li",{innerHTML:s.url?"":u,className:s.separator?l.ITEM+" "+l.SEPARATOR:l.ITEM,attrs:s.separator?{role:"separator",tabindex:"-1","aria-label":"separator","aria-hidden":"true"}:{role:"menuitem",tabindex:"-1","aria-label":u},id:s.id?s.id:i.i(n.getUniqueID)("e-"+this.getModuleName()+"-item")}),this.enableHtmlSanitizer?o.textContent=s.url?"":u:o.innerHTML=s.url?"":u,s.url&&(o.appendChild(this.createAnchor(s)),o.classList.add("e-url")),s.iconCss?(t=this.createElement("span",{className:l.ICON+" "+s.iconCss}),s.url?o.childNodes[0].appendChild(t):o.insertBefore(t,o.childNodes[0])):c&&!s.separator&&o.classList.add("e-blank-icon");var m=s.disabled;s.disabled&&o.classList.add("e-disabled"),a={item:s,element:o},this.trigger("beforeItemRender",a);m!==a.item.disabled&&(a.item.disabled?o.classList.add("e-disabled"):o.classList.remove("e-disabled")),d.appendChild(o)}e&&this.getPopUpElement().appendChild(d),c&&i.i(r.c)(this.getPopUpElement())},t.prototype.hasIcon=function(e,t){for(var i=0,n=e.length;i<n;i++)if(e[i][""+t])return!0;return!1},t.prototype.createAnchor=function(e){var t=this.enableHtmlSanitizer?n.SanitizeHtmlHelper.sanitize(e.text):e.text;return this.createElement("a",{className:"e-menu-text e-menu-url",innerHTML:t,attrs:{href:e.url}})},t.prototype.initialize=function(){this.button=new s.Button({iconCss:this.iconCss,iconPosition:this.iconPosition,cssClass:this.cssClass,content:this.content,disabled:this.disabled,enableRtl:this.enableRtl,enablePersistence:this.enablePersistence}),this.button.createElement=this.createElement,this.button.appendTo(this.element),this.element.id||(this.element.id=i.i(n.getUniqueID)("e-"+this.getModuleName())),this.appendArrowSpan(),this.setActiveElem([this.element]),this.element.setAttribute("tabindex","0"),this.element.setAttribute("aria-label",this.element.textContent?this.element.textContent:"dropdownbutton"),this.target&&!this.isColorPicker()&&!this.createPopupOnClick||!this.createPopupOnClick?this.createPopup():(this.isPopupCreated=!1,this.target&&!this.isColorPicker()&&this.createPopupOnClick&&(this.popupContent=this.getTargetElement(),this.popupContent.style.display="none"))},t.prototype.isColorPicker=function(){if(!this.element)return!1;var e=this.element.previousSibling;return!!(e&&e.classList&&e.classList.contains("e-split-colorpicker"))},t.prototype.appendArrowSpan=function(){this.element.appendChild(this.createElement("span",{className:"e-btn-icon e-icons e-icon-"+(this.cssClass.indexOf(l.VERTICAL)>-1?"bottom":"right")+" e-caret"}))},t.prototype.setActiveElem=function(e){this.activeElem=e},t.prototype.getModuleName=function(){return"dropdown-btn"},t.prototype.canOpen=function(){var e=!1;return this.isPopupCreated&&(e=this.getPopUpElement().classList.contains("e-popup-close")),e},t.prototype.destroy=function(){var t=this;if(e.prototype.destroy.call(this),"dropdown-btn"===this.getModuleName()){var s;this.element.querySelector("span.e-caret")&&i.i(n.detach)(this.element.querySelector("span.e-caret")),this.cssClass&&(s=this.cssClass.split(" ")),this.button.destroy(),s&&i.i(n.removeClass)([this.element],s),i.i(n.removeClass)(this.activeElem,["e-active"]);(this.element.getAttribute("class")?["aria-haspopup","aria-expanded","aria-owns","type"]:["aria-haspopup","aria-expanded","aria-owns","type","class"]).forEach(function(e){t.element.removeAttribute(e)}),this.popupUnWireEvents(),this.destroyPopup(),this.isPopupCreated=!1,this.disabled||this.unWireEvents()}},t.prototype.destroyPopup=function(){if(this.isPopupCreated){if(this.dropDown.destroy(),this.getPopUpElement()){var e=document.getElementById(this.getPopUpElement().id);e&&(i.i(n.removeClass)([e],["e-popup-open","e-popup-close"]),i.i(n.detach)(e))}n.EventHandler.remove(this.getPopUpElement(),"click",this.clickHandler),n.EventHandler.remove(this.getPopUpElement(),"keydown",this.keyBoardHandler),this.isPopupCreated&&this.dropDown&&(this.dropDown.element=null,this.dropDown=void 0)}this.isPopupCreated=!1},t.prototype.getPopUpElement=function(){var e=null;if(!this.dropDown&&this.activeElem[0].classList.contains("e-split-btn")){var t=i.i(n.getComponent)(this.activeElem[1],"dropdown-btn");t&&(this.dropDown=t.dropDown)}return this.dropDown&&(e=this.dropDown.element),e},t.prototype.getULElement=function(){var e=null;return this.getPopUpElement()&&(e=this.getPopUpElement().children[0]),e},t.prototype.wireEvents=function(){this.delegateMousedownHandler=this.mousedownHandler.bind(this),this.createPopupOnClick||n.EventHandler.add(document,"mousedown touchstart",this.delegateMousedownHandler,this),n.EventHandler.add(this.element,"click",this.clickHandler,this),n.EventHandler.add(this.element,"keydown",this.keyBoardHandler,this),n.EventHandler.add(window,"resize",this.windowResize,this)},t.prototype.windowResize=function(){!this.canOpen()&&this.dropDown&&this.dropDown.refreshPosition(this.element)},t.prototype.popupWireEvents=function(){this.delegateMousedownHandler||(this.delegateMousedownHandler=this.mousedownHandler.bind(this));var e=this.getPopUpElement();this.createPopupOnClick&&n.EventHandler.add(document,"mousedown touchstart",this.delegateMousedownHandler,this),e&&(n.EventHandler.add(e,"click",this.clickHandler,this),n.EventHandler.add(e,"keydown",this.keyBoardHandler,this),this.closeActionEvents&&n.EventHandler.add(e,this.closeActionEvents,this.focusoutHandler,this)),this.rippleFn=i.i(n.rippleEffect)(e,{selector:"."+l.ITEM})},t.prototype.popupUnWireEvents=function(){var e=this.getPopUpElement();this.createPopupOnClick&&n.EventHandler.remove(document,"mousedown touchstart",this.delegateMousedownHandler),e&&e.parentElement&&(n.EventHandler.remove(e,"click",this.clickHandler),n.EventHandler.remove(e,"keydown",this.keyBoardHandler),this.closeActionEvents&&n.EventHandler.remove(e,this.closeActionEvents,this.focusoutHandler)),n.isRippleEnabled&&this.rippleFn&&this.rippleFn()},t.prototype.keyBoardHandler=function(e){if(e.target!==this.element||9!==e.keyCode&&(e.altKey||40!==e.keyCode)&&38!==e.keyCode)switch(e.keyCode){case 38:case 40:!e.altKey||38!==e.keyCode&&40!==e.keyCode?this.upDownKeyHandler(e):this.keyEventHandler(e);break;case 9:case 13:case 27:case 32:this.keyEventHandler(e)}},t.prototype.upDownKeyHandler=function(e){(!this.target||38!==e.keyCode&&40!==e.keyCode)&&(e.preventDefault(),i.i(r.d)(this.getULElement(),e.keyCode))},t.prototype.keyEventHandler=function(e){if(!this.target||13!==e.keyCode&&9!==e.keyCode)return 13===e.keyCode&&this.activeElem[0].classList.contains("e-split-btn")?(this.triggerSelect(e),void this.activeElem[0].focus()):void(e.target&&e.target.className.indexOf("e-edit-template")>-1&&32===e.keyCode||(9!==e.keyCode&&e.preventDefault(),27===e.keyCode||38===e.keyCode||9===e.keyCode?this.canOpen()||this.closePopup(e,this.element):this.clickHandler(e)))},t.prototype.getLI=function(e){return"LI"===e.tagName?e:i.i(n.closest)(e,"li")},t.prototype.mousedownHandler=function(e){var t=e.target;!this.dropDown||this.canOpen()||i.i(n.closest)(t,'[id="'+this.getPopUpElement().id+'"]')||i.i(n.closest)(t,'[id="'+this.element.id+'"]')||this.closePopup(e)},t.prototype.focusoutHandler=function(e){if(this.isPopupCreated&&!this.canOpen()){var t=e.relatedTarget;if(t&&t.className.indexOf("e-item")>-1){var i=this.getLI(t);if(i){var n=Array.prototype.indexOf.call(this.getULElement().children,i),s=this.items[n];if(s){var o={element:i,item:s,event:e};this.trigger("select",o)}}}this.closePopup(e)}},t.prototype.clickHandler=function(e){var t=e.target;if(i.i(n.closest)(t,'[id="'+this.element.id+'"]'))!this.createPopupOnClick||this.target&&""!==this.target&&!this.isColorPicker()&&!this.createPopupOnClick?this.getPopUpElement().classList.contains("e-popup-close")?this.openPopUp(e):this.closePopup(e):this.isPopupCreated?this.closePopup(e,this.activeElem[0]):(this.createPopup(),this.openPopUp(e));else if(i.i(n.closest)(t,'[id="'+this.getPopUpElement().id+'"]')){var s=this.getLI(e.target);s&&(this.triggerSelect(e),this.closePopup(e,this.activeElem[0]))}},t.prototype.triggerSelect=function(e){var t,i,n,s=this.getLI(e.target);s&&(i=Array.prototype.indexOf.call(this.getULElement().children,s),(n=this.items[i])&&(t={element:s,item:n,event:e},this.trigger("select",t)))},t.prototype.openPopUp=function(e){var t=this;void 0===e&&(e=null);var s=this.getPopUpElement();if(this.target)if(this.activeElem.length>1){var o=i.i(n.getComponent)(this.activeElem[0],"split-btn");o.isReact&&s.childNodes.length<1&&(!0,o.appendReactElement(this.getTargetElement(),this.getPopUpElement()),this.renderReactTemplates())}else this.isReact&&s.childNodes.length<1&&(!0,this.appendReactElement(this.getTargetElement(),this.getPopUpElement()),this.renderReactTemplates());else this.createItems(!0);var r=this.getULElement();this.popupWireEvents();var a={element:r,items:this.items,event:e,cancel:!1};this.trigger("beforeOpen",a,function(e){if(!e.cancel){var s=t.getULElement();if(t.dropDown.show(null,t.element),i.i(n.addClass)([t.element],"e-active"),t.element.setAttribute("aria-expanded","true"),t.element.setAttribute("aria-owns",t.getPopUpElement().id),s&&s.focus(),t.enableRtl&&"0px"!==s.parentElement.style.left){var o=void 0;o=t.element.parentElement&&t.element.parentElement.classList.contains("e-split-btn-wrapper")?t.element.parentElement.offsetWidth:t.element.offsetWidth;var r=s.parentElement.offsetWidth-o,a=parseFloat(s.parentElement.style.left)-r;a<0&&(a=0),s.parentElement.style.left=a+"px"}var p={element:s,items:t.items};t.trigger("open",p)}})},t.prototype.closePopup=function(e,t){var s=this;void 0===e&&(e=null);var o=this.getULElement(),r={element:o,items:this.items,event:e,cancel:!1};this.trigger("beforeClose",r,function(e){if(e.cancel)o&&o.focus();else{var r=s.getPopUpElement();r&&n.EventHandler.remove(r,"keydown",s.keyBoardHandler),s.popupUnWireEvents();var a=s.getULElement(),p=void 0;a&&(p=a.querySelector(".e-selected")),p&&p.classList.remove("e-selected"),s.dropDown.hide(),i.i(n.removeClass)(s.activeElem,"e-active"),s.element.setAttribute("aria-expanded","false"),s.element.removeAttribute("aria-owns"),t&&t.focus();var l={element:a,items:s.items};s.trigger("close",l),!s.target&&a&&i.i(n.detach)(a),(!s.target||s.isColorPicker()||s.target&&!s.isColorPicker())&&s.createPopupOnClick&&s.destroyPopup()}})},t.prototype.unWireEvents=function(){this.createPopupOnClick||n.EventHandler.remove(document,"mousedown touchstart",this.delegateMousedownHandler),n.EventHandler.remove(this.element,"click",this.clickHandler),n.EventHandler.remove(this.element,"keydown",this.keyBoardHandler),this.isPopupCreated&&(n.EventHandler.remove(this.getPopUpElement(),"click",this.clickHandler),n.EventHandler.remove(this.getPopUpElement(),"keydown",this.keyBoardHandler)),n.EventHandler.remove(window,"resize",this.windowResize)},t.prototype.onPropertyChanged=function(e,t){var s=["content","cssClass","iconCss","iconPosition","disabled","enableRtl"];this.button.setProperties(i.i(r.a)(e,s));var o;this.isPopupCreated&&(o=this.getPopUpElement(),this.dropDown.setProperties(i.i(r.a)(e,["enableRtl"])));for(var a=0,p=Object.keys(e);a<p.length;a++){switch(p[a]){case"content":this.element.querySelector("span.e-caret")||this.appendArrowSpan();break;case"disabled":e.disabled?(this.unWireEvents(),this.isPopupCreated&&!this.canOpen()&&this.closePopup()):this.wireEvents();break;case"cssClass":if(e.cssClass.indexOf(l.VERTICAL)>-1||t.cssClass.indexOf(l.VERTICAL)>-1){this.element.querySelector("span.e-caret")||this.appendArrowSpan();var c=this.element.querySelector("span.e-caret");e.cssClass.indexOf(l.VERTICAL)>-1?i.i(n.classList)(c,["e-icon-bottom"],["e-icon-right"]):i.i(n.classList)(c,["e-icon-right"],["e-icon-bottom"])}this.isPopupCreated&&(t.cssClass&&i.i(n.removeClass)([o],t.cssClass.split(" ")),e.cssClass&&i.i(n.addClass)([o],e.cssClass.replace(/\s+/g," ").trim().split(" ")));break;case"target":this.dropDown.content=this.getTargetElement(),this.dropDown.dataBind();break;case"items":this.isPopupCreated&&this.getULElement()&&this.createItems();break;case"createPopupOnClick":e.createPopupOnClick?this.destroyPopup():this.createPopup()}}},t.prototype.focusIn=function(){this.element.focus()},p([i.i(n.Property)("")],t.prototype,"content",void 0),p([i.i(n.Property)("")],t.prototype,"cssClass",void 0),p([i.i(n.Property)(!1)],t.prototype,"disabled",void 0),p([i.i(n.Property)("")],t.prototype,"iconCss",void 0),p([i.i(n.Property)("Left")],t.prototype,"iconPosition",void 0),p([i.i(n.Property)(!0)],t.prototype,"enableHtmlSanitizer",void 0),p([i.i(n.Collection)([],r.b)],t.prototype,"items",void 0),p([i.i(n.Property)(!1)],t.prototype,"createPopupOnClick",void 0),p([i.i(n.Property)("")],t.prototype,"target",void 0),p([i.i(n.Property)("")],t.prototype,"closeActionEvents",void 0),p([i.i(n.Event)()],t.prototype,"beforeItemRender",void 0),p([i.i(n.Event)()],t.prototype,"beforeOpen",void 0),p([i.i(n.Event)()],t.prototype,"beforeClose",void 0),p([i.i(n.Event)()],t.prototype,"close",void 0),p([i.i(n.Event)()],t.prototype,"open",void 0),p([i.i(n.Event)()],t.prototype,"select",void 0),p([i.i(n.Event)()],t.prototype,"created",void 0),t=p([n.NotifyPropertyChanges],t)}(n.Component)},function(e,t){e.exports=i},function(e,t,i){"use strict";var n=i(10);i.d(t,"a",function(){return n.a})},function(e,t,i){"use strict";var n=i(1);i.d(t,"a",function(){return n.a}),i.d(t,"b",function(){return n.d}),i.d(t,"c",function(){return n.c}),i.d(t,"d",function(){return n.b})},function(e,t,i){"use strict";var n=i(3);i.d(t,"a",function(){return n.a})},function(e,t,i){"use strict";var n=i(12);i.d(t,"a",function(){return n.a}),i.d(t,"b",function(){return n.b}),i.d(t,"c",function(){return n.c})},function(e,t,i){"use strict";var n=i(13);i.d(t,"a",function(){return n.a}),i.d(t,"b",function(){return n.b})},function(e,t,i){"use strict";function n(e,t,n){void 0===t&&(t={});var r,a,p,l;i.i(s.isNullOrUndefined)(n)&&(n=s.createElement);var c=document.querySelector(e);i.i(s.addClass)([c],["e-btn-group","e-css"]),c.setAttribute("role","group");var d=c.children;t.buttons=t.buttons||[];for(var h=0,u=0;u<d.length;h++,u++)r=d[u],null!==(l=t.buttons[h])&&("BUTTON"===r.tagName?a=r:(a=n("label"),p=d[u+1],p?c.insertBefore(a,p):c.appendChild(a),r.id&&a.setAttribute("for",r.id),l&&l.disabled&&(r.disabled=!0),u++),t.cssClass&&l&&!l.cssClass&&(l.cssClass=t.cssClass),new o.Button(l||{},a));return c}t.a=n;var s=i(0),o=(i.n(s),i(2));i.n(o)},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(6);i.d(t,"getModel",function(){return n.a}),i.d(t,"upDownKeyHandler",function(){return n.b}),i.d(t,"setBlankIconStyle",function(){return n.c}),i.d(t,"Item",function(){return n.d});var s=i(7);i.d(t,"DropDownButton",function(){return s.a});var o=i(9);i.d(t,"SplitButton",function(){return o.a}),i.d(t,"Deferred",function(){return o.b});var r=i(5);i.d(t,"createButtonGroup",function(){return r.a});var a=i(8);i.d(t,"SpinSettings",function(){return a.a}),i.d(t,"AnimationSettings",function(){return a.b}),i.d(t,"ProgressButton",function(){return a.c})},function(e,t,i){"use strict";i.d(t,"a",function(){return l}),i.d(t,"b",function(){return c}),i.d(t,"c",function(){return d});var n=i(2),s=(i.n(n),i(0)),o=(i.n(s),i(4)),r=(i.n(o),this&&this.__extends||function(){var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(t,i)};return function(t,i){function n(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(n.prototype=i.prototype,new n)}}()),a=this&&this.__decorate||function(e,t,i,n){var s,o=arguments.length,r=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(o<3?s(r):o>3?s(t,i,r):s(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r},p="e-btn-content",l=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),a([i.i(s.Property)(null)],t.prototype,"template",void 0),a([i.i(s.Property)(16)],t.prototype,"width",void 0),a([i.i(s.Property)("Left")],t.prototype,"position",void 0),t}(s.ChildProperty),c=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),a([i.i(s.Property)(400)],t.prototype,"duration",void 0),a([i.i(s.Property)("None")],t.prototype,"effect",void 0),a([i.i(s.Property)("ease")],t.prototype,"easing",void 0),t}(s.ChildProperty),d=function(e){function t(t,i){var n=e.call(this,t,i)||this;return n.step=1,n}return r(t,e),t.prototype.preRender=function(){e.prototype.preRender.call(this)},t.prototype.render=function(){e.prototype.render.call(this),this.init(),this.wireEvents(),this.setAria(),this.renderComplete()},t.prototype.start=function(e){this.isPaused=!1,this.startProgress(e||this.percent,this.progressTime)},t.prototype.stop=function(){this.isPaused=!0,cancelAnimationFrame(this.timerId)},t.prototype.progressComplete=function(){this.isPaused=!1,this.finishProgress()},t.prototype.getModuleName=function(){return"progress-btn"},t.prototype.destroy=function(){var t=this,n=["e-hide-spinner","e-progress-active","e-round-corner","e-"+e.prototype.getModuleName.call(this),"e-spin-"+this.spinSettings.position.toLowerCase()];e.prototype.destroy.call(this),this.unWireEvents(),this.element.innerHTML="",this.cssClass&&(n=n.concat(this.cssClass.split(" "))),i.i(s.removeClass)([this.element],n),(this.element.getAttribute("class")?["aria-label","aria-valuemin","aria-valuemax","aria-valuenow"]:["aria-label","aria-valuemin","aria-valuemax","aria-valuenow","class"]).forEach(function(e){t.element.removeAttribute(e)}),this.disabled&&this.element.removeAttribute("disabled")},t.prototype.init=function(){this.element.classList.add("e-"+e.prototype.getModuleName.call(this)),this.setContent(),this.createSpinner(),this.enableProgress&&this.createProgress()},t.prototype.createSpinner=function(){var e=this.createElement("span",{className:"e-spinner"});this.setSpinPosition(e),i.i(o.createSpinner)({target:e,width:this.spinSettings.width||16,template:this.spinSettings.template},this.createElement)},t.prototype.getSpinner=function(){return this.element.getElementsByClassName("e-spinner")[0]},t.prototype.getProgress=function(){return this.element.getElementsByClassName("e-progress")[0]},t.prototype.setSpinPosition=function(e){var t=this.spinSettings.position||"Left";"Left"===t||"Top"===t?this.element.insertBefore(e,this.element.getElementsByClassName(p)[0]):this.element.appendChild(e),this.element.classList.add("e-spin-"+t.toLowerCase())},t.prototype.createProgress=function(){this.element.appendChild(this.createElement("span",{className:"e-progress"}))},t.prototype.setContent=function(){var e;e=this.element.innerHTML,this.enableHtmlSanitizer&&(e=s.SanitizeHtmlHelper.sanitize(this.element.innerHTML)),this.element.innerHTML="",this.element.appendChild(this.createElement("span",{className:p,innerHTML:e}))},t.prototype.setContentIcon=function(e){var t=this.createElement("span",{className:p,innerHTML:e});if(this.iconCss){var i=this.createElement("span",{className:"e-btn-icon "+this.iconCss});this.element.textContent.trim()?(i.classList.add("e-icon-"+this.iconPosition.toLowerCase()),"Top"!==this.iconPosition&&"Bottom"!==this.iconPosition||this.element.classList.add("e-"+this.iconPosition.toLowerCase()+"-icon-btn")):this.element.classList.add("e-icon-btn");var n=t.childNodes[0];!n||"Left"!==this.iconPosition&&"Top"!==this.iconPosition?t.appendChild(i):t.insertBefore(i,n)}this.element.appendChild(t)},t.prototype.clickHandler=function(){this.element.classList.contains("e-progress-active")||this.startProgress()},t.prototype.startProgress=function(e,t){var n=this.element.classList,s=n.contains("e-vertical");n.add("e-progress-active"),n.contains("e-hide-spinner")||i.i(o.showSpinner)(this.element.querySelector(".e-spinner")),this.startAnimate(Date.now(),t||0,t?Date.now()-1*this.duration/100:Date.now(),e||0,0,this.step,0,s),this.startContAnimate()},t.prototype.startAnimate=function(e,t,i,n,s,o,r,a){var p=this;try{var l=e-i,c=this.duration*o/100,d=l?l<c?l-c:l%c:0;this.progressTime=t=t+l-d,i=e-d,n+=(l-d)/this.duration*100,s=(t-r)%c==0||100===n?n:s;var h={percent:s,currentDuration:t,step:o};this.eIsVertical=a,0===n?this.trigger("begin",h,function(e){p.successCallback(e,n,s,t,r,d,i)}):100===n||t===this.duration?this.trigger("end",h,function(e){p.successCallback(e,n,s,t,r,d,i)}):this.trigger("progress",h,function(e){p.successCallback(e,n,s,t,r,d,i)})}catch(e){cancelAnimationFrame(this.timerId),this.trigger("fail",e)}},t.prototype.successCallback=function(e,t,i,n,s,o,r){var a=this,p=t,l=i,c=o,d=n,h=s,u=r,m=this.eIsVertical;p!==e.percent&&e.percent!==l&&(p=e.percent),this.percent=p,this.step=e.step,(d-h)%(this.duration*e.step/100)!=0&&100!==p||(this.timerId=requestAnimationFrame(function(){a.enableProgress&&a.getProgress()&&(a.getProgress().style[m?"height":"width"]=p+"%"),a.element.setAttribute("aria-valuenow",p.toString())}),l=p,h=d),this.isPaused||(d<this.duration&&p<100?this.interval=window.setTimeout(function(){a.startAnimate(Date.now(),d,u,p,l,e.step,h,m)},this.duration/100-c):this.interval=window.setTimeout(function(){a.progressTime=a.percent=0,a.enableProgress&&a.getProgress()&&(a.getProgress().style[m?"height":"width"]="0%"),a.element.setAttribute("aria-valuenow","0"),a.hideSpin()},100))},t.prototype.startContAnimate=function(){var e=this,t=this.element.getElementsByClassName(p)[0];"None"!==this.animationSettings.effect?new s.Animation({}).animate(t,{duration:0===this.animationSettings.duration&&"Enable"===s.animationMode?400:this.animationSettings.duration,name:"Progress"+this.animationSettings.effect,timingFunction:this.animationSettings.easing,begin:function(){"Center"===e.spinSettings.position&&e.setSpinnerSize()},end:function(){t.classList.add("e-animate-end")}}):"Center"===this.spinSettings.position&&this.setSpinnerSize()},t.prototype.finishProgress=function(){var e=this.element.classList,t=e.contains("e-vertical");e.add("e-progress-active");for(var i=this.percent;i<100;i++)i+=10,i>100&&(i=100),this.enableProgress&&this.getProgress()&&(this.getProgress().style[t?"height":"width"]=this.percent<100?i+"%":"100%");this.element.setAttribute("aria-valuenow","0"),this.hideSpin();var n={step:this.step,currentDuration:this.progressTime,percent:100};clearTimeout(this.interval),this.trigger("end",n),this.progressTime=this.percent=0},t.prototype.setSpinnerSize=function(){var e=this.element.getElementsByClassName(p)[0],t=this.getSpinner();t.style.width=Math.max(t.offsetWidth,e.offsetWidth)+"px",t.style.height=Math.max(t.offsetHeight,e.offsetHeight)+"px",e.classList.add("e-cont-animate")},t.prototype.hideSpin=function(){var e=this.element.getElementsByClassName(p)[0];if(this.element.classList.contains("e-hide-spinner")||i.i(o.hideSpinner)(this.element.querySelector(".e-spinner")),this.element.classList.remove("e-progress-active"),"None"!==this.animationSettings.effect&&e.classList.remove("e-animate-end"),"Center"===this.spinSettings.position){var t=this.getSpinner();e.classList.remove("e-cont-animate"),t.style.width="auto",t.style.height="auto"}},t.prototype.setIconSpan=function(){var e=this.element.getElementsByClassName(p)[0],t=this.element.getElementsByClassName("e-btn-icon")[0];!e.childNodes[0]||"Left"!==this.iconPosition&&"Top"!==this.iconPosition?e.appendChild(t):e.insertBefore(t,e.childNodes[0])},t.prototype.setAria=function(){i.i(s.attributes)(this.element,{"aria-label":this.element.textContent+" progress"})},t.prototype.wireEvents=function(){s.EventHandler.add(this.element,"click",this.clickHandler,this)},t.prototype.unWireEvents=function(){s.EventHandler.remove(this.element,"click",this.clickHandler)},t.prototype.onPropertyChanged=function(t,n){var r=this.element,a=!1;this.element.querySelector(".e-spinner-pane").classList.contains("e-spin-show")&&(a=!0),e.prototype.onPropertyChanged.call(this,t,n);for(var p=0,l=Object.keys(t);p<l.length;p++){switch(l[p]){case"content":this.setContent(),this.createSpinner(),a&&(i.i(o.showSpinner)(this.element.querySelector(".e-spinner")),a=!1),this.enableProgress&&this.createProgress(),r.setAttribute("aria-label",r.textContent+" progress");break;case"iconCss":n.iconCss||this.setIconSpan();break;case"iconPosition":this.setIconSpan();break;case"enableProgress":t.enableProgress?this.createProgress():i.i(s.remove)(this.getProgress());break;case"spinSettings":t.spinSettings.position&&(r.classList.remove("e-spin-"+n.spinSettings.position.toLowerCase()),this.setSpinPosition(this.getSpinner())),(t.spinSettings.template||t.spinSettings.width)&&(r.removeChild(this.getSpinner()),this.createSpinner())}}},t.prototype.focusIn=function(){this.element.focus()},a([i.i(s.Property)(!1)],t.prototype,"enableProgress",void 0),a([i.i(s.Property)(2e3)],t.prototype,"duration",void 0),a([i.i(s.Property)("Left")],t.prototype,"iconPosition",void 0),a([i.i(s.Property)("")],t.prototype,"iconCss",void 0),a([i.i(s.Property)(!1)],t.prototype,"disabled",void 0),a([i.i(s.Property)(!1)],t.prototype,"isPrimary",void 0),a([i.i(s.Property)("")],t.prototype,"cssClass",void 0),a([i.i(s.Property)("")],t.prototype,"content",void 0),a([i.i(s.Property)(!1)],t.prototype,"isToggle",void 0),a([i.i(s.Property)(!0)],t.prototype,"enableHtmlSanitizer",void 0),a([i.i(s.Complex)({},l)],t.prototype,"spinSettings",void 0),a([i.i(s.Complex)({},c)],t.prototype,"animationSettings",void 0),a([i.i(s.Event)()],t.prototype,"created",void 0),a([i.i(s.Event)()],t.prototype,"begin",void 0),a([i.i(s.Event)()],t.prototype,"progress",void 0),a([i.i(s.Event)()],t.prototype,"end",void 0),a([i.i(s.Event)()],t.prototype,"fail",void 0),t=a([s.NotifyPropertyChanges],t)}(n.Button)},function(e,t,i){"use strict";i.d(t,"a",function(){return d}),i.d(t,"b",function(){return h});var n=i(0),s=(i.n(n),i(2)),o=(i.n(s),i(1)),r=i(3),a=this&&this.__extends||function(){var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(t,i)};return function(t,i){function n(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(n.prototype=i.prototype,new n)}}(),p=this&&this.__decorate||function(e,t,i,n){var s,o=arguments.length,r=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(o<3?s(r):o>3?s(t,i,r):s(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r},l="e-rtl",c="EJS-SPLITBUTTON",d=function(e){function t(t,i){return e.call(this,t,i)||this}return a(t,e),t.prototype.preRender=function(){var e=this.element;if(e.tagName===c){for(var t=i.i(n.getValue)("ej2_instances",e),s=this.createElement("button",{attrs:{type:"button"}}),o=this.createElement(c,{className:"e-"+this.getModuleName()+"-wrapper"}),r=0,a=e.attributes.length;r<a;r++)s.setAttribute(e.attributes[r].nodeName,e.attributes[r].nodeValue);e.parentNode.insertBefore(o,e),i.i(n.detach)(e),e=s,o.appendChild(e),i.i(n.setValue)("ej2_instances",t,e),this.wrapper=o,this.element=e}this.element.id||(this.element.id=i.i(n.getUniqueID)("e-"+this.getModuleName()))},t.prototype.render=function(){this.initWrapper(),this.createPrimaryButton(),this.renderControl()},t.prototype.renderControl=function(){this.createSecondaryButton(),this.setActiveElem([this.element,this.secondaryBtnObj.element]),this.setAria(),this.wireEvents(),this.renderComplete()},t.prototype.addItems=function(t,i){e.prototype.addItems.call(this,t,i),this.secondaryBtnObj.items=this.items},t.prototype.removeItems=function(t,i){e.prototype.removeItems.call(this,t,i),this.secondaryBtnObj.items=this.items},t.prototype.initWrapper=function(){this.wrapper||(this.wrapper=this.createElement("div",{className:"e-"+this.getModuleName()+"-wrapper"}),this.element.parentNode.insertBefore(this.wrapper,this.element)),this.element.classList.remove("e-"+this.getModuleName()),this.enableRtl&&this.wrapper.classList.add(l),this.cssClass&&i.i(n.addClass)([this.wrapper],this.cssClass.replace(/\s+/g," ").trim().split(" "))},t.prototype.createPrimaryButton=function(){var e={cssClass:this.cssClass,enableRtl:this.enableRtl,iconCss:this.iconCss,iconPosition:this.iconPosition,content:this.content,disabled:this.disabled};this.primaryBtnObj=new s.Button(e),this.primaryBtnObj.createElement=this.createElement,this.primaryBtnObj.appendTo(this.element),this.element.classList.add("e-"+this.getModuleName()),this.element.type="button",this.wrapper.appendChild(this.element)},t.prototype.createSecondaryButton=function(){var e=this,t=this.createElement("button",{className:"e-icon-btn",attrs:{tabindex:"-1"},id:this.element.id+"_dropdownbtn"});this.wrapper.appendChild(t);var i={cssClass:this.cssClass,disabled:this.disabled,enableRtl:this.enableRtl,items:this.items,target:this.target,createPopupOnClick:this.createPopupOnClick};i.beforeItemRender=function(t){e.createPopupOnClick&&(e.secondaryBtnObj.dropDown.relateTo=e.wrapper,e.dropDown=e.secondaryBtnObj.dropDown),e.trigger("beforeItemRender",t)},i.open=function(t){e.trigger("open",t)},i.close=function(t){e.trigger("close",t)},i.select=function(t){e.trigger("select",t)},i.beforeOpen=function(t){e.createPopupOnClick&&0==e.items.length&&(e.secondaryBtnObj.dropDown.relateTo=e.wrapper,e.dropDown=e.secondaryBtnObj.dropDown);var i=new h;return e.trigger("beforeOpen",t,function(e){i.resolve(e)}),i},i.beforeClose=function(t){var i=new h;return e.trigger("beforeClose",t,function(e){i.resolve(e)}),i},this.secondaryBtnObj=new r.a(i),this.secondaryBtnObj.createElement=this.createElement,this.secondaryBtnObj.appendTo(t),this.createPopupOnClick||(this.secondaryBtnObj.dropDown.relateTo=this.wrapper,this.dropDown=this.secondaryBtnObj.dropDown),this.isPopupCreated=this.secondaryBtnObj.isPopupCreated,this.secondaryBtnObj.activeElem=[this.element,this.secondaryBtnObj.element],this.secondaryBtnObj.element.querySelector(".e-btn-icon").classList.remove("e-icon-right"),this.disabled&&this.wrapper.classList.add("e-splitbtn-disabled")},t.prototype.setAria=function(){i.i(n.attributes)(this.element,{"aria-expanded":"false","aria-haspopup":"true","aria-label":this.element.textContent?this.element.textContent+" splitbutton":"splitbutton","aria-owns":this.element.id+"_dropdownbtn-popup"})},t.prototype.getModuleName=function(){return"split-btn"},t.prototype.toggle=function(){this.secondaryBtnObj.toggle()},t.prototype.destroy=function(){var t=this,s=[l];if(this.cssClass&&(s=s.concat(this.cssClass.split(" "))),this.element){var o=document.getElementById(this.element.id);o&&o.parentElement===this.wrapper&&(this.wrapper.tagName===c?(this.wrapper.innerHTML="",i.i(n.removeClass)([this.wrapper],["e-rtl","e-"+this.getModuleName()+"-wrapper"]),i.i(n.removeClass)([this.wrapper],this.cssClass.split(" "))):(i.i(n.removeClass)([this.element],s),["aria-label","aria-haspopup","aria-expanded","aria-owns","type"].forEach(function(e){t.element.removeAttribute(e)}),this.wrapper.parentNode.insertBefore(this.element,this.wrapper),i.i(n.remove)(this.wrapper)),this.unWireEvents())}this.primaryBtnObj.destroy(),this.secondaryBtnObj.destroy(),e.prototype.destroy.call(this),this.element&&!this.element.getAttribute("class")&&this.element.removeAttribute("class"),this.refreshing&&this.isAngular&&(this.element=this.wrapper,["e-control","e-split-btn","e-lib"].forEach(function(e){t.element.classList.add(e)}),i.i(n.setValue)("ej2_instances",[this],this.element)),this.wrapper=null},t.prototype.wireEvents=function(){n.EventHandler.add(this.element,"click",this.primaryBtnClickHandler,this),new n.KeyboardEvents(this.element,{keyAction:this.btnKeyBoardHandler.bind(this),keyConfigs:{altdownarrow:"alt+downarrow",enter:"enter"}})},t.prototype.unWireEvents=function(){n.EventHandler.remove(this.element,"click",this.primaryBtnClickHandler),i.i(n.getInstance)(this.element,n.KeyboardEvents).destroy()},t.prototype.primaryBtnClickHandler=function(){this.trigger("click",{element:this.element})},t.prototype.btnKeyBoardHandler=function(e){switch(e.action){case"altdownarrow":this.clickHandler(e);break;case"enter":this.clickHandler(e),this.getPopUpElement()&&!this.getPopUpElement().classList.contains("e-popup-close")?(this.element.classList.remove("e-active"),this.secondaryBtnObj.element.classList.add("e-active")):this.secondaryBtnObj.element.classList.remove("e-active")}},t.prototype.onPropertyChanged=function(e,t){var s=["content","iconCss","iconPosition","cssClass","disabled","enableRtl"];this.primaryBtnObj.setProperties(i.i(o.a)(e,s)),s=["beforeOpen","beforeItemRender","select","open","close","cssClass","disabled","enableRtl","createPopupOnClick"],Object.keys(e).indexOf("items")>-1&&(this.secondaryBtnObj.items=e.items,this.secondaryBtnObj.dataBind()),this.secondaryBtnObj.setProperties(i.i(o.a)(e,s));for(var r=0,a=Object.keys(e);r<a.length;r++){switch(a[r]){case"cssClass":t.cssClass&&i.i(n.removeClass)([this.wrapper],t.cssClass.split(" ")),i.i(n.addClass)([this.wrapper],e.cssClass.replace(/\s+/g," ").trim().split(" "));break;case"enableRtl":e.enableRtl?i.i(n.addClass)([this.wrapper],l):i.i(n.removeClass)([this.wrapper],l);break;case"disabled":e.disabled?i.i(n.addClass)([this.wrapper],"e-splitbtn-disabled"):i.i(n.removeClass)([this.wrapper],"e-splitbtn-disabled")}}},t.prototype.focusIn=function(){this.element.focus()},p([i.i(n.Property)("")],t.prototype,"content",void 0),p([i.i(n.Property)("")],t.prototype,"cssClass",void 0),p([i.i(n.Property)(!1)],t.prototype,"disabled",void 0),p([i.i(n.Property)("")],t.prototype,"iconCss",void 0),p([i.i(n.Property)("Left")],t.prototype,"iconPosition",void 0),p([i.i(n.Property)(!1)],t.prototype,"createPopupOnClick",void 0),p([i.i(n.Collection)([],o.b)],t.prototype,"items",void 0),p([i.i(n.Property)("")],t.prototype,"target",void 0),p([i.i(n.Event)()],t.prototype,"beforeItemRender",void 0),p([i.i(n.Event)()],t.prototype,"beforeOpen",void 0),p([i.i(n.Event)()],t.prototype,"beforeClose",void 0),p([i.i(n.Event)()],t.prototype,"click",void 0),p([i.i(n.Event)()],t.prototype,"close",void 0),p([i.i(n.Event)()],t.prototype,"open",void 0),p([i.i(n.Event)()],t.prototype,"select",void 0),p([i.i(n.Event)()],t.prototype,"created",void 0),t=p([n.NotifyPropertyChanges],t)}(r.a),h=function(){function e(){var e=this;this.promise=new Promise(function(t,i){e.resolve=t,e.reject=i}),this.catch=this.promise.catch.bind(this.promise),this.then=this.promise.then.bind(this.promise)}return e}()}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("SyncfusionBase"),require("SyncfusionButtons"),require("SyncfusionPopups")):"function"==typeof define&&define.amd?define(["SyncfusionBase","SyncfusionButtons","SyncfusionPopups"],t):"object"==typeof exports?exports.SyncfusionSplitbuttons=t(require("SyncfusionBase"),require("SyncfusionButtons"),require("SyncfusionPopups")):e.SyncfusionSplitbuttons=t(e.SyncfusionBase,e.SyncfusionButtons,e.SyncfusionPopups)}(self,((e,t,s)=>(()=>{"use strict";var i={766:t=>{t.exports=e},741:e=>{e.exports=t},197:e=>{e.exports=s}},n={};function o(e){var t=n[e];if(void 0!==t)return t.exports;var s=n[e]={exports:{}};return i[e](s,s.exports,o),s.exports}o.d=(e,t)=>{for(var s in t)o.o(t,s)&&!o.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:t[s]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};return(()=>{o.r(r),o.d(r,{AnimationSettings:()=>U,Deferred:()=>S,DropDownButton:()=>C,Item:()=>c,ProgressButton:()=>R,SpinSettings:()=>D,SplitButton:()=>O,createButtonGroup:()=>L,getModel:()=>n,setBlankIconStyle:()=>l,upDownKeyHandler:()=>a});var e,t=o(766),s=(e=function(t,s){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var s in t)t.hasOwnProperty(s)&&(e[s]=t[s])},e(t,s)},function(t,s){function i(){this.constructor=t}e(t,s),t.prototype=null===s?Object.create(s):(i.prototype=s.prototype,new i)}),i=function(e,t,s,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,s,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(o<3?n(r):o>3?n(t,s,r):n(t,s))||r);return o>3&&r&&Object.defineProperty(t,s,r),r};function n(e,s){for(var i=(0,t.extend)({},e),n=0,o=Object.keys(i);n<o.length;n++){var r=o[n];s.indexOf(r)<0&&(0,t.deleteObject)(i,r)}return i}function a(e,s){var i=40===s?0:e.childElementCount-1,n=i,o=e.querySelector(".e-selected");o&&o.classList.remove("e-selected");for(var r=0,a=e.children.length;r<a;r++)e.children[r].classList.contains("e-focused")&&(n=r,e.children[r].classList.remove("e-focused"),40===s?n++:n--,n===(40===s?e.childElementCount:-1)&&(n=i));-1!==(n=p(e,e.children[n],n,s))&&((0,t.addClass)([e.children[n]],"e-focused"),e.children[n].focus())}function p(e,t,s,i,n){if(void 0===n&&(n=0),(t.classList.contains("e-separator")||t.classList.contains("e-disabled"))&&(s===(40===i?e.childElementCount-1:0)?s=40===i?0:e.childElementCount-1:40===i?s++:s--),(t=e.children[s]).classList.contains("e-separator")||t.classList.contains("e-disabled")){if(++n===e.childElementCount)return-1;s=p(e,t,s,i,n)}return s}function l(e,s){var i=[].slice.call(e.getElementsByClassName("e-blank-icon"));s&&[].slice.call(e.getElementsByClassName("e-item")).forEach((function(e){(e.style.paddingLeft||e.style.paddingRight)&&e.removeAttribute("style")}));if(i.length){var n=e.querySelector(".e-item:not(.e-blank-icon):not(.e-separator)");if(!(0,t.isNullOrUndefined)(n)){n.classList.contains("e-url")&&(n=n.querySelector(".e-menu-url"));var o,r=n.querySelector(".e-menu-icon"),a=e.classList.contains("e-rtl");o=a?{padding:"paddingRight",margin:"marginLeft"}:{padding:"paddingLeft",margin:"marginRight"};var p=parseInt(getComputedStyle(r).fontSize,10)+parseInt(getComputedStyle(r)[o.margin],10)+parseInt(getComputedStyle(n).paddingLeft,10)+"px";i.forEach((function(e){e.classList.contains("e-url")?e.querySelector(".e-menu-url").style[o.padding]=p:e.style[o.padding]=p}))}}}var c=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return s(n,e),i([(0,t.Property)("")],n.prototype,"iconCss",void 0),i([(0,t.Property)("")],n.prototype,"id",void 0),i([(0,t.Property)(!1)],n.prototype,"separator",void 0),i([(0,t.Property)("")],n.prototype,"text",void 0),i([(0,t.Property)("")],n.prototype,"url",void 0),i([(0,t.Property)(!1)],n.prototype,"disabled",void 0),n}(t.ChildProperty),d=o(741),h=o(197),u=function(){var e=function(t,s){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var s in t)t.hasOwnProperty(s)&&(e[s]=t[s])},e(t,s)};return function(t,s){function i(){this.constructor=t}e(t,s),t.prototype=null===s?Object.create(s):(i.prototype=s.prototype,new i)}}(),m=function(e,t,s,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,s,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(o<3?n(r):o>3?n(t,s,r):n(t,s))||r);return o>3&&r&&Object.defineProperty(t,s,r),r},y="e-menu-icon",f="e-item",v="e-dropdown-popup",g="e-separator",b="e-vertical",C=function(e){function s(t,s){var i=e.call(this,t,s)||this;return i.isPopupCreated=!0,i}return u(s,e),s.prototype.preRender=function(){},s.prototype.getPersistData=function(){return this.addOnPersist([])},s.prototype.toggle=function(){this.canOpen()?this.openPopUp():this.createPopupOnClick&&!this.isPopupCreated?(this.createPopup(),this.openPopUp()):this.closePopup()},s.prototype.render=function(){this.initialize(),this.disabled||this.wireEvents(),this.renderComplete()},s.prototype.addItems=function(e,t){for(var s,i=this.items.length,n=0,o=this.items.length;n<o;n++)if(t===this.items[n].text){i=n;break}for(var r=e.length-1;r>=0;r--)s=new c(this,"items",e[r],!0),this.items.splice(i,0,s);this.canOpen()||this.createItems()},s.prototype.removeItems=function(e,t){for(var s=!1,i=0,n=e.length;i<n;i++)for(var o=0,r=this.items.length;o<r;o++)if(e[i]===(t?this.items[o].id:this.items[o].text)){this.items.splice(o,1),s=!0;break}s&&this.getULElement()&&this.createItems()},s.prototype.createPopup=function(){var e,s=this.createElement("div",{className:v,id:this.element.id+"-popup"});document.body.appendChild(s),this.dropDown=new h.Popup(s,{relateTo:this.element,collision:{X:"fit",Y:"flip"},position:{X:"left",Y:"bottom"},targetType:"relative",content:this.target?this.getTargetElement():"",enableRtl:this.enableRtl}),this.dropDown.element.setAttribute("role","dialog"),this.dropDown.element.setAttribute("aria-label","dropdown menu"),(0,t.isNullOrUndefined)(this.popupContent)||(this.popupContent.style.display=""),"fixed"===this.dropDown.element.style.position&&this.dropDown.refreshPosition(this.element),this.dropDown.hide(),(0,t.attributes)(this.element,((e={})["aria-haspopup"]=this.items.length||this.target?"true":"false",e["aria-expanded"]="false",e.type="button",e)),this.cssClass&&(0,t.addClass)([s],this.cssClass.replace(/\s+/g," ").trim().split(" ")),this.isPopupCreated=!0},s.prototype.getTargetElement=function(){return!this.createPopupOnClick||this.isColorPicker()||(0,t.isNullOrUndefined)(this.popupContent)?"string"==typeof this.target?(0,t.select)(this.target):this.target:this.popupContent},s.prototype.createItems=function(e){var s,i,n,o,r=this.items,a=this.hasIcon(this.items,"iconCss"),p=this.getULElement();p?p.innerHTML="":p=this.createElement("ul",{attrs:{role:"menu",tabindex:"0"}});for(var c=0;c<r.length;c++){var d=(i=r[c]).text;n=this.createElement("li",{innerHTML:i.url?"":d,className:i.separator?f+" "+g:f,attrs:i.separator?{role:"separator",tabindex:"-1","aria-label":"separator","aria-hidden":"true"}:{role:"menuitem",tabindex:"-1","aria-label":d},id:i.id?i.id:(0,t.getUniqueID)("e-"+this.getModuleName()+"-item")}),this.enableHtmlSanitizer?n.textContent=i.url?"":d:n.innerHTML=i.url?"":d,i.url&&(n.appendChild(this.createAnchor(i)),n.classList.add("e-url")),i.iconCss?(s=this.createElement("span",{className:y+" "+i.iconCss}),i.url?n.childNodes[0].appendChild(s):n.insertBefore(s,n.childNodes[0])):a&&!i.separator&&n.classList.add("e-blank-icon");var h=i.disabled;i.disabled&&n.classList.add("e-disabled"),o={item:i,element:n},this.trigger("beforeItemRender",o),h!==o.item.disabled&&(o.item.disabled?n.classList.add("e-disabled"):n.classList.remove("e-disabled")),p.appendChild(n)}e&&this.getPopUpElement().appendChild(p),a&&l(this.getPopUpElement())},s.prototype.hasIcon=function(e,t){for(var s=0,i=e.length;s<i;s++)if(e[s][""+t])return!0;return!1},s.prototype.createAnchor=function(e){var s=this.enableHtmlSanitizer?t.SanitizeHtmlHelper.sanitize(e.text):e.text;return this.createElement("a",{className:"e-menu-text e-menu-url",innerHTML:s,attrs:{href:e.url}})},s.prototype.initialize=function(){this.button=new d.Button({iconCss:this.iconCss,iconPosition:this.iconPosition,cssClass:this.cssClass,content:this.content,disabled:this.disabled,enableRtl:this.enableRtl,enablePersistence:this.enablePersistence}),this.button.createElement=this.createElement,this.button.appendTo(this.element),this.element.id||(this.element.id=(0,t.getUniqueID)("e-"+this.getModuleName())),this.appendArrowSpan(),this.setActiveElem([this.element]),this.element.setAttribute("tabindex","0"),this.element.setAttribute("aria-label",this.element.textContent?this.element.textContent:"dropdownbutton"),this.target&&!this.isColorPicker()&&!this.createPopupOnClick||!this.createPopupOnClick?this.createPopup():(this.isPopupCreated=!1,this.target&&!this.isColorPicker()&&this.createPopupOnClick&&(this.popupContent=this.getTargetElement(),this.popupContent.style.display="none"))},s.prototype.isColorPicker=function(){if(!this.element)return!1;var e=this.element.previousSibling;return!!(e&&e.classList&&e.classList.contains("e-split-colorpicker"))},s.prototype.appendArrowSpan=function(){this.cssClass=(0,t.isNullOrUndefined)(this.cssClass)?"":this.cssClass,this.element.appendChild(this.createElement("span",{className:"e-btn-icon e-icons e-icon-"+(this.cssClass.indexOf(b)>-1?"bottom":"right")+" e-caret"}))},s.prototype.setActiveElem=function(e){this.activeElem=e},s.prototype.getModuleName=function(){return"dropdown-btn"},s.prototype.canOpen=function(){var e=!1;return this.isPopupCreated&&(e=this.getPopUpElement().classList.contains("e-popup-close")),e},s.prototype.destroy=function(){var s,i=this;(e.prototype.destroy.call(this),"dropdown-btn"===this.getModuleName())&&(this.element.querySelector("span.e-caret")&&(0,t.detach)(this.element.querySelector("span.e-caret")),this.cssClass&&(s=this.cssClass.split(" ")),this.button.destroy(),s&&(0,t.removeClass)([this.element],s),(0,t.removeClass)(this.activeElem,["e-active"]),(this.element.getAttribute("class")?["aria-haspopup","aria-expanded","aria-owns","type"]:["aria-haspopup","aria-expanded","aria-owns","type","class"]).forEach((function(e){i.element.removeAttribute(e)})),this.popupUnWireEvents(),this.destroyPopup(),this.isPopupCreated=!1,this.disabled||this.unWireEvents())},s.prototype.destroyPopup=function(){if(this.isPopupCreated){if(this.dropDown.destroy(),this.getPopUpElement()){var e=document.getElementById(this.getPopUpElement().id);e&&((0,t.removeClass)([e],["e-popup-open","e-popup-close"]),(0,t.detach)(e))}t.EventHandler.remove(this.getPopUpElement(),"click",this.clickHandler),t.EventHandler.remove(this.getPopUpElement(),"keydown",this.keyBoardHandler),this.isPopupCreated&&this.dropDown&&(this.dropDown.element=null,this.dropDown=void 0)}this.isPopupCreated=!1},s.prototype.getPopUpElement=function(){var e=null;if(!this.dropDown&&this.activeElem[0].classList.contains("e-split-btn")){var s=(0,t.getComponent)(this.activeElem[1],"dropdown-btn");s&&(this.dropDown=s.dropDown)}return this.dropDown&&(e=this.dropDown.element),e},s.prototype.getULElement=function(){var e=null;return this.getPopUpElement()&&(e=this.getPopUpElement().children[0]),e},s.prototype.wireEvents=function(){this.delegateMousedownHandler=this.mousedownHandler.bind(this),this.createPopupOnClick||t.EventHandler.add(document,"mousedown touchstart",this.delegateMousedownHandler,this),t.EventHandler.add(this.element,"click",this.clickHandler,this),t.EventHandler.add(this.element,"keydown",this.keyBoardHandler,this),t.EventHandler.add(window,"resize",this.windowResize,this)},s.prototype.windowResize=function(){!this.canOpen()&&this.dropDown&&this.dropDown.refreshPosition(this.element)},s.prototype.popupWireEvents=function(){this.delegateMousedownHandler||(this.delegateMousedownHandler=this.mousedownHandler.bind(this));var e=this.getPopUpElement();this.createPopupOnClick&&t.EventHandler.add(document,"mousedown touchstart",this.delegateMousedownHandler,this),e&&(t.EventHandler.add(e,"click",this.clickHandler,this),t.EventHandler.add(e,"keydown",this.keyBoardHandler,this),this.closeActionEvents&&t.EventHandler.add(e,this.closeActionEvents,this.focusoutHandler,this)),this.rippleFn=(0,t.rippleEffect)(e,{selector:"."+f})},s.prototype.popupUnWireEvents=function(){var e=this.getPopUpElement();this.createPopupOnClick&&t.EventHandler.remove(document,"mousedown touchstart",this.delegateMousedownHandler),e&&e.parentElement&&(t.EventHandler.remove(e,"click",this.clickHandler),t.EventHandler.remove(e,"keydown",this.keyBoardHandler),this.closeActionEvents&&t.EventHandler.remove(e,this.closeActionEvents,this.focusoutHandler)),t.isRippleEnabled&&this.rippleFn&&this.rippleFn()},s.prototype.keyBoardHandler=function(e){if(e.target!==this.element||9!==e.keyCode&&(e.altKey||40!==e.keyCode)&&38!==e.keyCode)switch(e.keyCode){case 38:case 40:!e.altKey||38!==e.keyCode&&40!==e.keyCode?this.upDownKeyHandler(e):this.keyEventHandler(e);break;case 9:case 13:case 27:case 32:this.keyEventHandler(e)}},s.prototype.upDownKeyHandler=function(e){(!this.target||38!==e.keyCode&&40!==e.keyCode)&&(e.preventDefault(),a(this.getULElement(),e.keyCode))},s.prototype.keyEventHandler=function(e){if(!this.target||13!==e.keyCode&&9!==e.keyCode)return 13===e.keyCode&&this.activeElem[0].classList.contains("e-split-btn")?(this.triggerSelect(e),void this.activeElem[0].focus()):void(e.target&&e.target.className.indexOf("e-edit-template")>-1&&32===e.keyCode||(9!==e.keyCode&&e.preventDefault(),27===e.keyCode||38===e.keyCode||9===e.keyCode?this.canOpen()||this.closePopup(e,this.element):this.clickHandler(e)))},s.prototype.getLI=function(e){return"LI"===e.tagName?e:(0,t.closest)(e,"li")},s.prototype.mousedownHandler=function(e){var s=e.target;!this.dropDown||this.canOpen()||(0,t.closest)(s,'[id="'+this.getPopUpElement().id+'"]')||(0,t.closest)(s,'[id="'+this.element.id+'"]')||this.closePopup(e)},s.prototype.focusoutHandler=function(e){if(this.isPopupCreated&&!this.canOpen()){var t=e.relatedTarget;if(t&&t.className.indexOf("e-item")>-1){var s=this.getLI(t);if(s){var i=Array.prototype.indexOf.call(this.getULElement().children,s),n=this.items[i];if(n){var o={element:s,item:n,event:e};this.trigger("select",o)}}}this.closePopup(e)}},s.prototype.clickHandler=function(e){var s=e.target;(0,t.closest)(s,'[id="'+this.element.id+'"]')?!this.createPopupOnClick||this.target&&""!==this.target&&!this.isColorPicker()&&!this.createPopupOnClick?this.getPopUpElement().classList.contains("e-popup-close")?this.openPopUp(e):this.closePopup(e):this.isPopupCreated?this.closePopup(e,this.activeElem[0]):(this.createPopup(),this.openPopUp(e)):(0,t.closest)(s,'[id="'+this.getPopUpElement().id+'"]')&&this.getLI(e.target)&&(this.triggerSelect(e),this.closePopup(e,this.activeElem[0]))},s.prototype.triggerSelect=function(e){var t,s,i,n=this.getLI(e.target);n&&(s=Array.prototype.indexOf.call(this.getULElement().children,n),(i=this.items[s])&&(t={element:n,item:i,event:e},this.trigger("select",t)))},s.prototype.openPopUp=function(e){var s=this;void 0===e&&(e=null);var i=this.getPopUpElement();if(this.target)if(this.activeElem.length>1){var n=(0,t.getComponent)(this.activeElem[0],"split-btn");n.isReact&&i.childNodes.length<1&&(!0,n.appendReactElement(this.getTargetElement(),this.getPopUpElement()),this.renderReactTemplates())}else this.isReact&&i.childNodes.length<1&&(!0,this.appendReactElement(this.getTargetElement(),this.getPopUpElement()),this.renderReactTemplates());else this.createItems(!0);var o=this.getULElement();this.popupWireEvents();var r={element:o,items:this.items,event:e,cancel:!1};this.trigger("beforeOpen",r,(function(e){if(!e.cancel){var i=s.getULElement();if(s.dropDown.show(null,s.element),(0,t.addClass)([s.element],"e-active"),s.element.setAttribute("aria-expanded","true"),s.element.setAttribute("aria-owns",s.getPopUpElement().id),i&&i.focus(),s.enableRtl&&"0px"!==i.parentElement.style.left){var n=void 0;n=s.element.parentElement&&s.element.parentElement.classList.contains("e-split-btn-wrapper")?s.element.parentElement.offsetWidth:s.element.offsetWidth;var o=i.parentElement.offsetWidth-n,r=parseFloat(i.parentElement.style.left)-o;r<0&&(r=0),i.parentElement.style.left=r+"px"}var a={element:i,items:s.items};s.trigger("open",a)}}))},s.prototype.closePopup=function(e,s){var i=this;void 0===e&&(e=null);var n=this.getULElement(),o={element:n,items:this.items,event:e,cancel:!1};this.trigger("beforeClose",o,(function(e){if(e.cancel)n&&n.focus();else{var o=i.getPopUpElement();o&&t.EventHandler.remove(o,"keydown",i.keyBoardHandler),i.popupUnWireEvents();var r=i.getULElement(),a=void 0;r&&(a=r.querySelector(".e-selected")),a&&a.classList.remove("e-selected"),i.dropDown.hide(),(0,t.removeClass)(i.activeElem,"e-active"),i.element.setAttribute("aria-expanded","false"),i.element.removeAttribute("aria-owns"),s&&s.focus();var p={element:r,items:i.items};i.trigger("close",p),!i.target&&r&&(0,t.detach)(r),(!i.target||i.isColorPicker()||i.target&&!i.isColorPicker())&&i.createPopupOnClick&&i.destroyPopup()}}))},s.prototype.unWireEvents=function(){this.createPopupOnClick||t.EventHandler.remove(document,"mousedown touchstart",this.delegateMousedownHandler),t.EventHandler.remove(this.element,"click",this.clickHandler),t.EventHandler.remove(this.element,"keydown",this.keyBoardHandler),this.isPopupCreated&&(t.EventHandler.remove(this.getPopUpElement(),"click",this.clickHandler),t.EventHandler.remove(this.getPopUpElement(),"keydown",this.keyBoardHandler)),t.EventHandler.remove(window,"resize",this.windowResize)},s.prototype.onPropertyChanged=function(e,s){var i;this.button.setProperties(n(e,["content","cssClass","iconCss","iconPosition","disabled","enableRtl"])),this.isPopupCreated&&(i=this.getPopUpElement(),this.dropDown.setProperties(n(e,["enableRtl"])));for(var o=0,r=Object.keys(e);o<r.length;o++){switch(r[o]){case"content":this.element.querySelector("span.e-caret")||this.appendArrowSpan();break;case"disabled":e.disabled?(this.unWireEvents(),this.isPopupCreated&&!this.canOpen()&&this.closePopup()):this.wireEvents();break;case"cssClass":if(e.cssClass.indexOf(b)>-1||s.cssClass.indexOf(b)>-1){this.element.querySelector("span.e-caret")||this.appendArrowSpan();var a=this.element.querySelector("span.e-caret");e.cssClass.indexOf(b)>-1?(0,t.classList)(a,["e-icon-bottom"],["e-icon-right"]):(0,t.classList)(a,["e-icon-right"],["e-icon-bottom"])}this.isPopupCreated&&(s.cssClass&&(0,t.removeClass)([i],s.cssClass.split(" ")),e.cssClass&&(0,t.addClass)([i],e.cssClass.replace(/\s+/g," ").trim().split(" ")));break;case"target":this.dropDown.content=this.getTargetElement(),this.dropDown.dataBind();break;case"items":this.isPopupCreated&&this.getULElement()&&this.createItems();break;case"createPopupOnClick":e.createPopupOnClick?this.destroyPopup():this.createPopup()}}},s.prototype.focusIn=function(){this.element.focus()},m([(0,t.Property)("")],s.prototype,"content",void 0),m([(0,t.Property)("")],s.prototype,"cssClass",void 0),m([(0,t.Property)(!1)],s.prototype,"disabled",void 0),m([(0,t.Property)("")],s.prototype,"iconCss",void 0),m([(0,t.Property)("Left")],s.prototype,"iconPosition",void 0),m([(0,t.Property)(!0)],s.prototype,"enableHtmlSanitizer",void 0),m([(0,t.Collection)([],c)],s.prototype,"items",void 0),m([(0,t.Property)(!1)],s.prototype,"createPopupOnClick",void 0),m([(0,t.Property)("")],s.prototype,"target",void 0),m([(0,t.Property)("")],s.prototype,"closeActionEvents",void 0),m([(0,t.Event)()],s.prototype,"beforeItemRender",void 0),m([(0,t.Event)()],s.prototype,"beforeOpen",void 0),m([(0,t.Event)()],s.prototype,"beforeClose",void 0),m([(0,t.Event)()],s.prototype,"close",void 0),m([(0,t.Event)()],s.prototype,"open",void 0),m([(0,t.Event)()],s.prototype,"select",void 0),m([(0,t.Event)()],s.prototype,"created",void 0),s=m([t.NotifyPropertyChanges],s)}(t.Component),P=function(){var e=function(t,s){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var s in t)t.hasOwnProperty(s)&&(e[s]=t[s])},e(t,s)};return function(t,s){function i(){this.constructor=t}e(t,s),t.prototype=null===s?Object.create(s):(i.prototype=s.prototype,new i)}}(),E=function(e,t,s,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,s,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(o<3?n(r):o>3?n(t,s,r):n(t,s))||r);return o>3&&r&&Object.defineProperty(t,s,r),r},w="e-rtl",k="EJS-SPLITBUTTON",O=function(e){function s(t,s){return e.call(this,t,s)||this}return P(s,e),s.prototype.preRender=function(){var e=this.element;if(e.tagName===k){for(var s=(0,t.getValue)("ej2_instances",e),i=this.createElement("button",{attrs:{type:"button"}}),n=this.createElement(k,{className:"e-"+this.getModuleName()+"-wrapper"}),o=0,r=e.attributes.length;o<r;o++)i.setAttribute(e.attributes[o].nodeName,e.attributes[o].nodeValue);e.parentNode.insertBefore(n,e),(0,t.detach)(e),e=i,n.appendChild(e),(0,t.setValue)("ej2_instances",s,e),this.wrapper=n,this.element=e}this.element.id||(this.element.id=(0,t.getUniqueID)("e-"+this.getModuleName()))},s.prototype.render=function(){this.initWrapper(),this.createPrimaryButton(),this.renderControl()},s.prototype.renderControl=function(){this.createSecondaryButton(),this.setActiveElem([this.element,this.secondaryBtnObj.element]),this.setAria(),this.wireEvents(),this.renderComplete()},s.prototype.addItems=function(t,s){e.prototype.addItems.call(this,t,s),this.secondaryBtnObj.items=this.items},s.prototype.removeItems=function(t,s){e.prototype.removeItems.call(this,t,s),this.secondaryBtnObj.items=this.items},s.prototype.initWrapper=function(){this.wrapper||(this.wrapper=this.createElement("div",{className:"e-"+this.getModuleName()+"-wrapper"}),this.element.parentNode.insertBefore(this.wrapper,this.element)),this.element.classList.remove("e-"+this.getModuleName()),this.enableRtl&&this.wrapper.classList.add(w),this.cssClass&&(0,t.addClass)([this.wrapper],this.cssClass.replace(/\s+/g," ").trim().split(" "))},s.prototype.createPrimaryButton=function(){var e={cssClass:this.cssClass,enableRtl:this.enableRtl,iconCss:this.iconCss,iconPosition:this.iconPosition,content:this.content,disabled:this.disabled};this.primaryBtnObj=new d.Button(e),this.primaryBtnObj.createElement=this.createElement,this.primaryBtnObj.appendTo(this.element),this.element.classList.add("e-"+this.getModuleName()),this.element.type="button",this.wrapper.appendChild(this.element)},s.prototype.createSecondaryButton=function(){var e=this,t=this.createElement("button",{className:"e-icon-btn",attrs:{tabindex:"-1"},id:this.element.id+"_dropdownbtn"});this.wrapper.appendChild(t);var s={cssClass:this.cssClass,disabled:this.disabled,enableRtl:this.enableRtl,items:this.items,target:this.target,createPopupOnClick:this.createPopupOnClick,beforeItemRender:function(t){e.createPopupOnClick&&(e.secondaryBtnObj.dropDown.relateTo=e.wrapper,e.dropDown=e.secondaryBtnObj.dropDown),e.trigger("beforeItemRender",t)},open:function(t){e.trigger("open",t)},close:function(t){e.trigger("close",t)},select:function(t){e.trigger("select",t)},beforeOpen:function(t){e.createPopupOnClick&&0===e.items.length&&(e.secondaryBtnObj.dropDown.relateTo=e.wrapper,e.dropDown=e.secondaryBtnObj.dropDown);var s=new S;return e.trigger("beforeOpen",t,(function(e){s.resolve(e)})),s},beforeClose:function(t){var s=new S;return e.trigger("beforeClose",t,(function(e){s.resolve(e)})),s}};this.secondaryBtnObj=new C(s),this.secondaryBtnObj.createElement=this.createElement,this.secondaryBtnObj.appendTo(t),this.createPopupOnClick||(this.secondaryBtnObj.dropDown.relateTo=this.wrapper,this.dropDown=this.secondaryBtnObj.dropDown),this.isPopupCreated=this.secondaryBtnObj.isPopupCreated,this.secondaryBtnObj.activeElem=[this.element,this.secondaryBtnObj.element],this.secondaryBtnObj.element.querySelector(".e-btn-icon").classList.remove("e-icon-right"),this.disabled&&this.wrapper.classList.add("e-splitbtn-disabled")},s.prototype.setAria=function(){(0,t.attributes)(this.element,{"aria-expanded":"false","aria-haspopup":"true","aria-label":this.element.textContent?this.element.textContent+" splitbutton":"splitbutton","aria-owns":this.element.id+"_dropdownbtn-popup"})},s.prototype.getModuleName=function(){return"split-btn"},s.prototype.toggle=function(){this.secondaryBtnObj.toggle()},s.prototype.destroy=function(){var s=this,i=[w];if(this.cssClass&&(i=i.concat(this.cssClass.split(" "))),this.element){var n=document.getElementById(this.element.id);n&&n.parentElement===this.wrapper&&(this.wrapper.tagName===k?(this.wrapper.innerHTML="",(0,t.removeClass)([this.wrapper],["e-rtl","e-"+this.getModuleName()+"-wrapper"]),(0,t.removeClass)([this.wrapper],this.cssClass.split(" "))):((0,t.removeClass)([this.element],i),["aria-label","aria-haspopup","aria-expanded","aria-owns","type"].forEach((function(e){s.element.removeAttribute(e)})),this.wrapper.parentNode.insertBefore(this.element,this.wrapper),(0,t.remove)(this.wrapper)),this.unWireEvents())}this.primaryBtnObj.destroy(),this.secondaryBtnObj.destroy(),e.prototype.destroy.call(this),this.element&&!this.element.getAttribute("class")&&this.element.removeAttribute("class"),this.refreshing&&this.isAngular&&(this.element=this.wrapper,["e-control","e-split-btn","e-lib"].forEach((function(e){s.element.classList.add(e)})),(0,t.setValue)("ej2_instances",[this],this.element)),this.wrapper=null},s.prototype.wireEvents=function(){t.EventHandler.add(this.element,"click",this.primaryBtnClickHandler,this),new t.KeyboardEvents(this.element,{keyAction:this.btnKeyBoardHandler.bind(this),keyConfigs:{altdownarrow:"alt+downarrow",enter:"enter"}})},s.prototype.unWireEvents=function(){t.EventHandler.remove(this.element,"click",this.primaryBtnClickHandler),(0,t.getInstance)(this.element,t.KeyboardEvents).destroy()},s.prototype.primaryBtnClickHandler=function(){this.trigger("click",{element:this.element})},s.prototype.btnKeyBoardHandler=function(e){switch(e.action){case"altdownarrow":this.clickHandler(e);break;case"enter":this.clickHandler(e),this.getPopUpElement()&&!this.getPopUpElement().classList.contains("e-popup-close")?(this.element.classList.remove("e-active"),this.secondaryBtnObj.element.classList.add("e-active")):this.secondaryBtnObj.element.classList.remove("e-active")}},s.prototype.onPropertyChanged=function(e,s){var i=["content","iconCss","iconPosition","cssClass","disabled","enableRtl"];this.primaryBtnObj.setProperties(n(e,i)),i=["beforeOpen","beforeItemRender","select","open","close","cssClass","disabled","enableRtl","createPopupOnClick"],Object.keys(e).indexOf("items")>-1&&(this.secondaryBtnObj.items=e.items,this.secondaryBtnObj.dataBind()),this.secondaryBtnObj.setProperties(n(e,i));for(var o=0,r=Object.keys(e);o<r.length;o++){switch(r[o]){case"cssClass":s.cssClass&&(0,t.removeClass)([this.wrapper],s.cssClass.split(" ")),(0,t.addClass)([this.wrapper],e.cssClass.replace(/\s+/g," ").trim().split(" "));break;case"enableRtl":e.enableRtl?(0,t.addClass)([this.wrapper],w):(0,t.removeClass)([this.wrapper],w);break;case"disabled":e.disabled?(0,t.addClass)([this.wrapper],"e-splitbtn-disabled"):(0,t.removeClass)([this.wrapper],"e-splitbtn-disabled")}}},s.prototype.focusIn=function(){this.element.focus()},E([(0,t.Property)("")],s.prototype,"content",void 0),E([(0,t.Property)("")],s.prototype,"cssClass",void 0),E([(0,t.Property)(!1)],s.prototype,"disabled",void 0),E([(0,t.Property)("")],s.prototype,"iconCss",void 0),E([(0,t.Property)("Left")],s.prototype,"iconPosition",void 0),E([(0,t.Property)(!1)],s.prototype,"createPopupOnClick",void 0),E([(0,t.Collection)([],c)],s.prototype,"items",void 0),E([(0,t.Property)("")],s.prototype,"target",void 0),E([(0,t.Event)()],s.prototype,"beforeItemRender",void 0),E([(0,t.Event)()],s.prototype,"beforeOpen",void 0),E([(0,t.Event)()],s.prototype,"beforeClose",void 0),E([(0,t.Event)()],s.prototype,"click",void 0),E([(0,t.Event)()],s.prototype,"close",void 0),E([(0,t.Event)()],s.prototype,"open",void 0),E([(0,t.Event)()],s.prototype,"select",void 0),E([(0,t.Event)()],s.prototype,"created",void 0),s=E([t.NotifyPropertyChanges],s)}(C),S=function(){var e=this;this.promise=new Promise((function(t,s){e.resolve=t,e.reject=s})),this.catch=this.promise.catch.bind(this.promise),this.then=this.promise.then.bind(this.promise)};function L(e,s,i){var n,o,r,a;void 0===s&&(s={}),(0,t.isNullOrUndefined)(i)&&(i=t.createElement);var p=document.querySelector(e);(0,t.addClass)([p],["e-btn-group","e-css"]),p.setAttribute("role","group");var l=p.children;s.buttons=s.buttons||[];for(var c=0,h=0;h<l.length;c++,h++)n=l[h],null!==(a=s.buttons[c])&&("BUTTON"===n.tagName?o=n:(o=i("label"),(r=l[h+1])?p.insertBefore(o,r):p.appendChild(o),n.id&&o.setAttribute("for",n.id),a&&a.disabled&&(n.disabled=!0),h++),s.cssClass&&a&&!a.cssClass&&(a.cssClass=s.cssClass),new d.Button(a||{},o));return p}var H=function(){var e=function(t,s){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var s in t)t.hasOwnProperty(s)&&(e[s]=t[s])},e(t,s)};return function(t,s){function i(){this.constructor=t}e(t,s),t.prototype=null===s?Object.create(s):(i.prototype=s.prototype,new i)}}(),B=function(e,t,s,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,s,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(o<3?n(r):o>3?n(t,s,r):n(t,s))||r);return o>3&&r&&Object.defineProperty(t,s,r),r},N="e-hide-spinner",j="e-progress",x="e-progress-active",A="e-btn-content",D=function(e){function s(){return null!==e&&e.apply(this,arguments)||this}return H(s,e),B([(0,t.Property)(null)],s.prototype,"template",void 0),B([(0,t.Property)(16)],s.prototype,"width",void 0),B([(0,t.Property)("Left")],s.prototype,"position",void 0),s}(t.ChildProperty),U=function(e){function s(){return null!==e&&e.apply(this,arguments)||this}return H(s,e),B([(0,t.Property)(400)],s.prototype,"duration",void 0),B([(0,t.Property)("None")],s.prototype,"effect",void 0),B([(0,t.Property)("ease")],s.prototype,"easing",void 0),s}(t.ChildProperty),R=function(e){function s(t,s){var i=e.call(this,t,s)||this;return i.step=1,i}return H(s,e),s.prototype.preRender=function(){e.prototype.preRender.call(this)},s.prototype.render=function(){e.prototype.render.call(this),this.init(),this.wireEvents(),this.setAria(),this.renderComplete()},s.prototype.start=function(e){this.isPaused=!1,this.startProgress(e||this.percent,this.progressTime)},s.prototype.stop=function(){this.isPaused=!0,cancelAnimationFrame(this.timerId)},s.prototype.progressComplete=function(){this.isPaused=!1,this.finishProgress()},s.prototype.getModuleName=function(){return"progress-btn"},s.prototype.destroy=function(){var s=this,i=[N,x,"e-round-corner","e-"+e.prototype.getModuleName.call(this),"e-spin-"+this.spinSettings.position.toLowerCase()];e.prototype.destroy.call(this),this.unWireEvents(),this.element.innerHTML="",this.cssClass&&(i=i.concat(this.cssClass.split(" "))),(0,t.removeClass)([this.element],i),(this.element.getAttribute("class")?["aria-label","aria-valuemin","aria-valuemax","aria-valuenow"]:["aria-label","aria-valuemin","aria-valuemax","aria-valuenow","class"]).forEach((function(e){s.element.removeAttribute(e)})),this.disabled&&this.element.removeAttribute("disabled")},s.prototype.init=function(){this.element.classList.add("e-"+e.prototype.getModuleName.call(this)),this.setContent(),this.createSpinner(),this.enableProgress&&this.createProgress()},s.prototype.createSpinner=function(){var e=this.createElement("span",{className:"e-spinner"});this.setSpinPosition(e),(0,h.createSpinner)({target:e,width:this.spinSettings.width||16,template:this.spinSettings.template},this.createElement)},s.prototype.getSpinner=function(){return this.element.getElementsByClassName("e-spinner")[0]},s.prototype.getProgress=function(){return this.element.getElementsByClassName(j)[0]},s.prototype.setSpinPosition=function(e){var t=this.spinSettings.position||"Left";"Left"===t||"Top"===t?this.element.insertBefore(e,this.element.getElementsByClassName(A)[0]):this.element.appendChild(e),this.element.classList.add("e-spin-"+t.toLowerCase())},s.prototype.createProgress=function(){this.element.appendChild(this.createElement("span",{className:j}))},s.prototype.setContent=function(){var e;e=this.element.innerHTML,this.enableHtmlSanitizer&&(e=t.SanitizeHtmlHelper.sanitize(this.element.innerHTML)),this.element.innerHTML="",this.element.appendChild(this.createElement("span",{className:A,innerHTML:e}))},s.prototype.setContentIcon=function(e){var t=this.createElement("span",{className:A,innerHTML:e});if(this.iconCss){var s=this.createElement("span",{className:"e-btn-icon "+this.iconCss});this.element.textContent.trim()?(s.classList.add("e-icon-"+this.iconPosition.toLowerCase()),"Top"!==this.iconPosition&&"Bottom"!==this.iconPosition||this.element.classList.add("e-"+this.iconPosition.toLowerCase()+"-icon-btn")):this.element.classList.add("e-icon-btn");var i=t.childNodes[0];!i||"Left"!==this.iconPosition&&"Top"!==this.iconPosition?t.appendChild(s):t.insertBefore(s,i)}this.element.appendChild(t)},s.prototype.clickHandler=function(){this.element.classList.contains(x)||this.startProgress()},s.prototype.startProgress=function(e,t){var s=this.element.classList,i=s.contains("e-vertical");s.add(x),s.contains(N)||(0,h.showSpinner)(this.element.querySelector(".e-spinner")),this.startAnimate(Date.now(),t||0,t?Date.now()-1*this.duration/100:Date.now(),e||0,0,this.step,0,i),this.startContAnimate()},s.prototype.startAnimate=function(e,t,s,i,n,o,r,a){var p=this;try{var l=e-s,c=this.duration*o/100,d=l?l<c?l-c:l%c:0;this.progressTime=t=t+l-d,s=e-d,i+=(l-d)/this.duration*100;var h={percent:n=(t-r)%c==0||100===i?i:n,currentDuration:t,step:o};this.eIsVertical=a,0===i?this.trigger("begin",h,(function(e){p.successCallback(e,i,n,t,r,d,s)})):100===i||t===this.duration?this.trigger("end",h,(function(e){p.successCallback(e,i,n,t,r,d,s)})):this.trigger("progress",h,(function(e){p.successCallback(e,i,n,t,r,d,s)}))}catch(e){cancelAnimationFrame(this.timerId),this.trigger("fail",e)}},s.prototype.successCallback=function(e,t,s,i,n,o,r){var a=this,p=t,l=s,c=o,d=i,h=n,u=r,m=this.eIsVertical;p!==e.percent&&e.percent!==l&&(p=e.percent),this.percent=p,this.step=e.step,(d-h)%(this.duration*e.step/100)!=0&&100!==p||(this.timerId=requestAnimationFrame((function(){a.enableProgress&&a.getProgress()&&(a.getProgress().style[m?"height":"width"]=p+"%"),a.element.setAttribute("aria-valuenow",p.toString())})),l=p,h=d),this.isPaused||(d<this.duration&&p<100?this.interval=window.setTimeout((function(){a.startAnimate(Date.now(),d,u,p,l,e.step,h,m)}),this.duration/100-c):this.interval=window.setTimeout((function(){a.progressTime=a.percent=0,a.enableProgress&&a.getProgress()&&(a.getProgress().style[m?"height":"width"]="0%"),a.element.setAttribute("aria-valuenow","0"),a.hideSpin()}),100))},s.prototype.startContAnimate=function(){var e=this,s=this.element.getElementsByClassName(A)[0];"None"!==this.animationSettings.effect?new t.Animation({}).animate(s,{duration:0===this.animationSettings.duration&&"Enable"===t.animationMode?400:this.animationSettings.duration,name:"Progress"+this.animationSettings.effect,timingFunction:this.animationSettings.easing,begin:function(){"Center"===e.spinSettings.position&&e.setSpinnerSize()},end:function(){s.classList.add("e-animate-end")}}):"Center"===this.spinSettings.position&&this.setSpinnerSize()},s.prototype.finishProgress=function(){var e=this.element.classList,t=e.contains("e-vertical");e.add(x);for(var s=this.percent;s<100;s++)(s+=10)>100&&(s=100),this.enableProgress&&this.getProgress()&&(this.getProgress().style[t?"height":"width"]=this.percent<100?s+"%":"100%");this.element.setAttribute("aria-valuenow","0"),this.hideSpin();var i={step:this.step,currentDuration:this.progressTime,percent:100};clearTimeout(this.interval),this.trigger("end",i),this.progressTime=this.percent=0},s.prototype.setSpinnerSize=function(){var e=this.element.getElementsByClassName(A)[0],t=this.getSpinner();t.style.width=Math.max(t.offsetWidth,e.offsetWidth)+"px",t.style.height=Math.max(t.offsetHeight,e.offsetHeight)+"px",e.classList.add("e-cont-animate")},s.prototype.hideSpin=function(){var e=this.element.getElementsByClassName(A)[0];if(this.element.classList.contains(N)||(0,h.hideSpinner)(this.element.querySelector(".e-spinner")),this.element.classList.remove(x),"None"!==this.animationSettings.effect&&e.classList.remove("e-animate-end"),"Center"===this.spinSettings.position){var t=this.getSpinner();e.classList.remove("e-cont-animate"),t.style.width="auto",t.style.height="auto"}},s.prototype.setIconSpan=function(){var e=this.element.getElementsByClassName(A)[0],t=this.element.getElementsByClassName("e-btn-icon")[0];!e.childNodes[0]||"Left"!==this.iconPosition&&"Top"!==this.iconPosition?e.appendChild(t):e.insertBefore(t,e.childNodes[0])},s.prototype.setAria=function(){(0,t.attributes)(this.element,{"aria-label":this.element.textContent+" progress"})},s.prototype.wireEvents=function(){t.EventHandler.add(this.element,"click",this.clickHandler,this)},s.prototype.unWireEvents=function(){t.EventHandler.remove(this.element,"click",this.clickHandler)},s.prototype.onPropertyChanged=function(s,i){var n=this.element,o=!1;this.element.querySelector(".e-spinner-pane").classList.contains("e-spin-show")&&(o=!0),e.prototype.onPropertyChanged.call(this,s,i);for(var r=0,a=Object.keys(s);r<a.length;r++){switch(a[r]){case"content":this.setContent(),this.createSpinner(),o&&((0,h.showSpinner)(this.element.querySelector(".e-spinner")),o=!1),this.enableProgress&&this.createProgress(),n.setAttribute("aria-label",n.textContent+" progress");break;case"iconCss":i.iconCss||this.setIconSpan();break;case"iconPosition":this.setIconSpan();break;case"enableProgress":s.enableProgress?this.createProgress():(0,t.remove)(this.getProgress());break;case"spinSettings":s.spinSettings.position&&(n.classList.remove("e-spin-"+i.spinSettings.position.toLowerCase()),this.setSpinPosition(this.getSpinner())),(s.spinSettings.template||s.spinSettings.width)&&(n.removeChild(this.getSpinner()),this.createSpinner())}}},s.prototype.focusIn=function(){this.element.focus()},B([(0,t.Property)(!1)],s.prototype,"enableProgress",void 0),B([(0,t.Property)(2e3)],s.prototype,"duration",void 0),B([(0,t.Property)("Left")],s.prototype,"iconPosition",void 0),B([(0,t.Property)("")],s.prototype,"iconCss",void 0),B([(0,t.Property)(!1)],s.prototype,"disabled",void 0),B([(0,t.Property)(!1)],s.prototype,"isPrimary",void 0),B([(0,t.Property)("")],s.prototype,"cssClass",void 0),B([(0,t.Property)("")],s.prototype,"content",void 0),B([(0,t.Property)(!1)],s.prototype,"isToggle",void 0),B([(0,t.Property)(!0)],s.prototype,"enableHtmlSanitizer",void 0),B([(0,t.Complex)({},D)],s.prototype,"spinSettings",void 0),B([(0,t.Complex)({},U)],s.prototype,"animationSettings",void 0),B([(0,t.Event)()],s.prototype,"created",void 0),B([(0,t.Event)()],s.prototype,"begin",void 0),B([(0,t.Event)()],s.prototype,"progress",void 0),B([(0,t.Event)()],s.prototype,"end",void 0),B([(0,t.Event)()],s.prototype,"fail",void 0),s=B([t.NotifyPropertyChanges],s)}(d.Button)})(),r})()));

dist/ej2-splitbuttons.umd.min.js

 /*!
 *  filename: ej2-splitbuttons.umd.min.js
-*  version : 25.2.4
+*  version : 26.1.35
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
@@ -10,3 +10,3 @@ *  Use of this code is subject to the terms of our license.
 */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-base"),require("@syncfusion/ej2-buttons"),require("@syncfusion/ej2-popups")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-base","@syncfusion/ej2-buttons","@syncfusion/ej2-popups"],t):t(e.ej={},e.ej2Base,e.ej2Buttons,e.ej2Popups)}(this,function(e,t,i,s){"use strict";function n(e,i){for(var s=t.extend({},e),n=0,o=Object.keys(s);n<o.length;n++){var r=o[n];i.indexOf(r)<0&&t.deleteObject(s,r)}return s}function o(e,i){var s=40===i?0:e.childElementCount-1,n=s,o=e.querySelector(".e-selected");o&&o.classList.remove("e-selected");for(var a=0,p=e.children.length;a<p;a++)e.children[a].classList.contains("e-focused")&&(n=a,e.children[a].classList.remove("e-focused"),40===i?n++:n--,n===(40===i?e.childElementCount:-1)&&(n=s));-1!==(n=r(e,e.children[n],n,i))&&(t.addClass([e.children[n]],"e-focused"),e.children[n].focus())}function r(e,t,i,s,n){if(void 0===n&&(n=0),(t.classList.contains("e-separator")||t.classList.contains("e-disabled"))&&(i===(40===s?e.childElementCount-1:0)?i=40===s?0:e.childElementCount-1:40===s?i++:i--),(t=e.children[i]).classList.contains("e-separator")||t.classList.contains("e-disabled")){if(++n===e.childElementCount)return i=-1;i=r(e,t,i,s,n)}return i}function a(e,i){var s=[].slice.call(e.getElementsByClassName("e-blank-icon"));if(i){[].slice.call(e.getElementsByClassName("e-item")).forEach(function(e){(e.style.paddingLeft||e.style.paddingRight)&&e.removeAttribute("style")})}if(s.length){var n=e.querySelector(".e-item:not(.e-blank-icon):not(.e-separator)");if(!t.isNullOrUndefined(n)){n.classList.contains("e-url")&&(n=n.querySelector(".e-menu-url"));var o,r=n.querySelector(".e-menu-icon"),a=e.classList.contains("e-rtl");o=a?{padding:"paddingRight",margin:"marginLeft"}:{padding:"paddingLeft",margin:"marginRight"};var p=parseInt(getComputedStyle(r).fontSize,10)+parseInt(getComputedStyle(r)[o.margin],10)+parseInt(getComputedStyle(n).paddingLeft,10)+"px";s.forEach(function(e){e.classList.contains("e-url")?e.querySelector(".e-menu-url").style[o.padding]=p:e.style[o.padding]=p})}}}var p=function(){var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(t,i)};return function(t,i){function s(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(s.prototype=i.prototype,new s)}}(),l=function(e,t,i,s){var n,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(o<3?n(r):o>3?n(t,i,r):n(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r},c=function(e){function i(){return null!==e&&e.apply(this,arguments)||this}return p(i,e),l([t.Property("")],i.prototype,"iconCss",void 0),l([t.Property("")],i.prototype,"id",void 0),l([t.Property(!1)],i.prototype,"separator",void 0),l([t.Property("")],i.prototype,"text",void 0),l([t.Property("")],i.prototype,"url",void 0),l([t.Property(!1)],i.prototype,"disabled",void 0),i}(t.ChildProperty),h=function(){var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(t,i)};return function(t,i){function s(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(s.prototype=i.prototype,new s)}}(),d=function(e,t,i,s){var n,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(o<3?n(r):o>3?n(t,i,r):n(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r},u="e-menu-icon",m="e-item",y="e-dropdown-popup",f="e-separator",v="e-vertical",g=function(e){function r(t,i){var s=e.call(this,t,i)||this;return s.isPopupCreated=!0,s}return h(r,e),r.prototype.preRender=function(){},r.prototype.getPersistData=function(){return this.addOnPersist([])},r.prototype.toggle=function(){this.canOpen()?this.openPopUp():this.createPopupOnClick&&!this.isPopupCreated?(this.createPopup(),this.openPopUp()):this.closePopup()},r.prototype.render=function(){this.initialize(),this.disabled||this.wireEvents(),this.renderComplete()},r.prototype.addItems=function(e,t){for(var i,s=this.items.length,n=0,o=this.items.length;n<o;n++)if(t===this.items[n].text){s=n;break}for(var r=e.length-1;r>=0;r--)i=new c(this,"items",e[r],!0),this.items.splice(s,0,i);this.canOpen()||this.createItems()},r.prototype.removeItems=function(e,t){for(var i=!1,s=0,n=e.length;s<n;s++)for(var o=0,r=this.items.length;o<r;o++)if(e[s]===(t?this.items[o].id:this.items[o].text)){this.items.splice(o,1),i=!0;break}i&&this.getULElement()&&this.createItems()},r.prototype.createPopup=function(){var e,i=this.createElement("div",{className:y,id:this.element.id+"-popup"});document.body.appendChild(i),this.dropDown=new s.Popup(i,{relateTo:this.element,collision:{X:"fit",Y:"flip"},position:{X:"left",Y:"bottom"},targetType:"relative",content:this.target?this.getTargetElement():"",enableRtl:this.enableRtl}),this.dropDown.element.setAttribute("role","dialog"),this.dropDown.element.setAttribute("aria-label","dropdown menu"),t.isNullOrUndefined(this.popupContent)||(this.popupContent.style.display=""),"fixed"===this.dropDown.element.style.position&&this.dropDown.refreshPosition(this.element),this.dropDown.hide(),t.attributes(this.element,(e={},e["aria-haspopup"]=this.items.length||this.target?"true":"false",e["aria-expanded"]="false",e.type="button",e)),this.cssClass&&t.addClass([i],this.cssClass.replace(/\s+/g," ").trim().split(" ")),this.isPopupCreated=!0},r.prototype.getTargetElement=function(){return!this.createPopupOnClick||this.isColorPicker()||t.isNullOrUndefined(this.popupContent)?"string"==typeof this.target?t.select(this.target):this.target:this.popupContent},r.prototype.createItems=function(e){var i,s,n,o,r=this.items,p=this.hasIcon(this.items,"iconCss"),l=this.getULElement();l?l.innerHTML="":l=this.createElement("ul",{attrs:{role:"menu",tabindex:"0"}});for(var c=0;c<r.length;c++){var h=(s=r[c]).text;n=this.createElement("li",{innerHTML:s.url?"":h,className:s.separator?m+" "+f:m,attrs:s.separator?{role:"separator",tabindex:"-1","aria-label":"separator","aria-hidden":"true"}:{role:"menuitem",tabindex:"-1","aria-label":h},id:s.id?s.id:t.getUniqueID("e-"+this.getModuleName()+"-item")}),this.enableHtmlSanitizer?n.textContent=s.url?"":h:n.innerHTML=s.url?"":h,s.url&&(n.appendChild(this.createAnchor(s)),n.classList.add("e-url")),s.iconCss?(i=this.createElement("span",{className:u+" "+s.iconCss}),s.url?n.childNodes[0].appendChild(i):n.insertBefore(i,n.childNodes[0])):p&&!s.separator&&n.classList.add("e-blank-icon");var d=s.disabled;s.disabled&&n.classList.add("e-disabled"),o={item:s,element:n},this.trigger("beforeItemRender",o);d!==o.item.disabled&&(o.item.disabled?n.classList.add("e-disabled"):n.classList.remove("e-disabled")),l.appendChild(n)}e&&this.getPopUpElement().appendChild(l),p&&a(this.getPopUpElement())},r.prototype.hasIcon=function(e,t){for(var i=0,s=e.length;i<s;i++)if(e[i][""+t])return!0;return!1},r.prototype.createAnchor=function(e){var i=this.enableHtmlSanitizer?t.SanitizeHtmlHelper.sanitize(e.text):e.text;return this.createElement("a",{className:"e-menu-text e-menu-url",innerHTML:i,attrs:{href:e.url}})},r.prototype.initialize=function(){this.button=new i.Button({iconCss:this.iconCss,iconPosition:this.iconPosition,cssClass:this.cssClass,content:this.content,disabled:this.disabled,enableRtl:this.enableRtl,enablePersistence:this.enablePersistence}),this.button.createElement=this.createElement,this.button.appendTo(this.element),this.element.id||(this.element.id=t.getUniqueID("e-"+this.getModuleName())),this.appendArrowSpan(),this.setActiveElem([this.element]),this.element.setAttribute("tabindex","0"),this.element.setAttribute("aria-label",this.element.textContent?this.element.textContent:"dropdownbutton"),this.target&&!this.isColorPicker()&&!this.createPopupOnClick||!this.createPopupOnClick?this.createPopup():(this.isPopupCreated=!1,this.target&&!this.isColorPicker()&&this.createPopupOnClick&&(this.popupContent=this.getTargetElement(),this.popupContent.style.display="none"))},r.prototype.isColorPicker=function(){if(!this.element)return!1;var e=this.element.previousSibling;return!!(e&&e.classList&&e.classList.contains("e-split-colorpicker"))},r.prototype.appendArrowSpan=function(){this.element.appendChild(this.createElement("span",{className:"e-btn-icon e-icons e-icon-"+(this.cssClass.indexOf(v)>-1?"bottom":"right")+" e-caret"}))},r.prototype.setActiveElem=function(e){this.activeElem=e},r.prototype.getModuleName=function(){return"dropdown-btn"},r.prototype.canOpen=function(){var e=!1;return this.isPopupCreated&&(e=this.getPopUpElement().classList.contains("e-popup-close")),e},r.prototype.destroy=function(){var i=this;if(e.prototype.destroy.call(this),"dropdown-btn"===this.getModuleName()){var s;this.element.querySelector("span.e-caret")&&t.detach(this.element.querySelector("span.e-caret")),this.cssClass&&(s=this.cssClass.split(" ")),this.button.destroy(),s&&t.removeClass([this.element],s),t.removeClass(this.activeElem,["e-active"]);(this.element.getAttribute("class")?["aria-haspopup","aria-expanded","aria-owns","type"]:["aria-haspopup","aria-expanded","aria-owns","type","class"]).forEach(function(e){i.element.removeAttribute(e)}),this.popupUnWireEvents(),this.destroyPopup(),this.isPopupCreated=!1,this.disabled||this.unWireEvents()}},r.prototype.destroyPopup=function(){if(this.isPopupCreated){if(this.dropDown.destroy(),this.getPopUpElement()){var e=document.getElementById(this.getPopUpElement().id);e&&(t.removeClass([e],["e-popup-open","e-popup-close"]),t.detach(e))}t.EventHandler.remove(this.getPopUpElement(),"click",this.clickHandler),t.EventHandler.remove(this.getPopUpElement(),"keydown",this.keyBoardHandler),this.isPopupCreated&&this.dropDown&&(this.dropDown.element=null,this.dropDown=void 0)}this.isPopupCreated=!1},r.prototype.getPopUpElement=function(){var e=null;if(!this.dropDown&&this.activeElem[0].classList.contains("e-split-btn")){var i=t.getComponent(this.activeElem[1],"dropdown-btn");i&&(this.dropDown=i.dropDown)}return this.dropDown&&(e=this.dropDown.element),e},r.prototype.getULElement=function(){var e=null;return this.getPopUpElement()&&(e=this.getPopUpElement().children[0]),e},r.prototype.wireEvents=function(){this.delegateMousedownHandler=this.mousedownHandler.bind(this),this.createPopupOnClick||t.EventHandler.add(document,"mousedown touchstart",this.delegateMousedownHandler,this),t.EventHandler.add(this.element,"click",this.clickHandler,this),t.EventHandler.add(this.element,"keydown",this.keyBoardHandler,this),t.EventHandler.add(window,"resize",this.windowResize,this)},r.prototype.windowResize=function(){!this.canOpen()&&this.dropDown&&this.dropDown.refreshPosition(this.element)},r.prototype.popupWireEvents=function(){this.delegateMousedownHandler||(this.delegateMousedownHandler=this.mousedownHandler.bind(this));var e=this.getPopUpElement();this.createPopupOnClick&&t.EventHandler.add(document,"mousedown touchstart",this.delegateMousedownHandler,this),e&&(t.EventHandler.add(e,"click",this.clickHandler,this),t.EventHandler.add(e,"keydown",this.keyBoardHandler,this),this.closeActionEvents&&t.EventHandler.add(e,this.closeActionEvents,this.focusoutHandler,this)),this.rippleFn=t.rippleEffect(e,{selector:"."+m})},r.prototype.popupUnWireEvents=function(){var e=this.getPopUpElement();this.createPopupOnClick&&t.EventHandler.remove(document,"mousedown touchstart",this.delegateMousedownHandler),e&&e.parentElement&&(t.EventHandler.remove(e,"click",this.clickHandler),t.EventHandler.remove(e,"keydown",this.keyBoardHandler),this.closeActionEvents&&t.EventHandler.remove(e,this.closeActionEvents,this.focusoutHandler)),t.isRippleEnabled&&this.rippleFn&&this.rippleFn()},r.prototype.keyBoardHandler=function(e){if(e.target!==this.element||9!==e.keyCode&&(e.altKey||40!==e.keyCode)&&38!==e.keyCode)switch(e.keyCode){case 38:case 40:!e.altKey||38!==e.keyCode&&40!==e.keyCode?this.upDownKeyHandler(e):this.keyEventHandler(e);break;case 9:case 13:case 27:case 32:this.keyEventHandler(e)}},r.prototype.upDownKeyHandler=function(e){(!this.target||38!==e.keyCode&&40!==e.keyCode)&&(e.preventDefault(),o(this.getULElement(),e.keyCode))},r.prototype.keyEventHandler=function(e){if(!this.target||13!==e.keyCode&&9!==e.keyCode)return 13===e.keyCode&&this.activeElem[0].classList.contains("e-split-btn")?(this.triggerSelect(e),void this.activeElem[0].focus()):void(e.target&&e.target.className.indexOf("e-edit-template")>-1&&32===e.keyCode||(9!==e.keyCode&&e.preventDefault(),27===e.keyCode||38===e.keyCode||9===e.keyCode?this.canOpen()||this.closePopup(e,this.element):this.clickHandler(e)))},r.prototype.getLI=function(e){return"LI"===e.tagName?e:t.closest(e,"li")},r.prototype.mousedownHandler=function(e){var i=e.target;!this.dropDown||this.canOpen()||t.closest(i,'[id="'+this.getPopUpElement().id+'"]')||t.closest(i,'[id="'+this.element.id+'"]')||this.closePopup(e)},r.prototype.focusoutHandler=function(e){if(this.isPopupCreated&&!this.canOpen()){var t=e.relatedTarget;if(t&&t.className.indexOf("e-item")>-1){var i=this.getLI(t);if(i){var s=Array.prototype.indexOf.call(this.getULElement().children,i),n=this.items[s];if(n){var o={element:i,item:n,event:e};this.trigger("select",o)}}}this.closePopup(e)}},r.prototype.clickHandler=function(e){var i=e.target;if(t.closest(i,'[id="'+this.element.id+'"]'))!this.createPopupOnClick||this.target&&""!==this.target&&!this.isColorPicker()&&!this.createPopupOnClick?this.getPopUpElement().classList.contains("e-popup-close")?this.openPopUp(e):this.closePopup(e):this.isPopupCreated?this.closePopup(e,this.activeElem[0]):(this.createPopup(),this.openPopUp(e));else if(t.closest(i,'[id="'+this.getPopUpElement().id+'"]')){this.getLI(e.target)&&(this.triggerSelect(e),this.closePopup(e,this.activeElem[0]))}},r.prototype.triggerSelect=function(e){var t,i,s,n=this.getLI(e.target);n&&(i=Array.prototype.indexOf.call(this.getULElement().children,n),(s=this.items[i])&&(t={element:n,item:s,event:e},this.trigger("select",t)))},r.prototype.openPopUp=function(e){var i=this;void 0===e&&(e=null);var s=this.getPopUpElement();if(this.target)if(this.activeElem.length>1){var n=t.getComponent(this.activeElem[0],"split-btn");n.isReact&&s.childNodes.length<1&&(n.appendReactElement(this.getTargetElement(),this.getPopUpElement()),this.renderReactTemplates())}else this.isReact&&s.childNodes.length<1&&(this.appendReactElement(this.getTargetElement(),this.getPopUpElement()),this.renderReactTemplates());else this.createItems(!0);var o=this.getULElement();this.popupWireEvents();var r={element:o,items:this.items,event:e,cancel:!1};this.trigger("beforeOpen",r,function(e){if(!e.cancel){var s=i.getULElement();if(i.dropDown.show(null,i.element),t.addClass([i.element],"e-active"),i.element.setAttribute("aria-expanded","true"),i.element.setAttribute("aria-owns",i.getPopUpElement().id),s&&s.focus(),i.enableRtl&&"0px"!==s.parentElement.style.left){var n=void 0;n=i.element.parentElement&&i.element.parentElement.classList.contains("e-split-btn-wrapper")?i.element.parentElement.offsetWidth:i.element.offsetWidth;var o=s.parentElement.offsetWidth-n,r=parseFloat(s.parentElement.style.left)-o;r<0&&(r=0),s.parentElement.style.left=r+"px"}var a={element:s,items:i.items};i.trigger("open",a)}})},r.prototype.closePopup=function(e,i){var s=this;void 0===e&&(e=null);var n=this.getULElement(),o={element:n,items:this.items,event:e,cancel:!1};this.trigger("beforeClose",o,function(e){if(e.cancel)n&&n.focus();else{var o=s.getPopUpElement();o&&t.EventHandler.remove(o,"keydown",s.keyBoardHandler),s.popupUnWireEvents();var r=s.getULElement(),a=void 0;r&&(a=r.querySelector(".e-selected")),a&&a.classList.remove("e-selected"),s.dropDown.hide(),t.removeClass(s.activeElem,"e-active"),s.element.setAttribute("aria-expanded","false"),s.element.removeAttribute("aria-owns"),i&&i.focus();var p={element:r,items:s.items};s.trigger("close",p),!s.target&&r&&t.detach(r),(!s.target||s.isColorPicker()||s.target&&!s.isColorPicker())&&s.createPopupOnClick&&s.destroyPopup()}})},r.prototype.unWireEvents=function(){this.createPopupOnClick||t.EventHandler.remove(document,"mousedown touchstart",this.delegateMousedownHandler),t.EventHandler.remove(this.element,"click",this.clickHandler),t.EventHandler.remove(this.element,"keydown",this.keyBoardHandler),this.isPopupCreated&&(t.EventHandler.remove(this.getPopUpElement(),"click",this.clickHandler),t.EventHandler.remove(this.getPopUpElement(),"keydown",this.keyBoardHandler)),t.EventHandler.remove(window,"resize",this.windowResize)},r.prototype.onPropertyChanged=function(e,i){this.button.setProperties(n(e,["content","cssClass","iconCss","iconPosition","disabled","enableRtl"]));var s;this.isPopupCreated&&(s=this.getPopUpElement(),this.dropDown.setProperties(n(e,["enableRtl"])));for(var o=0,r=Object.keys(e);o<r.length;o++){switch(r[o]){case"content":this.element.querySelector("span.e-caret")||this.appendArrowSpan();break;case"disabled":e.disabled?(this.unWireEvents(),this.isPopupCreated&&!this.canOpen()&&this.closePopup()):this.wireEvents();break;case"cssClass":if(e.cssClass.indexOf(v)>-1||i.cssClass.indexOf(v)>-1){this.element.querySelector("span.e-caret")||this.appendArrowSpan();var a=this.element.querySelector("span.e-caret");e.cssClass.indexOf(v)>-1?t.classList(a,["e-icon-bottom"],["e-icon-right"]):t.classList(a,["e-icon-right"],["e-icon-bottom"])}this.isPopupCreated&&(i.cssClass&&t.removeClass([s],i.cssClass.split(" ")),e.cssClass&&t.addClass([s],e.cssClass.replace(/\s+/g," ").trim().split(" ")));break;case"target":this.dropDown.content=this.getTargetElement(),this.dropDown.dataBind();break;case"items":this.isPopupCreated&&this.getULElement()&&this.createItems();break;case"createPopupOnClick":e.createPopupOnClick?this.destroyPopup():this.createPopup()}}},r.prototype.focusIn=function(){this.element.focus()},d([t.Property("")],r.prototype,"content",void 0),d([t.Property("")],r.prototype,"cssClass",void 0),d([t.Property(!1)],r.prototype,"disabled",void 0),d([t.Property("")],r.prototype,"iconCss",void 0),d([t.Property("Left")],r.prototype,"iconPosition",void 0),d([t.Property(!0)],r.prototype,"enableHtmlSanitizer",void 0),d([t.Collection([],c)],r.prototype,"items",void 0),d([t.Property(!1)],r.prototype,"createPopupOnClick",void 0),d([t.Property("")],r.prototype,"target",void 0),d([t.Property("")],r.prototype,"closeActionEvents",void 0),d([t.Event()],r.prototype,"beforeItemRender",void 0),d([t.Event()],r.prototype,"beforeOpen",void 0),d([t.Event()],r.prototype,"beforeClose",void 0),d([t.Event()],r.prototype,"close",void 0),d([t.Event()],r.prototype,"open",void 0),d([t.Event()],r.prototype,"select",void 0),d([t.Event()],r.prototype,"created",void 0),r=d([t.NotifyPropertyChanges],r)}(t.Component),b=function(){var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(t,i)};return function(t,i){function s(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(s.prototype=i.prototype,new s)}}(),C=function(e,t,i,s){var n,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(o<3?n(r):o>3?n(t,i,r):n(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r},P="EJS-SPLITBUTTON",E=function(e){function s(t,i){return e.call(this,t,i)||this}return b(s,e),s.prototype.preRender=function(){var e=this.element;if(e.tagName===P){for(var i=t.getValue("ej2_instances",e),s=this.createElement("button",{attrs:{type:"button"}}),n=this.createElement(P,{className:"e-"+this.getModuleName()+"-wrapper"}),o=0,r=e.attributes.length;o<r;o++)s.setAttribute(e.attributes[o].nodeName,e.attributes[o].nodeValue);e.parentNode.insertBefore(n,e),t.detach(e),e=s,n.appendChild(e),t.setValue("ej2_instances",i,e),this.wrapper=n,this.element=e}this.element.id||(this.element.id=t.getUniqueID("e-"+this.getModuleName()))},s.prototype.render=function(){this.initWrapper(),this.createPrimaryButton(),this.renderControl()},s.prototype.renderControl=function(){this.createSecondaryButton(),this.setActiveElem([this.element,this.secondaryBtnObj.element]),this.setAria(),this.wireEvents(),this.renderComplete()},s.prototype.addItems=function(t,i){e.prototype.addItems.call(this,t,i),this.secondaryBtnObj.items=this.items},s.prototype.removeItems=function(t,i){e.prototype.removeItems.call(this,t,i),this.secondaryBtnObj.items=this.items},s.prototype.initWrapper=function(){this.wrapper||(this.wrapper=this.createElement("div",{className:"e-"+this.getModuleName()+"-wrapper"}),this.element.parentNode.insertBefore(this.wrapper,this.element)),this.element.classList.remove("e-"+this.getModuleName()),this.enableRtl&&this.wrapper.classList.add("e-rtl"),this.cssClass&&t.addClass([this.wrapper],this.cssClass.replace(/\s+/g," ").trim().split(" "))},s.prototype.createPrimaryButton=function(){var e={cssClass:this.cssClass,enableRtl:this.enableRtl,iconCss:this.iconCss,iconPosition:this.iconPosition,content:this.content,disabled:this.disabled};this.primaryBtnObj=new i.Button(e),this.primaryBtnObj.createElement=this.createElement,this.primaryBtnObj.appendTo(this.element),this.element.classList.add("e-"+this.getModuleName()),this.element.type="button",this.wrapper.appendChild(this.element)},s.prototype.createSecondaryButton=function(){var e=this,t=this.createElement("button",{className:"e-icon-btn",attrs:{tabindex:"-1"},id:this.element.id+"_dropdownbtn"});this.wrapper.appendChild(t);var i={cssClass:this.cssClass,disabled:this.disabled,enableRtl:this.enableRtl,items:this.items,target:this.target,createPopupOnClick:this.createPopupOnClick};i.beforeItemRender=function(t){e.createPopupOnClick&&(e.secondaryBtnObj.dropDown.relateTo=e.wrapper,e.dropDown=e.secondaryBtnObj.dropDown),e.trigger("beforeItemRender",t)},i.open=function(t){e.trigger("open",t)},i.close=function(t){e.trigger("close",t)},i.select=function(t){e.trigger("select",t)},i.beforeOpen=function(t){e.createPopupOnClick&&0==e.items.length&&(e.secondaryBtnObj.dropDown.relateTo=e.wrapper,e.dropDown=e.secondaryBtnObj.dropDown);var i=new w;return e.trigger("beforeOpen",t,function(e){i.resolve(e)}),i},i.beforeClose=function(t){var i=new w;return e.trigger("beforeClose",t,function(e){i.resolve(e)}),i},this.secondaryBtnObj=new g(i),this.secondaryBtnObj.createElement=this.createElement,this.secondaryBtnObj.appendTo(t),this.createPopupOnClick||(this.secondaryBtnObj.dropDown.relateTo=this.wrapper,this.dropDown=this.secondaryBtnObj.dropDown),this.isPopupCreated=this.secondaryBtnObj.isPopupCreated,this.secondaryBtnObj.activeElem=[this.element,this.secondaryBtnObj.element],this.secondaryBtnObj.element.querySelector(".e-btn-icon").classList.remove("e-icon-right"),this.disabled&&this.wrapper.classList.add("e-splitbtn-disabled")},s.prototype.setAria=function(){t.attributes(this.element,{"aria-expanded":"false","aria-haspopup":"true","aria-label":this.element.textContent?this.element.textContent+" splitbutton":"splitbutton","aria-owns":this.element.id+"_dropdownbtn-popup"})},s.prototype.getModuleName=function(){return"split-btn"},s.prototype.toggle=function(){this.secondaryBtnObj.toggle()},s.prototype.destroy=function(){var i=this,s=["e-rtl"];if(this.cssClass&&(s=s.concat(this.cssClass.split(" "))),this.element){var n=document.getElementById(this.element.id);n&&n.parentElement===this.wrapper&&(this.wrapper.tagName===P?(this.wrapper.innerHTML="",t.removeClass([this.wrapper],["e-rtl","e-"+this.getModuleName()+"-wrapper"]),t.removeClass([this.wrapper],this.cssClass.split(" "))):(t.removeClass([this.element],s),["aria-label","aria-haspopup","aria-expanded","aria-owns","type"].forEach(function(e){i.element.removeAttribute(e)}),this.wrapper.parentNode.insertBefore(this.element,this.wrapper),t.remove(this.wrapper)),this.unWireEvents())}this.primaryBtnObj.destroy(),this.secondaryBtnObj.destroy(),e.prototype.destroy.call(this),this.element&&!this.element.getAttribute("class")&&this.element.removeAttribute("class"),this.refreshing&&this.isAngular&&(this.element=this.wrapper,["e-control","e-split-btn","e-lib"].forEach(function(e){i.element.classList.add(e)}),t.setValue("ej2_instances",[this],this.element)),this.wrapper=null},s.prototype.wireEvents=function(){t.EventHandler.add(this.element,"click",this.primaryBtnClickHandler,this),new t.KeyboardEvents(this.element,{keyAction:this.btnKeyBoardHandler.bind(this),keyConfigs:{altdownarrow:"alt+downarrow",enter:"enter"}})},s.prototype.unWireEvents=function(){t.EventHandler.remove(this.element,"click",this.primaryBtnClickHandler),t.getInstance(this.element,t.KeyboardEvents).destroy()},s.prototype.primaryBtnClickHandler=function(){this.trigger("click",{element:this.element})},s.prototype.btnKeyBoardHandler=function(e){switch(e.action){case"altdownarrow":this.clickHandler(e);break;case"enter":this.clickHandler(e),this.getPopUpElement()&&!this.getPopUpElement().classList.contains("e-popup-close")?(this.element.classList.remove("e-active"),this.secondaryBtnObj.element.classList.add("e-active")):this.secondaryBtnObj.element.classList.remove("e-active")}},s.prototype.onPropertyChanged=function(e,i){var s=["content","iconCss","iconPosition","cssClass","disabled","enableRtl"];this.primaryBtnObj.setProperties(n(e,s)),s=["beforeOpen","beforeItemRender","select","open","close","cssClass","disabled","enableRtl","createPopupOnClick"],Object.keys(e).indexOf("items")>-1&&(this.secondaryBtnObj.items=e.items,this.secondaryBtnObj.dataBind()),this.secondaryBtnObj.setProperties(n(e,s));for(var o=0,r=Object.keys(e);o<r.length;o++){switch(r[o]){case"cssClass":i.cssClass&&t.removeClass([this.wrapper],i.cssClass.split(" ")),t.addClass([this.wrapper],e.cssClass.replace(/\s+/g," ").trim().split(" "));break;case"enableRtl":e.enableRtl?t.addClass([this.wrapper],"e-rtl"):t.removeClass([this.wrapper],"e-rtl");break;case"disabled":e.disabled?t.addClass([this.wrapper],"e-splitbtn-disabled"):t.removeClass([this.wrapper],"e-splitbtn-disabled")}}},s.prototype.focusIn=function(){this.element.focus()},C([t.Property("")],s.prototype,"content",void 0),C([t.Property("")],s.prototype,"cssClass",void 0),C([t.Property(!1)],s.prototype,"disabled",void 0),C([t.Property("")],s.prototype,"iconCss",void 0),C([t.Property("Left")],s.prototype,"iconPosition",void 0),C([t.Property(!1)],s.prototype,"createPopupOnClick",void 0),C([t.Collection([],c)],s.prototype,"items",void 0),C([t.Property("")],s.prototype,"target",void 0),C([t.Event()],s.prototype,"beforeItemRender",void 0),C([t.Event()],s.prototype,"beforeOpen",void 0),C([t.Event()],s.prototype,"beforeClose",void 0),C([t.Event()],s.prototype,"click",void 0),C([t.Event()],s.prototype,"close",void 0),C([t.Event()],s.prototype,"open",void 0),C([t.Event()],s.prototype,"select",void 0),C([t.Event()],s.prototype,"created",void 0),s=C([t.NotifyPropertyChanges],s)}(g),w=function(){return function(){var e=this;this.promise=new Promise(function(t,i){e.resolve=t,e.reject=i}),this.catch=this.promise.catch.bind(this.promise),this.then=this.promise.then.bind(this.promise)}}(),k=function(){var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(t,i)};return function(t,i){function s(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(s.prototype=i.prototype,new s)}}(),O=function(e,t,i,s){var n,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(o<3?n(r):o>3?n(t,i,r):n(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r},L="e-hide-spinner",S="e-progress-active",H="e-btn-content",B=function(e){function i(){return null!==e&&e.apply(this,arguments)||this}return k(i,e),O([t.Property(null)],i.prototype,"template",void 0),O([t.Property(16)],i.prototype,"width",void 0),O([t.Property("Left")],i.prototype,"position",void 0),i}(t.ChildProperty),j=function(e){function i(){return null!==e&&e.apply(this,arguments)||this}return k(i,e),O([t.Property(400)],i.prototype,"duration",void 0),O([t.Property("None")],i.prototype,"effect",void 0),O([t.Property("ease")],i.prototype,"easing",void 0),i}(t.ChildProperty),N=function(e){function i(t,i){var s=e.call(this,t,i)||this;return s.step=1,s}return k(i,e),i.prototype.preRender=function(){e.prototype.preRender.call(this)},i.prototype.render=function(){e.prototype.render.call(this),this.init(),this.wireEvents(),this.setAria(),this.renderComplete()},i.prototype.start=function(e){this.isPaused=!1,this.startProgress(e||this.percent,this.progressTime)},i.prototype.stop=function(){this.isPaused=!0,cancelAnimationFrame(this.timerId)},i.prototype.progressComplete=function(){this.isPaused=!1,this.finishProgress()},i.prototype.getModuleName=function(){return"progress-btn"},i.prototype.destroy=function(){var i=this,s=[L,S,"e-round-corner","e-"+e.prototype.getModuleName.call(this),"e-spin-"+this.spinSettings.position.toLowerCase()];e.prototype.destroy.call(this),this.unWireEvents(),this.element.innerHTML="",this.cssClass&&(s=s.concat(this.cssClass.split(" "))),t.removeClass([this.element],s);(this.element.getAttribute("class")?["aria-label","aria-valuemin","aria-valuemax","aria-valuenow"]:["aria-label","aria-valuemin","aria-valuemax","aria-valuenow","class"]).forEach(function(e){i.element.removeAttribute(e)}),this.disabled&&this.element.removeAttribute("disabled")},i.prototype.init=function(){this.element.classList.add("e-"+e.prototype.getModuleName.call(this)),this.setContent(),this.createSpinner(),this.enableProgress&&this.createProgress()},i.prototype.createSpinner=function(){var e=this.createElement("span",{className:"e-spinner"});this.setSpinPosition(e),s.createSpinner({target:e,width:this.spinSettings.width||16,template:this.spinSettings.template},this.createElement)},i.prototype.getSpinner=function(){return this.element.getElementsByClassName("e-spinner")[0]},i.prototype.getProgress=function(){return this.element.getElementsByClassName("e-progress")[0]},i.prototype.setSpinPosition=function(e){var t=this.spinSettings.position||"Left";"Left"===t||"Top"===t?this.element.insertBefore(e,this.element.getElementsByClassName(H)[0]):this.element.appendChild(e),this.element.classList.add("e-spin-"+t.toLowerCase())},i.prototype.createProgress=function(){this.element.appendChild(this.createElement("span",{className:"e-progress"}))},i.prototype.setContent=function(){var e;e=this.element.innerHTML,this.enableHtmlSanitizer&&(e=t.SanitizeHtmlHelper.sanitize(this.element.innerHTML)),this.element.innerHTML="",this.element.appendChild(this.createElement("span",{className:H,innerHTML:e}))},i.prototype.setContentIcon=function(e){var t=this.createElement("span",{className:H,innerHTML:e});if(this.iconCss){var i=this.createElement("span",{className:"e-btn-icon "+this.iconCss});this.element.textContent.trim()?(i.classList.add("e-icon-"+this.iconPosition.toLowerCase()),"Top"!==this.iconPosition&&"Bottom"!==this.iconPosition||this.element.classList.add("e-"+this.iconPosition.toLowerCase()+"-icon-btn")):this.element.classList.add("e-icon-btn");var s=t.childNodes[0];!s||"Left"!==this.iconPosition&&"Top"!==this.iconPosition?t.appendChild(i):t.insertBefore(i,s)}this.element.appendChild(t)},i.prototype.clickHandler=function(){this.element.classList.contains(S)||this.startProgress()},i.prototype.startProgress=function(e,t){var i=this.element.classList,n=i.contains("e-vertical");i.add(S),i.contains(L)||s.showSpinner(this.element.querySelector(".e-spinner")),this.startAnimate(Date.now(),t||0,t?Date.now()-1*this.duration/100:Date.now(),e||0,0,this.step,0,n),this.startContAnimate()},i.prototype.startAnimate=function(e,t,i,s,n,o,r,a){var p=this;try{var l=e-i,c=this.duration*o/100,h=l?l<c?l-c:l%c:0;this.progressTime=t=t+l-h,i=e-h,s+=(l-h)/this.duration*100;var d={percent:n=(t-r)%c==0||100===s?s:n,currentDuration:t,step:o};this.eIsVertical=a,0===s?this.trigger("begin",d,function(e){p.successCallback(e,s,n,t,r,h,i)}):100===s||t===this.duration?this.trigger("end",d,function(e){p.successCallback(e,s,n,t,r,h,i)}):this.trigger("progress",d,function(e){p.successCallback(e,s,n,t,r,h,i)})}catch(e){cancelAnimationFrame(this.timerId),this.trigger("fail",e)}},i.prototype.successCallback=function(e,t,i,s,n,o,r){var a=this,p=t,l=i,c=o,h=s,d=n,u=r,m=this.eIsVertical;p!==e.percent&&e.percent!==l&&(p=e.percent),this.percent=p,this.step=e.step,(h-d)%(this.duration*e.step/100)!=0&&100!==p||(this.timerId=requestAnimationFrame(function(){a.enableProgress&&a.getProgress()&&(a.getProgress().style[m?"height":"width"]=p+"%"),a.element.setAttribute("aria-valuenow",p.toString())}),l=p,d=h),this.isPaused||(h<this.duration&&p<100?this.interval=window.setTimeout(function(){a.startAnimate(Date.now(),h,u,p,l,e.step,d,m)},this.duration/100-c):this.interval=window.setTimeout(function(){a.progressTime=a.percent=0,a.enableProgress&&a.getProgress()&&(a.getProgress().style[m?"height":"width"]="0%"),a.element.setAttribute("aria-valuenow","0"),a.hideSpin()},100))},i.prototype.startContAnimate=function(){var e=this,i=this.element.getElementsByClassName(H)[0];"None"!==this.animationSettings.effect?new t.Animation({}).animate(i,{duration:0===this.animationSettings.duration&&"Enable"===t.animationMode?400:this.animationSettings.duration,name:"Progress"+this.animationSettings.effect,timingFunction:this.animationSettings.easing,begin:function(){"Center"===e.spinSettings.position&&e.setSpinnerSize()},end:function(){i.classList.add("e-animate-end")}}):"Center"===this.spinSettings.position&&this.setSpinnerSize()},i.prototype.finishProgress=function(){var e=this.element.classList,t=e.contains("e-vertical");e.add(S);for(var i=this.percent;i<100;i++)(i+=10)>100&&(i=100),this.enableProgress&&this.getProgress()&&(this.getProgress().style[t?"height":"width"]=this.percent<100?i+"%":"100%");this.element.setAttribute("aria-valuenow","0"),this.hideSpin();var s={step:this.step,currentDuration:this.progressTime,percent:100};clearTimeout(this.interval),this.trigger("end",s),this.progressTime=this.percent=0},i.prototype.setSpinnerSize=function(){var e=this.element.getElementsByClassName(H)[0],t=this.getSpinner();t.style.width=Math.max(t.offsetWidth,e.offsetWidth)+"px",t.style.height=Math.max(t.offsetHeight,e.offsetHeight)+"px",e.classList.add("e-cont-animate")},i.prototype.hideSpin=function(){var e=this.element.getElementsByClassName(H)[0];if(this.element.classList.contains(L)||s.hideSpinner(this.element.querySelector(".e-spinner")),this.element.classList.remove(S),"None"!==this.animationSettings.effect&&e.classList.remove("e-animate-end"),"Center"===this.spinSettings.position){var t=this.getSpinner();e.classList.remove("e-cont-animate"),t.style.width="auto",t.style.height="auto"}},i.prototype.setIconSpan=function(){var e=this.element.getElementsByClassName(H)[0],t=this.element.getElementsByClassName("e-btn-icon")[0];!e.childNodes[0]||"Left"!==this.iconPosition&&"Top"!==this.iconPosition?e.appendChild(t):e.insertBefore(t,e.childNodes[0])},i.prototype.setAria=function(){t.attributes(this.element,{"aria-label":this.element.textContent+" progress"})},i.prototype.wireEvents=function(){t.EventHandler.add(this.element,"click",this.clickHandler,this)},i.prototype.unWireEvents=function(){t.EventHandler.remove(this.element,"click",this.clickHandler)},i.prototype.onPropertyChanged=function(i,n){var o=this.element,r=!1;this.element.querySelector(".e-spinner-pane").classList.contains("e-spin-show")&&(r=!0),e.prototype.onPropertyChanged.call(this,i,n);for(var a=0,p=Object.keys(i);a<p.length;a++){switch(p[a]){case"content":this.setContent(),this.createSpinner(),r&&(s.showSpinner(this.element.querySelector(".e-spinner")),r=!1),this.enableProgress&&this.createProgress(),o.setAttribute("aria-label",o.textContent+" progress");break;case"iconCss":n.iconCss||this.setIconSpan();break;case"iconPosition":this.setIconSpan();break;case"enableProgress":i.enableProgress?this.createProgress():t.remove(this.getProgress());break;case"spinSettings":i.spinSettings.position&&(o.classList.remove("e-spin-"+n.spinSettings.position.toLowerCase()),this.setSpinPosition(this.getSpinner())),(i.spinSettings.template||i.spinSettings.width)&&(o.removeChild(this.getSpinner()),this.createSpinner())}}},i.prototype.focusIn=function(){this.element.focus()},O([t.Property(!1)],i.prototype,"enableProgress",void 0),O([t.Property(2e3)],i.prototype,"duration",void 0),O([t.Property("Left")],i.prototype,"iconPosition",void 0),O([t.Property("")],i.prototype,"iconCss",void 0),O([t.Property(!1)],i.prototype,"disabled",void 0),O([t.Property(!1)],i.prototype,"isPrimary",void 0),O([t.Property("")],i.prototype,"cssClass",void 0),O([t.Property("")],i.prototype,"content",void 0),O([t.Property(!1)],i.prototype,"isToggle",void 0),O([t.Property(!0)],i.prototype,"enableHtmlSanitizer",void 0),O([t.Complex({},B)],i.prototype,"spinSettings",void 0),O([t.Complex({},j)],i.prototype,"animationSettings",void 0),O([t.Event()],i.prototype,"created",void 0),O([t.Event()],i.prototype,"begin",void 0),O([t.Event()],i.prototype,"progress",void 0),O([t.Event()],i.prototype,"end",void 0),O([t.Event()],i.prototype,"fail",void 0),i=O([t.NotifyPropertyChanges],i)}(i.Button);e.getModel=n,e.upDownKeyHandler=o,e.setBlankIconStyle=a,e.Item=c,e.DropDownButton=g,e.SplitButton=E,e.Deferred=w,e.createButtonGroup=function(e,s,n){void 0===s&&(s={});var o,r,a,p;t.isNullOrUndefined(n)&&(n=t.createElement);var l=document.querySelector(e);t.addClass([l],["e-btn-group","e-css"]),l.setAttribute("role","group");var c=l.children;s.buttons=s.buttons||[];for(var h=0,d=0;d<c.length;h++,d++)o=c[d],null!==(p=s.buttons[h])&&("BUTTON"===o.tagName?r=o:(r=n("label"),(a=c[d+1])?l.insertBefore(r,a):l.appendChild(r),o.id&&r.setAttribute("for",o.id),p&&p.disabled&&(o.disabled=!0),d++),s.cssClass&&p&&!p.cssClass&&(p.cssClass=s.cssClass),new i.Button(p||{},r));return l},e.SpinSettings=B,e.AnimationSettings=j,e.ProgressButton=N,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-base"),require("@syncfusion/ej2-buttons"),require("@syncfusion/ej2-popups")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-base","@syncfusion/ej2-buttons","@syncfusion/ej2-popups"],t):t((e=e||self).ej={},e.ej2Base,e.ej2Buttons,e.ej2Popups)}(this,function(e,h,d,r){"use strict";i=function(e,t){return(i=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var s in t)t.hasOwnProperty(s)&&(e[s]=t[s])}))(e,t)};var i,t=function(e,t){function s(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(s.prototype=t.prototype,new s)},s=function(e,t,s,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,s,i);else for(var a=e.length-1;0<=a;a--)(n=e[a])&&(r=(o<3?n(r):3<o?n(t,s,r):n(t,s))||r);return 3<o&&r&&Object.defineProperty(t,s,r),r};function a(e,t){for(var s=h.extend({},e),i=0,n=Object.keys(s);i<n.length;i++){var o=n[i];t.indexOf(o)<0&&h.deleteObject(s,o)}return s}function n(e,t){var s=40===t?0:e.childElementCount-1,i=s,n=e.querySelector(".e-selected");n&&n.classList.remove("e-selected");for(var o=0,r=e.children.length;o<r;o++)e.children[o].classList.contains("e-focused")&&(i=o,e.children[o].classList.remove("e-focused"),40===t?i++:i--,i===(40===t?e.childElementCount:-1))&&(i=s);-1!==(i=function e(t,s,i,n,o){void 0===o&&(o=0);(s.classList.contains("e-separator")||s.classList.contains("e-disabled"))&&(i===(40===n?t.childElementCount-1:0)?i=40===n?0:t.childElementCount-1:40===n?i++:i--);s=t.children[i];if(s.classList.contains("e-separator")||s.classList.contains("e-disabled")){if(++o===t.childElementCount)return i=-1;i=e(t,s,i,n,o)}return i}(e,e.children[i],i,t))&&(h.addClass([e.children[i]],"e-focused"),e.children[i].focus())}function p(e,t){var s,i,n,o=[].slice.call(e.getElementsByClassName("e-blank-icon"));t&&[].slice.call(e.getElementsByClassName("e-item")).forEach(function(e){(e.style.paddingLeft||e.style.paddingRight)&&e.removeAttribute("style")}),o.length&&(t=e.querySelector(".e-item:not(.e-blank-icon):not(.e-separator)"),h.isNullOrUndefined(t)||(s=(t=t.classList.contains("e-url")?t.querySelector(".e-menu-url"):t).querySelector(".e-menu-icon"),e=e.classList.contains("e-rtl"),i=e?{padding:"paddingRight",margin:"marginLeft"}:{padding:"paddingLeft",margin:"marginRight"},n=parseInt(getComputedStyle(s).fontSize,10)+parseInt(getComputedStyle(s)[i.margin],10)+parseInt(getComputedStyle(t).paddingLeft,10)+"px",o.forEach(function(e){e.classList.contains("e-url")?e.querySelector(".e-menu-url").style[i.padding]=n:e.style[i.padding]=n})))}o=h.ChildProperty,t(c,o),s([h.Property("")],c.prototype,"iconCss",void 0),s([h.Property("")],c.prototype,"id",void 0),s([h.Property(!1)],c.prototype,"separator",void 0),s([h.Property("")],c.prototype,"text",void 0),s([h.Property("")],c.prototype,"url",void 0),s([h.Property(!1)],c.prototype,"disabled",void 0);var o,l=c;function c(){return null!==o&&o.apply(this,arguments)||this}u=function(e,t){return(u=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var s in t)t.hasOwnProperty(s)&&(e[s]=t[s])}))(e,t)};var u,m,t=function(e,t){function s(){this.constructor=e}u(e,t),e.prototype=null===t?Object.create(t):(s.prototype=t.prototype,new s)},s=function(e,t,s,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,s,i);else for(var a=e.length-1;0<=a;a--)(n=e[a])&&(r=(o<3?n(r):3<o?n(t,s,r):n(t,s))||r);return 3<o&&r&&Object.defineProperty(t,s,r),r},R="e-menu-icon",y="e-item",I="e-dropdown-popup",T="e-separator",f="e-vertical",g=(m=h.Component,t(v,m),v.prototype.preRender=function(){},v.prototype.getPersistData=function(){return this.addOnPersist([])},v.prototype.toggle=function(){this.canOpen()?this.openPopUp():this.createPopupOnClick&&!this.isPopupCreated?(this.createPopup(),this.openPopUp()):this.closePopup()},v.prototype.render=function(){this.initialize(),this.disabled||this.wireEvents(),this.renderComplete()},v.prototype.addItems=function(e,t){for(var s,i=this.items.length,n=0,o=this.items.length;n<o;n++)if(t===this.items[n].text){i=n;break}for(var r=e.length-1;0<=r;r--)s=new l(this,"items",e[r],!0),this.items.splice(i,0,s);this.canOpen()||this.createItems()},v.prototype.removeItems=function(e,t){for(var s=!1,i=0,n=e.length;i<n;i++)for(var o=0,r=this.items.length;o<r;o++)if(e[i]===(t?this.items[o].id:this.items[o].text)){this.items.splice(o,1),s=!0;break}s&&this.getULElement()&&this.createItems()},v.prototype.createPopup=function(){var e,t=this.createElement("div",{className:I,id:this.element.id+"-popup"});document.body.appendChild(t),this.dropDown=new r.Popup(t,{relateTo:this.element,collision:{X:"fit",Y:"flip"},position:{X:"left",Y:"bottom"},targetType:"relative",content:this.target?this.getTargetElement():"",enableRtl:this.enableRtl}),this.dropDown.element.setAttribute("role","dialog"),this.dropDown.element.setAttribute("aria-label","dropdown menu"),h.isNullOrUndefined(this.popupContent)||(this.popupContent.style.display=""),"fixed"===this.dropDown.element.style.position&&this.dropDown.refreshPosition(this.element),this.dropDown.hide(),h.attributes(this.element,((e={})["aria-haspopup"]=this.items.length||this.target?"true":"false",e["aria-expanded"]="false",e.type="button",e)),this.cssClass&&h.addClass([t],this.cssClass.replace(/\s+/g," ").trim().split(" ")),this.isPopupCreated=!0},v.prototype.getTargetElement=function(){return!this.createPopupOnClick||this.isColorPicker()||h.isNullOrUndefined(this.popupContent)?"string"==typeof this.target?h.select(this.target):this.target:this.popupContent},v.prototype.createItems=function(e){var t=this.items,s=this.hasIcon(this.items,"iconCss"),i=this.getULElement();i?i.innerHTML="":i=this.createElement("ul",{attrs:{role:"menu",tabindex:"0"}});for(var n=0;n<t.length;n++){var o,r=(o=t[n]).text,a=this.createElement("li",{innerHTML:o.url?"":r,className:o.separator?y+" "+T:y,attrs:o.separator?{role:"separator",tabindex:"-1","aria-label":"separator","aria-hidden":"true"}:{role:"menuitem",tabindex:"-1","aria-label":r},id:o.id||h.getUniqueID("e-"+this.getModuleName()+"-item")}),r=(this.enableHtmlSanitizer?a.textContent=o.url?"":r:a.innerHTML=o.url?"":r,o.url&&(a.appendChild(this.createAnchor(o)),a.classList.add("e-url")),o.iconCss?(r=this.createElement("span",{className:R+" "+o.iconCss}),o.url?a.childNodes[0].appendChild(r):a.insertBefore(r,a.childNodes[0])):s&&!o.separator&&a.classList.add("e-blank-icon"),o.disabled);o.disabled&&a.classList.add("e-disabled"),this.trigger("beforeItemRender",o={item:o,element:a}),r!==o.item.disabled&&(o.item.disabled?a.classList.add("e-disabled"):a.classList.remove("e-disabled")),i.appendChild(a)}e&&this.getPopUpElement().appendChild(i),s&&p(this.getPopUpElement())},v.prototype.hasIcon=function(e,t){for(var s=0,i=e.length;s<i;s++)if(e[s][""+t])return!0;return!1},v.prototype.createAnchor=function(e){var t=this.enableHtmlSanitizer?h.SanitizeHtmlHelper.sanitize(e.text):e.text;return this.createElement("a",{className:"e-menu-text e-menu-url",innerHTML:t,attrs:{href:e.url}})},v.prototype.initialize=function(){this.button=new d.Button({iconCss:this.iconCss,iconPosition:this.iconPosition,cssClass:this.cssClass,content:this.content,disabled:this.disabled,enableRtl:this.enableRtl,enablePersistence:this.enablePersistence}),this.button.createElement=this.createElement,this.button.appendTo(this.element),this.element.id||(this.element.id=h.getUniqueID("e-"+this.getModuleName())),this.appendArrowSpan(),this.setActiveElem([this.element]),this.element.setAttribute("tabindex","0"),this.element.setAttribute("aria-label",this.element.textContent||"dropdownbutton"),this.target&&!this.isColorPicker()&&!this.createPopupOnClick||!this.createPopupOnClick?this.createPopup():(this.isPopupCreated=!1,this.target&&!this.isColorPicker()&&this.createPopupOnClick&&(this.popupContent=this.getTargetElement(),this.popupContent.style.display="none"))},v.prototype.isColorPicker=function(){var e;return!!this.element&&!!((e=this.element.previousSibling)&&e.classList&&e.classList.contains("e-split-colorpicker"))},v.prototype.appendArrowSpan=function(){this.cssClass=h.isNullOrUndefined(this.cssClass)?"":this.cssClass,this.element.appendChild(this.createElement("span",{className:"e-btn-icon e-icons e-icon-"+(-1<this.cssClass.indexOf(f)?"bottom":"right")+" e-caret"}))},v.prototype.setActiveElem=function(e){this.activeElem=e},v.prototype.getModuleName=function(){return"dropdown-btn"},v.prototype.canOpen=function(){var e=!1;return e=this.isPopupCreated?this.getPopUpElement().classList.contains("e-popup-close"):e},v.prototype.destroy=function(){var e,t=this;m.prototype.destroy.call(this),"dropdown-btn"===this.getModuleName()&&(this.element.querySelector("span.e-caret")&&h.detach(this.element.querySelector("span.e-caret")),this.cssClass&&(e=this.cssClass.split(" ")),this.button.destroy(),e&&h.removeClass([this.element],e),h.removeClass(this.activeElem,["e-active"]),(this.element.getAttribute("class")?["aria-haspopup","aria-expanded","aria-owns","type"]:["aria-haspopup","aria-expanded","aria-owns","type","class"]).forEach(function(e){t.element.removeAttribute(e)}),this.popupUnWireEvents(),this.destroyPopup(),this.isPopupCreated=!1,this.disabled||this.unWireEvents())},v.prototype.destroyPopup=function(){var e;this.isPopupCreated&&(this.dropDown.destroy(),this.getPopUpElement()&&(e=document.getElementById(this.getPopUpElement().id))&&(h.removeClass([e],["e-popup-open","e-popup-close"]),h.detach(e)),h.EventHandler.remove(this.getPopUpElement(),"click",this.clickHandler),h.EventHandler.remove(this.getPopUpElement(),"keydown",this.keyBoardHandler),this.isPopupCreated)&&this.dropDown&&(this.dropDown.element=null,this.dropDown=void 0),this.isPopupCreated=!1},v.prototype.getPopUpElement=function(){var e,t=null;return!this.dropDown&&this.activeElem[0].classList.contains("e-split-btn")&&(e=h.getComponent(this.activeElem[1],"dropdown-btn"))&&(this.dropDown=e.dropDown),t=this.dropDown?this.dropDown.element:t},v.prototype.getULElement=function(){var e=null;return e=this.getPopUpElement()?this.getPopUpElement().children[0]:e},v.prototype.wireEvents=function(){this.delegateMousedownHandler=this.mousedownHandler.bind(this),this.createPopupOnClick||h.EventHandler.add(document,"mousedown touchstart",this.delegateMousedownHandler,this),h.EventHandler.add(this.element,"click",this.clickHandler,this),h.EventHandler.add(this.element,"keydown",this.keyBoardHandler,this),h.EventHandler.add(window,"resize",this.windowResize,this)},v.prototype.windowResize=function(){!this.canOpen()&&this.dropDown&&this.dropDown.refreshPosition(this.element)},v.prototype.popupWireEvents=function(){this.delegateMousedownHandler||(this.delegateMousedownHandler=this.mousedownHandler.bind(this));var e=this.getPopUpElement();this.createPopupOnClick&&h.EventHandler.add(document,"mousedown touchstart",this.delegateMousedownHandler,this),e&&(h.EventHandler.add(e,"click",this.clickHandler,this),h.EventHandler.add(e,"keydown",this.keyBoardHandler,this),this.closeActionEvents)&&h.EventHandler.add(e,this.closeActionEvents,this.focusoutHandler,this),this.rippleFn=h.rippleEffect(e,{selector:"."+y})},v.prototype.popupUnWireEvents=function(){var e=this.getPopUpElement();this.createPopupOnClick&&h.EventHandler.remove(document,"mousedown touchstart",this.delegateMousedownHandler),e&&e.parentElement&&(h.EventHandler.remove(e,"click",this.clickHandler),h.EventHandler.remove(e,"keydown",this.keyBoardHandler),this.closeActionEvents)&&h.EventHandler.remove(e,this.closeActionEvents,this.focusoutHandler),h.isRippleEnabled&&this.rippleFn&&this.rippleFn()},v.prototype.keyBoardHandler=function(e){if(e.target!==this.element||9!==e.keyCode&&(e.altKey||40!==e.keyCode)&&38!==e.keyCode)switch(e.keyCode){case 38:case 40:!e.altKey||38!==e.keyCode&&40!==e.keyCode?this.upDownKeyHandler(e):this.keyEventHandler(e);break;case 9:case 13:case 27:case 32:this.keyEventHandler(e)}},v.prototype.upDownKeyHandler=function(e){this.target&&(38===e.keyCode||40===e.keyCode)||(e.preventDefault(),n(this.getULElement(),e.keyCode))},v.prototype.keyEventHandler=function(e){this.target&&(13===e.keyCode||9===e.keyCode)||(13===e.keyCode&&this.activeElem[0].classList.contains("e-split-btn")?(this.triggerSelect(e),this.activeElem[0].focus()):e.target&&-1<e.target.className.indexOf("e-edit-template")&&32===e.keyCode||(9!==e.keyCode&&e.preventDefault(),27===e.keyCode||38===e.keyCode||9===e.keyCode?this.canOpen()||this.closePopup(e,this.element):this.clickHandler(e)))},v.prototype.getLI=function(e){return"LI"===e.tagName?e:h.closest(e,"li")},v.prototype.mousedownHandler=function(e){var t=e.target;!this.dropDown||this.canOpen()||h.closest(t,'[id="'+this.getPopUpElement().id+'"]')||h.closest(t,'[id="'+this.element.id+'"]')||this.closePopup(e)},v.prototype.focusoutHandler=function(e){var t,s;this.isPopupCreated&&!this.canOpen()&&((t=e.relatedTarget)&&-1<t.className.indexOf("e-item")&&(t=this.getLI(t))&&(s=Array.prototype.indexOf.call(this.getULElement().children,t),s=this.items[s])&&this.trigger("select",{element:t,item:s,event:e}),this.closePopup(e))},v.prototype.clickHandler=function(e){var t=e.target;h.closest(t,'[id="'+this.element.id+'"]')?!this.createPopupOnClick||this.target&&""!==this.target&&!this.isColorPicker()&&!this.createPopupOnClick?this.getPopUpElement().classList.contains("e-popup-close")?this.openPopUp(e):this.closePopup(e):this.isPopupCreated?this.closePopup(e,this.activeElem[0]):(this.createPopup(),this.openPopUp(e)):h.closest(t,'[id="'+this.getPopUpElement().id+'"]')&&this.getLI(e.target)&&(this.triggerSelect(e),this.closePopup(e,this.activeElem[0]))},v.prototype.triggerSelect=function(e){var t,s=this.getLI(e.target);s&&(t=Array.prototype.indexOf.call(this.getULElement().children,s),t=this.items[t])&&this.trigger("select",{element:s,item:t,event:e})},v.prototype.openPopUp=function(e){var s=this,t=(void 0===e&&(e=null),this.getPopUpElement()),i=(this.target?1<this.activeElem.length?(i=h.getComponent(this.activeElem[0],"split-btn")).isReact&&t.childNodes.length<1&&(i.appendReactElement(this.getTargetElement(),this.getPopUpElement()),this.renderReactTemplates()):this.isReact&&t.childNodes.length<1&&(this.appendReactElement(this.getTargetElement(),this.getPopUpElement()),this.renderReactTemplates()):this.createItems(!0),this.getULElement()),t=(this.popupWireEvents(),{element:i,items:this.items,event:e,cancel:!1});this.trigger("beforeOpen",t,function(e){var t;e.cancel||(e=s.getULElement(),s.dropDown.show(null,s.element),h.addClass([s.element],"e-active"),s.element.setAttribute("aria-expanded","true"),s.element.setAttribute("aria-owns",s.getPopUpElement().id),e&&e.focus(),s.enableRtl&&"0px"!==e.parentElement.style.left&&(t=void 0,t=(s.element.parentElement&&s.element.parentElement.classList.contains("e-split-btn-wrapper")?s.element.parentElement:s.element).offsetWidth,t=e.parentElement.offsetWidth-t,t=parseFloat(e.parentElement.style.left)-t,e.parentElement.style.left=(t=t<0?0:t)+"px"),t={element:e,items:s.items},s.trigger("open",t))})},v.prototype.closePopup=function(e,s){var i=this,n=(void 0===e&&(e=null),this.getULElement()),e={element:n,items:this.items,event:e,cancel:!1};this.trigger("beforeClose",e,function(e){var t;e.cancel?n&&n.focus():((e=i.getPopUpElement())&&h.EventHandler.remove(e,"keydown",i.keyBoardHandler),i.popupUnWireEvents(),e=void 0,(e=(t=i.getULElement())?t.querySelector(".e-selected"):e)&&e.classList.remove("e-selected"),i.dropDown.hide(),h.removeClass(i.activeElem,"e-active"),i.element.setAttribute("aria-expanded","false"),i.element.removeAttribute("aria-owns"),s&&s.focus(),e={element:t,items:i.items},i.trigger("close",e),!i.target&&t&&h.detach(t),(!i.target||i.isColorPicker()||i.target&&!i.isColorPicker())&&i.createPopupOnClick&&i.destroyPopup())})},v.prototype.unWireEvents=function(){this.createPopupOnClick||h.EventHandler.remove(document,"mousedown touchstart",this.delegateMousedownHandler),h.EventHandler.remove(this.element,"click",this.clickHandler),h.EventHandler.remove(this.element,"keydown",this.keyBoardHandler),this.isPopupCreated&&(h.EventHandler.remove(this.getPopUpElement(),"click",this.clickHandler),h.EventHandler.remove(this.getPopUpElement(),"keydown",this.keyBoardHandler)),h.EventHandler.remove(window,"resize",this.windowResize)},v.prototype.onPropertyChanged=function(e,t){var s;this.button.setProperties(a(e,["content","cssClass","iconCss","iconPosition","disabled","enableRtl"])),this.isPopupCreated&&(s=this.getPopUpElement(),this.dropDown.setProperties(a(e,["enableRtl"])));for(var i,n=0,o=Object.keys(e);n<o.length;n++)switch(o[n]){case"content":this.element.querySelector("span.e-caret")||this.appendArrowSpan();break;case"disabled":e.disabled?(this.unWireEvents(),this.isPopupCreated&&!this.canOpen()&&this.closePopup()):this.wireEvents();break;case"cssClass":(-1<e.cssClass.indexOf(f)||-1<t.cssClass.indexOf(f))&&(this.element.querySelector("span.e-caret")||this.appendArrowSpan(),i=this.element.querySelector("span.e-caret"),-1<e.cssClass.indexOf(f)?h.classList(i,["e-icon-bottom"],["e-icon-right"]):h.classList(i,["e-icon-right"],["e-icon-bottom"])),this.isPopupCreated&&(t.cssClass&&h.removeClass([s],t.cssClass.split(" ")),e.cssClass)&&h.addClass([s],e.cssClass.replace(/\s+/g," ").trim().split(" "));break;case"target":this.dropDown.content=this.getTargetElement(),this.dropDown.dataBind();break;case"items":this.isPopupCreated&&this.getULElement()&&this.createItems();break;case"createPopupOnClick":e.createPopupOnClick?this.destroyPopup():this.createPopup()}},v.prototype.focusIn=function(){this.element.focus()},s([h.Property("")],v.prototype,"content",void 0),s([h.Property("")],v.prototype,"cssClass",void 0),s([h.Property(!1)],v.prototype,"disabled",void 0),s([h.Property("")],v.prototype,"iconCss",void 0),s([h.Property("Left")],v.prototype,"iconPosition",void 0),s([h.Property(!0)],v.prototype,"enableHtmlSanitizer",void 0),s([h.Collection([],l)],v.prototype,"items",void 0),s([h.Property(!1)],v.prototype,"createPopupOnClick",void 0),s([h.Property("")],v.prototype,"target",void 0),s([h.Property("")],v.prototype,"closeActionEvents",void 0),s([h.Event()],v.prototype,"beforeItemRender",void 0),s([h.Event()],v.prototype,"beforeOpen",void 0),s([h.Event()],v.prototype,"beforeClose",void 0),s([h.Event()],v.prototype,"close",void 0),s([h.Event()],v.prototype,"open",void 0),s([h.Event()],v.prototype,"select",void 0),s([h.Event()],v.prototype,"created",void 0),s([h.NotifyPropertyChanges],v));function v(e,t){e=m.call(this,e,t)||this;return e.isPopupCreated=!0,e}b=function(e,t){return(b=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var s in t)t.hasOwnProperty(s)&&(e[s]=t[s])}))(e,t)};var b,C,t=function(e,t,s,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,s,i);else for(var a=e.length-1;0<=a;a--)(n=e[a])&&(r=(o<3?n(r):3<o?n(t,s,r):n(t,s))||r);return 3<o&&r&&Object.defineProperty(t,s,r),r},P="e-rtl",E="EJS-SPLITBUTTON",s=(function(e,t){function s(){this.constructor=e}b(e,t),e.prototype=null===t?Object.create(t):(s.prototype=t.prototype,new s)}(w,C=g),w.prototype.preRender=function(){var e=this.element;if(e.tagName===E){for(var t=h.getValue("ej2_instances",e),s=this.createElement("button",{attrs:{type:"button"}}),i=this.createElement(E,{className:"e-"+this.getModuleName()+"-wrapper"}),n=0,o=e.attributes.length;n<o;n++)s.setAttribute(e.attributes[n].nodeName,e.attributes[n].nodeValue);e.parentNode.insertBefore(i,e),h.detach(e),i.appendChild(e=s),h.setValue("ej2_instances",t,e),this.wrapper=i,this.element=e}this.element.id||(this.element.id=h.getUniqueID("e-"+this.getModuleName()))},w.prototype.render=function(){this.initWrapper(),this.createPrimaryButton(),this.renderControl()},w.prototype.renderControl=function(){this.createSecondaryButton(),this.setActiveElem([this.element,this.secondaryBtnObj.element]),this.setAria(),this.wireEvents(),this.renderComplete()},w.prototype.addItems=function(e,t){C.prototype.addItems.call(this,e,t),this.secondaryBtnObj.items=this.items},w.prototype.removeItems=function(e,t){C.prototype.removeItems.call(this,e,t),this.secondaryBtnObj.items=this.items},w.prototype.initWrapper=function(){this.wrapper||(this.wrapper=this.createElement("div",{className:"e-"+this.getModuleName()+"-wrapper"}),this.element.parentNode.insertBefore(this.wrapper,this.element)),this.element.classList.remove("e-"+this.getModuleName()),this.enableRtl&&this.wrapper.classList.add(P),this.cssClass&&h.addClass([this.wrapper],this.cssClass.replace(/\s+/g," ").trim().split(" "))},w.prototype.createPrimaryButton=function(){var e={cssClass:this.cssClass,enableRtl:this.enableRtl,iconCss:this.iconCss,iconPosition:this.iconPosition,content:this.content,disabled:this.disabled};this.primaryBtnObj=new d.Button(e),this.primaryBtnObj.createElement=this.createElement,this.primaryBtnObj.appendTo(this.element),this.element.classList.add("e-"+this.getModuleName()),this.element.type="button",this.wrapper.appendChild(this.element)},w.prototype.createSecondaryButton=function(){var s=this,e=this.createElement("button",{className:"e-icon-btn",attrs:{tabindex:"-1"},id:this.element.id+"_dropdownbtn"}),t=(this.wrapper.appendChild(e),{cssClass:this.cssClass,disabled:this.disabled,enableRtl:this.enableRtl,items:this.items,target:this.target,createPopupOnClick:this.createPopupOnClick});t.beforeItemRender=function(e){s.createPopupOnClick&&(s.secondaryBtnObj.dropDown.relateTo=s.wrapper,s.dropDown=s.secondaryBtnObj.dropDown),s.trigger("beforeItemRender",e)},t.open=function(e){s.trigger("open",e)},t.close=function(e){s.trigger("close",e)},t.select=function(e){s.trigger("select",e)},t.beforeOpen=function(e){s.createPopupOnClick&&0===s.items.length&&(s.secondaryBtnObj.dropDown.relateTo=s.wrapper,s.dropDown=s.secondaryBtnObj.dropDown);var t=new k;return s.trigger("beforeOpen",e,function(e){t.resolve(e)}),t},t.beforeClose=function(e){var t=new k;return s.trigger("beforeClose",e,function(e){t.resolve(e)}),t},this.secondaryBtnObj=new g(t),this.secondaryBtnObj.createElement=this.createElement,this.secondaryBtnObj.appendTo(e),this.createPopupOnClick||(this.secondaryBtnObj.dropDown.relateTo=this.wrapper,this.dropDown=this.secondaryBtnObj.dropDown),this.isPopupCreated=this.secondaryBtnObj.isPopupCreated,this.secondaryBtnObj.activeElem=[this.element,this.secondaryBtnObj.element],this.secondaryBtnObj.element.querySelector(".e-btn-icon").classList.remove("e-icon-right"),this.disabled&&this.wrapper.classList.add("e-splitbtn-disabled")},w.prototype.setAria=function(){h.attributes(this.element,{"aria-expanded":"false","aria-haspopup":"true","aria-label":this.element.textContent?this.element.textContent+" splitbutton":"splitbutton","aria-owns":this.element.id+"_dropdownbtn-popup"})},w.prototype.getModuleName=function(){return"split-btn"},w.prototype.toggle=function(){this.secondaryBtnObj.toggle()},w.prototype.destroy=function(){var e,t=this,s=[P];this.cssClass&&(s=s.concat(this.cssClass.split(" "))),this.element&&(e=document.getElementById(this.element.id))&&e.parentElement===this.wrapper&&(this.wrapper.tagName===E?(this.wrapper.innerHTML="",h.removeClass([this.wrapper],["e-rtl","e-"+this.getModuleName()+"-wrapper"]),h.removeClass([this.wrapper],this.cssClass.split(" "))):(h.removeClass([this.element],s),["aria-label","aria-haspopup","aria-expanded","aria-owns","type"].forEach(function(e){t.element.removeAttribute(e)}),this.wrapper.parentNode.insertBefore(this.element,this.wrapper),h.remove(this.wrapper)),this.unWireEvents()),this.primaryBtnObj.destroy(),this.secondaryBtnObj.destroy(),C.prototype.destroy.call(this),this.element&&!this.element.getAttribute("class")&&this.element.removeAttribute("class"),this.refreshing&&this.isAngular&&(this.element=this.wrapper,["e-control","e-split-btn","e-lib"].forEach(function(e){t.element.classList.add(e)}),h.setValue("ej2_instances",[this],this.element)),this.wrapper=null},w.prototype.wireEvents=function(){h.EventHandler.add(this.element,"click",this.primaryBtnClickHandler,this),new h.KeyboardEvents(this.element,{keyAction:this.btnKeyBoardHandler.bind(this),keyConfigs:{altdownarrow:"alt+downarrow",enter:"enter"}})},w.prototype.unWireEvents=function(){h.EventHandler.remove(this.element,"click",this.primaryBtnClickHandler),h.getInstance(this.element,h.KeyboardEvents).destroy()},w.prototype.primaryBtnClickHandler=function(){this.trigger("click",{element:this.element})},w.prototype.btnKeyBoardHandler=function(e){switch(e.action){case"altdownarrow":this.clickHandler(e);break;case"enter":this.clickHandler(e),this.getPopUpElement()&&!this.getPopUpElement().classList.contains("e-popup-close")?(this.element.classList.remove("e-active"),this.secondaryBtnObj.element.classList.add("e-active")):this.secondaryBtnObj.element.classList.remove("e-active")}},w.prototype.onPropertyChanged=function(e,t){var s;this.primaryBtnObj.setProperties(a(e,["content","iconCss","iconPosition","cssClass","disabled","enableRtl"])),s=["beforeOpen","beforeItemRender","select","open","close","cssClass","disabled","enableRtl","createPopupOnClick"],-1<Object.keys(e).indexOf("items")&&(this.secondaryBtnObj.items=e.items,this.secondaryBtnObj.dataBind()),this.secondaryBtnObj.setProperties(a(e,s));for(var i=0,n=Object.keys(e);i<n.length;i++)switch(n[i]){case"cssClass":t.cssClass&&h.removeClass([this.wrapper],t.cssClass.split(" ")),h.addClass([this.wrapper],e.cssClass.replace(/\s+/g," ").trim().split(" "));break;case"enableRtl":e.enableRtl?h.addClass([this.wrapper],P):h.removeClass([this.wrapper],P);break;case"disabled":e.disabled?h.addClass([this.wrapper],"e-splitbtn-disabled"):h.removeClass([this.wrapper],"e-splitbtn-disabled")}},w.prototype.focusIn=function(){this.element.focus()},t([h.Property("")],w.prototype,"content",void 0),t([h.Property("")],w.prototype,"cssClass",void 0),t([h.Property(!1)],w.prototype,"disabled",void 0),t([h.Property("")],w.prototype,"iconCss",void 0),t([h.Property("Left")],w.prototype,"iconPosition",void 0),t([h.Property(!1)],w.prototype,"createPopupOnClick",void 0),t([h.Collection([],l)],w.prototype,"items",void 0),t([h.Property("")],w.prototype,"target",void 0),t([h.Event()],w.prototype,"beforeItemRender",void 0),t([h.Event()],w.prototype,"beforeOpen",void 0),t([h.Event()],w.prototype,"beforeClose",void 0),t([h.Event()],w.prototype,"click",void 0),t([h.Event()],w.prototype,"close",void 0),t([h.Event()],w.prototype,"open",void 0),t([h.Event()],w.prototype,"select",void 0),t([h.Event()],w.prototype,"created",void 0),t([h.NotifyPropertyChanges],w));function w(e,t){return C.call(this,e,t)||this}var k=function(){var s=this;this.promise=new Promise(function(e,t){s.resolve=e,s.reject=t}),this.catch=this.promise.catch.bind(this.promise),this.then=this.promise.then.bind(this.promise)};O=function(e,t){return(O=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var s in t)t.hasOwnProperty(s)&&(e[s]=t[s])}))(e,t)};var O,L,t=function(e,t){function s(){this.constructor=e}O(e,t),e.prototype=null===t?Object.create(t):(s.prototype=t.prototype,new s)},S=function(e,t,s,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,s,i);else for(var a=e.length-1;0<=a;a--)(n=e[a])&&(r=(o<3?n(r):3<o?n(t,s,r):n(t,s))||r);return 3<o&&r&&Object.defineProperty(t,s,r),r},H="e-hide-spinner",_="e-progress",B="e-progress-active",j="e-btn-content",M=(L=h.ChildProperty,t(N,L),S([h.Property(null)],N.prototype,"template",void 0),S([h.Property(16)],N.prototype,"width",void 0),S([h.Property("Left")],N.prototype,"position",void 0),N);function N(){return null!==L&&L.apply(this,arguments)||this}A=h.ChildProperty,t(D,A),S([h.Property(400)],D.prototype,"duration",void 0),S([h.Property("None")],D.prototype,"effect",void 0),S([h.Property("ease")],D.prototype,"easing",void 0);var A,q=D;function D(){return null!==A&&A.apply(this,arguments)||this}U=d.Button,t(x,U),x.prototype.preRender=function(){U.prototype.preRender.call(this)},x.prototype.render=function(){U.prototype.render.call(this),this.init(),this.wireEvents(),this.setAria(),this.renderComplete()},x.prototype.start=function(e){this.isPaused=!1,this.startProgress(e||this.percent,this.progressTime)},x.prototype.stop=function(){this.isPaused=!0,cancelAnimationFrame(this.timerId)},x.prototype.progressComplete=function(){this.isPaused=!1,this.finishProgress()},x.prototype.getModuleName=function(){return"progress-btn"},x.prototype.destroy=function(){var t=this,e=[H,B,"e-round-corner","e-"+U.prototype.getModuleName.call(this),"e-spin-"+this.spinSettings.position.toLowerCase()];U.prototype.destroy.call(this),this.unWireEvents(),this.element.innerHTML="",this.cssClass&&(e=e.concat(this.cssClass.split(" "))),h.removeClass([this.element],e),(this.element.getAttribute("class")?["aria-label","aria-valuemin","aria-valuemax","aria-valuenow"]:["aria-label","aria-valuemin","aria-valuemax","aria-valuenow","class"]).forEach(function(e){t.element.removeAttribute(e)}),this.disabled&&this.element.removeAttribute("disabled")},x.prototype.init=function(){this.element.classList.add("e-"+U.prototype.getModuleName.call(this)),this.setContent(),this.createSpinner(),this.enableProgress&&this.createProgress()},x.prototype.createSpinner=function(){var e=this.createElement("span",{className:"e-spinner"});this.setSpinPosition(e),r.createSpinner({target:e,width:this.spinSettings.width||16,template:this.spinSettings.template},this.createElement)},x.prototype.getSpinner=function(){return this.element.getElementsByClassName("e-spinner")[0]},x.prototype.getProgress=function(){return this.element.getElementsByClassName(_)[0]},x.prototype.setSpinPosition=function(e){var t=this.spinSettings.position||"Left";"Left"===t||"Top"===t?this.element.insertBefore(e,this.element.getElementsByClassName(j)[0]):this.element.appendChild(e),this.element.classList.add("e-spin-"+t.toLowerCase())},x.prototype.createProgress=function(){this.element.appendChild(this.createElement("span",{className:_}))},x.prototype.setContent=function(){var e=this.element.innerHTML;this.enableHtmlSanitizer&&(e=h.SanitizeHtmlHelper.sanitize(this.element.innerHTML)),this.element.innerHTML="",this.element.appendChild(this.createElement("span",{className:j,innerHTML:e}))},x.prototype.setContentIcon=function(e){var t,s,e=this.createElement("span",{className:j,innerHTML:e});this.iconCss&&(t=this.createElement("span",{className:"e-btn-icon "+this.iconCss}),this.element.textContent.trim()?(t.classList.add("e-icon-"+this.iconPosition.toLowerCase()),"Top"!==this.iconPosition&&"Bottom"!==this.iconPosition||this.element.classList.add("e-"+this.iconPosition.toLowerCase()+"-icon-btn")):this.element.classList.add("e-icon-btn"),!(s=e.childNodes[0])||"Left"!==this.iconPosition&&"Top"!==this.iconPosition?e.appendChild(t):e.insertBefore(t,s)),this.element.appendChild(e)},x.prototype.clickHandler=function(){this.element.classList.contains(B)||this.startProgress()},x.prototype.startProgress=function(e,t){var s=this.element.classList,i=s.contains("e-vertical");s.add(B),s.contains(H)||r.showSpinner(this.element.querySelector(".e-spinner")),this.startAnimate(Date.now(),t||0,t?Date.now()-+this.duration/100:Date.now(),e||0,0,this.step,0,i),this.startContAnimate()},x.prototype.startAnimate=function(e,t,s,i,n,o,r,a){var p=this;try{var l=e-s,c=this.duration*o/100,h=l?l<c?l-c:l%c:0,d=(this.progressTime=t=t+l-h,s=e-h,i+=(l-h)/this.duration*100,{percent:n=(t-r)%c==0||100===i?i:n,currentDuration:t,step:o});this.eIsVertical=a,0===i?this.trigger("begin",d,function(e){p.successCallback(e,i,n,t,r,h,s)}):100===i||t===this.duration?this.trigger("end",d,function(e){p.successCallback(e,i,n,t,r,h,s)}):this.trigger("progress",d,function(e){p.successCallback(e,i,n,t,r,h,s)})}catch(e){cancelAnimationFrame(this.timerId),this.trigger("fail",e)}},x.prototype.successCallback=function(e,t,s,i,n,o,r){var a=this,p=t,l=s,t=o,c=i,h=n,d=r,u=this.eIsVertical;p!==e.percent&&e.percent!==l&&(p=e.percent),this.percent=p,this.step=e.step,(c-h)%(this.duration*e.step/100)!=0&&100!==p||(this.timerId=requestAnimationFrame(function(){a.enableProgress&&a.getProgress()&&(a.getProgress().style[u?"height":"width"]=p+"%"),a.element.setAttribute("aria-valuenow",p.toString())}),l=p,h=c),this.isPaused||(c<this.duration&&p<100?this.interval=window.setTimeout(function(){a.startAnimate(Date.now(),c,d,p,l,e.step,h,u)},this.duration/100-t):this.interval=window.setTimeout(function(){a.progressTime=a.percent=0,a.enableProgress&&a.getProgress()&&(a.getProgress().style[u?"height":"width"]="0%"),a.element.setAttribute("aria-valuenow","0"),a.hideSpin()},100))},x.prototype.startContAnimate=function(){var e=this,t=this.element.getElementsByClassName(j)[0];"None"!==this.animationSettings.effect?new h.Animation({}).animate(t,{duration:0===this.animationSettings.duration&&"Enable"===h.animationMode?400:this.animationSettings.duration,name:"Progress"+this.animationSettings.effect,timingFunction:this.animationSettings.easing,begin:function(){"Center"===e.spinSettings.position&&e.setSpinnerSize()},end:function(){t.classList.add("e-animate-end")}}):"Center"===this.spinSettings.position&&this.setSpinnerSize()},x.prototype.finishProgress=function(){for(var e=this.element.classList,t=e.contains("e-vertical"),s=(e.add(B),this.percent);s<100;s++)100<(s+=10)&&(s=100),this.enableProgress&&this.getProgress()&&(this.getProgress().style[t?"height":"width"]=this.percent<100?s+"%":"100%");this.element.setAttribute("aria-valuenow","0"),this.hideSpin();e={step:this.step,currentDuration:this.progressTime,percent:100};clearTimeout(this.interval),this.trigger("end",e),this.progressTime=this.percent=0},x.prototype.setSpinnerSize=function(){var e=this.element.getElementsByClassName(j)[0],t=this.getSpinner();t.style.width=Math.max(t.offsetWidth,e.offsetWidth)+"px",t.style.height=Math.max(t.offsetHeight,e.offsetHeight)+"px",e.classList.add("e-cont-animate")},x.prototype.hideSpin=function(){var e,t=this.element.getElementsByClassName(j)[0];this.element.classList.contains(H)||r.hideSpinner(this.element.querySelector(".e-spinner")),this.element.classList.remove(B),"None"!==this.animationSettings.effect&&t.classList.remove("e-animate-end"),"Center"===this.spinSettings.position&&(e=this.getSpinner(),t.classList.remove("e-cont-animate"),e.style.width="auto",e.style.height="auto")},x.prototype.setIconSpan=function(){var e=this.element.getElementsByClassName(j)[0],t=this.element.getElementsByClassName("e-btn-icon")[0];!e.childNodes[0]||"Left"!==this.iconPosition&&"Top"!==this.iconPosition?e.appendChild(t):e.insertBefore(t,e.childNodes[0])},x.prototype.setAria=function(){h.attributes(this.element,{"aria-label":this.element.textContent+" progress"})},x.prototype.wireEvents=function(){h.EventHandler.add(this.element,"click",this.clickHandler,this)},x.prototype.unWireEvents=function(){h.EventHandler.remove(this.element,"click",this.clickHandler)},x.prototype.onPropertyChanged=function(e,t){var s=this.element,i=!1;this.element.querySelector(".e-spinner-pane").classList.contains("e-spin-show")&&(i=!0),U.prototype.onPropertyChanged.call(this,e,t);for(var n=0,o=Object.keys(e);n<o.length;n++)switch(o[n]){case"content":this.setContent(),this.createSpinner(),i&&(r.showSpinner(this.element.querySelector(".e-spinner")),i=!1),this.enableProgress&&this.createProgress(),s.setAttribute("aria-label",s.textContent+" progress");break;case"iconCss":t.iconCss||this.setIconSpan();break;case"iconPosition":this.setIconSpan();break;case"enableProgress":e.enableProgress?this.createProgress():h.remove(this.getProgress());break;case"spinSettings":e.spinSettings.position&&(s.classList.remove("e-spin-"+t.spinSettings.position.toLowerCase()),this.setSpinPosition(this.getSpinner())),(e.spinSettings.template||e.spinSettings.width)&&(s.removeChild(this.getSpinner()),this.createSpinner())}},S([h.Property(!(x.prototype.focusIn=function(){this.element.focus()}))],x.prototype,"enableProgress",void 0),S([h.Property(2e3)],x.prototype,"duration",void 0),S([h.Property("Left")],x.prototype,"iconPosition",void 0),S([h.Property("")],x.prototype,"iconCss",void 0),S([h.Property(!1)],x.prototype,"disabled",void 0),S([h.Property(!1)],x.prototype,"isPrimary",void 0),S([h.Property("")],x.prototype,"cssClass",void 0),S([h.Property("")],x.prototype,"content",void 0),S([h.Property(!1)],x.prototype,"isToggle",void 0),S([h.Property(!0)],x.prototype,"enableHtmlSanitizer",void 0),S([h.Complex({},M)],x.prototype,"spinSettings",void 0),S([h.Complex({},q)],x.prototype,"animationSettings",void 0),S([h.Event()],x.prototype,"created",void 0),S([h.Event()],x.prototype,"begin",void 0),S([h.Event()],x.prototype,"progress",void 0),S([h.Event()],x.prototype,"end",void 0),S([h.Event()],x.prototype,"fail",void 0);var U,t=S([h.NotifyPropertyChanges],x);function x(e,t){e=U.call(this,e,t)||this;return e.step=1,e}e.AnimationSettings=q,e.Deferred=k,e.DropDownButton=g,e.Item=l,e.ProgressButton=t,e.SpinSettings=M,e.SplitButton=s,e.createButtonGroup=function(e,t,s){void 0===t&&(t={}),h.isNullOrUndefined(s)&&(s=h.createElement);var i,n,o,r,a=document.querySelector(e),p=(h.addClass([a],["e-btn-group","e-css"]),a.setAttribute("role","group"),a.children);t.buttons=t.buttons||[];for(var l=0,c=0;c<p.length;l++,c++)i=p[c],null!==(r=t.buttons[l])&&("BUTTON"===i.tagName?n=i:(n=s("label"),(o=p[c+1])?a.insertBefore(n,o):a.appendChild(n),i.id&&n.setAttribute("for",i.id),r&&r.disabled&&(i.disabled=!0),c++),t.cssClass&&r&&!r.cssClass&&(r.cssClass=t.cssClass),new d.Button(r||{},n));return a},e.getModel=a,e.setBlankIconStyle=p,e.upDownKeyHandler=n,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-splitbuttons.umd.min.js.map

dist/global/ej2-splitbuttons.min.js

 /*!
 *  filename: ej2-splitbuttons.min.js
-*  version : 25.2.4
+*  version : 26.1.35
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
@@ -10,3 +10,3 @@ *  Use of this code is subject to the terms of our license.
 */
-this.ej=this.ej||{},this.ej.splitbuttons=function(e,t,i,s){"use strict";function n(e,i){for(var s=t.extend({},e),n=0,o=Object.keys(s);n<o.length;n++){var r=o[n];i.indexOf(r)<0&&t.deleteObject(s,r)}return s}function o(e,i){var s=40===i?0:e.childElementCount-1,n=s,o=e.querySelector(".e-selected");o&&o.classList.remove("e-selected");for(var a=0,p=e.children.length;a<p;a++)e.children[a].classList.contains("e-focused")&&(n=a,e.children[a].classList.remove("e-focused"),40===i?n++:n--,n===(40===i?e.childElementCount:-1)&&(n=s));-1!==(n=r(e,e.children[n],n,i))&&(t.addClass([e.children[n]],"e-focused"),e.children[n].focus())}function r(e,t,i,s,n){if(void 0===n&&(n=0),(t.classList.contains("e-separator")||t.classList.contains("e-disabled"))&&(i===(40===s?e.childElementCount-1:0)?i=40===s?0:e.childElementCount-1:40===s?i++:i--),(t=e.children[i]).classList.contains("e-separator")||t.classList.contains("e-disabled")){if(++n===e.childElementCount)return i=-1;i=r(e,t,i,s,n)}return i}function a(e,i){var s=[].slice.call(e.getElementsByClassName("e-blank-icon"));if(i&&[].slice.call(e.getElementsByClassName("e-item")).forEach(function(e){(e.style.paddingLeft||e.style.paddingRight)&&e.removeAttribute("style")}),s.length){var n=e.querySelector(".e-item:not(.e-blank-icon):not(.e-separator)");if(!t.isNullOrUndefined(n)){n.classList.contains("e-url")&&(n=n.querySelector(".e-menu-url"));var o,r=n.querySelector(".e-menu-icon"),a=e.classList.contains("e-rtl");o=a?{padding:"paddingRight",margin:"marginLeft"}:{padding:"paddingLeft",margin:"marginRight"};var p=parseInt(getComputedStyle(r).fontSize,10)+parseInt(getComputedStyle(r)[o.margin],10)+parseInt(getComputedStyle(n).paddingLeft,10)+"px";s.forEach(function(e){e.classList.contains("e-url")?e.querySelector(".e-menu-url").style[o.padding]=p:e.style[o.padding]=p})}}}function p(e,s,n){void 0===s&&(s={});var o,r,a,p;t.isNullOrUndefined(n)&&(n=t.createElement);var l=document.querySelector(e);t.addClass([l],["e-btn-group","e-css"]),l.setAttribute("role","group");var c=l.children;s.buttons=s.buttons||[];for(var h=0,d=0;d<c.length;h++,d++)o=c[d],null!==(p=s.buttons[h])&&("BUTTON"===o.tagName?r=o:(r=n("label"),(a=c[d+1])?l.insertBefore(r,a):l.appendChild(r),o.id&&r.setAttribute("for",o.id),p&&p.disabled&&(o.disabled=!0),d++),s.cssClass&&p&&!p.cssClass&&(p.cssClass=s.cssClass),new i.Button(p||{},r));return l}var l=function(){var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(t,i)};return function(t,i){function s(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(s.prototype=i.prototype,new s)}}(),c=function(e,t,i,s){var n,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(o<3?n(r):o>3?n(t,i,r):n(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r},h=function(e){function i(){return null!==e&&e.apply(this,arguments)||this}return l(i,e),c([t.Property("")],i.prototype,"iconCss",void 0),c([t.Property("")],i.prototype,"id",void 0),c([t.Property(!1)],i.prototype,"separator",void 0),c([t.Property("")],i.prototype,"text",void 0),c([t.Property("")],i.prototype,"url",void 0),c([t.Property(!1)],i.prototype,"disabled",void 0),i}(t.ChildProperty),d=function(){var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(t,i)};return function(t,i){function s(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(s.prototype=i.prototype,new s)}}(),u=function(e,t,i,s){var n,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(o<3?n(r):o>3?n(t,i,r):n(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r},m={DISABLED:"e-disabled",FOCUS:"e-focused",ICON:"e-menu-icon",ITEM:"e-item",POPUP:"e-dropdown-popup",RTL:"e-rtl",SEPARATOR:"e-separator",VERTICAL:"e-vertical"},y=function(e){function r(t,i){var s=e.call(this,t,i)||this;return s.isPopupCreated=!0,s}return d(r,e),r.prototype.preRender=function(){},r.prototype.getPersistData=function(){return this.addOnPersist([])},r.prototype.toggle=function(){this.canOpen()?this.openPopUp():this.createPopupOnClick&&!this.isPopupCreated?(this.createPopup(),this.openPopUp()):this.closePopup()},r.prototype.render=function(){this.initialize(),this.disabled||this.wireEvents(),this.renderComplete()},r.prototype.addItems=function(e,t){for(var i,s=this.items.length,n=0,o=this.items.length;n<o;n++)if(t===this.items[n].text){s=n;break}for(var r=e.length-1;r>=0;r--)i=new h(this,"items",e[r],!0),this.items.splice(s,0,i);this.canOpen()||this.createItems()},r.prototype.removeItems=function(e,t){for(var i=!1,s=0,n=e.length;s<n;s++)for(var o=0,r=this.items.length;o<r;o++)if(e[s]===(t?this.items[o].id:this.items[o].text)){this.items.splice(o,1),i=!0;break}i&&this.getULElement()&&this.createItems()},r.prototype.createPopup=function(){var e,i=this.createElement("div",{className:m.POPUP,id:this.element.id+"-popup"});document.body.appendChild(i),this.dropDown=new s.Popup(i,{relateTo:this.element,collision:{X:"fit",Y:"flip"},position:{X:"left",Y:"bottom"},targetType:"relative",content:this.target?this.getTargetElement():"",enableRtl:this.enableRtl}),this.dropDown.element.setAttribute("role","dialog"),this.dropDown.element.setAttribute("aria-label","dropdown menu"),t.isNullOrUndefined(this.popupContent)||(this.popupContent.style.display=""),"fixed"===this.dropDown.element.style.position&&this.dropDown.refreshPosition(this.element),this.dropDown.hide(),t.attributes(this.element,(e={},e["aria-haspopup"]=this.items.length||this.target?"true":"false",e["aria-expanded"]="false",e.type="button",e)),this.cssClass&&t.addClass([i],this.cssClass.replace(/\s+/g," ").trim().split(" ")),this.isPopupCreated=!0},r.prototype.getTargetElement=function(){return!this.createPopupOnClick||this.isColorPicker()||t.isNullOrUndefined(this.popupContent)?"string"==typeof this.target?t.select(this.target):this.target:this.popupContent},r.prototype.createItems=function(e){var i,s,n,o,r=this.items,p=this.hasIcon(this.items,"iconCss"),l=this.getULElement();l?l.innerHTML="":l=this.createElement("ul",{attrs:{role:"menu",tabindex:"0"}});for(var c=0;c<r.length;c++){var h=(s=r[c]).text;n=this.createElement("li",{innerHTML:s.url?"":h,className:s.separator?m.ITEM+" "+m.SEPARATOR:m.ITEM,attrs:s.separator?{role:"separator",tabindex:"-1","aria-label":"separator","aria-hidden":"true"}:{role:"menuitem",tabindex:"-1","aria-label":h},id:s.id?s.id:t.getUniqueID("e-"+this.getModuleName()+"-item")}),this.enableHtmlSanitizer?n.textContent=s.url?"":h:n.innerHTML=s.url?"":h,s.url&&(n.appendChild(this.createAnchor(s)),n.classList.add("e-url")),s.iconCss?(i=this.createElement("span",{className:m.ICON+" "+s.iconCss}),s.url?n.childNodes[0].appendChild(i):n.insertBefore(i,n.childNodes[0])):p&&!s.separator&&n.classList.add("e-blank-icon");var d=s.disabled;s.disabled&&n.classList.add("e-disabled"),o={item:s,element:n},this.trigger("beforeItemRender",o),d!==o.item.disabled&&(o.item.disabled?n.classList.add("e-disabled"):n.classList.remove("e-disabled")),l.appendChild(n)}e&&this.getPopUpElement().appendChild(l),p&&a(this.getPopUpElement())},r.prototype.hasIcon=function(e,t){for(var i=0,s=e.length;i<s;i++)if(e[i][""+t])return!0;return!1},r.prototype.createAnchor=function(e){var i=this.enableHtmlSanitizer?t.SanitizeHtmlHelper.sanitize(e.text):e.text;return this.createElement("a",{className:"e-menu-text e-menu-url",innerHTML:i,attrs:{href:e.url}})},r.prototype.initialize=function(){this.button=new i.Button({iconCss:this.iconCss,iconPosition:this.iconPosition,cssClass:this.cssClass,content:this.content,disabled:this.disabled,enableRtl:this.enableRtl,enablePersistence:this.enablePersistence}),this.button.createElement=this.createElement,this.button.appendTo(this.element),this.element.id||(this.element.id=t.getUniqueID("e-"+this.getModuleName())),this.appendArrowSpan(),this.setActiveElem([this.element]),this.element.setAttribute("tabindex","0"),this.element.setAttribute("aria-label",this.element.textContent?this.element.textContent:"dropdownbutton"),this.target&&!this.isColorPicker()&&!this.createPopupOnClick||!this.createPopupOnClick?this.createPopup():(this.isPopupCreated=!1,this.target&&!this.isColorPicker()&&this.createPopupOnClick&&(this.popupContent=this.getTargetElement(),this.popupContent.style.display="none"))},r.prototype.isColorPicker=function(){if(!this.element)return!1;var e=this.element.previousSibling;return!!(e&&e.classList&&e.classList.contains("e-split-colorpicker"))},r.prototype.appendArrowSpan=function(){this.element.appendChild(this.createElement("span",{className:"e-btn-icon e-icons e-icon-"+(this.cssClass.indexOf(m.VERTICAL)>-1?"bottom":"right")+" e-caret"}))},r.prototype.setActiveElem=function(e){this.activeElem=e},r.prototype.getModuleName=function(){return"dropdown-btn"},r.prototype.canOpen=function(){var e=!1;return this.isPopupCreated&&(e=this.getPopUpElement().classList.contains("e-popup-close")),e},r.prototype.destroy=function(){var i=this;if(e.prototype.destroy.call(this),"dropdown-btn"===this.getModuleName()){var s;this.element.querySelector("span.e-caret")&&t.detach(this.element.querySelector("span.e-caret")),this.cssClass&&(s=this.cssClass.split(" ")),this.button.destroy(),s&&t.removeClass([this.element],s),t.removeClass(this.activeElem,["e-active"]),(this.element.getAttribute("class")?["aria-haspopup","aria-expanded","aria-owns","type"]:["aria-haspopup","aria-expanded","aria-owns","type","class"]).forEach(function(e){i.element.removeAttribute(e)}),this.popupUnWireEvents(),this.destroyPopup(),this.isPopupCreated=!1,this.disabled||this.unWireEvents()}},r.prototype.destroyPopup=function(){if(this.isPopupCreated){if(this.dropDown.destroy(),this.getPopUpElement()){var e=document.getElementById(this.getPopUpElement().id);e&&(t.removeClass([e],["e-popup-open","e-popup-close"]),t.detach(e))}t.EventHandler.remove(this.getPopUpElement(),"click",this.clickHandler),t.EventHandler.remove(this.getPopUpElement(),"keydown",this.keyBoardHandler),this.isPopupCreated&&this.dropDown&&(this.dropDown.element=null,this.dropDown=void 0)}this.isPopupCreated=!1},r.prototype.getPopUpElement=function(){var e=null;if(!this.dropDown&&this.activeElem[0].classList.contains("e-split-btn")){var i=t.getComponent(this.activeElem[1],"dropdown-btn");i&&(this.dropDown=i.dropDown)}return this.dropDown&&(e=this.dropDown.element),e},r.prototype.getULElement=function(){var e=null;return this.getPopUpElement()&&(e=this.getPopUpElement().children[0]),e},r.prototype.wireEvents=function(){this.delegateMousedownHandler=this.mousedownHandler.bind(this),this.createPopupOnClick||t.EventHandler.add(document,"mousedown touchstart",this.delegateMousedownHandler,this),t.EventHandler.add(this.element,"click",this.clickHandler,this),t.EventHandler.add(this.element,"keydown",this.keyBoardHandler,this),t.EventHandler.add(window,"resize",this.windowResize,this)},r.prototype.windowResize=function(){!this.canOpen()&&this.dropDown&&this.dropDown.refreshPosition(this.element)},r.prototype.popupWireEvents=function(){this.delegateMousedownHandler||(this.delegateMousedownHandler=this.mousedownHandler.bind(this));var e=this.getPopUpElement();this.createPopupOnClick&&t.EventHandler.add(document,"mousedown touchstart",this.delegateMousedownHandler,this),e&&(t.EventHandler.add(e,"click",this.clickHandler,this),t.EventHandler.add(e,"keydown",this.keyBoardHandler,this),this.closeActionEvents&&t.EventHandler.add(e,this.closeActionEvents,this.focusoutHandler,this)),this.rippleFn=t.rippleEffect(e,{selector:"."+m.ITEM})},r.prototype.popupUnWireEvents=function(){var e=this.getPopUpElement();this.createPopupOnClick&&t.EventHandler.remove(document,"mousedown touchstart",this.delegateMousedownHandler),e&&e.parentElement&&(t.EventHandler.remove(e,"click",this.clickHandler),t.EventHandler.remove(e,"keydown",this.keyBoardHandler),this.closeActionEvents&&t.EventHandler.remove(e,this.closeActionEvents,this.focusoutHandler)),t.isRippleEnabled&&this.rippleFn&&this.rippleFn()},r.prototype.keyBoardHandler=function(e){if(e.target!==this.element||9!==e.keyCode&&(e.altKey||40!==e.keyCode)&&38!==e.keyCode)switch(e.keyCode){case 38:case 40:!e.altKey||38!==e.keyCode&&40!==e.keyCode?this.upDownKeyHandler(e):this.keyEventHandler(e);break;case 9:case 13:case 27:case 32:this.keyEventHandler(e)}},r.prototype.upDownKeyHandler=function(e){(!this.target||38!==e.keyCode&&40!==e.keyCode)&&(e.preventDefault(),o(this.getULElement(),e.keyCode))},r.prototype.keyEventHandler=function(e){if(!this.target||13!==e.keyCode&&9!==e.keyCode)return 13===e.keyCode&&this.activeElem[0].classList.contains("e-split-btn")?(this.triggerSelect(e),void this.activeElem[0].focus()):void(e.target&&e.target.className.indexOf("e-edit-template")>-1&&32===e.keyCode||(9!==e.keyCode&&e.preventDefault(),27===e.keyCode||38===e.keyCode||9===e.keyCode?this.canOpen()||this.closePopup(e,this.element):this.clickHandler(e)))},r.prototype.getLI=function(e){return"LI"===e.tagName?e:t.closest(e,"li")},r.prototype.mousedownHandler=function(e){var i=e.target;!this.dropDown||this.canOpen()||t.closest(i,'[id="'+this.getPopUpElement().id+'"]')||t.closest(i,'[id="'+this.element.id+'"]')||this.closePopup(e)},r.prototype.focusoutHandler=function(e){if(this.isPopupCreated&&!this.canOpen()){var t=e.relatedTarget;if(t&&t.className.indexOf("e-item")>-1){var i=this.getLI(t);if(i){var s=Array.prototype.indexOf.call(this.getULElement().children,i),n=this.items[s];if(n){var o={element:i,item:n,event:e};this.trigger("select",o)}}}this.closePopup(e)}},r.prototype.clickHandler=function(e){var i=e.target;t.closest(i,'[id="'+this.element.id+'"]')?!this.createPopupOnClick||this.target&&""!==this.target&&!this.isColorPicker()&&!this.createPopupOnClick?this.getPopUpElement().classList.contains("e-popup-close")?this.openPopUp(e):this.closePopup(e):this.isPopupCreated?this.closePopup(e,this.activeElem[0]):(this.createPopup(),this.openPopUp(e)):t.closest(i,'[id="'+this.getPopUpElement().id+'"]')&&this.getLI(e.target)&&(this.triggerSelect(e),this.closePopup(e,this.activeElem[0]))},r.prototype.triggerSelect=function(e){var t,i,s,n=this.getLI(e.target);n&&(i=Array.prototype.indexOf.call(this.getULElement().children,n),(s=this.items[i])&&(t={element:n,item:s,event:e},this.trigger("select",t)))},r.prototype.openPopUp=function(e){var i=this;void 0===e&&(e=null);var s=this.getPopUpElement();if(this.target)if(this.activeElem.length>1){var n=t.getComponent(this.activeElem[0],"split-btn");n.isReact&&s.childNodes.length<1&&(n.appendReactElement(this.getTargetElement(),this.getPopUpElement()),this.renderReactTemplates())}else this.isReact&&s.childNodes.length<1&&(this.appendReactElement(this.getTargetElement(),this.getPopUpElement()),this.renderReactTemplates());else this.createItems(!0);var o=this.getULElement();this.popupWireEvents();var r={element:o,items:this.items,event:e,cancel:!1};this.trigger("beforeOpen",r,function(e){if(!e.cancel){var s=i.getULElement();if(i.dropDown.show(null,i.element),t.addClass([i.element],"e-active"),i.element.setAttribute("aria-expanded","true"),i.element.setAttribute("aria-owns",i.getPopUpElement().id),s&&s.focus(),i.enableRtl&&"0px"!==s.parentElement.style.left){var n=void 0;n=i.element.parentElement&&i.element.parentElement.classList.contains("e-split-btn-wrapper")?i.element.parentElement.offsetWidth:i.element.offsetWidth;var o=s.parentElement.offsetWidth-n,r=parseFloat(s.parentElement.style.left)-o;r<0&&(r=0),s.parentElement.style.left=r+"px"}var a={element:s,items:i.items};i.trigger("open",a)}})},r.prototype.closePopup=function(e,i){var s=this;void 0===e&&(e=null);var n=this.getULElement(),o={element:n,items:this.items,event:e,cancel:!1};this.trigger("beforeClose",o,function(e){if(e.cancel)n&&n.focus();else{var o=s.getPopUpElement();o&&t.EventHandler.remove(o,"keydown",s.keyBoardHandler),s.popupUnWireEvents();var r=s.getULElement(),a=void 0;r&&(a=r.querySelector(".e-selected")),a&&a.classList.remove("e-selected"),s.dropDown.hide(),t.removeClass(s.activeElem,"e-active"),s.element.setAttribute("aria-expanded","false"),s.element.removeAttribute("aria-owns"),i&&i.focus();var p={element:r,items:s.items};s.trigger("close",p),!s.target&&r&&t.detach(r),(!s.target||s.isColorPicker()||s.target&&!s.isColorPicker())&&s.createPopupOnClick&&s.destroyPopup()}})},r.prototype.unWireEvents=function(){this.createPopupOnClick||t.EventHandler.remove(document,"mousedown touchstart",this.delegateMousedownHandler),t.EventHandler.remove(this.element,"click",this.clickHandler),t.EventHandler.remove(this.element,"keydown",this.keyBoardHandler),this.isPopupCreated&&(t.EventHandler.remove(this.getPopUpElement(),"click",this.clickHandler),t.EventHandler.remove(this.getPopUpElement(),"keydown",this.keyBoardHandler)),t.EventHandler.remove(window,"resize",this.windowResize)},r.prototype.onPropertyChanged=function(e,i){var s=["content","cssClass","iconCss","iconPosition","disabled","enableRtl"];this.button.setProperties(n(e,s));var o;this.isPopupCreated&&(o=this.getPopUpElement(),this.dropDown.setProperties(n(e,["enableRtl"])));for(var r=0,a=Object.keys(e);r<a.length;r++)switch(a[r]){case"content":this.element.querySelector("span.e-caret")||this.appendArrowSpan();break;case"disabled":e.disabled?(this.unWireEvents(),this.isPopupCreated&&!this.canOpen()&&this.closePopup()):this.wireEvents();break;case"cssClass":if(e.cssClass.indexOf(m.VERTICAL)>-1||i.cssClass.indexOf(m.VERTICAL)>-1){this.element.querySelector("span.e-caret")||this.appendArrowSpan();var p=this.element.querySelector("span.e-caret");e.cssClass.indexOf(m.VERTICAL)>-1?t.classList(p,["e-icon-bottom"],["e-icon-right"]):t.classList(p,["e-icon-right"],["e-icon-bottom"])}this.isPopupCreated&&(i.cssClass&&t.removeClass([o],i.cssClass.split(" ")),e.cssClass&&t.addClass([o],e.cssClass.replace(/\s+/g," ").trim().split(" ")));break;case"target":this.dropDown.content=this.getTargetElement(),this.dropDown.dataBind();break;case"items":this.isPopupCreated&&this.getULElement()&&this.createItems();break;case"createPopupOnClick":e.createPopupOnClick?this.destroyPopup():this.createPopup()}},r.prototype.focusIn=function(){this.element.focus()},u([t.Property("")],r.prototype,"content",void 0),u([t.Property("")],r.prototype,"cssClass",void 0),u([t.Property(!1)],r.prototype,"disabled",void 0),u([t.Property("")],r.prototype,"iconCss",void 0),u([t.Property("Left")],r.prototype,"iconPosition",void 0),u([t.Property(!0)],r.prototype,"enableHtmlSanitizer",void 0),u([t.Collection([],h)],r.prototype,"items",void 0),u([t.Property(!1)],r.prototype,"createPopupOnClick",void 0),u([t.Property("")],r.prototype,"target",void 0),u([t.Property("")],r.prototype,"closeActionEvents",void 0),u([t.Event()],r.prototype,"beforeItemRender",void 0),u([t.Event()],r.prototype,"beforeOpen",void 0),u([t.Event()],r.prototype,"beforeClose",void 0),u([t.Event()],r.prototype,"close",void 0),u([t.Event()],r.prototype,"open",void 0),u([t.Event()],r.prototype,"select",void 0),u([t.Event()],r.prototype,"created",void 0),r=u([t.NotifyPropertyChanges],r)}(t.Component),f=function(){var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(t,i)};return function(t,i){function s(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(s.prototype=i.prototype,new s)}}(),v=function(e,t,i,s){var n,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(o<3?n(r):o>3?n(t,i,r):n(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r},g="e-rtl",b="EJS-SPLITBUTTON",C=function(e){function s(t,i){return e.call(this,t,i)||this}return f(s,e),s.prototype.preRender=function(){var e=this.element;if(e.tagName===b){for(var i=t.getValue("ej2_instances",e),s=this.createElement("button",{attrs:{type:"button"}}),n=this.createElement(b,{className:"e-"+this.getModuleName()+"-wrapper"}),o=0,r=e.attributes.length;o<r;o++)s.setAttribute(e.attributes[o].nodeName,e.attributes[o].nodeValue);e.parentNode.insertBefore(n,e),t.detach(e),e=s,n.appendChild(e),t.setValue("ej2_instances",i,e),this.wrapper=n,this.element=e}this.element.id||(this.element.id=t.getUniqueID("e-"+this.getModuleName()))},s.prototype.render=function(){this.initWrapper(),this.createPrimaryButton(),this.renderControl()},s.prototype.renderControl=function(){this.createSecondaryButton(),this.setActiveElem([this.element,this.secondaryBtnObj.element]),this.setAria(),this.wireEvents(),this.renderComplete()},s.prototype.addItems=function(t,i){e.prototype.addItems.call(this,t,i),this.secondaryBtnObj.items=this.items},s.prototype.removeItems=function(t,i){e.prototype.removeItems.call(this,t,i),this.secondaryBtnObj.items=this.items},s.prototype.initWrapper=function(){this.wrapper||(this.wrapper=this.createElement("div",{className:"e-"+this.getModuleName()+"-wrapper"}),this.element.parentNode.insertBefore(this.wrapper,this.element)),this.element.classList.remove("e-"+this.getModuleName()),this.enableRtl&&this.wrapper.classList.add(g),this.cssClass&&t.addClass([this.wrapper],this.cssClass.replace(/\s+/g," ").trim().split(" "))},s.prototype.createPrimaryButton=function(){var e={cssClass:this.cssClass,enableRtl:this.enableRtl,iconCss:this.iconCss,iconPosition:this.iconPosition,content:this.content,disabled:this.disabled};this.primaryBtnObj=new i.Button(e),this.primaryBtnObj.createElement=this.createElement,this.primaryBtnObj.appendTo(this.element),this.element.classList.add("e-"+this.getModuleName()),this.element.type="button",this.wrapper.appendChild(this.element)},s.prototype.createSecondaryButton=function(){var e=this,t=this.createElement("button",{className:"e-icon-btn",attrs:{tabindex:"-1"},id:this.element.id+"_dropdownbtn"});this.wrapper.appendChild(t);var i={cssClass:this.cssClass,disabled:this.disabled,enableRtl:this.enableRtl,items:this.items,target:this.target,createPopupOnClick:this.createPopupOnClick};i.beforeItemRender=function(t){e.createPopupOnClick&&(e.secondaryBtnObj.dropDown.relateTo=e.wrapper,e.dropDown=e.secondaryBtnObj.dropDown),e.trigger("beforeItemRender",t)},i.open=function(t){e.trigger("open",t)},i.close=function(t){e.trigger("close",t)},i.select=function(t){e.trigger("select",t)},i.beforeOpen=function(t){e.createPopupOnClick&&0==e.items.length&&(e.secondaryBtnObj.dropDown.relateTo=e.wrapper,e.dropDown=e.secondaryBtnObj.dropDown);var i=new P;return e.trigger("beforeOpen",t,function(e){i.resolve(e)}),i},i.beforeClose=function(t){var i=new P;return e.trigger("beforeClose",t,function(e){i.resolve(e)}),i},this.secondaryBtnObj=new y(i),this.secondaryBtnObj.createElement=this.createElement,this.secondaryBtnObj.appendTo(t),this.createPopupOnClick||(this.secondaryBtnObj.dropDown.relateTo=this.wrapper,this.dropDown=this.secondaryBtnObj.dropDown),this.isPopupCreated=this.secondaryBtnObj.isPopupCreated,this.secondaryBtnObj.activeElem=[this.element,this.secondaryBtnObj.element],this.secondaryBtnObj.element.querySelector(".e-btn-icon").classList.remove("e-icon-right"),this.disabled&&this.wrapper.classList.add("e-splitbtn-disabled")},s.prototype.setAria=function(){t.attributes(this.element,{"aria-expanded":"false","aria-haspopup":"true","aria-label":this.element.textContent?this.element.textContent+" splitbutton":"splitbutton","aria-owns":this.element.id+"_dropdownbtn-popup"})},s.prototype.getModuleName=function(){return"split-btn"},s.prototype.toggle=function(){this.secondaryBtnObj.toggle()},s.prototype.destroy=function(){var i=this,s=[g];if(this.cssClass&&(s=s.concat(this.cssClass.split(" "))),this.element){var n=document.getElementById(this.element.id);n&&n.parentElement===this.wrapper&&(this.wrapper.tagName===b?(this.wrapper.innerHTML="",t.removeClass([this.wrapper],["e-rtl","e-"+this.getModuleName()+"-wrapper"]),t.removeClass([this.wrapper],this.cssClass.split(" "))):(t.removeClass([this.element],s),["aria-label","aria-haspopup","aria-expanded","aria-owns","type"].forEach(function(e){i.element.removeAttribute(e)}),this.wrapper.parentNode.insertBefore(this.element,this.wrapper),t.remove(this.wrapper)),this.unWireEvents())}this.primaryBtnObj.destroy(),this.secondaryBtnObj.destroy(),e.prototype.destroy.call(this),this.element&&!this.element.getAttribute("class")&&this.element.removeAttribute("class"),this.refreshing&&this.isAngular&&(this.element=this.wrapper,["e-control","e-split-btn","e-lib"].forEach(function(e){i.element.classList.add(e)}),t.setValue("ej2_instances",[this],this.element)),this.wrapper=null},s.prototype.wireEvents=function(){t.EventHandler.add(this.element,"click",this.primaryBtnClickHandler,this),new t.KeyboardEvents(this.element,{keyAction:this.btnKeyBoardHandler.bind(this),keyConfigs:{altdownarrow:"alt+downarrow",enter:"enter"}})},s.prototype.unWireEvents=function(){t.EventHandler.remove(this.element,"click",this.primaryBtnClickHandler),t.getInstance(this.element,t.KeyboardEvents).destroy()},s.prototype.primaryBtnClickHandler=function(){this.trigger("click",{element:this.element})},s.prototype.btnKeyBoardHandler=function(e){switch(e.action){case"altdownarrow":this.clickHandler(e);break;case"enter":this.clickHandler(e),this.getPopUpElement()&&!this.getPopUpElement().classList.contains("e-popup-close")?(this.element.classList.remove("e-active"),this.secondaryBtnObj.element.classList.add("e-active")):this.secondaryBtnObj.element.classList.remove("e-active")}},s.prototype.onPropertyChanged=function(e,i){var s=["content","iconCss","iconPosition","cssClass","disabled","enableRtl"];this.primaryBtnObj.setProperties(n(e,s)),s=["beforeOpen","beforeItemRender","select","open","close","cssClass","disabled","enableRtl","createPopupOnClick"],Object.keys(e).indexOf("items")>-1&&(this.secondaryBtnObj.items=e.items,this.secondaryBtnObj.dataBind()),this.secondaryBtnObj.setProperties(n(e,s));for(var o=0,r=Object.keys(e);o<r.length;o++)switch(r[o]){case"cssClass":i.cssClass&&t.removeClass([this.wrapper],i.cssClass.split(" ")),t.addClass([this.wrapper],e.cssClass.replace(/\s+/g," ").trim().split(" "));break;case"enableRtl":e.enableRtl?t.addClass([this.wrapper],g):t.removeClass([this.wrapper],g);break;case"disabled":e.disabled?t.addClass([this.wrapper],"e-splitbtn-disabled"):t.removeClass([this.wrapper],"e-splitbtn-disabled")}},s.prototype.focusIn=function(){this.element.focus()},v([t.Property("")],s.prototype,"content",void 0),v([t.Property("")],s.prototype,"cssClass",void 0),v([t.Property(!1)],s.prototype,"disabled",void 0),v([t.Property("")],s.prototype,"iconCss",void 0),v([t.Property("Left")],s.prototype,"iconPosition",void 0),v([t.Property(!1)],s.prototype,"createPopupOnClick",void 0),v([t.Collection([],h)],s.prototype,"items",void 0),v([t.Property("")],s.prototype,"target",void 0),v([t.Event()],s.prototype,"beforeItemRender",void 0),v([t.Event()],s.prototype,"beforeOpen",void 0),v([t.Event()],s.prototype,"beforeClose",void 0),v([t.Event()],s.prototype,"click",void 0),v([t.Event()],s.prototype,"close",void 0),v([t.Event()],s.prototype,"open",void 0),v([t.Event()],s.prototype,"select",void 0),v([t.Event()],s.prototype,"created",void 0),s=v([t.NotifyPropertyChanges],s)}(y),P=function(){function e(){var e=this;this.promise=new Promise(function(t,i){e.resolve=t,e.reject=i}),this.catch=this.promise.catch.bind(this.promise),this.then=this.promise.then.bind(this.promise)}return e}(),E=function(){var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(t,i)};return function(t,i){function s(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(s.prototype=i.prototype,new s)}}(),w=function(e,t,i,s){var n,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(o<3?n(r):o>3?n(t,i,r):n(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r},k="e-btn-content",O=function(e){function i(){return null!==e&&e.apply(this,arguments)||this}return E(i,e),w([t.Property(null)],i.prototype,"template",void 0),w([t.Property(16)],i.prototype,"width",void 0),w([t.Property("Left")],i.prototype,"position",void 0),i}(t.ChildProperty),L=function(e){function i(){return null!==e&&e.apply(this,arguments)||this}return E(i,e),w([t.Property(400)],i.prototype,"duration",void 0),w([t.Property("None")],i.prototype,"effect",void 0),w([t.Property("ease")],i.prototype,"easing",void 0),i}(t.ChildProperty),S=function(e){function i(t,i){var s=e.call(this,t,i)||this;return s.step=1,s}return E(i,e),i.prototype.preRender=function(){e.prototype.preRender.call(this)},i.prototype.render=function(){e.prototype.render.call(this),this.init(),this.wireEvents(),this.setAria(),this.renderComplete()},i.prototype.start=function(e){this.isPaused=!1,this.startProgress(e||this.percent,this.progressTime)},i.prototype.stop=function(){this.isPaused=!0,cancelAnimationFrame(this.timerId)},i.prototype.progressComplete=function(){this.isPaused=!1,this.finishProgress()},i.prototype.getModuleName=function(){return"progress-btn"},i.prototype.destroy=function(){var i=this,s=["e-hide-spinner","e-progress-active","e-round-corner","e-"+e.prototype.getModuleName.call(this),"e-spin-"+this.spinSettings.position.toLowerCase()];e.prototype.destroy.call(this),this.unWireEvents(),this.element.innerHTML="",this.cssClass&&(s=s.concat(this.cssClass.split(" "))),t.removeClass([this.element],s),(this.element.getAttribute("class")?["aria-label","aria-valuemin","aria-valuemax","aria-valuenow"]:["aria-label","aria-valuemin","aria-valuemax","aria-valuenow","class"]).forEach(function(e){i.element.removeAttribute(e)}),this.disabled&&this.element.removeAttribute("disabled")},i.prototype.init=function(){this.element.classList.add("e-"+e.prototype.getModuleName.call(this)),this.setContent(),this.createSpinner(),this.enableProgress&&this.createProgress()},i.prototype.createSpinner=function(){var e=this.createElement("span",{className:"e-spinner"});this.setSpinPosition(e),s.createSpinner({target:e,width:this.spinSettings.width||16,template:this.spinSettings.template},this.createElement)},i.prototype.getSpinner=function(){return this.element.getElementsByClassName("e-spinner")[0]},i.prototype.getProgress=function(){return this.element.getElementsByClassName("e-progress")[0]},i.prototype.setSpinPosition=function(e){var t=this.spinSettings.position||"Left";"Left"===t||"Top"===t?this.element.insertBefore(e,this.element.getElementsByClassName(k)[0]):this.element.appendChild(e),this.element.classList.add("e-spin-"+t.toLowerCase())},i.prototype.createProgress=function(){this.element.appendChild(this.createElement("span",{className:"e-progress"}))},i.prototype.setContent=function(){var e;e=this.element.innerHTML,this.enableHtmlSanitizer&&(e=t.SanitizeHtmlHelper.sanitize(this.element.innerHTML)),this.element.innerHTML="",this.element.appendChild(this.createElement("span",{className:k,innerHTML:e}))},i.prototype.setContentIcon=function(e){var t=this.createElement("span",{className:k,innerHTML:e});if(this.iconCss){var i=this.createElement("span",{className:"e-btn-icon "+this.iconCss});this.element.textContent.trim()?(i.classList.add("e-icon-"+this.iconPosition.toLowerCase()),"Top"!==this.iconPosition&&"Bottom"!==this.iconPosition||this.element.classList.add("e-"+this.iconPosition.toLowerCase()+"-icon-btn")):this.element.classList.add("e-icon-btn");var s=t.childNodes[0];!s||"Left"!==this.iconPosition&&"Top"!==this.iconPosition?t.appendChild(i):t.insertBefore(i,s)}this.element.appendChild(t)},i.prototype.clickHandler=function(){this.element.classList.contains("e-progress-active")||this.startProgress()},i.prototype.startProgress=function(e,t){var i=this.element.classList,n=i.contains("e-vertical");i.add("e-progress-active"),i.contains("e-hide-spinner")||s.showSpinner(this.element.querySelector(".e-spinner")),this.startAnimate(Date.now(),t||0,t?Date.now()-1*this.duration/100:Date.now(),e||0,0,this.step,0,n),this.startContAnimate()},i.prototype.startAnimate=function(e,t,i,s,n,o,r,a){var p=this;try{var l=e-i,c=this.duration*o/100,h=l?l<c?l-c:l%c:0;this.progressTime=t=t+l-h,i=e-h,s+=(l-h)/this.duration*100;var d={percent:n=(t-r)%c==0||100===s?s:n,currentDuration:t,step:o};this.eIsVertical=a,0===s?this.trigger("begin",d,function(e){p.successCallback(e,s,n,t,r,h,i)}):100===s||t===this.duration?this.trigger("end",d,function(e){p.successCallback(e,s,n,t,r,h,i)}):this.trigger("progress",d,function(e){p.successCallback(e,s,n,t,r,h,i)})}catch(e){cancelAnimationFrame(this.timerId),this.trigger("fail",e)}},i.prototype.successCallback=function(e,t,i,s,n,o,r){var a=this,p=t,l=i,c=o,h=s,d=n,u=r,m=this.eIsVertical;p!==e.percent&&e.percent!==l&&(p=e.percent),this.percent=p,this.step=e.step,(h-d)%(this.duration*e.step/100)!=0&&100!==p||(this.timerId=requestAnimationFrame(function(){a.enableProgress&&a.getProgress()&&(a.getProgress().style[m?"height":"width"]=p+"%"),a.element.setAttribute("aria-valuenow",p.toString())}),l=p,d=h),this.isPaused||(h<this.duration&&p<100?this.interval=window.setTimeout(function(){a.startAnimate(Date.now(),h,u,p,l,e.step,d,m)},this.duration/100-c):this.interval=window.setTimeout(function(){a.progressTime=a.percent=0,a.enableProgress&&a.getProgress()&&(a.getProgress().style[m?"height":"width"]="0%"),a.element.setAttribute("aria-valuenow","0"),a.hideSpin()},100))},i.prototype.startContAnimate=function(){var e=this,i=this.element.getElementsByClassName(k)[0];"None"!==this.animationSettings.effect?new t.Animation({}).animate(i,{duration:0===this.animationSettings.duration&&"Enable"===t.animationMode?400:this.animationSettings.duration,name:"Progress"+this.animationSettings.effect,timingFunction:this.animationSettings.easing,begin:function(){"Center"===e.spinSettings.position&&e.setSpinnerSize()},end:function(){i.classList.add("e-animate-end")}}):"Center"===this.spinSettings.position&&this.setSpinnerSize()},i.prototype.finishProgress=function(){var e=this.element.classList,t=e.contains("e-vertical");e.add("e-progress-active");for(var i=this.percent;i<100;i++)(i+=10)>100&&(i=100),this.enableProgress&&this.getProgress()&&(this.getProgress().style[t?"height":"width"]=this.percent<100?i+"%":"100%");this.element.setAttribute("aria-valuenow","0"),this.hideSpin();var s={step:this.step,currentDuration:this.progressTime,percent:100};clearTimeout(this.interval),this.trigger("end",s),this.progressTime=this.percent=0},i.prototype.setSpinnerSize=function(){var e=this.element.getElementsByClassName(k)[0],t=this.getSpinner();t.style.width=Math.max(t.offsetWidth,e.offsetWidth)+"px",t.style.height=Math.max(t.offsetHeight,e.offsetHeight)+"px",e.classList.add("e-cont-animate")},i.prototype.hideSpin=function(){var e=this.element.getElementsByClassName(k)[0];if(this.element.classList.contains("e-hide-spinner")||s.hideSpinner(this.element.querySelector(".e-spinner")),this.element.classList.remove("e-progress-active"),"None"!==this.animationSettings.effect&&e.classList.remove("e-animate-end"),"Center"===this.spinSettings.position){var t=this.getSpinner();e.classList.remove("e-cont-animate"),t.style.width="auto",t.style.height="auto"}},i.prototype.setIconSpan=function(){var e=this.element.getElementsByClassName(k)[0],t=this.element.getElementsByClassName("e-btn-icon")[0];!e.childNodes[0]||"Left"!==this.iconPosition&&"Top"!==this.iconPosition?e.appendChild(t):e.insertBefore(t,e.childNodes[0])},i.prototype.setAria=function(){t.attributes(this.element,{"aria-label":this.element.textContent+" progress"})},i.prototype.wireEvents=function(){t.EventHandler.add(this.element,"click",this.clickHandler,this)},i.prototype.unWireEvents=function(){t.EventHandler.remove(this.element,"click",this.clickHandler)},i.prototype.onPropertyChanged=function(i,n){var o=this.element,r=!1;this.element.querySelector(".e-spinner-pane").classList.contains("e-spin-show")&&(r=!0),e.prototype.onPropertyChanged.call(this,i,n);for(var a=0,p=Object.keys(i);a<p.length;a++)switch(p[a]){case"content":this.setContent(),this.createSpinner(),r&&(s.showSpinner(this.element.querySelector(".e-spinner")),r=!1),this.enableProgress&&this.createProgress(),o.setAttribute("aria-label",o.textContent+" progress");break;case"iconCss":n.iconCss||this.setIconSpan();break;case"iconPosition":this.setIconSpan();break;case"enableProgress":i.enableProgress?this.createProgress():t.remove(this.getProgress());break;case"spinSettings":i.spinSettings.position&&(o.classList.remove("e-spin-"+n.spinSettings.position.toLowerCase()),this.setSpinPosition(this.getSpinner())),(i.spinSettings.template||i.spinSettings.width)&&(o.removeChild(this.getSpinner()),this.createSpinner())}},i.prototype.focusIn=function(){this.element.focus()},w([t.Property(!1)],i.prototype,"enableProgress",void 0),w([t.Property(2e3)],i.prototype,"duration",void 0),w([t.Property("Left")],i.prototype,"iconPosition",void 0),w([t.Property("")],i.prototype,"iconCss",void 0),w([t.Property(!1)],i.prototype,"disabled",void 0),w([t.Property(!1)],i.prototype,"isPrimary",void 0),w([t.Property("")],i.prototype,"cssClass",void 0),w([t.Property("")],i.prototype,"content",void 0),w([t.Property(!1)],i.prototype,"isToggle",void 0),w([t.Property(!0)],i.prototype,"enableHtmlSanitizer",void 0),w([t.Complex({},O)],i.prototype,"spinSettings",void 0),w([t.Complex({},L)],i.prototype,"animationSettings",void 0),w([t.Event()],i.prototype,"created",void 0),w([t.Event()],i.prototype,"begin",void 0),w([t.Event()],i.prototype,"progress",void 0),w([t.Event()],i.prototype,"end",void 0),w([t.Event()],i.prototype,"fail",void 0),i=w([t.NotifyPropertyChanges],i)}(i.Button);return e.getModel=n,e.upDownKeyHandler=o,e.setBlankIconStyle=a,e.Item=h,e.DropDownButton=y,e.SplitButton=C,e.Deferred=P,e.createButtonGroup=p,e.SpinSettings=O,e.AnimationSettings=L,e.ProgressButton=S,e}({},ej.base,ej.buttons,ej.popups),this.ejs=ej;
+this.ej=this.ej||{},this.ej.splitbuttons=function(e,t,s,i){"use strict";function n(e,s){for(var i=t.extend({},e),n=0,o=Object.keys(i);n<o.length;n++){var r=o[n];s.indexOf(r)<0&&t.deleteObject(i,r)}return i}function o(e,s){var i=40===s?0:e.childElementCount-1,n=i,o=e.querySelector(".e-selected");o&&o.classList.remove("e-selected");for(var a=0,p=e.children.length;a<p;a++)e.children[a].classList.contains("e-focused")&&(n=a,e.children[a].classList.remove("e-focused"),40===s?n++:n--,n===(40===s?e.childElementCount:-1)&&(n=i));-1!==(n=r(e,e.children[n],n,s))&&(t.addClass([e.children[n]],"e-focused"),e.children[n].focus())}function r(e,t,s,i,n){if(void 0===n&&(n=0),(t.classList.contains("e-separator")||t.classList.contains("e-disabled"))&&(s===(40===i?e.childElementCount-1:0)?s=40===i?0:e.childElementCount-1:40===i?s++:s--),(t=e.children[s]).classList.contains("e-separator")||t.classList.contains("e-disabled")){if(++n===e.childElementCount)return s=-1;s=r(e,t,s,i,n)}return s}function a(e,s){var i=[].slice.call(e.getElementsByClassName("e-blank-icon"));if(s&&[].slice.call(e.getElementsByClassName("e-item")).forEach(function(e){(e.style.paddingLeft||e.style.paddingRight)&&e.removeAttribute("style")}),i.length){var n=e.querySelector(".e-item:not(.e-blank-icon):not(.e-separator)");if(!t.isNullOrUndefined(n)){n.classList.contains("e-url")&&(n=n.querySelector(".e-menu-url"));var o,r=n.querySelector(".e-menu-icon"),a=e.classList.contains("e-rtl");o=a?{padding:"paddingRight",margin:"marginLeft"}:{padding:"paddingLeft",margin:"marginRight"};var p=parseInt(getComputedStyle(r).fontSize,10)+parseInt(getComputedStyle(r)[o.margin],10)+parseInt(getComputedStyle(n).paddingLeft,10)+"px";i.forEach(function(e){e.classList.contains("e-url")?e.querySelector(".e-menu-url").style[o.padding]=p:e.style[o.padding]=p})}}}function p(e,i,n){void 0===i&&(i={});var o,r,a,p;t.isNullOrUndefined(n)&&(n=t.createElement);var l=document.querySelector(e);t.addClass([l],["e-btn-group","e-css"]),l.setAttribute("role","group");var c=l.children;i.buttons=i.buttons||[];for(var h=0,d=0;d<c.length;h++,d++)o=c[d],null!==(p=i.buttons[h])&&("BUTTON"===o.tagName?r=o:(r=n("label"),(a=c[d+1])?l.insertBefore(r,a):l.appendChild(r),o.id&&r.setAttribute("for",o.id),p&&p.disabled&&(o.disabled=!0),d++),i.cssClass&&p&&!p.cssClass&&(p.cssClass=i.cssClass),new s.Button(p||{},r));return l}var l=function(){var e=function(t,s){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var s in t)t.hasOwnProperty(s)&&(e[s]=t[s])})(t,s)};return function(t,s){function i(){this.constructor=t}e(t,s),t.prototype=null===s?Object.create(s):(i.prototype=s.prototype,new i)}}(),c=function(e,t,s,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,s,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(o<3?n(r):o>3?n(t,s,r):n(t,s))||r);return o>3&&r&&Object.defineProperty(t,s,r),r},h=function(e){function s(){return null!==e&&e.apply(this,arguments)||this}return l(s,e),c([t.Property("")],s.prototype,"iconCss",void 0),c([t.Property("")],s.prototype,"id",void 0),c([t.Property(!1)],s.prototype,"separator",void 0),c([t.Property("")],s.prototype,"text",void 0),c([t.Property("")],s.prototype,"url",void 0),c([t.Property(!1)],s.prototype,"disabled",void 0),s}(t.ChildProperty),d=function(){var e=function(t,s){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var s in t)t.hasOwnProperty(s)&&(e[s]=t[s])})(t,s)};return function(t,s){function i(){this.constructor=t}e(t,s),t.prototype=null===s?Object.create(s):(i.prototype=s.prototype,new i)}}(),u=function(e,t,s,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,s,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(o<3?n(r):o>3?n(t,s,r):n(t,s))||r);return o>3&&r&&Object.defineProperty(t,s,r),r},m={DISABLED:"e-disabled",FOCUS:"e-focused",ICON:"e-menu-icon",ITEM:"e-item",POPUP:"e-dropdown-popup",RTL:"e-rtl",SEPARATOR:"e-separator",VERTICAL:"e-vertical"},y=function(e){function r(t,s){var i=e.call(this,t,s)||this;return i.isPopupCreated=!0,i}return d(r,e),r.prototype.preRender=function(){},r.prototype.getPersistData=function(){return this.addOnPersist([])},r.prototype.toggle=function(){this.canOpen()?this.openPopUp():this.createPopupOnClick&&!this.isPopupCreated?(this.createPopup(),this.openPopUp()):this.closePopup()},r.prototype.render=function(){this.initialize(),this.disabled||this.wireEvents(),this.renderComplete()},r.prototype.addItems=function(e,t){for(var s,i=this.items.length,n=0,o=this.items.length;n<o;n++)if(t===this.items[n].text){i=n;break}for(var r=e.length-1;r>=0;r--)s=new h(this,"items",e[r],!0),this.items.splice(i,0,s);this.canOpen()||this.createItems()},r.prototype.removeItems=function(e,t){for(var s=!1,i=0,n=e.length;i<n;i++)for(var o=0,r=this.items.length;o<r;o++)if(e[i]===(t?this.items[o].id:this.items[o].text)){this.items.splice(o,1),s=!0;break}s&&this.getULElement()&&this.createItems()},r.prototype.createPopup=function(){var e,s=this.createElement("div",{className:m.POPUP,id:this.element.id+"-popup"});document.body.appendChild(s),this.dropDown=new i.Popup(s,{relateTo:this.element,collision:{X:"fit",Y:"flip"},position:{X:"left",Y:"bottom"},targetType:"relative",content:this.target?this.getTargetElement():"",enableRtl:this.enableRtl}),this.dropDown.element.setAttribute("role","dialog"),this.dropDown.element.setAttribute("aria-label","dropdown menu"),t.isNullOrUndefined(this.popupContent)||(this.popupContent.style.display=""),"fixed"===this.dropDown.element.style.position&&this.dropDown.refreshPosition(this.element),this.dropDown.hide(),t.attributes(this.element,(e={},e["aria-haspopup"]=this.items.length||this.target?"true":"false",e["aria-expanded"]="false",e.type="button",e)),this.cssClass&&t.addClass([s],this.cssClass.replace(/\s+/g," ").trim().split(" ")),this.isPopupCreated=!0},r.prototype.getTargetElement=function(){return!this.createPopupOnClick||this.isColorPicker()||t.isNullOrUndefined(this.popupContent)?"string"==typeof this.target?t.select(this.target):this.target:this.popupContent},r.prototype.createItems=function(e){var s,i,n,o,r=this.items,p=this.hasIcon(this.items,"iconCss"),l=this.getULElement();l?l.innerHTML="":l=this.createElement("ul",{attrs:{role:"menu",tabindex:"0"}});for(var c=0;c<r.length;c++){var h=(i=r[c]).text;n=this.createElement("li",{innerHTML:i.url?"":h,className:i.separator?m.ITEM+" "+m.SEPARATOR:m.ITEM,attrs:i.separator?{role:"separator",tabindex:"-1","aria-label":"separator","aria-hidden":"true"}:{role:"menuitem",tabindex:"-1","aria-label":h},id:i.id?i.id:t.getUniqueID("e-"+this.getModuleName()+"-item")}),this.enableHtmlSanitizer?n.textContent=i.url?"":h:n.innerHTML=i.url?"":h,i.url&&(n.appendChild(this.createAnchor(i)),n.classList.add("e-url")),i.iconCss?(s=this.createElement("span",{className:m.ICON+" "+i.iconCss}),i.url?n.childNodes[0].appendChild(s):n.insertBefore(s,n.childNodes[0])):p&&!i.separator&&n.classList.add("e-blank-icon");var d=i.disabled;i.disabled&&n.classList.add("e-disabled"),o={item:i,element:n},this.trigger("beforeItemRender",o),d!==o.item.disabled&&(o.item.disabled?n.classList.add("e-disabled"):n.classList.remove("e-disabled")),l.appendChild(n)}e&&this.getPopUpElement().appendChild(l),p&&a(this.getPopUpElement())},r.prototype.hasIcon=function(e,t){for(var s=0,i=e.length;s<i;s++)if(e[s][""+t])return!0;return!1},r.prototype.createAnchor=function(e){var s=this.enableHtmlSanitizer?t.SanitizeHtmlHelper.sanitize(e.text):e.text;return this.createElement("a",{className:"e-menu-text e-menu-url",innerHTML:s,attrs:{href:e.url}})},r.prototype.initialize=function(){this.button=new s.Button({iconCss:this.iconCss,iconPosition:this.iconPosition,cssClass:this.cssClass,content:this.content,disabled:this.disabled,enableRtl:this.enableRtl,enablePersistence:this.enablePersistence}),this.button.createElement=this.createElement,this.button.appendTo(this.element),this.element.id||(this.element.id=t.getUniqueID("e-"+this.getModuleName())),this.appendArrowSpan(),this.setActiveElem([this.element]),this.element.setAttribute("tabindex","0"),this.element.setAttribute("aria-label",this.element.textContent?this.element.textContent:"dropdownbutton"),this.target&&!this.isColorPicker()&&!this.createPopupOnClick||!this.createPopupOnClick?this.createPopup():(this.isPopupCreated=!1,this.target&&!this.isColorPicker()&&this.createPopupOnClick&&(this.popupContent=this.getTargetElement(),this.popupContent.style.display="none"))},r.prototype.isColorPicker=function(){if(!this.element)return!1;var e=this.element.previousSibling;return!!(e&&e.classList&&e.classList.contains("e-split-colorpicker"))},r.prototype.appendArrowSpan=function(){this.cssClass=t.isNullOrUndefined(this.cssClass)?"":this.cssClass,this.element.appendChild(this.createElement("span",{className:"e-btn-icon e-icons e-icon-"+(this.cssClass.indexOf(m.VERTICAL)>-1?"bottom":"right")+" e-caret"}))},r.prototype.setActiveElem=function(e){this.activeElem=e},r.prototype.getModuleName=function(){return"dropdown-btn"},r.prototype.canOpen=function(){var e=!1;return this.isPopupCreated&&(e=this.getPopUpElement().classList.contains("e-popup-close")),e},r.prototype.destroy=function(){var s=this;if(e.prototype.destroy.call(this),"dropdown-btn"===this.getModuleName()){var i;this.element.querySelector("span.e-caret")&&t.detach(this.element.querySelector("span.e-caret")),this.cssClass&&(i=this.cssClass.split(" ")),this.button.destroy(),i&&t.removeClass([this.element],i),t.removeClass(this.activeElem,["e-active"]),(this.element.getAttribute("class")?["aria-haspopup","aria-expanded","aria-owns","type"]:["aria-haspopup","aria-expanded","aria-owns","type","class"]).forEach(function(e){s.element.removeAttribute(e)}),this.popupUnWireEvents(),this.destroyPopup(),this.isPopupCreated=!1,this.disabled||this.unWireEvents()}},r.prototype.destroyPopup=function(){if(this.isPopupCreated){if(this.dropDown.destroy(),this.getPopUpElement()){var e=document.getElementById(this.getPopUpElement().id);e&&(t.removeClass([e],["e-popup-open","e-popup-close"]),t.detach(e))}t.EventHandler.remove(this.getPopUpElement(),"click",this.clickHandler),t.EventHandler.remove(this.getPopUpElement(),"keydown",this.keyBoardHandler),this.isPopupCreated&&this.dropDown&&(this.dropDown.element=null,this.dropDown=void 0)}this.isPopupCreated=!1},r.prototype.getPopUpElement=function(){var e=null;if(!this.dropDown&&this.activeElem[0].classList.contains("e-split-btn")){var s=t.getComponent(this.activeElem[1],"dropdown-btn");s&&(this.dropDown=s.dropDown)}return this.dropDown&&(e=this.dropDown.element),e},r.prototype.getULElement=function(){var e=null;return this.getPopUpElement()&&(e=this.getPopUpElement().children[0]),e},r.prototype.wireEvents=function(){this.delegateMousedownHandler=this.mousedownHandler.bind(this),this.createPopupOnClick||t.EventHandler.add(document,"mousedown touchstart",this.delegateMousedownHandler,this),t.EventHandler.add(this.element,"click",this.clickHandler,this),t.EventHandler.add(this.element,"keydown",this.keyBoardHandler,this),t.EventHandler.add(window,"resize",this.windowResize,this)},r.prototype.windowResize=function(){!this.canOpen()&&this.dropDown&&this.dropDown.refreshPosition(this.element)},r.prototype.popupWireEvents=function(){this.delegateMousedownHandler||(this.delegateMousedownHandler=this.mousedownHandler.bind(this));var e=this.getPopUpElement();this.createPopupOnClick&&t.EventHandler.add(document,"mousedown touchstart",this.delegateMousedownHandler,this),e&&(t.EventHandler.add(e,"click",this.clickHandler,this),t.EventHandler.add(e,"keydown",this.keyBoardHandler,this),this.closeActionEvents&&t.EventHandler.add(e,this.closeActionEvents,this.focusoutHandler,this)),this.rippleFn=t.rippleEffect(e,{selector:"."+m.ITEM})},r.prototype.popupUnWireEvents=function(){var e=this.getPopUpElement();this.createPopupOnClick&&t.EventHandler.remove(document,"mousedown touchstart",this.delegateMousedownHandler),e&&e.parentElement&&(t.EventHandler.remove(e,"click",this.clickHandler),t.EventHandler.remove(e,"keydown",this.keyBoardHandler),this.closeActionEvents&&t.EventHandler.remove(e,this.closeActionEvents,this.focusoutHandler)),t.isRippleEnabled&&this.rippleFn&&this.rippleFn()},r.prototype.keyBoardHandler=function(e){if(e.target!==this.element||9!==e.keyCode&&(e.altKey||40!==e.keyCode)&&38!==e.keyCode)switch(e.keyCode){case 38:case 40:!e.altKey||38!==e.keyCode&&40!==e.keyCode?this.upDownKeyHandler(e):this.keyEventHandler(e);break;case 9:case 13:case 27:case 32:this.keyEventHandler(e)}},r.prototype.upDownKeyHandler=function(e){(!this.target||38!==e.keyCode&&40!==e.keyCode)&&(e.preventDefault(),o(this.getULElement(),e.keyCode))},r.prototype.keyEventHandler=function(e){if(!this.target||13!==e.keyCode&&9!==e.keyCode)return 13===e.keyCode&&this.activeElem[0].classList.contains("e-split-btn")?(this.triggerSelect(e),void this.activeElem[0].focus()):void(e.target&&e.target.className.indexOf("e-edit-template")>-1&&32===e.keyCode||(9!==e.keyCode&&e.preventDefault(),27===e.keyCode||38===e.keyCode||9===e.keyCode?this.canOpen()||this.closePopup(e,this.element):this.clickHandler(e)))},r.prototype.getLI=function(e){return"LI"===e.tagName?e:t.closest(e,"li")},r.prototype.mousedownHandler=function(e){var s=e.target;!this.dropDown||this.canOpen()||t.closest(s,'[id="'+this.getPopUpElement().id+'"]')||t.closest(s,'[id="'+this.element.id+'"]')||this.closePopup(e)},r.prototype.focusoutHandler=function(e){if(this.isPopupCreated&&!this.canOpen()){var t=e.relatedTarget;if(t&&t.className.indexOf("e-item")>-1){var s=this.getLI(t);if(s){var i=Array.prototype.indexOf.call(this.getULElement().children,s),n=this.items[i];if(n){var o={element:s,item:n,event:e};this.trigger("select",o)}}}this.closePopup(e)}},r.prototype.clickHandler=function(e){var s=e.target;t.closest(s,'[id="'+this.element.id+'"]')?!this.createPopupOnClick||this.target&&""!==this.target&&!this.isColorPicker()&&!this.createPopupOnClick?this.getPopUpElement().classList.contains("e-popup-close")?this.openPopUp(e):this.closePopup(e):this.isPopupCreated?this.closePopup(e,this.activeElem[0]):(this.createPopup(),this.openPopUp(e)):t.closest(s,'[id="'+this.getPopUpElement().id+'"]')&&this.getLI(e.target)&&(this.triggerSelect(e),this.closePopup(e,this.activeElem[0]))},r.prototype.triggerSelect=function(e){var t,s,i,n=this.getLI(e.target);n&&(s=Array.prototype.indexOf.call(this.getULElement().children,n),(i=this.items[s])&&(t={element:n,item:i,event:e},this.trigger("select",t)))},r.prototype.openPopUp=function(e){var s=this;void 0===e&&(e=null);var i=this.getPopUpElement();if(this.target)if(this.activeElem.length>1){var n=t.getComponent(this.activeElem[0],"split-btn");n.isReact&&i.childNodes.length<1&&(n.appendReactElement(this.getTargetElement(),this.getPopUpElement()),this.renderReactTemplates())}else this.isReact&&i.childNodes.length<1&&(this.appendReactElement(this.getTargetElement(),this.getPopUpElement()),this.renderReactTemplates());else this.createItems(!0);var o=this.getULElement();this.popupWireEvents();var r={element:o,items:this.items,event:e,cancel:!1};this.trigger("beforeOpen",r,function(e){if(!e.cancel){var i=s.getULElement();if(s.dropDown.show(null,s.element),t.addClass([s.element],"e-active"),s.element.setAttribute("aria-expanded","true"),s.element.setAttribute("aria-owns",s.getPopUpElement().id),i&&i.focus(),s.enableRtl&&"0px"!==i.parentElement.style.left){var n=void 0;n=s.element.parentElement&&s.element.parentElement.classList.contains("e-split-btn-wrapper")?s.element.parentElement.offsetWidth:s.element.offsetWidth;var o=i.parentElement.offsetWidth-n,r=parseFloat(i.parentElement.style.left)-o;r<0&&(r=0),i.parentElement.style.left=r+"px"}var a={element:i,items:s.items};s.trigger("open",a)}})},r.prototype.closePopup=function(e,s){var i=this;void 0===e&&(e=null);var n=this.getULElement(),o={element:n,items:this.items,event:e,cancel:!1};this.trigger("beforeClose",o,function(e){if(e.cancel)n&&n.focus();else{var o=i.getPopUpElement();o&&t.EventHandler.remove(o,"keydown",i.keyBoardHandler),i.popupUnWireEvents();var r=i.getULElement(),a=void 0;r&&(a=r.querySelector(".e-selected")),a&&a.classList.remove("e-selected"),i.dropDown.hide(),t.removeClass(i.activeElem,"e-active"),i.element.setAttribute("aria-expanded","false"),i.element.removeAttribute("aria-owns"),s&&s.focus();var p={element:r,items:i.items};i.trigger("close",p),!i.target&&r&&t.detach(r),(!i.target||i.isColorPicker()||i.target&&!i.isColorPicker())&&i.createPopupOnClick&&i.destroyPopup()}})},r.prototype.unWireEvents=function(){this.createPopupOnClick||t.EventHandler.remove(document,"mousedown touchstart",this.delegateMousedownHandler),t.EventHandler.remove(this.element,"click",this.clickHandler),t.EventHandler.remove(this.element,"keydown",this.keyBoardHandler),this.isPopupCreated&&(t.EventHandler.remove(this.getPopUpElement(),"click",this.clickHandler),t.EventHandler.remove(this.getPopUpElement(),"keydown",this.keyBoardHandler)),t.EventHandler.remove(window,"resize",this.windowResize)},r.prototype.onPropertyChanged=function(e,s){var i=["content","cssClass","iconCss","iconPosition","disabled","enableRtl"];this.button.setProperties(n(e,i));var o;this.isPopupCreated&&(o=this.getPopUpElement(),this.dropDown.setProperties(n(e,["enableRtl"])));for(var r=0,a=Object.keys(e);r<a.length;r++)switch(a[r]){case"content":this.element.querySelector("span.e-caret")||this.appendArrowSpan();break;case"disabled":e.disabled?(this.unWireEvents(),this.isPopupCreated&&!this.canOpen()&&this.closePopup()):this.wireEvents();break;case"cssClass":if(e.cssClass.indexOf(m.VERTICAL)>-1||s.cssClass.indexOf(m.VERTICAL)>-1){this.element.querySelector("span.e-caret")||this.appendArrowSpan();var p=this.element.querySelector("span.e-caret");e.cssClass.indexOf(m.VERTICAL)>-1?t.classList(p,["e-icon-bottom"],["e-icon-right"]):t.classList(p,["e-icon-right"],["e-icon-bottom"])}this.isPopupCreated&&(s.cssClass&&t.removeClass([o],s.cssClass.split(" ")),e.cssClass&&t.addClass([o],e.cssClass.replace(/\s+/g," ").trim().split(" ")));break;case"target":this.dropDown.content=this.getTargetElement(),this.dropDown.dataBind();break;case"items":this.isPopupCreated&&this.getULElement()&&this.createItems();break;case"createPopupOnClick":e.createPopupOnClick?this.destroyPopup():this.createPopup()}},r.prototype.focusIn=function(){this.element.focus()},u([t.Property("")],r.prototype,"content",void 0),u([t.Property("")],r.prototype,"cssClass",void 0),u([t.Property(!1)],r.prototype,"disabled",void 0),u([t.Property("")],r.prototype,"iconCss",void 0),u([t.Property("Left")],r.prototype,"iconPosition",void 0),u([t.Property(!0)],r.prototype,"enableHtmlSanitizer",void 0),u([t.Collection([],h)],r.prototype,"items",void 0),u([t.Property(!1)],r.prototype,"createPopupOnClick",void 0),u([t.Property("")],r.prototype,"target",void 0),u([t.Property("")],r.prototype,"closeActionEvents",void 0),u([t.Event()],r.prototype,"beforeItemRender",void 0),u([t.Event()],r.prototype,"beforeOpen",void 0),u([t.Event()],r.prototype,"beforeClose",void 0),u([t.Event()],r.prototype,"close",void 0),u([t.Event()],r.prototype,"open",void 0),u([t.Event()],r.prototype,"select",void 0),u([t.Event()],r.prototype,"created",void 0),r=u([t.NotifyPropertyChanges],r)}(t.Component),f=function(){var e=function(t,s){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var s in t)t.hasOwnProperty(s)&&(e[s]=t[s])})(t,s)};return function(t,s){function i(){this.constructor=t}e(t,s),t.prototype=null===s?Object.create(s):(i.prototype=s.prototype,new i)}}(),v=function(e,t,s,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,s,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(o<3?n(r):o>3?n(t,s,r):n(t,s))||r);return o>3&&r&&Object.defineProperty(t,s,r),r},g="e-rtl",b="EJS-SPLITBUTTON",C=function(e){function i(t,s){return e.call(this,t,s)||this}return f(i,e),i.prototype.preRender=function(){var e=this.element;if(e.tagName===b){for(var s=t.getValue("ej2_instances",e),i=this.createElement("button",{attrs:{type:"button"}}),n=this.createElement(b,{className:"e-"+this.getModuleName()+"-wrapper"}),o=0,r=e.attributes.length;o<r;o++)i.setAttribute(e.attributes[o].nodeName,e.attributes[o].nodeValue);e.parentNode.insertBefore(n,e),t.detach(e),e=i,n.appendChild(e),t.setValue("ej2_instances",s,e),this.wrapper=n,this.element=e}this.element.id||(this.element.id=t.getUniqueID("e-"+this.getModuleName()))},i.prototype.render=function(){this.initWrapper(),this.createPrimaryButton(),this.renderControl()},i.prototype.renderControl=function(){this.createSecondaryButton(),this.setActiveElem([this.element,this.secondaryBtnObj.element]),this.setAria(),this.wireEvents(),this.renderComplete()},i.prototype.addItems=function(t,s){e.prototype.addItems.call(this,t,s),this.secondaryBtnObj.items=this.items},i.prototype.removeItems=function(t,s){e.prototype.removeItems.call(this,t,s),this.secondaryBtnObj.items=this.items},i.prototype.initWrapper=function(){this.wrapper||(this.wrapper=this.createElement("div",{className:"e-"+this.getModuleName()+"-wrapper"}),this.element.parentNode.insertBefore(this.wrapper,this.element)),this.element.classList.remove("e-"+this.getModuleName()),this.enableRtl&&this.wrapper.classList.add(g),this.cssClass&&t.addClass([this.wrapper],this.cssClass.replace(/\s+/g," ").trim().split(" "))},i.prototype.createPrimaryButton=function(){var e={cssClass:this.cssClass,enableRtl:this.enableRtl,iconCss:this.iconCss,iconPosition:this.iconPosition,content:this.content,disabled:this.disabled};this.primaryBtnObj=new s.Button(e),this.primaryBtnObj.createElement=this.createElement,this.primaryBtnObj.appendTo(this.element),this.element.classList.add("e-"+this.getModuleName()),this.element.type="button",this.wrapper.appendChild(this.element)},i.prototype.createSecondaryButton=function(){var e=this,t=this.createElement("button",{className:"e-icon-btn",attrs:{tabindex:"-1"},id:this.element.id+"_dropdownbtn"});this.wrapper.appendChild(t);var s={cssClass:this.cssClass,disabled:this.disabled,enableRtl:this.enableRtl,items:this.items,target:this.target,createPopupOnClick:this.createPopupOnClick};s.beforeItemRender=function(t){e.createPopupOnClick&&(e.secondaryBtnObj.dropDown.relateTo=e.wrapper,e.dropDown=e.secondaryBtnObj.dropDown),e.trigger("beforeItemRender",t)},s.open=function(t){e.trigger("open",t)},s.close=function(t){e.trigger("close",t)},s.select=function(t){e.trigger("select",t)},s.beforeOpen=function(t){e.createPopupOnClick&&0===e.items.length&&(e.secondaryBtnObj.dropDown.relateTo=e.wrapper,e.dropDown=e.secondaryBtnObj.dropDown);var s=new P;return e.trigger("beforeOpen",t,function(e){s.resolve(e)}),s},s.beforeClose=function(t){var s=new P;return e.trigger("beforeClose",t,function(e){s.resolve(e)}),s},this.secondaryBtnObj=new y(s),this.secondaryBtnObj.createElement=this.createElement,this.secondaryBtnObj.appendTo(t),this.createPopupOnClick||(this.secondaryBtnObj.dropDown.relateTo=this.wrapper,this.dropDown=this.secondaryBtnObj.dropDown),this.isPopupCreated=this.secondaryBtnObj.isPopupCreated,this.secondaryBtnObj.activeElem=[this.element,this.secondaryBtnObj.element],this.secondaryBtnObj.element.querySelector(".e-btn-icon").classList.remove("e-icon-right"),this.disabled&&this.wrapper.classList.add("e-splitbtn-disabled")},i.prototype.setAria=function(){t.attributes(this.element,{"aria-expanded":"false","aria-haspopup":"true","aria-label":this.element.textContent?this.element.textContent+" splitbutton":"splitbutton","aria-owns":this.element.id+"_dropdownbtn-popup"})},i.prototype.getModuleName=function(){return"split-btn"},i.prototype.toggle=function(){this.secondaryBtnObj.toggle()},i.prototype.destroy=function(){var s=this,i=[g];if(this.cssClass&&(i=i.concat(this.cssClass.split(" "))),this.element){var n=document.getElementById(this.element.id);n&&n.parentElement===this.wrapper&&(this.wrapper.tagName===b?(this.wrapper.innerHTML="",t.removeClass([this.wrapper],["e-rtl","e-"+this.getModuleName()+"-wrapper"]),t.removeClass([this.wrapper],this.cssClass.split(" "))):(t.removeClass([this.element],i),["aria-label","aria-haspopup","aria-expanded","aria-owns","type"].forEach(function(e){s.element.removeAttribute(e)}),this.wrapper.parentNode.insertBefore(this.element,this.wrapper),t.remove(this.wrapper)),this.unWireEvents())}this.primaryBtnObj.destroy(),this.secondaryBtnObj.destroy(),e.prototype.destroy.call(this),this.element&&!this.element.getAttribute("class")&&this.element.removeAttribute("class"),this.refreshing&&this.isAngular&&(this.element=this.wrapper,["e-control","e-split-btn","e-lib"].forEach(function(e){s.element.classList.add(e)}),t.setValue("ej2_instances",[this],this.element)),this.wrapper=null},i.prototype.wireEvents=function(){t.EventHandler.add(this.element,"click",this.primaryBtnClickHandler,this),new t.KeyboardEvents(this.element,{keyAction:this.btnKeyBoardHandler.bind(this),keyConfigs:{altdownarrow:"alt+downarrow",enter:"enter"}})},i.prototype.unWireEvents=function(){t.EventHandler.remove(this.element,"click",this.primaryBtnClickHandler),t.getInstance(this.element,t.KeyboardEvents).destroy()},i.prototype.primaryBtnClickHandler=function(){this.trigger("click",{element:this.element})},i.prototype.btnKeyBoardHandler=function(e){switch(e.action){case"altdownarrow":this.clickHandler(e);break;case"enter":this.clickHandler(e),this.getPopUpElement()&&!this.getPopUpElement().classList.contains("e-popup-close")?(this.element.classList.remove("e-active"),this.secondaryBtnObj.element.classList.add("e-active")):this.secondaryBtnObj.element.classList.remove("e-active")}},i.prototype.onPropertyChanged=function(e,s){var i=["content","iconCss","iconPosition","cssClass","disabled","enableRtl"];this.primaryBtnObj.setProperties(n(e,i)),i=["beforeOpen","beforeItemRender","select","open","close","cssClass","disabled","enableRtl","createPopupOnClick"],Object.keys(e).indexOf("items")>-1&&(this.secondaryBtnObj.items=e.items,this.secondaryBtnObj.dataBind()),this.secondaryBtnObj.setProperties(n(e,i));for(var o=0,r=Object.keys(e);o<r.length;o++)switch(r[o]){case"cssClass":s.cssClass&&t.removeClass([this.wrapper],s.cssClass.split(" ")),t.addClass([this.wrapper],e.cssClass.replace(/\s+/g," ").trim().split(" "));break;case"enableRtl":e.enableRtl?t.addClass([this.wrapper],g):t.removeClass([this.wrapper],g);break;case"disabled":e.disabled?t.addClass([this.wrapper],"e-splitbtn-disabled"):t.removeClass([this.wrapper],"e-splitbtn-disabled")}},i.prototype.focusIn=function(){this.element.focus()},v([t.Property("")],i.prototype,"content",void 0),v([t.Property("")],i.prototype,"cssClass",void 0),v([t.Property(!1)],i.prototype,"disabled",void 0),v([t.Property("")],i.prototype,"iconCss",void 0),v([t.Property("Left")],i.prototype,"iconPosition",void 0),v([t.Property(!1)],i.prototype,"createPopupOnClick",void 0),v([t.Collection([],h)],i.prototype,"items",void 0),v([t.Property("")],i.prototype,"target",void 0),v([t.Event()],i.prototype,"beforeItemRender",void 0),v([t.Event()],i.prototype,"beforeOpen",void 0),v([t.Event()],i.prototype,"beforeClose",void 0),v([t.Event()],i.prototype,"click",void 0),v([t.Event()],i.prototype,"close",void 0),v([t.Event()],i.prototype,"open",void 0),v([t.Event()],i.prototype,"select",void 0),v([t.Event()],i.prototype,"created",void 0),i=v([t.NotifyPropertyChanges],i)}(y),P=function(){function e(){var e=this;this.promise=new Promise(function(t,s){e.resolve=t,e.reject=s}),this.catch=this.promise.catch.bind(this.promise),this.then=this.promise.then.bind(this.promise)}return e}(),E=function(){var e=function(t,s){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var s in t)t.hasOwnProperty(s)&&(e[s]=t[s])})(t,s)};return function(t,s){function i(){this.constructor=t}e(t,s),t.prototype=null===s?Object.create(s):(i.prototype=s.prototype,new i)}}(),w=function(e,t,s,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,s,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(o<3?n(r):o>3?n(t,s,r):n(t,s))||r);return o>3&&r&&Object.defineProperty(t,s,r),r},k="e-btn-content",O=function(e){function s(){return null!==e&&e.apply(this,arguments)||this}return E(s,e),w([t.Property(null)],s.prototype,"template",void 0),w([t.Property(16)],s.prototype,"width",void 0),w([t.Property("Left")],s.prototype,"position",void 0),s}(t.ChildProperty),L=function(e){function s(){return null!==e&&e.apply(this,arguments)||this}return E(s,e),w([t.Property(400)],s.prototype,"duration",void 0),w([t.Property("None")],s.prototype,"effect",void 0),w([t.Property("ease")],s.prototype,"easing",void 0),s}(t.ChildProperty),S=function(e){function s(t,s){var i=e.call(this,t,s)||this;return i.step=1,i}return E(s,e),s.prototype.preRender=function(){e.prototype.preRender.call(this)},s.prototype.render=function(){e.prototype.render.call(this),this.init(),this.wireEvents(),this.setAria(),this.renderComplete()},s.prototype.start=function(e){this.isPaused=!1,this.startProgress(e||this.percent,this.progressTime)},s.prototype.stop=function(){this.isPaused=!0,cancelAnimationFrame(this.timerId)},s.prototype.progressComplete=function(){this.isPaused=!1,this.finishProgress()},s.prototype.getModuleName=function(){return"progress-btn"},s.prototype.destroy=function(){var s=this,i=["e-hide-spinner","e-progress-active","e-round-corner","e-"+e.prototype.getModuleName.call(this),"e-spin-"+this.spinSettings.position.toLowerCase()];e.prototype.destroy.call(this),this.unWireEvents(),this.element.innerHTML="",this.cssClass&&(i=i.concat(this.cssClass.split(" "))),t.removeClass([this.element],i),(this.element.getAttribute("class")?["aria-label","aria-valuemin","aria-valuemax","aria-valuenow"]:["aria-label","aria-valuemin","aria-valuemax","aria-valuenow","class"]).forEach(function(e){s.element.removeAttribute(e)}),this.disabled&&this.element.removeAttribute("disabled")},s.prototype.init=function(){this.element.classList.add("e-"+e.prototype.getModuleName.call(this)),this.setContent(),this.createSpinner(),this.enableProgress&&this.createProgress()},s.prototype.createSpinner=function(){var e=this.createElement("span",{className:"e-spinner"});this.setSpinPosition(e),i.createSpinner({target:e,width:this.spinSettings.width||16,template:this.spinSettings.template},this.createElement)},s.prototype.getSpinner=function(){return this.element.getElementsByClassName("e-spinner")[0]},s.prototype.getProgress=function(){return this.element.getElementsByClassName("e-progress")[0]},s.prototype.setSpinPosition=function(e){var t=this.spinSettings.position||"Left";"Left"===t||"Top"===t?this.element.insertBefore(e,this.element.getElementsByClassName(k)[0]):this.element.appendChild(e),this.element.classList.add("e-spin-"+t.toLowerCase())},s.prototype.createProgress=function(){this.element.appendChild(this.createElement("span",{className:"e-progress"}))},s.prototype.setContent=function(){var e;e=this.element.innerHTML,this.enableHtmlSanitizer&&(e=t.SanitizeHtmlHelper.sanitize(this.element.innerHTML)),this.element.innerHTML="",this.element.appendChild(this.createElement("span",{className:k,innerHTML:e}))},s.prototype.setContentIcon=function(e){var t=this.createElement("span",{className:k,innerHTML:e});if(this.iconCss){var s=this.createElement("span",{className:"e-btn-icon "+this.iconCss});this.element.textContent.trim()?(s.classList.add("e-icon-"+this.iconPosition.toLowerCase()),"Top"!==this.iconPosition&&"Bottom"!==this.iconPosition||this.element.classList.add("e-"+this.iconPosition.toLowerCase()+"-icon-btn")):this.element.classList.add("e-icon-btn");var i=t.childNodes[0];!i||"Left"!==this.iconPosition&&"Top"!==this.iconPosition?t.appendChild(s):t.insertBefore(s,i)}this.element.appendChild(t)},s.prototype.clickHandler=function(){this.element.classList.contains("e-progress-active")||this.startProgress()},s.prototype.startProgress=function(e,t){var s=this.element.classList,n=s.contains("e-vertical");s.add("e-progress-active"),s.contains("e-hide-spinner")||i.showSpinner(this.element.querySelector(".e-spinner")),this.startAnimate(Date.now(),t||0,t?Date.now()-1*this.duration/100:Date.now(),e||0,0,this.step,0,n),this.startContAnimate()},s.prototype.startAnimate=function(e,t,s,i,n,o,r,a){var p=this;try{var l=e-s,c=this.duration*o/100,h=l?l<c?l-c:l%c:0;this.progressTime=t=t+l-h,s=e-h,i+=(l-h)/this.duration*100;var d={percent:n=(t-r)%c==0||100===i?i:n,currentDuration:t,step:o};this.eIsVertical=a,0===i?this.trigger("begin",d,function(e){p.successCallback(e,i,n,t,r,h,s)}):100===i||t===this.duration?this.trigger("end",d,function(e){p.successCallback(e,i,n,t,r,h,s)}):this.trigger("progress",d,function(e){p.successCallback(e,i,n,t,r,h,s)})}catch(e){cancelAnimationFrame(this.timerId),this.trigger("fail",e)}},s.prototype.successCallback=function(e,t,s,i,n,o,r){var a=this,p=t,l=s,c=o,h=i,d=n,u=r,m=this.eIsVertical;p!==e.percent&&e.percent!==l&&(p=e.percent),this.percent=p,this.step=e.step,(h-d)%(this.duration*e.step/100)!=0&&100!==p||(this.timerId=requestAnimationFrame(function(){a.enableProgress&&a.getProgress()&&(a.getProgress().style[m?"height":"width"]=p+"%"),a.element.setAttribute("aria-valuenow",p.toString())}),l=p,d=h),this.isPaused||(h<this.duration&&p<100?this.interval=window.setTimeout(function(){a.startAnimate(Date.now(),h,u,p,l,e.step,d,m)},this.duration/100-c):this.interval=window.setTimeout(function(){a.progressTime=a.percent=0,a.enableProgress&&a.getProgress()&&(a.getProgress().style[m?"height":"width"]="0%"),a.element.setAttribute("aria-valuenow","0"),a.hideSpin()},100))},s.prototype.startContAnimate=function(){var e=this,s=this.element.getElementsByClassName(k)[0];"None"!==this.animationSettings.effect?new t.Animation({}).animate(s,{duration:0===this.animationSettings.duration&&"Enable"===t.animationMode?400:this.animationSettings.duration,name:"Progress"+this.animationSettings.effect,timingFunction:this.animationSettings.easing,begin:function(){"Center"===e.spinSettings.position&&e.setSpinnerSize()},end:function(){s.classList.add("e-animate-end")}}):"Center"===this.spinSettings.position&&this.setSpinnerSize()},s.prototype.finishProgress=function(){var e=this.element.classList,t=e.contains("e-vertical");e.add("e-progress-active");for(var s=this.percent;s<100;s++)(s+=10)>100&&(s=100),this.enableProgress&&this.getProgress()&&(this.getProgress().style[t?"height":"width"]=this.percent<100?s+"%":"100%");this.element.setAttribute("aria-valuenow","0"),this.hideSpin();var i={step:this.step,currentDuration:this.progressTime,percent:100};clearTimeout(this.interval),this.trigger("end",i),this.progressTime=this.percent=0},s.prototype.setSpinnerSize=function(){var e=this.element.getElementsByClassName(k)[0],t=this.getSpinner();t.style.width=Math.max(t.offsetWidth,e.offsetWidth)+"px",t.style.height=Math.max(t.offsetHeight,e.offsetHeight)+"px",e.classList.add("e-cont-animate")},s.prototype.hideSpin=function(){var e=this.element.getElementsByClassName(k)[0];if(this.element.classList.contains("e-hide-spinner")||i.hideSpinner(this.element.querySelector(".e-spinner")),this.element.classList.remove("e-progress-active"),"None"!==this.animationSettings.effect&&e.classList.remove("e-animate-end"),"Center"===this.spinSettings.position){var t=this.getSpinner();e.classList.remove("e-cont-animate"),t.style.width="auto",t.style.height="auto"}},s.prototype.setIconSpan=function(){var e=this.element.getElementsByClassName(k)[0],t=this.element.getElementsByClassName("e-btn-icon")[0];!e.childNodes[0]||"Left"!==this.iconPosition&&"Top"!==this.iconPosition?e.appendChild(t):e.insertBefore(t,e.childNodes[0])},s.prototype.setAria=function(){t.attributes(this.element,{"aria-label":this.element.textContent+" progress"})},s.prototype.wireEvents=function(){t.EventHandler.add(this.element,"click",this.clickHandler,this)},s.prototype.unWireEvents=function(){t.EventHandler.remove(this.element,"click",this.clickHandler)},s.prototype.onPropertyChanged=function(s,n){var o=this.element,r=!1;this.element.querySelector(".e-spinner-pane").classList.contains("e-spin-show")&&(r=!0),e.prototype.onPropertyChanged.call(this,s,n);for(var a=0,p=Object.keys(s);a<p.length;a++)switch(p[a]){case"content":this.setContent(),this.createSpinner(),r&&(i.showSpinner(this.element.querySelector(".e-spinner")),r=!1),this.enableProgress&&this.createProgress(),o.setAttribute("aria-label",o.textContent+" progress");break;case"iconCss":n.iconCss||this.setIconSpan();break;case"iconPosition":this.setIconSpan();break;case"enableProgress":s.enableProgress?this.createProgress():t.remove(this.getProgress());break;case"spinSettings":s.spinSettings.position&&(o.classList.remove("e-spin-"+n.spinSettings.position.toLowerCase()),this.setSpinPosition(this.getSpinner())),(s.spinSettings.template||s.spinSettings.width)&&(o.removeChild(this.getSpinner()),this.createSpinner())}},s.prototype.focusIn=function(){this.element.focus()},w([t.Property(!1)],s.prototype,"enableProgress",void 0),w([t.Property(2e3)],s.prototype,"duration",void 0),w([t.Property("Left")],s.prototype,"iconPosition",void 0),w([t.Property("")],s.prototype,"iconCss",void 0),w([t.Property(!1)],s.prototype,"disabled",void 0),w([t.Property(!1)],s.prototype,"isPrimary",void 0),w([t.Property("")],s.prototype,"cssClass",void 0),w([t.Property("")],s.prototype,"content",void 0),w([t.Property(!1)],s.prototype,"isToggle",void 0),w([t.Property(!0)],s.prototype,"enableHtmlSanitizer",void 0),w([t.Complex({},O)],s.prototype,"spinSettings",void 0),w([t.Complex({},L)],s.prototype,"animationSettings",void 0),w([t.Event()],s.prototype,"created",void 0),w([t.Event()],s.prototype,"begin",void 0),w([t.Event()],s.prototype,"progress",void 0),w([t.Event()],s.prototype,"end",void 0),w([t.Event()],s.prototype,"fail",void 0),s=w([t.NotifyPropertyChanges],s)}(s.Button);return e.AnimationSettings=L,e.Deferred=P,e.DropDownButton=y,e.Item=h,e.ProgressButton=S,e.SpinSettings=O,e.SplitButton=C,e.createButtonGroup=p,e.getModel=n,e.setBlankIconStyle=a,e.upDownKeyHandler=o,e}({},ej.base,ej.buttons,ej.popups),this.ejs=ej;
 //# sourceMappingURL=ej2-splitbuttons.min.js.map

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 25.2.4
+*  version : 26.1.35
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
@@ -5,0 +5,0 @@ *  Use of this code is subject to the terms of our license.

package.json

 {
   "_from": "@syncfusion/ej2-splitbuttons@*",
-  "_id": "@syncfusion/ej2-splitbuttons@25.2.3",
+  "_id": "@syncfusion/ej2-splitbuttons@19.16.4",
   "_inBundle": false,
-  "_integrity": "sha512-QhJTvWmDM4iVnlxAq1BSFRLN1qf1zYDmPOwx7hL1/udWwrCqFzKOrkchHZhSOU3szVPaI0ihFc3h4p7LlJkyyg==",
+  "_integrity": "sha512-peJ/b43dMQWqyZD+YreT0LWFYA2RqvB8yDOfiZZcRwkUwPVCCu48m3vr0r6Dbacf79rF3/LalB2LW1yDRobA6A==",
   "_location": "/@syncfusion/ej2-splitbuttons",
@@ -36,6 +36,6 @@ "_phantomChildren": {},
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-splitbuttons/-/ej2-splitbuttons-25.2.3.tgz",
-  "_shasum": "3d9fabd2b9843287d3774210bb5d2bf0c10d33d7",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-splitbuttons/-/ej2-splitbuttons-19.16.4.tgz",
+  "_shasum": "c7391581d683eebec060c79f65162b5cdcdef629",
   "_spec": "@syncfusion/ej2-splitbuttons@*",
-  "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
   "author": {
@@ -49,4 +49,4 @@ "name": "Syncfusion Inc."
   "dependencies": {
-    "@syncfusion/ej2-base": "~25.2.3",
-    "@syncfusion/ej2-popups": "~25.2.4"
+    "@syncfusion/ej2-base": "26.1.35-7502",
+    "@syncfusion/ej2-popups": "26.1.35-7502"
   },
@@ -94,4 +94,4 @@ "deprecated": false,
   "typings": "index.d.ts",
-  "version": "25.2.4",
+  "version": "26.1.35-7502",
   "sideEffects": false
 }

src/drop-down-button/drop-down-button.js

@@ -315,2 +315,3 @@ var __extends = (this && this.__extends) || (function () {
     DropDownButton.prototype.appendArrowSpan = function () {
+        this.cssClass = isNullOrUndefined(this.cssClass) ? '' : this.cssClass;
         this.element.appendChild(this.createElement('span', {
@@ -420,2 +421,3 @@ className: 'e-btn-icon e-icons ' + 'e-icon-' + (this.cssClass.indexOf(classNames.VERTICAL) > -1
         EventHandler.add(this.element, 'keydown', this.keyBoardHandler, this);
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         EventHandler.add(window, 'resize', this.windowResize, this);
@@ -613,2 +615,3 @@ };
                 if (this.isReact && popupElem.childNodes.length < 1) {
+                    // eslint-disable-next-line @typescript-eslint/no-unused-vars
                     isReact = true;
@@ -647,3 +650,3 @@ // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     }
-                    ul_1.parentElement.style.left = popupLeft + "px";
+                    ul_1.parentElement.style.left = popupLeft + 'px';
                 }
@@ -710,2 +713,3 @@ var openArgs = { element: ul_1, items: _this.items };
         }
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         EventHandler.remove(window, 'resize', this.windowResize);
@@ -754,2 +758,3 @@ };
                         var arrowSpan = this.element.querySelector('span.e-caret');
+                        // eslint-disable-next-line @typescript-eslint/no-unused-expressions
                         newProp.cssClass.indexOf(classNames.VERTICAL) > -1 ? classList(arrowSpan, ['e-icon-bottom'], ['e-icon-right'])
@@ -756,0 +761,0 @@ : classList(arrowSpan, ['e-icon-right'], ['e-icon-bottom']);

src/progress-button/progress-button.js

@@ -250,3 +250,3 @@ var __extends = (this && this.__extends) || (function () {
         if (!(clsList.contains(HIDESPINNER))) {
-            showSpinner(this.element.querySelector(".e-spinner"));
+            showSpinner(this.element.querySelector('.e-spinner'));
         }
@@ -384,3 +384,3 @@ this.startAnimate(Date.now(), progressTime ? progressTime : 0, progressTime ? Date.now() - (this.duration * 1 / 100) : Date.now(), percent ? percent : 0, 0, this.step, 0, isVertical);
         if (!(this.element.classList.contains(HIDESPINNER))) {
-            hideSpinner(this.element.querySelector(".e-spinner"));
+            hideSpinner(this.element.querySelector('.e-spinner'));
         }
@@ -442,3 +442,3 @@ this.element.classList.remove(PROGRESSACTIVE);
                     if (isSpinning) {
-                        showSpinner(this.element.querySelector(".e-spinner"));
+                        showSpinner(this.element.querySelector('.e-spinner'));
                         isSpinning = false;
@@ -445,0 +445,0 @@ }

src/split-button/split-button.js

@@ -186,3 +186,3 @@ var __extends = (this && this.__extends) || (function () {
         dropDownBtnModel.beforeOpen = function (args) {
-            if (_this.createPopupOnClick && _this.items.length == 0) {
+            if (_this.createPopupOnClick && _this.items.length === 0) {
                 _this.secondaryBtnObj.dropDown.relateTo = _this.wrapper;
@@ -273,2 +273,3 @@ _this.dropDown = _this.secondaryBtnObj.dropDown;
         }
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         if (this.refreshing && this.isAngular) {
@@ -275,0 +276,0 @@ this.element = this.wrapper;

styles/bootstrap-dark.scss

@@ -1,4 +0,14 @@
-@import 'drop-down-button/bootstrap-dark.scss';
-@import 'split-button/bootstrap-dark.scss';
-@import 'button-group/bootstrap-dark.scss';
-@import 'progress-button/bootstrap-dark.scss';
+@import 'ej2-base/styles/definition/bootstrap-dark.scss';
+@import 'ej2-buttons/styles/button/bootstrap-dark-definition.scss';
+@import 'ej2-popups/styles/popup/bootstrap-dark-definition.scss';
+@import 'drop-down-button/bootstrap-dark-definition.scss';
+@import 'drop-down-button/icons/bootstrap-dark.scss';
+@import 'drop-down-button/all.scss';
+
+@import 'split-button/bootstrap-dark-definition.scss';
+@import 'split-button/all.scss';
+@import 'button-group/bootstrap-dark-definition.scss';
+@import 'button-group/all.scss';
+@import 'ej2-popups/styles/spinner/bootstrap-dark-definition.scss';
+@import 'progress-button/bootstrap-dark-definition.scss';
+@import 'progress-button/all.scss';

styles/bootstrap.scss

@@ -1,4 +0,14 @@
-@import 'drop-down-button/bootstrap.scss';
-@import 'split-button/bootstrap.scss';
-@import 'button-group/bootstrap.scss';
-@import 'progress-button/bootstrap.scss';
+@import 'ej2-base/styles/definition/bootstrap.scss';
+@import 'ej2-buttons/styles/button/bootstrap-definition.scss';
+@import 'ej2-popups/styles/popup/bootstrap-definition.scss';
+@import 'drop-down-button/bootstrap-definition.scss';
+@import 'drop-down-button/icons/bootstrap.scss';
+@import 'drop-down-button/all.scss';
+
+@import 'split-button/bootstrap-definition.scss';
+@import 'split-button/all.scss';
+@import 'button-group/bootstrap-definition.scss';
+@import 'button-group/all.scss';
+@import 'ej2-popups/styles/spinner/bootstrap-definition.scss';
+@import 'progress-button/bootstrap-definition.scss';
+@import 'progress-button/all.scss';

styles/bootstrap4.scss

@@ -1,4 +0,14 @@
-@import 'drop-down-button/bootstrap4.scss';
-@import 'split-button/bootstrap4.scss';
-@import 'button-group/bootstrap4.scss';
-@import 'progress-button/bootstrap4.scss';
+@import 'ej2-base/styles/definition/bootstrap4.scss';
+@import 'ej2-buttons/styles/button/bootstrap4-definition.scss';
+@import 'ej2-popups/styles/popup/bootstrap4-definition.scss';
+@import 'drop-down-button/bootstrap4-definition.scss';
+@import 'drop-down-button/icons/bootstrap4.scss';
+@import 'drop-down-button/all.scss';
+
+@import 'split-button/bootstrap4-definition.scss';
+@import 'split-button/all.scss';
+@import 'button-group/bootstrap4-definition.scss';
+@import 'button-group/all.scss';
+@import 'ej2-popups/styles/spinner/bootstrap4-definition.scss';
+@import 'progress-button/bootstrap4-definition.scss';
+@import 'progress-button/all.scss';

styles/bootstrap5-dark.scss

@@ -1,4 +0,14 @@
-@import 'drop-down-button/bootstrap5-dark.scss';
-@import 'split-button/bootstrap5-dark.scss';
-@import 'button-group/bootstrap5-dark.scss';
-@import 'progress-button/bootstrap5-dark.scss';
+@import 'ej2-base/styles/definition/bootstrap5-dark.scss';
+@import 'ej2-buttons/styles/button/bootstrap5-dark-definition.scss';
+@import 'ej2-popups/styles/popup/bootstrap5-dark-definition.scss';
+@import 'drop-down-button/bootstrap5-dark-definition.scss';
+@import 'drop-down-button/icons/bootstrap5-dark.scss';
+@import 'drop-down-button/all.scss';
+
+@import 'split-button/bootstrap5-dark-definition.scss';
+@import 'split-button/all.scss';
+@import 'button-group/bootstrap5-dark-definition.scss';
+@import 'button-group/all.scss';
+@import 'ej2-popups/styles/spinner/bootstrap5-dark-definition.scss';
+@import 'progress-button/bootstrap5-dark-definition.scss';
+@import 'progress-button/all.scss';

styles/bootstrap5.scss

@@ -1,4 +0,14 @@
-@import 'drop-down-button/bootstrap5.scss';
-@import 'split-button/bootstrap5.scss';
-@import 'button-group/bootstrap5.scss';
-@import 'progress-button/bootstrap5.scss';
+@import 'ej2-base/styles/definition/bootstrap5.scss';
+@import 'ej2-buttons/styles/button/bootstrap5-definition.scss';
+@import 'ej2-popups/styles/popup/bootstrap5-definition.scss';
+@import 'drop-down-button/bootstrap5-definition.scss';
+@import 'drop-down-button/icons/bootstrap5.scss';
+@import 'drop-down-button/all.scss';
+
+@import 'split-button/bootstrap5-definition.scss';
+@import 'split-button/all.scss';
+@import 'button-group/bootstrap5-definition.scss';
+@import 'button-group/all.scss';
+@import 'ej2-popups/styles/spinner/bootstrap5-definition.scss';
+@import 'progress-button/bootstrap5-definition.scss';
+@import 'progress-button/all.scss';

styles/button-group/_bootstrap-dark-definition.scss

@@ -32,3 +32,1 @@ //default
 $btn-grp-outline-focus-danger-color: inherit !default;
-
-//enddefault

styles/button-group/_fabric-dark-definition.scss

@@ -32,3 +32,1 @@ //default
 $btn-grp-outline-focus-danger-color: $btn-danger-active-color !default;
-
-//enddefault

styles/button-group/_group-button-mixin.scss

@@ -73,1 +73,22 @@ @mixin apply-border {
 }
+
+@mixin box-shadow-theme {
+  @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
+    box-shadow: none;
+  }
+  @if $skin-name == 'fabric' {
+    border-color: transparent;
+  }
+}
+
+@mixin outline-box-shadow-theme {
+  @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
+    box-shadow: none;
+  }
+}
+
+@mixin Mat3-box-shadow-none {
+  @if $skin-name == 'Material3' {
+    box-shadow: none;
+  }
+}

styles/button-group/_highcontrast-light-definition.scss

@@ -34,3 +34,1 @@ //default
 $btn-grp-outline-focus-danger-color: inherit !default;
-
-//enddefault

styles/button-group/_layout.scss

@@ -51,3 +51,3 @@ @include export-module('button-group-layout') {
       .e-btn {
-        @if $skin-name != 'Material3' {
+        @if $skin-name != 'Material3' and $skin-name != 'fluent2' {
           margin-left: $btn-grp-margin-left;
@@ -60,3 +60,4 @@ }
 
-        &:first-of-type {
+        &:first-of-type,
+        &:last-of-type:not(:last-child) {
           border-bottom-right-radius: 0;
@@ -70,7 +71,2 @@ border-top-right-radius: 0;
         }
-
-        &:last-of-type:not(:last-child) {
-          border-bottom-right-radius: 0;
-          border-top-right-radius: 0;
-        }
       }
@@ -121,3 +117,4 @@
 
-        &:first-of-type {
+        &:first-of-type,
+        &:last-of-type:not(:last-child) {
           border-bottom-left-radius: 0;
@@ -131,7 +128,2 @@ border-top-left-radius: 0;
         }
-
-        &:last-of-type:not(:last-child) {
-          border-bottom-left-radius: 0;
-          border-top-left-radius: 0;
-        }
       }
@@ -138,0 +130,0 @@

styles/button-group/_material-dark-definition.scss

@@ -32,3 +32,1 @@ //default
 $btn-grp-outline-focus-danger-color: inherit !default;
-
-//enddefault

styles/button-group/_theme.scss

@@ -53,2 +53,9 @@ @import 'ej2-buttons/styles/button/mixin.scss';
 
+  @if $skin-name == 'fluent2' {
+    .e-btn:focus-visible,
+    input:focus-visible+label.e-btn { // only for keybord
+      box-shadow: $btn-keyboard-focus-box-shadow !important;
+    }
+  }
+
     //Focus state for Normal and Outline GroupButton
@@ -76,5 +83,3 @@ .e-btn:focus,
         @include primary-focus;
-        @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
-          box-shadow: none;
-        }
+        @include box-shadow-theme;
         @if $skin-name == 'bootstrap5' {
@@ -84,5 +89,2 @@ border-color: $btn-primary-focus-bgcolor;
         outline-color: $btn-grp-outline-focus-primary-color;
-        @if $skin-name == 'fabric' {
-          border-color: transparent;
-        }
       }
@@ -92,5 +94,3 @@
         @include success-focus;
-        @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
-          box-shadow: none;
-        }
+        @include box-shadow-theme;
         @if $skin-name == 'bootstrap5' {
@@ -100,5 +100,2 @@ border-color: $btn-success-focus-bgcolor;
         outline-color: $btn-grp-outline-focus-success-color;
-        @if $skin-name == 'fabric' {
-          border-color: transparent;
-        }
       }
@@ -108,5 +105,3 @@
         @include info-focus;
-        @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
-          box-shadow: none;
-        }
+        @include box-shadow-theme;
         @if $skin-name == 'bootstrap5' {
@@ -116,5 +111,2 @@ border-color: $btn-info-focus-bgcolor;
         outline-color: $btn-grp-outline-focus-info-color;
-        @if $skin-name == 'fabric' {
-          border-color: transparent;
-        }
       }
@@ -124,5 +116,3 @@
         @include warning-focus;
-        @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
-          box-shadow: none;
-        }
+        @include box-shadow-theme;
         @if $skin-name == 'bootstrap5' {
@@ -132,5 +122,2 @@ border-color: $btn-warning-focus-bgcolor;
         outline-color: $btn-grp-outline-focus-warning-color;
-        @if $skin-name == 'fabric' {
-          border-color: transparent;
-        }
       }
@@ -140,5 +127,3 @@
         @include danger-focus;
-        @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
-          box-shadow: none;
-        }
+        @include box-shadow-theme;
         @if $skin-name == 'bootstrap5' {
@@ -148,5 +133,2 @@ border-color: $btn-danger-focus-bgcolor;
         outline-color: $btn-grp-outline-focus-danger-color;
-        @if $skin-name == 'fabric' {
-          border-color: transparent;
-        }
       }
@@ -164,5 +146,3 @@
         @include outline-focus;
-        @if $skin-name != 'bootstrap5' $skin-name != 'bootstrap4' and and $skin-name != 'tailwind' {
-          box-shadow: none;
-        }
+        @include outline-box-shadow-theme;
         @if $skin-name == 'bootstrap5' {
@@ -174,5 +154,3 @@ border-color: $btn-outline-focus-bgcolor;
           @include outline-primary-focus;
-          @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
-            box-shadow: none;
-          }
+          @include outline-box-shadow-theme;
           @if $skin-name == 'bootstrap5' {
@@ -185,5 +163,3 @@ border-color: $btn-outline-primary-focus-bgcolor;
           @include outline-success-focus;
-          @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
-            box-shadow: none;
-          }
+          @include outline-box-shadow-theme;
           @if $skin-name == 'bootstrap5' {
@@ -196,5 +172,3 @@ border-color: $btn-success-focus-bgcolor;
           @include outline-info-focus;
-          @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
-            box-shadow: none;
-          }
+          @include outline-box-shadow-theme;
           @if $skin-name == 'bootstrap5' {
@@ -207,5 +181,3 @@ border-color: $btn-info-hover-bgcolor;
           @include outline-warning-focus;
-          @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
-            box-shadow: none;
-          }
+          @include outline-box-shadow-theme;
           @if $skin-name == 'bootstrap5' {
@@ -218,5 +190,3 @@ border-color: $btn-warning-hover-bgcolor;
           @include outline-danger-focus;
-          @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
-            box-shadow: none;
-          }
+          @include outline-box-shadow-theme;
           @if $skin-name == 'bootstrap5' {
@@ -234,11 +204,7 @@ border-color: $btn-danger-hover-bgcolor;
       @include button-active;
-      @if $skin-name == 'Material3' {
-        box-shadow: none;
-      }
+      @include Mat3-box-shadow-none;
 
       &.e-primary {
         @include primary-active;
-        @if $skin-name == 'Material3' {
-          box-shadow: none;
-        }
+        @include Mat3-box-shadow-none;
       }
@@ -248,5 +214,3 @@
         @include success-active;
-        @if $skin-name == 'Material3' {
-          box-shadow: none;
-        }
+        @include Mat3-box-shadow-none;
       }
@@ -256,5 +220,3 @@
         @include info-active;
-        @if $skin-name == 'Material3' {
-          box-shadow: none;
-        }
+        @include Mat3-box-shadow-none;
       }
@@ -264,5 +226,3 @@
         @include warning-active;
-        @if $skin-name == 'Material3' {
-          box-shadow: none;
-        }
+        @include Mat3-box-shadow-none;
       }
@@ -272,5 +232,3 @@
         @include danger-active;
-        @if $skin-name == 'Material3' {
-          box-shadow: none;
-        }
+        @include Mat3-box-shadow-none;
       }
@@ -280,11 +238,7 @@
         @include outline-active;
-        @if $skin-name == 'Material3' {
-          box-shadow: none;
-        }
+        @include Mat3-box-shadow-none;
 
         &.e-primary {
           @include outline-primary-active;
-          @if $skin-name == 'Material3' {
-            box-shadow: none;
-          }
+          @include Mat3-box-shadow-none;
         }
@@ -294,5 +248,3 @@
           @include outline-success-active;
-          @if $skin-name == 'Material3' {
-            box-shadow: none;
-          }
+          @include Mat3-box-shadow-none;
         }
@@ -302,5 +254,3 @@
           @include outline-info-active;
-          @if $skin-name == 'Material3' {
-            box-shadow: none;
-          }
+          @include Mat3-box-shadow-none;
         }
@@ -310,5 +260,3 @@
           @include outline-warning-active;
-          @if $skin-name == 'Material3' {
-            box-shadow: none;
-          }
+          @include Mat3-box-shadow-none;
         }
@@ -318,5 +266,3 @@
           @include outline-danger-active;
-          @if $skin-name == 'Material3' {
-            box-shadow: none;
-          }
+          @include Mat3-box-shadow-none;
         }
@@ -323,0 +269,0 @@ }

styles/button-group/bootstrap-dark.css

 /* stylelint-disable */
 *.e-btn-group,
 *.e-css.e-btn-group {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   border-radius: 4px;
-  -ms-flex-direction: row;
-      flex-direction: row;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
   position: relative;
@@ -43,4 +46,5 @@ }
 }
-*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
-*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
+*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type, *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
+*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
+*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
   border-bottom-right-radius: 0;
@@ -54,7 +58,2 @@ border-top-right-radius: 0;
 }
-*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
-*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
-  border-bottom-right-radius: 0;
-  border-top-right-radius: 0;
-}
 *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
@@ -93,4 +92,5 @@ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
 }
-*.e-btn-group.e-rtl .e-btn:first-of-type,
-*.e-css.e-btn-group.e-rtl .e-btn:first-of-type {
+*.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
+*.e-css.e-btn-group.e-rtl .e-btn:first-of-type,
+*.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
   border-bottom-left-radius: 0;
@@ -104,7 +104,2 @@ border-top-left-radius: 0;
 }
-*.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
-*.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
-  border-bottom-left-radius: 0;
-  border-top-left-radius: 0;
-}
 *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
@@ -137,4 +132,6 @@ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
 *.e-css.e-btn-group.e-vertical {
-  -ms-flex-direction: column;
-      flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
 }
@@ -246,7 +243,9 @@ *.e-btn-group.e-vertical input,
 .e-css.e-btn-group:not(.e-outline) {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-btn-group .e-btn:hover,
 .e-css.e-btn-group .e-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -264,4 +263,5 @@ .e-btn-group .e-btn:focus,
   outline-offset: 0;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
   outline-color: inherit;
@@ -279,4 +279,5 @@ }
   outline: #393939 0 solid;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
   outline-color: inherit;
@@ -293,4 +294,5 @@ }
   color: #fff;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
   outline-color: inherit;
@@ -307,4 +309,5 @@ }
   color: #fff;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
   outline-color: inherit;
@@ -321,4 +324,5 @@ }
   color: #000;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
   outline-color: inherit;
@@ -335,4 +339,5 @@ }
   color: #fff;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
   outline-color: inherit;
@@ -351,3 +356,4 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline: none;
@@ -361,4 +367,5 @@ }
 .e-css.e-btn-group input:focus + label.e-btn.e-outline {
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
 }
@@ -371,3 +378,4 @@ .e-btn-group .e-btn:focus.e-outline.e-primary,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -380,3 +388,4 @@ .e-btn-group .e-btn:focus.e-outline.e-success,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -389,3 +398,4 @@ .e-btn-group .e-btn:focus.e-outline.e-info,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -398,3 +408,4 @@ .e-btn-group .e-btn:focus.e-outline.e-warning,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -407,3 +418,4 @@ .e-btn-group .e-btn:focus.e-outline.e-danger,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -432,3 +444,4 @@ .e-btn-group .e-btn:active,
   outline: #393939 0 solid;
-  box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
+  -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
+          box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
 }
@@ -444,3 +457,4 @@ .e-btn-group .e-btn:active.e-success,
   color: #fff;
-  box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
+  -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
+          box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
 }
@@ -456,3 +470,4 @@ .e-btn-group .e-btn:active.e-info,
   border-color: #175b66;
-  box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
+  -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
+          box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
 }
@@ -468,3 +483,4 @@ .e-btn-group .e-btn:active.e-warning,
   color: #000;
-  box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
+  -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
+          box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
 }
@@ -480,3 +496,4 @@ .e-btn-group .e-btn:active.e-danger,
   color: #fff;
-  box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
+  -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
+          box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
 }
@@ -491,3 +508,4 @@ .e-btn-group .e-btn:active.e-outline,
   border-color: #585858;
-  box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
+  -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
+          box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
   color: #fff;
@@ -503,3 +521,4 @@ }
   border-color: #0058bd;
-  box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
+  -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
+          box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
   color: #fff;
@@ -515,3 +534,4 @@ }
   border-color: #265e28;
-  box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
+  -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
+          box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
   color: #fff;
@@ -527,3 +547,4 @@ }
   border-color: #175b66;
-  box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
+  -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
+          box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
   color: #fff;
@@ -539,3 +560,4 @@ }
   border-color: #ab6a05;
-  box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
+  -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
+          box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
   color: #000;
@@ -551,3 +573,4 @@ }
   border-color: #982525;
-  box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
+  -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
+          box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
   color: #fff;
@@ -561,3 +584,4 @@ }
   border-color: rgba(88, 88, 88, 0.4);
-  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
+  -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
+          box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
   color: rgba(240, 240, 240, 0.3);
@@ -572,3 +596,4 @@ border-color: #585858;
   border-color: rgba(0, 112, 240, 0.4);
-  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
+  -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
+          box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
   color: rgba(255, 255, 255, 0.4);
@@ -583,3 +608,4 @@ border-color: #248aff;
   border-color: rgba(88, 88, 88, 0.4);
-  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
+  -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
+          box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
   color: rgba(240, 240, 240, 0.4);
@@ -594,3 +620,4 @@ border-color: #265e28;
   border-color: rgba(88, 88, 88, 0.4);
-  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
+  -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
+          box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
   color: rgba(240, 240, 240, 0.4);
@@ -605,3 +632,4 @@ border-color: #2aaac0;
   border-color: rgba(88, 88, 88, 0.4);
-  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
+  -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
+          box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
   color: rgba(240, 240, 240, 0.4);
@@ -616,3 +644,4 @@ border-color: #f69807;
   border-color: rgba(88, 88, 88, 0.4);
-  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
+  -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
+          box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
   color: rgba(240, 240, 240, 0.4);
@@ -627,3 +656,4 @@ border-color: #982525;
   background: transparent;
-  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
+  -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
+          box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
   text-decoration: none;
@@ -638,3 +668,4 @@ border-color: transparent;
   border-color: rgba(88, 88, 88, 0.4);
-  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
+  -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
+          box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
   color: rgba(240, 240, 240, 0.4);
@@ -649,3 +680,4 @@ border-color: #585858;
   border-color: rgba(88, 88, 88, 0.4);
-  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
+  -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
+          box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
   color: rgba(240, 240, 240, 0.4);
@@ -660,3 +692,4 @@ border-color: #0070f0;
   border-color: rgba(53, 130, 56, 0.4);
-  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
+  -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
+          box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
   color: rgba(53, 130, 56, 0.4);
@@ -671,3 +704,4 @@ border-color: #358238;
   border-color: rgba(32, 128, 144, 0.4);
-  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
+  -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
+          box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
   color: rgba(32, 128, 144, 0.4);
@@ -682,3 +716,4 @@ border-color: #208090;
   border-color: rgba(249, 173, 55, 0.4);
-  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
+  -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
+          box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
   color: rgba(249, 173, 55, 0.4);
@@ -693,3 +728,4 @@ border-color: #f9ad37;
   border-color: rgba(193, 47, 47, 0.4);
-  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
+  -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
+          box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
   color: rgba(193, 47, 47, 0.4);
@@ -696,0 +732,0 @@ border-color: #c12f2f;

styles/button-group/bootstrap.css

 /* stylelint-disable */
 *.e-btn-group,
 *.e-css.e-btn-group {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   border-radius: 4px;
-  -ms-flex-direction: row;
-      flex-direction: row;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
   position: relative;
@@ -43,4 +46,5 @@ }
 }
-*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
-*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
+*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type, *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
+*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
+*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
   border-bottom-right-radius: 0;
@@ -54,7 +58,2 @@ border-top-right-radius: 0;
 }
-*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
-*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
-  border-bottom-right-radius: 0;
-  border-top-right-radius: 0;
-}
 *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
@@ -93,4 +92,5 @@ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
 }
-*.e-btn-group.e-rtl .e-btn:first-of-type,
-*.e-css.e-btn-group.e-rtl .e-btn:first-of-type {
+*.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
+*.e-css.e-btn-group.e-rtl .e-btn:first-of-type,
+*.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
   border-bottom-left-radius: 0;
@@ -104,7 +104,2 @@ border-top-left-radius: 0;
 }
-*.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
-*.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
-  border-bottom-left-radius: 0;
-  border-top-left-radius: 0;
-}
 *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
@@ -137,4 +132,6 @@ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
 *.e-css.e-btn-group.e-vertical {
-  -ms-flex-direction: column;
-      flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
 }
@@ -246,7 +243,9 @@ *.e-btn-group.e-vertical input,
 .e-css.e-btn-group:not(.e-outline) {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-btn-group .e-btn:hover,
 .e-css.e-btn-group .e-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -264,4 +263,5 @@ .e-btn-group .e-btn:focus,
   outline-offset: 0;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
   outline-color: inherit;
@@ -279,4 +279,5 @@ }
   outline: #fff 0 solid;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
   outline-color: inherit;
@@ -293,4 +294,5 @@ }
   color: #fff;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
   outline-color: inherit;
@@ -307,4 +309,5 @@ }
   color: #fff;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
   outline-color: inherit;
@@ -321,4 +324,5 @@ }
   color: #fff;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
   outline-color: inherit;
@@ -335,4 +339,5 @@ }
   color: #fff;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
   outline-color: inherit;
@@ -351,3 +356,4 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline: none;
@@ -361,4 +367,5 @@ }
 .e-css.e-btn-group input:focus + label.e-btn.e-outline {
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
 }
@@ -371,3 +378,4 @@ .e-btn-group .e-btn:focus.e-outline.e-primary,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -380,3 +388,4 @@ .e-btn-group .e-btn:focus.e-outline.e-success,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -389,3 +398,4 @@ .e-btn-group .e-btn:focus.e-outline.e-info,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -398,3 +408,4 @@ .e-btn-group .e-btn:focus.e-outline.e-warning,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -407,3 +418,4 @@ .e-btn-group .e-btn:focus.e-outline.e-danger,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -432,3 +444,4 @@ .e-btn-group .e-btn:active,
   outline: #fff 0 solid;
-  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 }
@@ -444,3 +457,4 @@ .e-btn-group .e-btn:active.e-success,
   color: #fff;
-  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 }
@@ -456,3 +470,4 @@ .e-btn-group .e-btn:active.e-info,
   border-color: #082831;
-  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 }
@@ -468,3 +483,4 @@ .e-btn-group .e-btn:active.e-warning,
   color: #fff;
-  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 }
@@ -480,3 +496,4 @@ .e-btn-group .e-btn:active.e-danger,
   color: #fff;
-  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 }
@@ -491,3 +508,4 @@ .e-btn-group .e-btn:active.e-outline,
   border-color: #adadad;
-  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   color: #333;
@@ -503,3 +521,4 @@ }
   border-color: #265f91;
-  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   color: #fff;
@@ -515,3 +534,4 @@ }
   border-color: #08210e;
-  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   color: #fff;
@@ -527,3 +547,4 @@ }
   border-color: #082831;
-  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   color: #fff;
@@ -539,3 +560,4 @@ }
   border-color: #301d02;
-  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   color: #fff;
@@ -551,3 +573,4 @@ }
   border-color: #7a151f;
-  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   color: #fff;
@@ -561,3 +584,4 @@ }
   border-color: rgba(204, 204, 204, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(51, 51, 51, 0.65);
@@ -572,3 +596,4 @@ border-color: #ccc;
   border-color: rgba(204, 204, 204, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(255, 255, 255, 0.65);
@@ -583,3 +608,4 @@ border-color: #265f91;
   border-color: rgba(204, 204, 204, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(255, 255, 255, 0.65);
@@ -594,3 +620,4 @@ border-color: #175e28;
   border-color: rgba(204, 204, 204, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(255, 255, 255, 0.65);
@@ -605,3 +632,4 @@ border-color: #145d72;
   border-color: rgba(204, 204, 204, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(255, 255, 255, 0.65);
@@ -616,3 +644,4 @@ border-color: #794906;
   border-color: rgba(204, 204, 204, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(255, 255, 255, 0.65);
@@ -627,3 +656,4 @@ border-color: #bb202f;
   background: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   text-decoration: none;
@@ -638,3 +668,4 @@ border-color: transparent;
   border-color: rgba(204, 204, 204, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(51, 51, 51, 0.65);
@@ -649,3 +680,4 @@ border-color: #ccc;
   border-color: rgba(204, 204, 204, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(51, 51, 51, 0.65);
@@ -660,3 +692,4 @@ border-color: #317ab9;
   border-color: rgba(33, 135, 57, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(33, 135, 57, 0.65);
@@ -671,3 +704,4 @@ border-color: #218739;
   border-color: rgba(27, 128, 158, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(27, 128, 158, 0.65);
@@ -682,3 +716,4 @@ border-color: #1b809e;
   border-color: rgba(170, 103, 8, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(170, 103, 8, 0.65);
@@ -693,3 +728,4 @@ border-color: #aa6708;
   border-color: rgba(220, 50, 67, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(220, 50, 67, 0.65);
@@ -696,0 +732,0 @@ border-color: #dc3243;

styles/button-group/bootstrap4.css

 /* stylelint-disable */
 *.e-btn-group,
 *.e-css.e-btn-group {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   border-radius: 4px;
-  -ms-flex-direction: row;
-      flex-direction: row;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
   position: relative;
@@ -51,4 +54,5 @@ }
 }
-*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
-*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
+*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type, *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
+*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
+*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
   border-bottom-right-radius: 0;
@@ -62,7 +66,2 @@ border-top-right-radius: 0;
 }
-*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
-*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
-  border-bottom-right-radius: 0;
-  border-top-right-radius: 0;
-}
 *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
@@ -101,4 +100,5 @@ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
 }
-*.e-btn-group.e-rtl .e-btn:first-of-type,
-*.e-css.e-btn-group.e-rtl .e-btn:first-of-type {
+*.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
+*.e-css.e-btn-group.e-rtl .e-btn:first-of-type,
+*.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
   border-bottom-left-radius: 0;
@@ -112,7 +112,2 @@ border-top-left-radius: 0;
 }
-*.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
-*.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
-  border-bottom-left-radius: 0;
-  border-top-left-radius: 0;
-}
 *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
@@ -145,4 +140,6 @@ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
 *.e-css.e-btn-group.e-vertical {
-  -ms-flex-direction: column;
-      flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
 }
@@ -254,7 +251,9 @@ *.e-btn-group.e-vertical input,
 .e-css.e-btn-group:not(.e-outline) {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-btn-group .e-btn:hover,
 .e-css.e-btn-group .e-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -272,3 +271,4 @@ .e-btn-group .e-btn:focus,
   outline-offset: 0;
-  box-shadow: 0 0 0 0.25em rgba(115, 122, 129, 0.5);
+  -webkit-box-shadow: 0 0 0 0.25em rgba(115, 122, 129, 0.5);
+          box-shadow: 0 0 0 0.25em rgba(115, 122, 129, 0.5);
   outline-color: inherit;
@@ -286,3 +286,4 @@ }
   outline: #6c757d 0 solid;
-  box-shadow: 0 0 0 0.25em rgba(33, 130, 234, 0.5);
+  -webkit-box-shadow: 0 0 0 0.25em rgba(33, 130, 234, 0.5);
+          box-shadow: 0 0 0 0.25em rgba(33, 130, 234, 0.5);
   outline-color: inherit;
@@ -299,3 +300,4 @@ }
   color: #fff;
-  box-shadow: 0 0 0 0.25em rgba(58, 160, 82, 0.5);
+  -webkit-box-shadow: 0 0 0 0.25em rgba(58, 160, 82, 0.5);
+          box-shadow: 0 0 0 0.25em rgba(58, 160, 82, 0.5);
   outline-color: inherit;
@@ -312,3 +314,4 @@ }
   color: #fff;
-  box-shadow: 0 0 0 0.25em rgba(44, 156, 174, 0.5);
+  -webkit-box-shadow: 0 0 0 0.25em rgba(44, 156, 174, 0.5);
+          box-shadow: 0 0 0 0.25em rgba(44, 156, 174, 0.5);
   outline-color: inherit;
@@ -325,3 +328,4 @@ }
   color: #212529;
-  box-shadow: 0 0 0 0.25em rgba(240, 188, 34, 0.5);
+  -webkit-box-shadow: 0 0 0 0.25em rgba(240, 188, 34, 0.5);
+          box-shadow: 0 0 0 0.25em rgba(240, 188, 34, 0.5);
   outline-color: inherit;
@@ -338,3 +342,4 @@ }
   color: #fff;
-  box-shadow: 0 0 0 0.25em rgba(217, 67, 81, 0.5);
+  -webkit-box-shadow: 0 0 0 0.25em rgba(217, 67, 81, 0.5);
+          box-shadow: 0 0 0 0.25em rgba(217, 67, 81, 0.5);
   outline-color: inherit;
@@ -352,3 +357,4 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #0056b3;
@@ -366,4 +372,4 @@ background-color: transparent;
 .e-css.e-btn-group input:focus + label.e-btn.e-outline {
-  box-shadow: 0 0 0 0.25em rgba(128, 136, 143, 0.5);
-  box-shadow: none;
+  -webkit-box-shadow: 0 0 0 0.25em rgba(128, 136, 143, 0.5);
+          box-shadow: 0 0 0 0.25em rgba(128, 136, 143, 0.5);
 }
@@ -376,3 +382,4 @@ .e-btn-group .e-btn:focus.e-outline.e-primary,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
-  box-shadow: 0 0 0 0.25em rgba(38, 133, 234, 0.5);
+  -webkit-box-shadow: 0 0 0 0.25em rgba(38, 133, 234, 0.5);
+          box-shadow: 0 0 0 0.25em rgba(38, 133, 234, 0.5);
 }
@@ -385,3 +392,4 @@ .e-btn-group .e-btn:focus.e-outline.e-success,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
-  box-shadow: 0 0 0 0.25em rgba(58, 160, 82, 0.5);
+  -webkit-box-shadow: 0 0 0 0.25em rgba(58, 160, 82, 0.5);
+          box-shadow: 0 0 0 0.25em rgba(58, 160, 82, 0.5);
 }
@@ -394,3 +402,4 @@ .e-btn-group .e-btn:focus.e-outline.e-info,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
-  box-shadow: 0 0 0 0.25em rgba(44, 156, 174, 0.5);
+  -webkit-box-shadow: 0 0 0 0.25em rgba(44, 156, 174, 0.5);
+          box-shadow: 0 0 0 0.25em rgba(44, 156, 174, 0.5);
 }
@@ -403,3 +412,4 @@ .e-btn-group .e-btn:focus.e-outline.e-warning,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
-  box-shadow: 0 0 0 0.25em rgba(240, 188, 34, 0.5);
+  -webkit-box-shadow: 0 0 0 0.25em rgba(240, 188, 34, 0.5);
+          box-shadow: 0 0 0 0.25em rgba(240, 188, 34, 0.5);
 }
@@ -412,3 +422,4 @@ .e-btn-group .e-btn:focus.e-outline.e-danger,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
-  box-shadow: 0 0 0 0.25em rgba(217, 67, 81, 0.5);
+  -webkit-box-shadow: 0 0 0 0.25em rgba(217, 67, 81, 0.5);
+          box-shadow: 0 0 0 0.25em rgba(217, 67, 81, 0.5);
 }
@@ -544,3 +555,4 @@ .e-btn-group .e-btn:active,
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
@@ -554,3 +566,4 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
@@ -564,3 +577,4 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
@@ -574,3 +588,4 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
@@ -584,3 +599,4 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #212529;
@@ -594,3 +610,4 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
@@ -604,3 +621,4 @@ }
   background: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   text-decoration: none;
@@ -623,3 +641,4 @@ }
   border-color: rgba(0, 123, 255, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(0, 123, 255, 0.65);
@@ -634,3 +653,4 @@ border-color: #007bff;
   border-color: rgba(40, 167, 69, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(40, 167, 69, 0.65);
@@ -645,3 +665,4 @@ border-color: #28a745;
   border-color: rgba(23, 162, 184, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(23, 162, 184, 0.65);
@@ -656,3 +677,4 @@ border-color: #17a2b8;
   border-color: rgba(255, 193, 7, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(255, 193, 7, 0.65);
@@ -667,3 +689,4 @@ border-color: #ffc107;
   border-color: rgba(220, 53, 69, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(220, 53, 69, 0.65);
@@ -670,0 +693,0 @@ border-color: #dc3545;

styles/button-group/bootstrap5-dark.css

 /* stylelint-disable */
 *.e-btn-group,
 *.e-css.e-btn-group {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   border-radius: 4px;
-  -ms-flex-direction: row;
-      flex-direction: row;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
   position: relative;
@@ -51,4 +54,5 @@ }
 }
-*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
-*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
+*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type, *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
+*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
+*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
   border-bottom-right-radius: 0;
@@ -62,7 +66,2 @@ border-top-right-radius: 0;
 }
-*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
-*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
-  border-bottom-right-radius: 0;
-  border-top-right-radius: 0;
-}
 *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
@@ -101,4 +100,5 @@ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
 }
-*.e-btn-group.e-rtl .e-btn:first-of-type,
-*.e-css.e-btn-group.e-rtl .e-btn:first-of-type {
+*.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
+*.e-css.e-btn-group.e-rtl .e-btn:first-of-type,
+*.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
   border-bottom-left-radius: 0;
@@ -112,7 +112,2 @@ border-top-left-radius: 0;
 }
-*.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
-*.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
-  border-bottom-left-radius: 0;
-  border-top-left-radius: 0;
-}
 *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
@@ -145,4 +140,6 @@ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
 *.e-css.e-btn-group.e-vertical {
-  -ms-flex-direction: column;
-      flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
 }
@@ -254,7 +251,9 @@ *.e-btn-group.e-vertical input,
 .e-css.e-btn-group:not(.e-outline) {
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075);
+  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075);
+          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075);
 }
 .e-btn-group .e-btn:hover,
 .e-css.e-btn-group .e-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -272,3 +271,4 @@ .e-btn-group .e-btn:focus,
   outline-offset: 0;
-  box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+          box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
   border-color: #5c636a;
@@ -287,3 +287,4 @@ outline-color: inherit;
   outline: #6c757d 0 solid;
-  box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
+          box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
   border-color: #0b5ed7;
@@ -301,3 +302,4 @@ outline-color: inherit;
   color: #fff;
-  box-shadow: 0 0 0 4px rgba(66, 190, 133, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(66, 190, 133, 0.5);
+          box-shadow: 0 0 0 4px rgba(66, 190, 133, 0.5);
   border-color: #157347;
@@ -315,3 +317,4 @@ outline-color: inherit;
   color: #000;
-  box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
+          box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
   border-color: #31d2f2;
@@ -329,3 +332,4 @@ outline-color: inherit;
   color: #000;
-  box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
+          box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
   border-color: #ffca2c;
@@ -343,3 +347,4 @@ outline-color: inherit;
   color: #fff;
-  box-shadow: 0 0 0 4px rgba(232, 120, 131, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(232, 120, 131, 0.5);
+          box-shadow: 0 0 0 4px rgba(232, 120, 131, 0.5);
   border-color: #bb2d3b;
@@ -359,3 +364,4 @@ outline-color: inherit;
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline: none;
@@ -369,4 +375,4 @@ }
 .e-css.e-btn-group input:focus + label.e-btn.e-outline {
-  box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
-  box-shadow: none;
+  -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+          box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
   border-color: #5c636a;
@@ -380,3 +386,4 @@ }
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
-  box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
+          box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
   border-color: #0d6efd;
@@ -390,3 +397,4 @@ }
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
-  box-shadow: 0 0 0 4px rgba(66, 190, 133, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(66, 190, 133, 0.5);
+          box-shadow: 0 0 0 4px rgba(66, 190, 133, 0.5);
   border-color: #157347;
@@ -400,3 +408,4 @@ }
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
-  box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
+          box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
   border-color: #31d2f2;
@@ -410,3 +419,4 @@ }
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
-  box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
+          box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
   border-color: #ffca2c;
@@ -420,3 +430,4 @@ }
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
-  box-shadow: 0 0 0 4px rgba(232, 120, 131, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(232, 120, 131, 0.5);
+          box-shadow: 0 0 0 4px rgba(232, 120, 131, 0.5);
   border-color: #bb2d3b;
@@ -551,3 +562,4 @@ }
   border-color: rgba(108, 117, 125, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(255, 255, 255, 0.65);
@@ -562,3 +574,4 @@ border-color: #6c757d;
   border-color: rgba(13, 110, 253, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(255, 255, 255, 0.65);
@@ -573,3 +586,4 @@ border-color: #0d6efd;
   border-color: rgba(25, 135, 84, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(255, 255, 255, 0.65);
@@ -584,3 +598,4 @@ border-color: #198754;
   border-color: rgba(13, 202, 240, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(0, 0, 0, 0.65);
@@ -595,3 +610,4 @@ border-color: #0dcaf0;
   border-color: rgba(255, 193, 7, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(0, 0, 0, 0.65);
@@ -606,3 +622,4 @@ border-color: #ffc107;
   border-color: rgba(220, 53, 69, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(0, 0, 0, 0.65);
@@ -618,3 +635,4 @@ border-color: #dc3545;
   background: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   text-decoration: none;
@@ -638,3 +656,4 @@ border-color: transparent;
   border-color: rgba(13, 110, 253, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(255, 255, 255, 0.65);
@@ -649,3 +668,4 @@ border-color: #0d6efd;
   border-color: rgba(25, 135, 84, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(255, 255, 255, 0.65);
@@ -660,3 +680,4 @@ border-color: #198754;
   border-color: rgba(13, 202, 240, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(0, 0, 0, 0.65);
@@ -671,3 +692,4 @@ border-color: #0dcaf0;
   border-color: rgba(255, 193, 7, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(0, 0, 0, 0.65);
@@ -682,3 +704,4 @@ border-color: #ffc107;
   border-color: rgba(220, 53, 69, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(255, 255, 255, 0.65);
@@ -685,0 +708,0 @@ border-color: #dc3545;

styles/button-group/bootstrap5.css

 /* stylelint-disable */
 *.e-btn-group,
 *.e-css.e-btn-group {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   border-radius: 4px;
-  -ms-flex-direction: row;
-      flex-direction: row;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
   position: relative;
@@ -51,4 +54,5 @@ }
 }
-*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
-*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
+*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type, *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
+*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
+*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
   border-bottom-right-radius: 0;
@@ -62,7 +66,2 @@ border-top-right-radius: 0;
 }
-*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
-*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
-  border-bottom-right-radius: 0;
-  border-top-right-radius: 0;
-}
 *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
@@ -101,4 +100,5 @@ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
 }
-*.e-btn-group.e-rtl .e-btn:first-of-type,
-*.e-css.e-btn-group.e-rtl .e-btn:first-of-type {
+*.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
+*.e-css.e-btn-group.e-rtl .e-btn:first-of-type,
+*.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
   border-bottom-left-radius: 0;
@@ -112,7 +112,2 @@ border-top-left-radius: 0;
 }
-*.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
-*.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
-  border-bottom-left-radius: 0;
-  border-top-left-radius: 0;
-}
 *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
@@ -145,4 +140,6 @@ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
 *.e-css.e-btn-group.e-vertical {
-  -ms-flex-direction: column;
-      flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
 }
@@ -254,7 +251,9 @@ *.e-btn-group.e-vertical input,
 .e-css.e-btn-group:not(.e-outline) {
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075);
+  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075);
+          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075);
 }
 .e-btn-group .e-btn:hover,
 .e-css.e-btn-group .e-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -272,3 +271,4 @@ .e-btn-group .e-btn:focus,
   outline-offset: 0;
-  box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+          box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
   border-color: #5c636a;
@@ -287,3 +287,4 @@ outline-color: inherit;
   outline: #6c757d 0 solid;
-  box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
+          box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
   border-color: #0b5ed7;
@@ -301,3 +302,4 @@ outline-color: inherit;
   color: #fff;
-  box-shadow: 0 0 0 4px rgba(60, 153, 110, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(60, 153, 110, 0.5);
+          box-shadow: 0 0 0 4px rgba(60, 153, 110, 0.5);
   border-color: #157347;
@@ -315,3 +317,4 @@ outline-color: inherit;
   color: #000;
-  box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
+          box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
   border-color: #31d2f2;
@@ -329,3 +332,4 @@ outline-color: inherit;
   color: #000;
-  box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
+          box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
   border-color: #ffca2c;
@@ -343,3 +347,4 @@ outline-color: inherit;
   color: #fff;
-  box-shadow: 0 0 0 4px rgba(225, 83, 97, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(225, 83, 97, 0.5);
+          box-shadow: 0 0 0 4px rgba(225, 83, 97, 0.5);
   border-color: #bb2d3b;
@@ -359,3 +364,4 @@ outline-color: inherit;
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline: none;
@@ -369,4 +375,4 @@ }
 .e-css.e-btn-group input:focus + label.e-btn.e-outline {
-  box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
-  box-shadow: none;
+  -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+          box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
   border-color: #5c636a;
@@ -380,3 +386,4 @@ }
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
-  box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
+          box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
   border-color: #0d6efd;
@@ -390,3 +397,4 @@ }
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
-  box-shadow: 0 0 0 4px rgba(60, 153, 110, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(60, 153, 110, 0.5);
+          box-shadow: 0 0 0 4px rgba(60, 153, 110, 0.5);
   border-color: #157347;
@@ -400,3 +408,4 @@ }
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
-  box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
+          box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
   border-color: #31d2f2;
@@ -410,3 +419,4 @@ }
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
-  box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
+          box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
   border-color: #ffca2c;
@@ -420,3 +430,4 @@ }
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
-  box-shadow: 0 0 0 4px rgba(225, 83, 97, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(225, 83, 97, 0.5);
+          box-shadow: 0 0 0 4px rgba(225, 83, 97, 0.5);
   border-color: #bb2d3b;
@@ -551,3 +562,4 @@ }
   border-color: rgba(108, 117, 125, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(255, 255, 255, 0.65);
@@ -562,3 +574,4 @@ border-color: #6c757d;
   border-color: rgba(13, 110, 253, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(255, 255, 255, 0.65);
@@ -573,3 +586,4 @@ border-color: #0d6efd;
   border-color: rgba(25, 135, 84, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(255, 255, 255, 0.65);
@@ -584,3 +598,4 @@ border-color: #198754;
   border-color: rgba(13, 202, 240, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(0, 0, 0, 0.65);
@@ -595,3 +610,4 @@ border-color: #0dcaf0;
   border-color: rgba(255, 193, 7, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(0, 0, 0, 0.65);
@@ -606,3 +622,4 @@ border-color: #ffc107;
   border-color: rgba(220, 53, 69, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(0, 0, 0, 0.65);
@@ -618,3 +635,4 @@ border-color: #dc3545;
   background: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   text-decoration: none;
@@ -638,3 +656,4 @@ border-color: transparent;
   border-color: rgba(13, 110, 253, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(255, 255, 255, 0.65);
@@ -649,3 +668,4 @@ border-color: #0d6efd;
   border-color: rgba(25, 135, 84, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(255, 255, 255, 0.65);
@@ -660,3 +680,4 @@ border-color: #198754;
   border-color: rgba(13, 202, 240, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(0, 0, 0, 0.65);
@@ -671,3 +692,4 @@ border-color: #0dcaf0;
   border-color: rgba(255, 193, 7, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(0, 0, 0, 0.65);
@@ -682,3 +704,4 @@ border-color: #ffc107;
   border-color: rgba(220, 53, 69, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(255, 255, 255, 0.65);
@@ -685,0 +708,0 @@ border-color: #dc3545;

styles/button-group/fabric-dark.css

 /* stylelint-disable */
 *.e-btn-group,
 *.e-css.e-btn-group {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   border-radius: 0;
-  -ms-flex-direction: row;
-      flex-direction: row;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
   position: relative;
@@ -43,4 +46,5 @@ }
 }
-*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
-*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
+*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type, *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
+*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
+*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
   border-bottom-right-radius: 0;
@@ -54,7 +58,2 @@ border-top-right-radius: 0;
 }
-*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
-*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
-  border-bottom-right-radius: 0;
-  border-top-right-radius: 0;
-}
 *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
@@ -93,4 +92,5 @@ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
 }
-*.e-btn-group.e-rtl .e-btn:first-of-type,
-*.e-css.e-btn-group.e-rtl .e-btn:first-of-type {
+*.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
+*.e-css.e-btn-group.e-rtl .e-btn:first-of-type,
+*.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
   border-bottom-left-radius: 0;
@@ -104,7 +104,2 @@ border-top-left-radius: 0;
 }
-*.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
-*.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
-  border-bottom-left-radius: 0;
-  border-top-left-radius: 0;
-}
 *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
@@ -137,4 +132,6 @@ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
 *.e-css.e-btn-group.e-vertical {
-  -ms-flex-direction: column;
-      flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
 }
@@ -246,7 +243,9 @@ *.e-btn-group.e-vertical input,
 .e-css.e-btn-group:not(.e-outline) {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-btn-group .e-btn:hover,
 .e-css.e-btn-group .e-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -264,4 +263,5 @@ .e-btn-group .e-btn:focus,
   outline-offset: 0;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
   outline-color: #c8c8c8;
@@ -279,4 +279,5 @@ }
   outline: #c8c8c8 1px solid;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
   outline-color: #fff;
@@ -293,4 +294,5 @@ }
   color: #fff;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
   outline-color: #fff;
@@ -307,4 +309,5 @@ }
   color: #fff;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
   outline-color: #fff;
@@ -321,4 +324,5 @@ }
   color: #fff;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
   outline-color: #fff;
@@ -335,4 +339,5 @@ }
   color: #fff;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
   outline-color: #fff;
@@ -351,3 +356,4 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline: none;
@@ -361,4 +367,5 @@ }
 .e-css.e-btn-group input:focus + label.e-btn.e-outline {
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
 }
@@ -371,3 +378,4 @@ .e-btn-group .e-btn:focus.e-outline.e-primary,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -380,3 +388,4 @@ .e-btn-group .e-btn:focus.e-outline.e-success,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -389,3 +398,4 @@ .e-btn-group .e-btn:focus.e-outline.e-info,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -398,3 +408,4 @@ .e-btn-group .e-btn:focus.e-outline.e-warning,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -407,3 +418,4 @@ .e-btn-group .e-btn:focus.e-outline.e-danger,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -432,3 +444,4 @@ .e-btn-group .e-btn:active,
   outline: #414040 0 solid;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -444,3 +457,4 @@ .e-btn-group .e-btn:active.e-success,
   color: #fff;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -456,3 +470,4 @@ .e-btn-group .e-btn:active.e-info,
   border-color: #165996;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -468,3 +483,4 @@ .e-btn-group .e-btn:active.e-warning,
   color: #fff;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -480,3 +496,4 @@ .e-btn-group .e-btn:active.e-danger,
   color: #fff;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -491,3 +508,4 @@ .e-btn-group .e-btn:active.e-outline,
   border-color: #6f6c6c;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
@@ -503,3 +521,4 @@ }
   border-color: #005799;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
@@ -515,3 +534,4 @@ }
   border-color: #255934;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
@@ -527,3 +547,4 @@ }
   border-color: #165996;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
@@ -539,3 +560,4 @@ }
   border-color: #825000;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
@@ -551,3 +573,4 @@ }
   border-color: #961f12;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
@@ -561,3 +584,4 @@ }
   border-color: #414040;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #6f6c6c;
@@ -572,3 +596,4 @@ border-color: #414040;
   border-color: #414040;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #6f6c6c;
@@ -583,3 +608,4 @@ border-color: #0074cc;
   border-color: #414040;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #6f6c6c;
@@ -594,3 +620,4 @@ border-color: #37844d;
   border-color: #414040;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #6f6c6c;
@@ -605,3 +632,4 @@ border-color: #1e79cb;
   border-color: #414040;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #6f6c6c;
@@ -616,3 +644,4 @@ border-color: #bf7500;
   border-color: #414040;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #6f6c6c;
@@ -627,3 +656,4 @@ border-color: #cd2a19;
   background: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   text-decoration: none;
@@ -638,3 +668,4 @@ border-color: transparent;
   border-color: #414040;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #6f6c6c;
@@ -649,3 +680,4 @@ border-color: #414040;
   border-color: #414040;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #6f6c6c;
@@ -660,3 +692,4 @@ border-color: #0074cc;
   border-color: #414040;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #6f6c6c;
@@ -671,3 +704,4 @@ border-color: #37844d;
   border-color: #414040;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #6f6c6c;
@@ -682,3 +716,4 @@ border-color: #1e79cb;
   border-color: #414040;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #6f6c6c;
@@ -693,3 +728,4 @@ border-color: #bf7500;
   border-color: #414040;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #6f6c6c;
@@ -696,0 +732,0 @@ border-color: #cd2a19;

styles/button-group/fabric.css

 /* stylelint-disable */
 *.e-btn-group,
 *.e-css.e-btn-group {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   border-radius: 0;
-  -ms-flex-direction: row;
-      flex-direction: row;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
   position: relative;
@@ -43,4 +46,5 @@ }
 }
-*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
-*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
+*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type, *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
+*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
+*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
   border-bottom-right-radius: 0;
@@ -54,7 +58,2 @@ border-top-right-radius: 0;
 }
-*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
-*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
-  border-bottom-right-radius: 0;
-  border-top-right-radius: 0;
-}
 *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
@@ -93,4 +92,5 @@ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
 }
-*.e-btn-group.e-rtl .e-btn:first-of-type,
-*.e-css.e-btn-group.e-rtl .e-btn:first-of-type {
+*.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
+*.e-css.e-btn-group.e-rtl .e-btn:first-of-type,
+*.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
   border-bottom-left-radius: 0;
@@ -104,7 +104,2 @@ border-top-left-radius: 0;
 }
-*.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
-*.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
-  border-bottom-left-radius: 0;
-  border-top-left-radius: 0;
-}
 *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
@@ -137,4 +132,6 @@ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
 *.e-css.e-btn-group.e-vertical {
-  -ms-flex-direction: column;
-      flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
 }
@@ -246,7 +243,9 @@ *.e-btn-group.e-vertical input,
 .e-css.e-btn-group:not(.e-outline) {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-btn-group .e-btn:hover,
 .e-css.e-btn-group .e-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -264,4 +263,5 @@ .e-btn-group .e-btn:focus,
   outline-offset: 0;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
   outline-color: #767676;
@@ -280,6 +280,7 @@ outline-offset: -2px;
   outline: #767676 1px solid;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
+  border-color: transparent;
   outline-color: #fff;
-  border-color: transparent;
 }
@@ -295,6 +296,7 @@ .e-btn-group .e-btn:focus.e-success,
   color: #fff;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
+  border-color: transparent;
   outline-color: #fff;
-  border-color: transparent;
 }
@@ -310,6 +312,7 @@ .e-btn-group .e-btn:focus.e-info,
   color: #fff;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
+  border-color: transparent;
   outline-color: #fff;
-  border-color: transparent;
 }
@@ -325,6 +328,7 @@ .e-btn-group .e-btn:focus.e-warning,
   color: #fff;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
+  border-color: transparent;
   outline-color: #fff;
-  border-color: transparent;
 }
@@ -340,6 +344,7 @@ .e-btn-group .e-btn:focus.e-danger,
   color: #fff;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
+  border-color: transparent;
   outline-color: #fff;
-  border-color: transparent;
 }
@@ -357,3 +362,4 @@ .e-btn-group .e-btn:focus.e-link,
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline: none;
@@ -367,4 +373,5 @@ }
 .e-css.e-btn-group input:focus + label.e-btn.e-outline {
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
 }
@@ -377,3 +384,4 @@ .e-btn-group .e-btn:focus.e-outline.e-primary,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -386,3 +394,4 @@ .e-btn-group .e-btn:focus.e-outline.e-success,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -395,3 +404,4 @@ .e-btn-group .e-btn:focus.e-outline.e-info,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -404,3 +414,4 @@ .e-btn-group .e-btn:focus.e-outline.e-warning,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -413,3 +424,4 @@ .e-btn-group .e-btn:focus.e-outline.e-danger,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -438,3 +450,4 @@ .e-btn-group .e-btn:active,
   outline: #eaeaea 0 solid;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -450,3 +463,4 @@ .e-btn-group .e-btn:active.e-success,
   color: #fff;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -462,3 +476,4 @@ .e-btn-group .e-btn:active.e-info,
   border-color: #065fa6;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -474,3 +489,4 @@ .e-btn-group .e-btn:active.e-warning,
   color: #fff;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -486,3 +502,4 @@ .e-btn-group .e-btn:active.e-danger,
   color: #fff;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -497,3 +514,4 @@ .e-btn-group .e-btn:active.e-outline,
   border-color: #c8c8c8;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #000;
@@ -509,3 +527,4 @@ }
   border-color: #0078d6;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
@@ -521,3 +540,4 @@ }
   border-color: #004b1d;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
@@ -533,3 +553,4 @@ }
   border-color: #065fa6;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
@@ -545,3 +566,4 @@ }
   border-color: #a22c01;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
@@ -557,3 +579,4 @@ }
   border-color: #7c0101;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
@@ -567,3 +590,4 @@ }
   border-color: #f4f4f4;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a6a6a6;
@@ -578,3 +602,4 @@ border-color: #f4f4f4;
   border-color: #f4f4f4;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a6a6a6;
@@ -589,3 +614,4 @@ border-color: #0078d6;
   border-color: #f4f4f4;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a6a6a6;
@@ -600,3 +626,4 @@ border-color: #137c10;
   border-color: #f4f4f4;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a6a6a6;
@@ -611,3 +638,4 @@ border-color: #0378d5;
   border-color: #f4f4f4;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a6a6a6;
@@ -622,3 +650,4 @@ border-color: #d83b01;
   border-color: #f4f4f4;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a6a6a6;
@@ -633,3 +662,4 @@ border-color: #a80000;
   background: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   text-decoration: none;
@@ -644,3 +674,4 @@ border-color: transparent;
   border-color: #f4f4f4;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a6a6a6;
@@ -655,3 +686,4 @@ border-color: #d0d0d0;
   border-color: #f4f4f4;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a6a6a6;
@@ -666,3 +698,4 @@ border-color: #0078d6;
   border-color: #f4f4f4;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a6a6a6;
@@ -677,3 +710,4 @@ border-color: #137c10;
   border-color: #f4f4f4;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a6a6a6;
@@ -688,3 +722,4 @@ border-color: #0378d5;
   border-color: #f4f4f4;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a6a6a6;
@@ -699,3 +734,4 @@ border-color: #d83b01;
   border-color: #f4f4f4;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a6a6a6;
@@ -702,0 +738,0 @@ border-color: #a80000;

styles/button-group/fluent-dark.css

 /* stylelint-disable */
 *.e-btn-group,
 *.e-css.e-btn-group {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   border-radius: 4px;
-  -ms-flex-direction: row;
-      flex-direction: row;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
   position: relative;
@@ -43,4 +46,5 @@ }
 }
-*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
-*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
+*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type, *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
+*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
+*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
   border-bottom-right-radius: 0;
@@ -54,7 +58,2 @@ border-top-right-radius: 0;
 }
-*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
-*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
-  border-bottom-right-radius: 0;
-  border-top-right-radius: 0;
-}
 *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
@@ -93,4 +92,5 @@ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
 }
-*.e-btn-group.e-rtl .e-btn:first-of-type,
-*.e-css.e-btn-group.e-rtl .e-btn:first-of-type {
+*.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
+*.e-css.e-btn-group.e-rtl .e-btn:first-of-type,
+*.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
   border-bottom-left-radius: 0;
@@ -104,7 +104,2 @@ border-top-left-radius: 0;
 }
-*.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
-*.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
-  border-bottom-left-radius: 0;
-  border-top-left-radius: 0;
-}
 *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
@@ -137,4 +132,6 @@ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
 *.e-css.e-btn-group.e-vertical {
-  -ms-flex-direction: column;
-      flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
 }
@@ -246,7 +243,9 @@ *.e-btn-group.e-vertical input,
 .e-css.e-btn-group:not(.e-outline) {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-btn-group .e-btn:hover,
 .e-css.e-btn-group .e-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -264,4 +263,6 @@ .e-btn-group .e-btn:focus,
   outline-offset: -3px;
-  box-shadow: 0 0 rgba(0, 0, 0, 0);
-  box-shadow: none;
+  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
+          box-shadow: 0 0 rgba(0, 0, 0, 0);
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline-color: inherit;
@@ -279,4 +280,6 @@ }
   outline: 1px solid;
-  box-shadow: 0 0 rgba(0, 0, 0, 0);
-  box-shadow: none;
+  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
+          box-shadow: 0 0 rgba(0, 0, 0, 0);
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline-color: inherit;
@@ -293,4 +296,6 @@ }
   color: #1b1a19;
-  box-shadow: 0 0 rgba(0, 0, 0, 0);
-  box-shadow: none;
+  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
+          box-shadow: 0 0 rgba(0, 0, 0, 0);
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline-color: inherit;
@@ -307,4 +312,6 @@ }
   color: #1b1a19;
-  box-shadow: 0 0 rgba(0, 0, 0, 0);
-  box-shadow: none;
+  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
+          box-shadow: 0 0 rgba(0, 0, 0, 0);
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline-color: inherit;
@@ -321,4 +328,6 @@ }
   color: #1b1a19;
-  box-shadow: 0 0 rgba(0, 0, 0, 0);
-  box-shadow: none;
+  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
+          box-shadow: 0 0 rgba(0, 0, 0, 0);
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline-color: inherit;
@@ -335,4 +344,6 @@ }
   color: #1b1a19;
-  box-shadow: 0 0 rgba(0, 0, 0, 0);
-  box-shadow: none;
+  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
+          box-shadow: 0 0 rgba(0, 0, 0, 0);
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline-color: inherit;
@@ -351,3 +362,4 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline: none;
@@ -361,4 +373,6 @@ }
 .e-css.e-btn-group input:focus + label.e-btn.e-outline {
-  box-shadow: 0 0 rgba(0, 0, 0, 0);
-  box-shadow: none;
+  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
+          box-shadow: 0 0 rgba(0, 0, 0, 0);
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -371,3 +385,4 @@ .e-btn-group .e-btn:focus.e-outline.e-primary,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -380,3 +395,4 @@ .e-btn-group .e-btn:focus.e-outline.e-success,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -389,3 +405,4 @@ .e-btn-group .e-btn:focus.e-outline.e-info,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -398,3 +415,4 @@ .e-btn-group .e-btn:focus.e-outline.e-warning,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -407,3 +425,4 @@ .e-btn-group .e-btn:focus.e-outline.e-danger,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -419,3 +438,4 @@ .e-btn-group .e-btn:active,
   color: #fff;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -431,3 +451,4 @@ .e-btn-group .e-btn:active.e-primary,
   color: #1b1a19;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -443,3 +464,4 @@ .e-btn-group .e-btn:active.e-success,
   color: #1b1a19;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -455,3 +477,4 @@ .e-btn-group .e-btn:active.e-info,
   border-color: #359c9f;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -467,3 +490,4 @@ .e-btn-group .e-btn:active.e-warning,
   color: #1b1a19;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -479,3 +503,4 @@ .e-btn-group .e-btn:active.e-danger,
   color: #1b1a19;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -490,3 +515,4 @@ .e-btn-group .e-btn:active.e-outline,
   border-color: #8a8886;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
@@ -502,3 +528,4 @@ }
   border-color: #0078d4;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #1b1a19;
@@ -514,3 +541,4 @@ }
   border-color: #095509;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #1b1a19;
@@ -526,3 +554,4 @@ }
   border-color: #359c9f;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #1b1a19;
@@ -538,3 +567,4 @@ }
   border-color: #d57340;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #1b1a19;
@@ -550,3 +580,4 @@ }
   border-color: #a72a2d;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #1b1a19;
@@ -560,3 +591,4 @@ }
   border-color: #323130;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #3b3a39;
@@ -571,3 +603,4 @@ border-color: #8a8886;
   border-color: #323130;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #3b3a39;
@@ -583,3 +616,4 @@ outline: none;
   border-color: #323130;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #3b3a39;
@@ -595,3 +629,4 @@ outline: none;
   border-color: #323130;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #3b3a39;
@@ -607,3 +642,4 @@ outline: none;
   border-color: #323130;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #3b3a39;
@@ -619,3 +655,4 @@ outline: none;
   border-color: #323130;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #3b3a39;
@@ -631,3 +668,4 @@ outline: none;
   background: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   text-decoration: none;
@@ -643,3 +681,4 @@ outline: none;
   border-color: #252423;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #3b3a39;
@@ -654,3 +693,4 @@ border-color: #8a8886;
   border-color: #252423;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #3b3a39;
@@ -665,3 +705,4 @@ border-color: #0078d4;
   border-color: #252423;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #3b3a39;
@@ -676,3 +717,4 @@ border-color: #0b6a0b;
   border-color: #252423;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #3b3a39;
@@ -687,3 +729,4 @@ border-color: #038387;
   border-color: #252423;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #3b3a39;
@@ -698,3 +741,4 @@ border-color: #ca5010;
   border-color: #252423;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #3b3a39;
@@ -701,0 +745,0 @@ border-color: #d13438;

styles/button-group/fluent.css

 /* stylelint-disable */
 *.e-btn-group,
 *.e-css.e-btn-group {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   border-radius: 4px;
-  -ms-flex-direction: row;
-      flex-direction: row;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
   position: relative;
@@ -43,4 +46,5 @@ }
 }
-*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
-*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
+*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type, *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
+*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
+*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
   border-bottom-right-radius: 0;
@@ -54,7 +58,2 @@ border-top-right-radius: 0;
 }
-*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
-*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
-  border-bottom-right-radius: 0;
-  border-top-right-radius: 0;
-}
 *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
@@ -93,4 +92,5 @@ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
 }
-*.e-btn-group.e-rtl .e-btn:first-of-type,
-*.e-css.e-btn-group.e-rtl .e-btn:first-of-type {
+*.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
+*.e-css.e-btn-group.e-rtl .e-btn:first-of-type,
+*.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
   border-bottom-left-radius: 0;
@@ -104,7 +104,2 @@ border-top-left-radius: 0;
 }
-*.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
-*.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
-  border-bottom-left-radius: 0;
-  border-top-left-radius: 0;
-}
 *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
@@ -137,4 +132,6 @@ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
 *.e-css.e-btn-group.e-vertical {
-  -ms-flex-direction: column;
-      flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
 }
@@ -246,7 +243,9 @@ *.e-btn-group.e-vertical input,
 .e-css.e-btn-group:not(.e-outline) {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-btn-group .e-btn:hover,
 .e-css.e-btn-group .e-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -264,4 +263,6 @@ .e-btn-group .e-btn:focus,
   outline-offset: -3px;
-  box-shadow: 0 0 rgba(0, 0, 0, 0);
-  box-shadow: none;
+  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
+          box-shadow: 0 0 rgba(0, 0, 0, 0);
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline-color: inherit;
@@ -279,4 +280,6 @@ }
   outline: 1px solid;
-  box-shadow: 0 0 rgba(0, 0, 0, 0);
-  box-shadow: none;
+  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
+          box-shadow: 0 0 rgba(0, 0, 0, 0);
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline-color: inherit;
@@ -293,4 +296,6 @@ }
   color: #fff;
-  box-shadow: 0 0 rgba(0, 0, 0, 0);
-  box-shadow: none;
+  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
+          box-shadow: 0 0 rgba(0, 0, 0, 0);
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline-color: inherit;
@@ -307,4 +312,6 @@ }
   color: #fff;
-  box-shadow: 0 0 rgba(0, 0, 0, 0);
-  box-shadow: none;
+  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
+          box-shadow: 0 0 rgba(0, 0, 0, 0);
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline-color: inherit;
@@ -321,4 +328,6 @@ }
   color: #fff;
-  box-shadow: 0 0 rgba(0, 0, 0, 0);
-  box-shadow: none;
+  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
+          box-shadow: 0 0 rgba(0, 0, 0, 0);
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline-color: inherit;
@@ -335,4 +344,6 @@ }
   color: #fff;
-  box-shadow: 0 0 rgba(0, 0, 0, 0);
-  box-shadow: none;
+  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
+          box-shadow: 0 0 rgba(0, 0, 0, 0);
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline-color: inherit;
@@ -351,3 +362,4 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline: none;
@@ -361,4 +373,6 @@ }
 .e-css.e-btn-group input:focus + label.e-btn.e-outline {
-  box-shadow: 0 0 rgba(0, 0, 0, 0);
-  box-shadow: none;
+  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
+          box-shadow: 0 0 rgba(0, 0, 0, 0);
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -371,3 +385,4 @@ .e-btn-group .e-btn:focus.e-outline.e-primary,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -380,3 +395,4 @@ .e-btn-group .e-btn:focus.e-outline.e-success,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -389,3 +405,4 @@ .e-btn-group .e-btn:focus.e-outline.e-info,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -398,3 +415,4 @@ .e-btn-group .e-btn:focus.e-outline.e-warning,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -407,3 +425,4 @@ .e-btn-group .e-btn:focus.e-outline.e-danger,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -419,3 +438,4 @@ .e-btn-group .e-btn:active,
   color: #323130;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -431,3 +451,4 @@ .e-btn-group .e-btn:active.e-primary,
   color: #fff;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -443,3 +464,4 @@ .e-btn-group .e-btn:active.e-success,
   color: #fff;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -455,3 +477,4 @@ .e-btn-group .e-btn:active.e-info,
   border-color: #359c9f;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -467,3 +490,4 @@ .e-btn-group .e-btn:active.e-warning,
   color: #fff;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -479,3 +503,4 @@ .e-btn-group .e-btn:active.e-danger,
   color: #fff;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -490,3 +515,4 @@ .e-btn-group .e-btn:active.e-outline,
   border-color: #8a8886;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #323130;
@@ -502,3 +528,4 @@ }
   border-color: #0078d4;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
@@ -514,3 +541,4 @@ }
   border-color: #095509;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
@@ -526,3 +554,4 @@ }
   border-color: #359c9f;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
@@ -538,3 +567,4 @@ }
   border-color: #d57340;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
@@ -550,3 +580,4 @@ }
   border-color: #a72a2d;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
@@ -560,3 +591,4 @@ }
   border-color: #f3f2f1;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a19f9d;
@@ -571,3 +603,4 @@ border-color: #8a8886;
   border-color: #f3f2f1;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a19f9d;
@@ -583,3 +616,4 @@ outline: none;
   border-color: #f3f2f1;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a19f9d;
@@ -595,3 +629,4 @@ outline: none;
   border-color: #f3f2f1;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a19f9d;
@@ -607,3 +642,4 @@ outline: none;
   border-color: #f3f2f1;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a19f9d;
@@ -619,3 +655,4 @@ outline: none;
   border-color: #f3f2f1;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a19f9d;
@@ -631,3 +668,4 @@ outline: none;
   background: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   text-decoration: none;
@@ -643,3 +681,4 @@ outline: none;
   border-color: #f3f2f1;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a19f9d;
@@ -654,3 +693,4 @@ border-color: #8a8886;
   border-color: #f3f2f1;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a19f9d;
@@ -665,3 +705,4 @@ border-color: #0078d4;
   border-color: #f3f2f1;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a19f9d;
@@ -676,3 +717,4 @@ border-color: #0b6a0b;
   border-color: #f3f2f1;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a19f9d;
@@ -687,3 +729,4 @@ border-color: #038387;
   border-color: #f3f2f1;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a19f9d;
@@ -698,3 +741,4 @@ border-color: #ca5010;
   border-color: #f3f2f1;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a19f9d;
@@ -701,0 +745,0 @@ border-color: #d13438;

styles/button-group/highcontrast-light.css

 /* stylelint-disable */
 *.e-btn-group,
 *.e-css.e-btn-group {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   border-radius: 0;
-  -ms-flex-direction: row;
-      flex-direction: row;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
   position: relative;
@@ -43,4 +46,5 @@ }
 }
-*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
-*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
+*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type, *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
+*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
+*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
   border-bottom-right-radius: 0;
@@ -54,7 +58,2 @@ border-top-right-radius: 0;
 }
-*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
-*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
-  border-bottom-right-radius: 0;
-  border-top-right-radius: 0;
-}
 *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
@@ -93,4 +92,5 @@ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
 }
-*.e-btn-group.e-rtl .e-btn:first-of-type,
-*.e-css.e-btn-group.e-rtl .e-btn:first-of-type {
+*.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
+*.e-css.e-btn-group.e-rtl .e-btn:first-of-type,
+*.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
   border-bottom-left-radius: 0;
@@ -104,7 +104,2 @@ border-top-left-radius: 0;
 }
-*.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
-*.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
-  border-bottom-left-radius: 0;
-  border-top-left-radius: 0;
-}
 *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
@@ -137,4 +132,6 @@ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
 *.e-css.e-btn-group.e-vertical {
-  -ms-flex-direction: column;
-      flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
 }
@@ -246,7 +243,9 @@ *.e-btn-group.e-vertical input,
 .e-css.e-btn-group:not(.e-outline) {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-btn-group .e-btn:hover,
 .e-css.e-btn-group .e-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -264,4 +263,5 @@ .e-btn-group .e-btn:focus,
   outline-offset: 2px;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
   outline-color: inherit;
@@ -279,4 +279,5 @@ }
   outline: #400074 1px solid;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
   outline-color: #fff;
@@ -293,4 +294,5 @@ }
   color: #000;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
   outline-color: inherit;
@@ -307,4 +309,5 @@ }
   color: #000;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
   outline-color: inherit;
@@ -321,4 +324,5 @@ }
   color: #000;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
   outline-color: inherit;
@@ -335,4 +339,5 @@ }
   color: #000;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
   outline-color: inherit;
@@ -351,3 +356,4 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline: none;
@@ -361,4 +367,5 @@ }
 .e-css.e-btn-group input:focus + label.e-btn.e-outline {
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
 }
@@ -371,3 +378,4 @@ .e-btn-group .e-btn:focus.e-outline.e-primary,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -380,3 +388,4 @@ .e-btn-group .e-btn:focus.e-outline.e-success,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -389,3 +398,4 @@ .e-btn-group .e-btn:focus.e-outline.e-info,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -398,3 +408,4 @@ .e-btn-group .e-btn:focus.e-outline.e-warning,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -407,3 +418,4 @@ .e-btn-group .e-btn:focus.e-outline.e-danger,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -432,3 +444,4 @@ .e-btn-group .e-btn:active,
   outline: #000 0 solid;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -444,3 +457,4 @@ .e-btn-group .e-btn:active.e-success,
   color: #2ccc00;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -456,3 +470,4 @@ .e-btn-group .e-btn:active.e-info,
   border-color: #000;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -468,3 +483,4 @@ .e-btn-group .e-btn:active.e-warning,
   color: #ff7d1a;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -480,3 +496,4 @@ .e-btn-group .e-btn:active.e-danger,
   color: #ff6161;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -491,3 +508,4 @@ .e-btn-group .e-btn:active.e-outline,
   border-color: #400074;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
@@ -503,3 +521,4 @@ }
   border-color: #400074;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
@@ -515,3 +534,4 @@ }
   border-color: #000;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #2ccc00;
@@ -527,3 +547,4 @@ }
   border-color: #000;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #66b0ff;
@@ -539,3 +560,4 @@ }
   border-color: #000;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #ff7d1a;
@@ -551,3 +573,4 @@ }
   border-color: #000;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #ff6161;
@@ -561,3 +584,4 @@ }
   border-color: #757575;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #757575;
@@ -572,3 +596,4 @@ border-color: #000;
   border-color: #757575;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #757575;
@@ -583,3 +608,4 @@ border-color: #400074;
   border-color: #757575;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #757575;
@@ -594,3 +620,4 @@ border-color: #166600;
   border-color: #757575;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #757575;
@@ -605,3 +632,4 @@ border-color: #0056b3;
   border-color: #757575;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #757575;
@@ -616,3 +644,4 @@ border-color: #944000;
   border-color: #757575;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #757575;
@@ -627,3 +656,4 @@ border-color: #b30900;
   background: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   text-decoration: none;
@@ -638,3 +668,4 @@ border-color: transparent;
   border-color: #757575;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #757575;
@@ -649,3 +680,4 @@ border-color: #000;
   border-color: #757575;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #757575;
@@ -660,3 +692,4 @@ border-color: #400074;
   border-color: #757575;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #757575;
@@ -671,3 +704,4 @@ border-color: #166600;
   border-color: #757575;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #757575;
@@ -682,3 +716,4 @@ border-color: #0056b3;
   border-color: #757575;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #757575;
@@ -693,3 +728,4 @@ border-color: #944000;
   border-color: #757575;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #757575;
@@ -696,0 +732,0 @@ border-color: #b30900;

styles/button-group/highcontrast.css

 /* stylelint-disable */
 *.e-btn-group,
 *.e-css.e-btn-group {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   border-radius: 0;
-  -ms-flex-direction: row;
-      flex-direction: row;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
   position: relative;
@@ -43,4 +46,5 @@ }
 }
-*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
-*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
+*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type, *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
+*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
+*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
   border-bottom-right-radius: 0;
@@ -54,7 +58,2 @@ border-top-right-radius: 0;
 }
-*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
-*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
-  border-bottom-right-radius: 0;
-  border-top-right-radius: 0;
-}
 *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
@@ -93,4 +92,5 @@ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
 }
-*.e-btn-group.e-rtl .e-btn:first-of-type,
-*.e-css.e-btn-group.e-rtl .e-btn:first-of-type {
+*.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
+*.e-css.e-btn-group.e-rtl .e-btn:first-of-type,
+*.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
   border-bottom-left-radius: 0;
@@ -104,7 +104,2 @@ border-top-left-radius: 0;
 }
-*.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
-*.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
-  border-bottom-left-radius: 0;
-  border-top-left-radius: 0;
-}
 *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
@@ -137,4 +132,6 @@ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
 *.e-css.e-btn-group.e-vertical {
-  -ms-flex-direction: column;
-      flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
 }
@@ -246,7 +243,9 @@ *.e-btn-group.e-vertical input,
 .e-css.e-btn-group:not(.e-outline) {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-btn-group .e-btn:hover,
 .e-css.e-btn-group .e-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -264,4 +263,5 @@ .e-btn-group .e-btn:focus,
   outline-offset: 2px;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
   outline-color: inherit;
@@ -280,4 +280,5 @@ outline-offset: -4px;
   outline: #ffd939 1px solid;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
   outline-color: #000;
@@ -294,4 +295,5 @@ }
   color: #fff;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
   outline-color: inherit;
@@ -308,4 +310,5 @@ }
   color: #fff;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
   outline-color: inherit;
@@ -322,4 +325,5 @@ }
   color: #fff;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
   outline-color: inherit;
@@ -336,4 +340,5 @@ }
   color: #fff;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
   outline-color: inherit;
@@ -352,3 +357,4 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline: none;
@@ -362,4 +368,5 @@ }
 .e-css.e-btn-group input:focus + label.e-btn.e-outline {
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
 }
@@ -372,3 +379,4 @@ .e-btn-group .e-btn:focus.e-outline.e-primary,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -381,3 +389,4 @@ .e-btn-group .e-btn:focus.e-outline.e-success,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -390,3 +399,4 @@ .e-btn-group .e-btn:focus.e-outline.e-info,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -399,3 +409,4 @@ .e-btn-group .e-btn:focus.e-outline.e-warning,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -408,3 +419,4 @@ .e-btn-group .e-btn:focus.e-outline.e-danger,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -433,3 +445,4 @@ .e-btn-group .e-btn:active,
   outline: #fff 0 solid;
-  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
+          box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
 }
@@ -445,3 +458,4 @@ .e-btn-group .e-btn:active.e-success,
   color: #166600;
-  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
+          box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
 }
@@ -457,3 +471,4 @@ .e-btn-group .e-btn:active.e-info,
   border-color: #fff;
-  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
+          box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
 }
@@ -469,3 +484,4 @@ .e-btn-group .e-btn:active.e-warning,
   color: #944000;
-  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
+          box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
 }
@@ -481,3 +497,4 @@ .e-btn-group .e-btn:active.e-danger,
   color: #b30900;
-  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
+          box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
 }
@@ -492,3 +509,4 @@ .e-btn-group .e-btn:active.e-outline,
   border-color: #ffd939;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #000;
@@ -504,3 +522,4 @@ }
   border-color: #ffd939;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #000;
@@ -516,3 +535,4 @@ }
   border-color: #fff;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #166600;
@@ -528,3 +548,4 @@ }
   border-color: #fff;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #0056b3;
@@ -540,3 +561,4 @@ }
   border-color: #fff;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #944000;
@@ -552,3 +574,4 @@ }
   border-color: #fff;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #b30900;
@@ -562,3 +585,4 @@ }
   border-color: #757575;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #757575;
@@ -573,3 +597,4 @@ border-color: #fff;
   border-color: #757575;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #757575;
@@ -584,3 +609,4 @@ border-color: #ffd939;
   border-color: #757575;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #757575;
@@ -595,3 +621,4 @@ border-color: #166600;
   border-color: #757575;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #757575;
@@ -606,3 +633,4 @@ border-color: #0056b3;
   border-color: #757575;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #757575;
@@ -617,3 +645,4 @@ border-color: #944000;
   border-color: #757575;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #757575;
@@ -628,3 +657,4 @@ border-color: #b30900;
   background: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   text-decoration: none;
@@ -639,3 +669,4 @@ border-color: transparent;
   border-color: #757575;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #757575;
@@ -650,3 +681,4 @@ border-color: #fff;
   border-color: #757575;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #757575;
@@ -661,3 +693,4 @@ border-color: #ffd939;
   border-color: #757575;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #757575;
@@ -672,3 +705,4 @@ border-color: #166600;
   border-color: #757575;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #757575;
@@ -683,3 +717,4 @@ border-color: #0056b3;
   border-color: #757575;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #757575;
@@ -694,3 +729,4 @@ border-color: #944000;
   border-color: #757575;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #757575;
@@ -697,0 +733,0 @@ border-color: #b30900;

styles/button-group/material-dark.css

 /* stylelint-disable */
 *.e-btn-group,
 *.e-css.e-btn-group {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   border-radius: 2px;
-  -ms-flex-direction: row;
-      flex-direction: row;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
   position: relative;
@@ -43,4 +46,5 @@ }
 }
-*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
-*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
+*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type, *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
+*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
+*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
   border-bottom-right-radius: 0;
@@ -54,7 +58,2 @@ border-top-right-radius: 0;
 }
-*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
-*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
-  border-bottom-right-radius: 0;
-  border-top-right-radius: 0;
-}
 *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
@@ -93,4 +92,5 @@ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
 }
-*.e-btn-group.e-rtl .e-btn:first-of-type,
-*.e-css.e-btn-group.e-rtl .e-btn:first-of-type {
+*.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
+*.e-css.e-btn-group.e-rtl .e-btn:first-of-type,
+*.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
   border-bottom-left-radius: 0;
@@ -104,7 +104,2 @@ border-top-left-radius: 0;
 }
-*.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
-*.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
-  border-bottom-left-radius: 0;
-  border-top-left-radius: 0;
-}
 *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
@@ -137,4 +132,6 @@ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
 *.e-css.e-btn-group.e-vertical {
-  -ms-flex-direction: column;
-      flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
 }
@@ -246,7 +243,9 @@ *.e-btn-group.e-vertical input,
 .e-css.e-btn-group:not(.e-outline) {
-  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
+  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
+          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
 }
 .e-btn-group .e-btn:hover,
 .e-css.e-btn-group .e-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -264,4 +263,6 @@ .e-btn-group .e-btn:focus,
   outline-offset: 0;
-  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
-  box-shadow: none;
+  -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
+          box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline-color: inherit;
@@ -279,4 +280,6 @@ }
   outline: #616161 0 solid;
-  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
-  box-shadow: none;
+  -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
+          box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline-color: inherit;
@@ -293,4 +296,6 @@ }
   color: #fff;
-  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
-  box-shadow: none;
+  -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
+          box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline-color: inherit;
@@ -307,4 +312,6 @@ }
   color: #fff;
-  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
-  box-shadow: none;
+  -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
+          box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline-color: inherit;
@@ -321,4 +328,6 @@ }
   color: #fff;
-  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
-  box-shadow: none;
+  -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
+          box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline-color: inherit;
@@ -335,4 +344,6 @@ }
   color: #fff;
-  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
-  box-shadow: none;
+  -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
+          box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline-color: inherit;
@@ -351,3 +362,4 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline: none;
@@ -361,4 +373,6 @@ }
 .e-css.e-btn-group input:focus + label.e-btn.e-outline {
-  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
-  box-shadow: none;
+  -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
+          box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -371,3 +385,4 @@ .e-btn-group .e-btn:focus.e-outline.e-primary,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -380,3 +395,4 @@ .e-btn-group .e-btn:focus.e-outline.e-success,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -389,3 +405,4 @@ .e-btn-group .e-btn:focus.e-outline.e-info,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -398,3 +415,4 @@ .e-btn-group .e-btn:focus.e-outline.e-warning,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -407,3 +425,4 @@ .e-btn-group .e-btn:focus.e-outline.e-danger,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -432,3 +451,4 @@ .e-btn-group .e-btn:active,
   outline: #616161 0 solid;
-  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
+          box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
 }
@@ -444,3 +464,4 @@ .e-btn-group .e-btn:active.e-success,
   color: #fff;
-  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
+          box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
 }
@@ -456,3 +477,4 @@ .e-btn-group .e-btn:active.e-info,
   border-color: transparent;
-  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
+          box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
 }
@@ -468,3 +490,4 @@ .e-btn-group .e-btn:active.e-warning,
   color: #fff;
-  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
+          box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
 }
@@ -480,3 +503,4 @@ .e-btn-group .e-btn:active.e-danger,
   color: #fff;
-  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
+          box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
 }
@@ -491,3 +515,4 @@ .e-btn-group .e-btn:active.e-outline,
   border-color: #616161;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
@@ -503,3 +528,4 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #000;
@@ -515,3 +541,4 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
@@ -527,3 +554,4 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
@@ -539,3 +567,4 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
@@ -551,3 +580,4 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
@@ -561,3 +591,4 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(255, 255, 255, 0.3);
@@ -572,3 +603,4 @@ border-color: transparent;
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(255, 255, 255, 0.3);
@@ -583,3 +615,4 @@ border-color: transparent;
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(255, 255, 255, 0.3);
@@ -594,3 +627,4 @@ border-color: transparent;
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(255, 255, 255, 0.3);
@@ -605,3 +639,4 @@ border-color: transparent;
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(255, 255, 255, 0.3);
@@ -616,3 +651,4 @@ border-color: transparent;
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(255, 255, 255, 0.3);
@@ -627,3 +663,4 @@ border-color: transparent;
   background: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   text-decoration: none;
@@ -638,3 +675,4 @@ border-color: transparent;
   border-color: rgba(97, 97, 97, 0.3);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(255, 255, 255, 0.3);
@@ -649,3 +687,4 @@ border-color: #616161;
   border-color: rgba(97, 97, 97, 0.3);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(255, 255, 255, 0.3);
@@ -660,3 +699,4 @@ border-color: #00b0ff;
   border-color: rgba(97, 97, 97, 0.3);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(255, 255, 255, 0.3);
@@ -671,3 +711,4 @@ border-color: #4caf50;
   border-color: rgba(97, 97, 97, 0.3);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(255, 255, 255, 0.3);
@@ -682,3 +723,4 @@ border-color: #03a9f4;
   border-color: rgba(97, 97, 97, 0.3);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(255, 255, 255, 0.3);
@@ -693,3 +735,4 @@ border-color: #ff9800;
   border-color: rgba(97, 97, 97, 0.3);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(255, 255, 255, 0.3);
@@ -696,0 +739,0 @@ border-color: #ff6652;

styles/button-group/material.css

 /* stylelint-disable */
 *.e-btn-group,
 *.e-css.e-btn-group {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   border-radius: 2px;
-  -ms-flex-direction: row;
-      flex-direction: row;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
   position: relative;
@@ -43,4 +46,5 @@ }
 }
-*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
-*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
+*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type, *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
+*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
+*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
   border-bottom-right-radius: 0;
@@ -54,7 +58,2 @@ border-top-right-radius: 0;
 }
-*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
-*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
-  border-bottom-right-radius: 0;
-  border-top-right-radius: 0;
-}
 *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
@@ -93,4 +92,5 @@ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
 }
-*.e-btn-group.e-rtl .e-btn:first-of-type,
-*.e-css.e-btn-group.e-rtl .e-btn:first-of-type {
+*.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
+*.e-css.e-btn-group.e-rtl .e-btn:first-of-type,
+*.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
   border-bottom-left-radius: 0;
@@ -104,7 +104,2 @@ border-top-left-radius: 0;
 }
-*.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
-*.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
-  border-bottom-left-radius: 0;
-  border-top-left-radius: 0;
-}
 *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
@@ -137,4 +132,6 @@ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
 *.e-css.e-btn-group.e-vertical {
-  -ms-flex-direction: column;
-      flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
 }
@@ -246,11 +243,14 @@ *.e-btn-group.e-vertical input,
 .e-css.e-btn-group:not(.e-outline) {
-  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+  -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+          box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
 }
 .e-btn-group .e-btn,
 .e-css.e-btn-group .e-btn {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-btn-group .e-btn:hover,
 .e-css.e-btn-group .e-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -268,4 +268,6 @@ .e-btn-group .e-btn:focus,
   outline-offset: 0;
-  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
-  box-shadow: none;
+  -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
+          box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline-color: inherit;
@@ -283,4 +285,6 @@ }
   outline: #fafafa 0 solid;
-  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
-  box-shadow: none;
+  -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
+          box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline-color: inherit;
@@ -297,4 +301,6 @@ }
   color: #fff;
-  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
-  box-shadow: none;
+  -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
+          box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline-color: inherit;
@@ -311,4 +317,6 @@ }
   color: #fff;
-  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
-  box-shadow: none;
+  -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
+          box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline-color: inherit;
@@ -325,4 +333,6 @@ }
   color: #fff;
-  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
-  box-shadow: none;
+  -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
+          box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline-color: inherit;
@@ -339,4 +349,6 @@ }
   color: #fff;
-  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
-  box-shadow: none;
+  -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
+          box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline-color: inherit;
@@ -355,3 +367,4 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline: none;
@@ -365,4 +378,6 @@ }
 .e-css.e-btn-group input:focus + label.e-btn.e-outline {
-  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
-  box-shadow: none;
+  -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
+          box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -375,3 +390,4 @@ .e-btn-group .e-btn:focus.e-outline.e-primary,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -384,3 +400,4 @@ .e-btn-group .e-btn:focus.e-outline.e-success,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -393,3 +410,4 @@ .e-btn-group .e-btn:focus.e-outline.e-info,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -402,3 +420,4 @@ .e-btn-group .e-btn:focus.e-outline.e-warning,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -411,3 +430,4 @@ .e-btn-group .e-btn:focus.e-outline.e-danger,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -436,3 +456,4 @@ .e-btn-group .e-btn:active,
   outline: #fafafa 0 solid;
-  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+  -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+          box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
 }
@@ -448,3 +469,4 @@ .e-btn-group .e-btn:active.e-success,
   color: #fff;
-  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+  -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+          box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
 }
@@ -460,3 +482,4 @@ .e-btn-group .e-btn:active.e-info,
   border-color: transparent;
-  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+  -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+          box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
 }
@@ -472,3 +495,4 @@ .e-btn-group .e-btn:active.e-warning,
   color: #fff;
-  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+  -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+          box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
 }
@@ -484,3 +508,4 @@ .e-btn-group .e-btn:active.e-danger,
   color: #fff;
-  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+  -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+          box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
 }
@@ -495,3 +520,4 @@ .e-btn-group .e-btn:active.e-outline,
   border-color: #adadad;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(0, 0, 0, 0.87);
@@ -507,3 +533,4 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
@@ -519,3 +546,4 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
@@ -531,3 +559,4 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
@@ -543,3 +572,4 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
@@ -555,3 +585,4 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
@@ -565,3 +596,4 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(0, 0, 0, 0.26);
@@ -576,3 +608,4 @@ border-color: transparent;
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(0, 0, 0, 0.26);
@@ -587,3 +620,4 @@ border-color: transparent;
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(0, 0, 0, 0.26);
@@ -598,3 +632,4 @@ border-color: transparent;
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(0, 0, 0, 0.26);
@@ -609,3 +644,4 @@ border-color: transparent;
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(0, 0, 0, 0.26);
@@ -620,3 +656,4 @@ border-color: transparent;
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(0, 0, 0, 0.26);
@@ -631,3 +668,4 @@ border-color: transparent;
   background: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   text-decoration: none;
@@ -642,3 +680,4 @@ border-color: transparent;
   border-color: rgba(0, 0, 0, 0.26);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(0, 0, 0, 0.26);
@@ -653,3 +692,4 @@ border-color: #adadad;
   border-color: rgba(0, 0, 0, 0.26);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(0, 0, 0, 0.26);
@@ -664,3 +704,4 @@ border-color: #e3165b;
   border-color: rgba(0, 0, 0, 0.26);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(0, 0, 0, 0.26);
@@ -675,3 +716,4 @@ border-color: #4d841d;
   border-color: rgba(0, 0, 0, 0.26);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(0, 0, 0, 0.26);
@@ -686,3 +728,4 @@ border-color: #0378d5;
   border-color: rgba(0, 0, 0, 0.26);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(0, 0, 0, 0.26);
@@ -697,3 +740,4 @@ border-color: #c15700;
   border-color: rgba(0, 0, 0, 0.26);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(0, 0, 0, 0.26);
@@ -700,0 +744,0 @@ border-color: #d64113;

styles/button-group/material3-dark.css

@@ -47,3 +47,3 @@ :root {
   --color-sf-spreadsheet-gridline: 231, 224, 236;
-  --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
+  --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
   --color-sf-success-text: 0, 0, 0;
@@ -60,10 +60,14 @@ --color-sf-warning-text: 0, 0, 0;
 *.e-css.e-btn-group {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   border-radius: 4px;
-  -ms-flex-direction: row;
-      flex-direction: row;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
   position: relative;
   border-radius: 4px;
-  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
 }
@@ -98,4 +102,5 @@ *.e-btn-group input + label.e-btn,
 }
-*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
-*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
+*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type, *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
+*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
+*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
   border-bottom-right-radius: 0;
@@ -109,7 +114,2 @@ border-top-right-radius: 0;
 }
-*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
-*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
-  border-bottom-right-radius: 0;
-  border-top-right-radius: 0;
-}
 *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
@@ -148,4 +148,5 @@ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
 }
-*.e-btn-group.e-rtl .e-btn:first-of-type,
-*.e-css.e-btn-group.e-rtl .e-btn:first-of-type {
+*.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
+*.e-css.e-btn-group.e-rtl .e-btn:first-of-type,
+*.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
   border-bottom-left-radius: 0;
@@ -159,7 +160,2 @@ border-top-left-radius: 0;
 }
-*.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
-*.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
-  border-bottom-left-radius: 0;
-  border-top-left-radius: 0;
-}
 *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
@@ -192,4 +188,6 @@ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
 *.e-css.e-btn-group.e-vertical {
-  -ms-flex-direction: column;
-      flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
 }
@@ -301,7 +299,9 @@ *.e-btn-group.e-vertical input,
 .e-css.e-btn-group .e-btn {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-btn-group .e-btn:hover,
 .e-css.e-btn-group .e-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -312,3 +312,4 @@ .e-btn-group .e-btn:focus-visible,
 .e-css.e-btn-group input:focus-visible + label.e-btn {
-  box-shadow: 0 0 0 1px #000000, 0 0 0 3px #ffffff !important;
+  -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff !important;
+          box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff !important;
   z-index: 1;
@@ -332,3 +333,4 @@ }
 .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
-  box-shadow: 0 0 0 1px #000000, 0 0 0 3px #ffffff !important;
+  -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff !important;
+          box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff !important;
   z-index: 1;
@@ -340,3 +342,4 @@ }
 .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
-  box-shadow: 0 0 0 1px #000000, 0 0 0 3px #ffffff !important;
+  -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff !important;
+          box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff !important;
   z-index: 1;
@@ -360,3 +363,4 @@ }
 .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
-  box-shadow: 0 0 0 1px #000000, 0 0 0 3px #ffffff !important;
+  -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff !important;
+          box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff !important;
   z-index: 1;
@@ -370,9 +374,14 @@ }
 .e-css.e-btn-group input:focus + label.e-btn {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
-  border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
+  -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
+     border-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08)));
+     border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
   color: rgba(var(--color-sf-on-surface));
   outline: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface)) 0 solid;
   outline-offset: 0;
-  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
-  box-shadow: none;
+  -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline-color: inherit;
@@ -386,2 +395,3 @@ }
 .e-css.e-btn-group input:focus + label.e-btn.e-primary {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.08)), to(rgba(var(--color-sf-on-primary), 0.08))), rgba(var(--color-sf-primary));
   background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.08), rgba(var(--color-sf-on-primary), 0.08)), rgba(var(--color-sf-primary));
@@ -391,4 +401,6 @@ border-color: rgba(var(--color-sf-primary));
   outline: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface)) 0 solid;
-  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
-  box-shadow: none;
+  -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline-color: inherit;
@@ -402,7 +414,10 @@ }
 .e-css.e-btn-group input:focus + label.e-btn.e-success {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success-text), 0.08)), to(rgba(var(--color-sf-success-text), 0.08))), rgba(var(--color-sf-success));
   background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.08), rgba(var(--color-sf-success-text), 0.08)), rgba(var(--color-sf-success));
   border-color: rgba(var(--color-sf-success));
   color: rgba(var(--color-sf-success-text));
-  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
-  box-shadow: none;
+  -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline-color: inherit;
@@ -416,7 +431,10 @@ }
 .e-css.e-btn-group input:focus + label.e-btn.e-info {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-info-text), 0.08)), to(rgba(var(--color-sf-info-text), 0.08))), rgba(var(--color-sf-info));
   background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.08), rgba(var(--color-sf-info-text), 0.08)), rgba(var(--color-sf-info));
   border-color: rgba(var(--color-sf-info));
   color: rgba(var(--color-sf-info-text));
-  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
-  box-shadow: none;
+  -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline-color: inherit;
@@ -430,7 +448,10 @@ }
 .e-css.e-btn-group input:focus + label.e-btn.e-warning {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning-text), 0.08)), to(rgba(var(--color-sf-warning-text), 0.08))), rgba(var(--color-sf-warning));
   background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.08), rgba(var(--color-sf-warning-text), 0.08)), rgba(var(--color-sf-warning));
   border-color: rgba(var(--color-sf-warning));
   color: rgba(var(--color-sf-warning-text));
-  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
-  box-shadow: none;
+  -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline-color: inherit;
@@ -444,7 +465,10 @@ }
 .e-css.e-btn-group input:focus + label.e-btn.e-danger {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-danger-text), 0.08)), to(rgba(var(--color-sf-danger-text), 0.08))), rgba(var(--color-sf-error));
   background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.08), rgba(var(--color-sf-danger-text), 0.08)), rgba(var(--color-sf-error));
   border-color: rgba(var(--color-sf-error));
   color: rgba(var(--color-sf-danger-text));
-  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
-  box-shadow: none;
+  -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline-color: inherit;
@@ -463,3 +487,4 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline: none;
@@ -476,3 +501,4 @@ }
   color: rgba(var(--color-sf-on-surface));
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -488,3 +514,4 @@ .e-btn-group .e-btn:focus.e-outline.e-primary,
   color: rgba(var(--color-sf-primary));
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -500,3 +527,4 @@ .e-btn-group .e-btn:focus.e-outline.e-success,
   color: rgba(var(--color-sf-success));
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -512,3 +540,4 @@ .e-btn-group .e-btn:focus.e-outline.e-info,
   color: rgba(var(--color-sf-info));
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -524,3 +553,4 @@ .e-btn-group .e-btn:focus.e-outline.e-warning,
   color: rgba(var(--color-sf-warning));
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -536,3 +566,4 @@ .e-btn-group .e-btn:focus.e-outline.e-danger,
   color: rgba(var(--color-sf-error));
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -545,8 +576,12 @@ .e-btn-group .e-btn:active,
 .e-css.e-btn-group input:checked + label.e-btn {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.12)), to(rgba(var(--color-sf-on-surface), 0.12))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12)), rgba(var(--color-sf-surface));
-  border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12));
+  -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12));
+     border-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.12)), to(rgba(var(--color-sf-on-surface), 0.12)));
+     border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12));
   color: rgba(var(--color-sf-on-surface));
   outline: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface)) 0 solid;
   outline-offset: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -559,2 +594,3 @@ .e-btn-group .e-btn:active.e-primary,
 .e-css.e-btn-group input:checked + label.e-btn.e-primary {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.12)), to(rgba(var(--color-sf-on-primary), 0.12))), rgba(var(--color-sf-primary));
   background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.12), rgba(var(--color-sf-on-primary), 0.12)), rgba(var(--color-sf-primary));
@@ -564,4 +600,6 @@ border-color: rgba(var(--color-sf-primary));
   outline: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface)) 0 solid;
-  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
-  box-shadow: none;
+  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -574,7 +612,10 @@ .e-btn-group .e-btn:active.e-success,
 .e-css.e-btn-group input:checked + label.e-btn.e-success {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success-text), 0.12)), to(rgba(var(--color-sf-success-text), 0.12))), rgba(var(--color-sf-success));
   background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.12), rgba(var(--color-sf-success-text), 0.12)), rgba(var(--color-sf-success));
   border-color: rgba(var(--color-sf-success));
   color: rgba(var(--color-sf-success-text));
-  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
-  box-shadow: none;
+  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -587,7 +628,10 @@ .e-btn-group .e-btn:active.e-info,
 .e-css.e-btn-group input:checked + label.e-btn.e-info {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-info-text), 0.12)), to(rgba(var(--color-sf-info-text), 0.12))), rgba(var(--color-sf-info));
   background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.12), rgba(var(--color-sf-info-text), 0.12)), rgba(var(--color-sf-info));
   color: rgba(var(--color-sf-info-text));
   border-color: rgba(var(--color-sf-info));
-  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
-  box-shadow: none;
+  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -600,7 +644,10 @@ .e-btn-group .e-btn:active.e-warning,
 .e-css.e-btn-group input:checked + label.e-btn.e-warning {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning-text), 0.12)), to(rgba(var(--color-sf-warning-text), 0.12))), rgba(var(--color-sf-warning));
   background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.12), rgba(var(--color-sf-warning-text), 0.12)), rgba(var(--color-sf-warning));
   border-color: rgba(var(--color-sf-warning));
   color: rgba(var(--color-sf-warning-text));
-  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
-  box-shadow: none;
+  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -613,7 +660,10 @@ .e-btn-group .e-btn:active.e-danger,
 .e-css.e-btn-group input:checked + label.e-btn.e-danger {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-danger-text), 0.12)), to(rgba(var(--color-sf-danger-text), 0.12))), rgba(var(--color-sf-error));
   background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.12), rgba(var(--color-sf-danger-text), 0.12)), rgba(var(--color-sf-error));
   border-color: rgba(var(--color-sf-error));
   color: rgba(var(--color-sf-danger-text));
-  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
-  box-shadow: none;
+  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -628,3 +678,4 @@ .e-btn-group .e-btn:active.e-outline,
   border-color: rgba(var(--color-sf-outline));
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(var(--color-sf-on-surface));
@@ -639,5 +690,7 @@ box-shadow: none;
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.12)), to(rgba(var(--color-sf-on-primary), 0.12))), rgba(var(--color-sf-primary));
   background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.12), rgba(var(--color-sf-on-primary), 0.12)), rgba(var(--color-sf-primary));
   border-color: rgba(var(--color-sf-primary));
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(var(--color-sf-on-primary));
@@ -655,5 +708,7 @@ background: rgba(var(--color-sf-primary), 0.12);
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success-text), 0.12)), to(rgba(var(--color-sf-success-text), 0.12))), rgba(var(--color-sf-success));
   background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.12), rgba(var(--color-sf-success-text), 0.12)), rgba(var(--color-sf-success));
   border-color: rgba(var(--color-sf-success));
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(var(--color-sf-success-text));
@@ -671,5 +726,7 @@ background: rgba(var(--color-sf-success), 0.12);
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-info-text), 0.12)), to(rgba(var(--color-sf-info-text), 0.12))), rgba(var(--color-sf-info));
   background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.12), rgba(var(--color-sf-info-text), 0.12)), rgba(var(--color-sf-info));
   border-color: rgba(var(--color-sf-info));
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(var(--color-sf-info-text));
@@ -687,5 +744,7 @@ background: rgba(var(--color-sf-info), 0.12);
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning-text), 0.12)), to(rgba(var(--color-sf-warning-text), 0.12))), rgba(var(--color-sf-warning));
   background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.12), rgba(var(--color-sf-warning-text), 0.12)), rgba(var(--color-sf-warning));
   border-color: rgba(var(--color-sf-warning));
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(var(--color-sf-warning-text));
@@ -703,5 +762,7 @@ background: rgba(var(--color-sf-warning), 0.12);
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-danger-text), 0.12)), to(rgba(var(--color-sf-danger-text), 0.12))), rgba(var(--color-sf-error));
   background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.12), rgba(var(--color-sf-danger-text), 0.12)), rgba(var(--color-sf-error));
   border-color: rgba(var(--color-sf-error));
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(var(--color-sf-danger-text));
@@ -719,3 +780,4 @@ background: rgba(var(--color-sf-error), 0.12);
   border-color: rgba(var(--color-sf-secondary), 0);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(var(--color-sf-on-surface), 0.38);
@@ -730,3 +792,4 @@ border-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05));
   border-color: rgba(var(--color-sf-secondary), 0);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(var(--color-sf-on-surface), 0.38);
@@ -741,3 +804,4 @@ border-color: rgba(var(--color-sf-primary));
   border-color: rgba(var(--color-sf-secondary), 0);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(var(--color-sf-on-surface), 0.38);
@@ -752,3 +816,4 @@ border-color: rgba(var(--color-sf-success));
   border-color: rgba(var(--color-sf-secondary), 0);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(var(--color-sf-on-surface), 0.38);
@@ -763,3 +828,4 @@ border-color: rgba(var(--color-sf-info));
   border-color: rgba(var(--color-sf-secondary), 0);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(var(--color-sf-on-surface), 0.38);
@@ -774,3 +840,4 @@ border-color: rgba(var(--color-sf-warning));
   border-color: rgba(var(--color-sf-secondary), 0);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(var(--color-sf-on-surface), 0.38);
@@ -785,3 +852,4 @@ border-color: rgba(var(--color-sf-error));
   background: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   text-decoration: none;
@@ -796,3 +864,4 @@ border-color: transparent;
   border-color: rgba(var(--color-sf-secondary), 0.12);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(var(--color-sf-on-surface), 0.38);
@@ -807,3 +876,4 @@ border-color: rgba(var(--color-sf-outline));
   border-color: rgba(var(--color-sf-secondary), 0.12);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(var(--color-sf-on-surface), 0.38);
@@ -818,3 +888,4 @@ border-color: rgba(var(--color-sf-primary));
   border-color: rgba(var(--color-sf-secondary), 0.12);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(var(--color-sf-on-surface), 0.38);
@@ -829,3 +900,4 @@ border-color: rgba(var(--color-sf-success));
   border-color: rgba(var(--color-sf-secondary), 0.12);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(var(--color-sf-on-surface), 0.38);
@@ -840,3 +912,4 @@ border-color: rgba(var(--color-sf-info));
   border-color: rgba(var(--color-sf-secondary), 0.12);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(var(--color-sf-on-surface), 0.38);
@@ -851,3 +924,4 @@ border-color: rgba(var(--color-sf-warning));
   border-color: rgba(var(--color-sf-secondary), 0.12);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(var(--color-sf-on-surface), 0.38);
@@ -854,0 +928,0 @@ border-color: rgba(var(--color-sf-error));

styles/button-group/material3.css

@@ -103,3 +103,3 @@ :root {
   --color-sf-spreadsheet-gridline: 231, 224, 236;
-  --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
+  --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
   --color-sf-success-text: 0, 0, 0;
@@ -116,10 +116,14 @@ --color-sf-warning-text: 0, 0, 0;
 *.e-css.e-btn-group {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   border-radius: 4px;
-  -ms-flex-direction: row;
-      flex-direction: row;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
   position: relative;
   border-radius: 4px;
-  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
 }
@@ -154,4 +158,5 @@ *.e-btn-group input + label.e-btn,
 }
-*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
-*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
+*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type, *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
+*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
+*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
   border-bottom-right-radius: 0;
@@ -165,7 +170,2 @@ border-top-right-radius: 0;
 }
-*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
-*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
-  border-bottom-right-radius: 0;
-  border-top-right-radius: 0;
-}
 *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
@@ -204,4 +204,5 @@ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
 }
-*.e-btn-group.e-rtl .e-btn:first-of-type,
-*.e-css.e-btn-group.e-rtl .e-btn:first-of-type {
+*.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
+*.e-css.e-btn-group.e-rtl .e-btn:first-of-type,
+*.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
   border-bottom-left-radius: 0;
@@ -215,7 +216,2 @@ border-top-left-radius: 0;
 }
-*.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
-*.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
-  border-bottom-left-radius: 0;
-  border-top-left-radius: 0;
-}
 *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
@@ -248,4 +244,6 @@ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
 *.e-css.e-btn-group.e-vertical {
-  -ms-flex-direction: column;
-      flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
 }
@@ -357,7 +355,9 @@ *.e-btn-group.e-vertical input,
 .e-css.e-btn-group .e-btn {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-btn-group .e-btn:hover,
 .e-css.e-btn-group .e-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -368,3 +368,4 @@ .e-btn-group .e-btn:focus-visible,
 .e-css.e-btn-group input:focus-visible + label.e-btn {
-  box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #000000 !important;
+  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
+          box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
   z-index: 1;
@@ -388,3 +389,4 @@ }
 .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
-  box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #000000 !important;
+  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
+          box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
   z-index: 1;
@@ -396,3 +398,4 @@ }
 .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
-  box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #000000 !important;
+  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
+          box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
   z-index: 1;
@@ -416,3 +419,4 @@ }
 .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
-  box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #000000 !important;
+  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
+          box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
   z-index: 1;
@@ -426,9 +430,14 @@ }
 .e-css.e-btn-group input:focus + label.e-btn {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
-  border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
+  -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
+     border-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08)));
+     border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
   color: rgba(var(--color-sf-on-surface));
   outline: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface)) 0 solid;
   outline-offset: 0;
-  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
-  box-shadow: none;
+  -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline-color: inherit;
@@ -442,2 +451,3 @@ }
 .e-css.e-btn-group input:focus + label.e-btn.e-primary {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.08)), to(rgba(var(--color-sf-on-primary), 0.08))), rgba(var(--color-sf-primary));
   background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.08), rgba(var(--color-sf-on-primary), 0.08)), rgba(var(--color-sf-primary));
@@ -447,4 +457,6 @@ border-color: rgba(var(--color-sf-primary));
   outline: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface)) 0 solid;
-  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
-  box-shadow: none;
+  -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline-color: inherit;
@@ -458,7 +470,10 @@ }
 .e-css.e-btn-group input:focus + label.e-btn.e-success {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success-text), 0.08)), to(rgba(var(--color-sf-success-text), 0.08))), rgba(var(--color-sf-success));
   background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.08), rgba(var(--color-sf-success-text), 0.08)), rgba(var(--color-sf-success));
   border-color: rgba(var(--color-sf-success));
   color: rgba(var(--color-sf-success-text));
-  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
-  box-shadow: none;
+  -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline-color: inherit;
@@ -472,7 +487,10 @@ }
 .e-css.e-btn-group input:focus + label.e-btn.e-info {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-info-text), 0.08)), to(rgba(var(--color-sf-info-text), 0.08))), rgba(var(--color-sf-info));
   background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.08), rgba(var(--color-sf-info-text), 0.08)), rgba(var(--color-sf-info));
   border-color: rgba(var(--color-sf-info));
   color: rgba(var(--color-sf-info-text));
-  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
-  box-shadow: none;
+  -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline-color: inherit;
@@ -486,7 +504,10 @@ }
 .e-css.e-btn-group input:focus + label.e-btn.e-warning {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning-text), 0.08)), to(rgba(var(--color-sf-warning-text), 0.08))), rgba(var(--color-sf-warning));
   background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.08), rgba(var(--color-sf-warning-text), 0.08)), rgba(var(--color-sf-warning));
   border-color: rgba(var(--color-sf-warning));
   color: rgba(var(--color-sf-warning-text));
-  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
-  box-shadow: none;
+  -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline-color: inherit;
@@ -500,7 +521,10 @@ }
 .e-css.e-btn-group input:focus + label.e-btn.e-danger {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-danger-text), 0.08)), to(rgba(var(--color-sf-danger-text), 0.08))), rgba(var(--color-sf-error));
   background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.08), rgba(var(--color-sf-danger-text), 0.08)), rgba(var(--color-sf-error));
   border-color: rgba(var(--color-sf-error));
   color: rgba(var(--color-sf-danger-text));
-  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
-  box-shadow: none;
+  -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline-color: inherit;
@@ -519,3 +543,4 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline: none;
@@ -532,3 +557,4 @@ }
   color: rgba(var(--color-sf-on-surface));
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -544,3 +570,4 @@ .e-btn-group .e-btn:focus.e-outline.e-primary,
   color: rgba(var(--color-sf-primary));
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -556,3 +583,4 @@ .e-btn-group .e-btn:focus.e-outline.e-success,
   color: rgba(var(--color-sf-success));
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -568,3 +596,4 @@ .e-btn-group .e-btn:focus.e-outline.e-info,
   color: rgba(var(--color-sf-info));
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -580,3 +609,4 @@ .e-btn-group .e-btn:focus.e-outline.e-warning,
   color: rgba(var(--color-sf-warning));
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -592,3 +622,4 @@ .e-btn-group .e-btn:focus.e-outline.e-danger,
   color: rgba(var(--color-sf-error));
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -601,8 +632,12 @@ .e-btn-group .e-btn:active,
 .e-css.e-btn-group input:checked + label.e-btn {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.12)), to(rgba(var(--color-sf-on-surface), 0.12))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12)), rgba(var(--color-sf-surface));
-  border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12));
+  -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12));
+     border-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.12)), to(rgba(var(--color-sf-on-surface), 0.12)));
+     border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12));
   color: rgba(var(--color-sf-on-surface));
   outline: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface)) 0 solid;
   outline-offset: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -615,2 +650,3 @@ .e-btn-group .e-btn:active.e-primary,
 .e-css.e-btn-group input:checked + label.e-btn.e-primary {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.12)), to(rgba(var(--color-sf-on-primary), 0.12))), rgba(var(--color-sf-primary));
   background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.12), rgba(var(--color-sf-on-primary), 0.12)), rgba(var(--color-sf-primary));
@@ -620,4 +656,6 @@ border-color: rgba(var(--color-sf-primary));
   outline: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface)) 0 solid;
-  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
-  box-shadow: none;
+  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -630,7 +668,10 @@ .e-btn-group .e-btn:active.e-success,
 .e-css.e-btn-group input:checked + label.e-btn.e-success {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success-text), 0.12)), to(rgba(var(--color-sf-success-text), 0.12))), rgba(var(--color-sf-success));
   background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.12), rgba(var(--color-sf-success-text), 0.12)), rgba(var(--color-sf-success));
   border-color: rgba(var(--color-sf-success));
   color: rgba(var(--color-sf-success-text));
-  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
-  box-shadow: none;
+  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -643,7 +684,10 @@ .e-btn-group .e-btn:active.e-info,
 .e-css.e-btn-group input:checked + label.e-btn.e-info {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-info-text), 0.12)), to(rgba(var(--color-sf-info-text), 0.12))), rgba(var(--color-sf-info));
   background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.12), rgba(var(--color-sf-info-text), 0.12)), rgba(var(--color-sf-info));
   color: rgba(var(--color-sf-info-text));
   border-color: rgba(var(--color-sf-info));
-  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
-  box-shadow: none;
+  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -656,7 +700,10 @@ .e-btn-group .e-btn:active.e-warning,
 .e-css.e-btn-group input:checked + label.e-btn.e-warning {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning-text), 0.12)), to(rgba(var(--color-sf-warning-text), 0.12))), rgba(var(--color-sf-warning));
   background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.12), rgba(var(--color-sf-warning-text), 0.12)), rgba(var(--color-sf-warning));
   border-color: rgba(var(--color-sf-warning));
   color: rgba(var(--color-sf-warning-text));
-  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
-  box-shadow: none;
+  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -669,7 +716,10 @@ .e-btn-group .e-btn:active.e-danger,
 .e-css.e-btn-group input:checked + label.e-btn.e-danger {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-danger-text), 0.12)), to(rgba(var(--color-sf-danger-text), 0.12))), rgba(var(--color-sf-error));
   background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.12), rgba(var(--color-sf-danger-text), 0.12)), rgba(var(--color-sf-error));
   border-color: rgba(var(--color-sf-error));
   color: rgba(var(--color-sf-danger-text));
-  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
-  box-shadow: none;
+  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -684,3 +734,4 @@ .e-btn-group .e-btn:active.e-outline,
   border-color: rgba(var(--color-sf-outline));
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(var(--color-sf-on-surface));
@@ -695,5 +746,7 @@ box-shadow: none;
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.12)), to(rgba(var(--color-sf-on-primary), 0.12))), rgba(var(--color-sf-primary));
   background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.12), rgba(var(--color-sf-on-primary), 0.12)), rgba(var(--color-sf-primary));
   border-color: rgba(var(--color-sf-primary));
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(var(--color-sf-on-primary));
@@ -711,5 +764,7 @@ background: rgba(var(--color-sf-primary), 0.12);
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success-text), 0.12)), to(rgba(var(--color-sf-success-text), 0.12))), rgba(var(--color-sf-success));
   background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.12), rgba(var(--color-sf-success-text), 0.12)), rgba(var(--color-sf-success));
   border-color: rgba(var(--color-sf-success));
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(var(--color-sf-success-text));
@@ -727,5 +782,7 @@ background: rgba(var(--color-sf-success), 0.12);
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-info-text), 0.12)), to(rgba(var(--color-sf-info-text), 0.12))), rgba(var(--color-sf-info));
   background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.12), rgba(var(--color-sf-info-text), 0.12)), rgba(var(--color-sf-info));
   border-color: rgba(var(--color-sf-info));
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(var(--color-sf-info-text));
@@ -743,5 +800,7 @@ background: rgba(var(--color-sf-info), 0.12);
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning-text), 0.12)), to(rgba(var(--color-sf-warning-text), 0.12))), rgba(var(--color-sf-warning));
   background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.12), rgba(var(--color-sf-warning-text), 0.12)), rgba(var(--color-sf-warning));
   border-color: rgba(var(--color-sf-warning));
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(var(--color-sf-warning-text));
@@ -759,5 +818,7 @@ background: rgba(var(--color-sf-warning), 0.12);
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-danger-text), 0.12)), to(rgba(var(--color-sf-danger-text), 0.12))), rgba(var(--color-sf-error));
   background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.12), rgba(var(--color-sf-danger-text), 0.12)), rgba(var(--color-sf-error));
   border-color: rgba(var(--color-sf-error));
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(var(--color-sf-danger-text));
@@ -775,3 +836,4 @@ background: rgba(var(--color-sf-error), 0.12);
   border-color: rgba(var(--color-sf-secondary), 0);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(var(--color-sf-on-surface), 0.38);
@@ -786,3 +848,4 @@ border-color: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1));
   border-color: rgba(var(--color-sf-secondary), 0);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(var(--color-sf-on-surface), 0.38);
@@ -797,3 +860,4 @@ border-color: rgba(var(--color-sf-primary));
   border-color: rgba(var(--color-sf-secondary), 0);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(var(--color-sf-on-surface), 0.38);
@@ -808,3 +872,4 @@ border-color: rgba(var(--color-sf-success));
   border-color: rgba(var(--color-sf-secondary), 0);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(var(--color-sf-on-surface), 0.38);
@@ -819,3 +884,4 @@ border-color: rgba(var(--color-sf-info));
   border-color: rgba(var(--color-sf-secondary), 0);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(var(--color-sf-on-surface), 0.38);
@@ -830,3 +896,4 @@ border-color: rgba(var(--color-sf-warning));
   border-color: rgba(var(--color-sf-secondary), 0);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(var(--color-sf-on-surface), 0.38);
@@ -841,3 +908,4 @@ border-color: rgba(var(--color-sf-error));
   background: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   text-decoration: none;
@@ -852,3 +920,4 @@ border-color: transparent;
   border-color: rgba(var(--color-sf-secondary), 0.12);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(var(--color-sf-on-surface), 0.38);
@@ -863,3 +932,4 @@ border-color: rgba(var(--color-sf-outline));
   border-color: rgba(var(--color-sf-secondary), 0.12);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(var(--color-sf-on-surface), 0.38);
@@ -874,3 +944,4 @@ border-color: rgba(var(--color-sf-primary));
   border-color: rgba(var(--color-sf-secondary), 0.12);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(var(--color-sf-on-surface), 0.38);
@@ -885,3 +956,4 @@ border-color: rgba(var(--color-sf-success));
   border-color: rgba(var(--color-sf-secondary), 0.12);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(var(--color-sf-on-surface), 0.38);
@@ -896,3 +968,4 @@ border-color: rgba(var(--color-sf-info));
   border-color: rgba(var(--color-sf-secondary), 0.12);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(var(--color-sf-on-surface), 0.38);
@@ -907,3 +980,4 @@ border-color: rgba(var(--color-sf-warning));
   border-color: rgba(var(--color-sf-secondary), 0.12);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(var(--color-sf-on-surface), 0.38);
@@ -910,0 +984,0 @@ border-color: rgba(var(--color-sf-error));

styles/button-group/tailwind-dark.css

 /* stylelint-disable */
 *.e-btn-group,
 *.e-css.e-btn-group {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   border-radius: 4px;
-  -ms-flex-direction: row;
-      flex-direction: row;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
   position: relative;
@@ -51,4 +54,5 @@ }
 }
-*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
-*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
+*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type, *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
+*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
+*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
   border-bottom-right-radius: 0;
@@ -62,7 +66,2 @@ border-top-right-radius: 0;
 }
-*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
-*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
-  border-bottom-right-radius: 0;
-  border-top-right-radius: 0;
-}
 *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
@@ -101,4 +100,5 @@ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
 }
-*.e-btn-group.e-rtl .e-btn:first-of-type,
-*.e-css.e-btn-group.e-rtl .e-btn:first-of-type {
+*.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
+*.e-css.e-btn-group.e-rtl .e-btn:first-of-type,
+*.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
   border-bottom-left-radius: 0;
@@ -112,7 +112,2 @@ border-top-left-radius: 0;
 }
-*.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
-*.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
-  border-bottom-left-radius: 0;
-  border-top-left-radius: 0;
-}
 *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
@@ -145,4 +140,6 @@ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
 *.e-css.e-btn-group.e-vertical {
-  -ms-flex-direction: column;
-      flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
 }
@@ -254,7 +251,9 @@ *.e-btn-group.e-vertical input,
 .e-css.e-btn-group:not(.e-outline) {
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
 }
 .e-btn-group .e-btn:hover,
 .e-css.e-btn-group .e-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -272,3 +271,4 @@ .e-btn-group .e-btn:focus,
   outline-offset: 0;
-  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
+  -webkit-box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
+          box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
   outline-color: inherit;
@@ -286,3 +286,4 @@ }
   outline: #1f2937 0 solid;
-  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
+  -webkit-box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
+          box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
   outline-color: inherit;
@@ -299,3 +300,4 @@ }
   color: #000;
-  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
+  -webkit-box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
+          box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
   outline-color: inherit;
@@ -312,3 +314,4 @@ }
   color: #fff;
-  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
+  -webkit-box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
+          box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
   outline-color: inherit;
@@ -325,3 +328,4 @@ }
   color: #fff;
-  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
+  -webkit-box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
+          box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
   outline-color: inherit;
@@ -338,3 +342,4 @@ }
   color: #000;
-  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
+  -webkit-box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
+          box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
   outline-color: inherit;
@@ -353,3 +358,4 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline: none;
@@ -363,4 +369,4 @@ }
 .e-css.e-btn-group input:focus + label.e-btn.e-outline {
-  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
-  box-shadow: none;
+  -webkit-box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
+          box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
 }
@@ -373,3 +379,4 @@ .e-btn-group .e-btn:focus.e-outline.e-primary,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
-  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
+  -webkit-box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
+          box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
 }
@@ -382,3 +389,4 @@ .e-btn-group .e-btn:focus.e-outline.e-success,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
-  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
+  -webkit-box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
+          box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
 }
@@ -391,3 +399,4 @@ .e-btn-group .e-btn:focus.e-outline.e-info,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
-  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
+  -webkit-box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
+          box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
 }
@@ -400,3 +409,4 @@ .e-btn-group .e-btn:focus.e-outline.e-warning,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
-  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
+  -webkit-box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
+          box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
 }
@@ -409,3 +419,4 @@ .e-btn-group .e-btn:focus.e-outline.e-danger,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
-  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
+  -webkit-box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
+          box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
 }
@@ -434,3 +445,4 @@ .e-btn-group .e-btn:active,
   outline: #1f2937 0 solid;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
 }
@@ -446,3 +458,4 @@ .e-btn-group .e-btn:active.e-success,
   color: #000;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
 }
@@ -458,3 +471,4 @@ .e-btn-group .e-btn:active.e-info,
   border-color: #38bdf8;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
 }
@@ -470,3 +484,4 @@ .e-btn-group .e-btn:active.e-warning,
   color: #000;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
 }
@@ -482,3 +497,4 @@ .e-btn-group .e-btn:active.e-danger,
   color: #fff;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
 }
@@ -493,3 +509,4 @@ .e-btn-group .e-btn:active.e-outline,
   border-color: #6b7280;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   color: #fff;
@@ -505,3 +522,4 @@ }
   border-color: #22d3ee;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   color: #000;
@@ -517,3 +535,4 @@ }
   border-color: #4ade80;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   color: #000;
@@ -529,3 +548,4 @@ }
   border-color: #38bdf8;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   color: #000;
@@ -541,3 +561,4 @@ }
   border-color: #f97316;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   color: #000;
@@ -553,3 +574,4 @@ }
   border-color: #dc2626;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   color: #fff;
@@ -563,3 +585,4 @@ }
   border-color: #374151;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #6b7280;
@@ -574,3 +597,4 @@ border-color: #6b7280;
   border-color: #155e75;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #000;
@@ -585,3 +609,4 @@ border-color: #22d3ee;
   border-color: #15803d;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #000;
@@ -596,3 +621,4 @@ border-color: #22c55e;
   border-color: #075985;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #000;
@@ -607,3 +633,4 @@ border-color: #0ea5e9;
   border-color: #9a3412;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #000;
@@ -618,3 +645,4 @@ border-color: #ea580c;
   border-color: #991b1b;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #000;
@@ -629,3 +657,4 @@ border-color: #f87171;
   background: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   text-decoration: none;
@@ -649,3 +678,4 @@ border-color: transparent;
   border-color: rgba(34, 211, 238, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(34, 211, 238, 0.65);
@@ -660,3 +690,4 @@ border-color: #22d3ee;
   border-color: rgba(34, 197, 94, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(34, 197, 94, 0.65);
@@ -671,3 +702,4 @@ border-color: #22c55e;
   border-color: rgba(14, 165, 233, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(56, 189, 248, 0.65);
@@ -682,3 +714,4 @@ border-color: #0ea5e9;
   border-color: rgba(234, 88, 12, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(249, 115, 22, 0.65);
@@ -693,3 +726,4 @@ border-color: #ea580c;
   border-color: rgba(248, 113, 113, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(248, 113, 113, 0.65);
@@ -696,0 +730,0 @@ border-color: #f87171;

styles/button-group/tailwind.css

 /* stylelint-disable */
 *.e-btn-group,
 *.e-css.e-btn-group {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   border-radius: 4px;
-  -ms-flex-direction: row;
-      flex-direction: row;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
   position: relative;
@@ -51,4 +54,5 @@ }
 }
-*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
-*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
+*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type, *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
+*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
+*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
   border-bottom-right-radius: 0;
@@ -62,7 +66,2 @@ border-top-right-radius: 0;
 }
-*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
-*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
-  border-bottom-right-radius: 0;
-  border-top-right-radius: 0;
-}
 *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
@@ -101,4 +100,5 @@ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
 }
-*.e-btn-group.e-rtl .e-btn:first-of-type,
-*.e-css.e-btn-group.e-rtl .e-btn:first-of-type {
+*.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
+*.e-css.e-btn-group.e-rtl .e-btn:first-of-type,
+*.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
   border-bottom-left-radius: 0;
@@ -112,7 +112,2 @@ border-top-left-radius: 0;
 }
-*.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
-*.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
-  border-bottom-left-radius: 0;
-  border-top-left-radius: 0;
-}
 *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
@@ -145,4 +140,6 @@ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
 *.e-css.e-btn-group.e-vertical {
-  -ms-flex-direction: column;
-      flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
 }
@@ -254,7 +251,9 @@ *.e-btn-group.e-vertical input,
 .e-css.e-btn-group:not(.e-outline) {
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
 }
 .e-btn-group .e-btn:hover,
 .e-css.e-btn-group .e-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -272,3 +271,4 @@ .e-btn-group .e-btn:focus,
   outline-offset: 0;
-  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
   outline-color: inherit;
@@ -286,3 +286,4 @@ }
   outline: #fff 0 solid;
-  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
   outline-color: inherit;
@@ -299,3 +300,4 @@ }
   color: #fff;
-  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
   outline-color: inherit;
@@ -312,3 +314,4 @@ }
   color: #fff;
-  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
   outline-color: inherit;
@@ -325,3 +328,4 @@ }
   color: #fff;
-  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
   outline-color: inherit;
@@ -338,3 +342,4 @@ }
   color: #fff;
-  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
   outline-color: inherit;
@@ -353,3 +358,4 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline: none;
@@ -363,4 +369,4 @@ }
 .e-css.e-btn-group input:focus + label.e-btn.e-outline {
-  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
-  box-shadow: none;
+  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
 }
@@ -373,3 +379,4 @@ .e-btn-group .e-btn:focus.e-outline.e-primary,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
-  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
 }
@@ -382,3 +389,4 @@ .e-btn-group .e-btn:focus.e-outline.e-success,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
-  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
 }
@@ -391,3 +399,4 @@ .e-btn-group .e-btn:focus.e-outline.e-info,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
-  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
 }
@@ -400,3 +409,4 @@ .e-btn-group .e-btn:focus.e-outline.e-warning,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
-  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
 }
@@ -409,3 +419,4 @@ .e-btn-group .e-btn:focus.e-outline.e-danger,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
-  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
 }
@@ -434,3 +445,4 @@ .e-btn-group .e-btn:active,
   outline: #fff 0 solid;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
 }
@@ -446,3 +458,4 @@ .e-btn-group .e-btn:active.e-success,
   color: #fff;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
 }
@@ -458,3 +471,4 @@ .e-btn-group .e-btn:active.e-info,
   border-color: #164e63;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
 }
@@ -470,3 +484,4 @@ .e-btn-group .e-btn:active.e-warning,
   color: #fff;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
 }
@@ -482,3 +497,4 @@ .e-btn-group .e-btn:active.e-danger,
   color: #fff;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
 }
@@ -493,3 +509,4 @@ .e-btn-group .e-btn:active.e-outline,
   border-color: #d1d5db;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   color: #374151;
@@ -505,3 +522,4 @@ }
   border-color: #4f46e5;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   color: #fff;
@@ -517,3 +535,4 @@ }
   border-color: #14532d;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   color: #fff;
@@ -529,3 +548,4 @@ }
   border-color: #164e63;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   color: #fff;
@@ -541,3 +561,4 @@ }
   border-color: #7c2d12;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   color: #fff;
@@ -553,3 +574,4 @@ }
   border-color: #991b1b;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   color: #fff;
@@ -563,3 +585,4 @@ }
   border-color: #e5e7eb;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #9ca3af;
@@ -574,3 +597,4 @@ border-color: #d1d5db;
   border-color: #a5b4fc;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
@@ -585,3 +609,4 @@ border-color: #4f46e5;
   border-color: #86efac;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
@@ -596,3 +621,4 @@ border-color: #15803d;
   border-color: #67e8f9;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
@@ -607,3 +633,4 @@ border-color: #0e7490;
   border-color: #fdba74;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
@@ -618,3 +645,4 @@ border-color: #c2410c;
   border-color: #fca5a5;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
@@ -629,3 +657,4 @@ border-color: #dc2626;
   background: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   text-decoration: none;
@@ -649,3 +678,4 @@ border-color: transparent;
   border-color: rgba(79, 70, 229, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(79, 70, 229, 0.65);
@@ -660,3 +690,4 @@ border-color: #4f46e5;
   border-color: rgba(21, 128, 61, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(21, 128, 61, 0.65);
@@ -671,3 +702,4 @@ border-color: #15803d;
   border-color: rgba(14, 116, 144, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(14, 116, 144, 0.65);
@@ -682,3 +714,4 @@ border-color: #0e7490;
   border-color: rgba(194, 65, 12, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(194, 65, 12, 0.65);
@@ -693,3 +726,4 @@ border-color: #c2410c;
   border-color: rgba(220, 38, 38, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(220, 38, 38, 0.65);
@@ -696,0 +730,0 @@ border-color: #dc2626;

styles/drop-down-button/_bds-definition.scss

@@ -5,3 +5,3 @@ //layout variables
 $drop-down-btn-vertical-bigger-padding: 8px 16px !default;
-$drop-down-btn-bigger-font-size: $text-base !default;
+$drop-down-btn-bigger-font-size: $text-sm !default;
 $drop-down-btn-bigger-li-height: 40px !default;
@@ -31,3 +31,3 @@ $drop-down-btn-bigger-max-width: 240px !default;
 $drop-down-btn-caret-icon-font-size-bigger: 22px !default;
-$drop-down-btn-box-shadow: $shadow-focus-ring2 !default;
+$drop-down-btn-box-shadow: $secondary-shadow-focus !default;
 $drop-down-btn-popup-margin-top: 4px !default;
@@ -45,7 +45,7 @@ $drop-down-btn-bigger-popup-margin-top: 4px !default;
 $drop-down-btn-li-border-color: $border-light !default;
-$drop-down-btn-selected-color: $content-text-color-selected !default;
+$drop-down-btn-selected-color: $content-text-color !default;
 $drop-down-btn-parent-ul-box-shadow: $shadow-lg !default;
 $drop-down-btn-li-focus-bgcolor: $content-bg-color-hover !default;
-$drop-down-btn-li-selection-bgcolor: $content-bg-color-selected !default;
-$drop-down-btn-li-selection-font-color: $content-text-color-selected !default;
+$drop-down-btn-li-selection-bgcolor: $flyout-bg-color-selected !default;
+$drop-down-btn-li-selection-font-color: $content-text-color !default;
 $drop-down-btn-menu-icon-color: $secondary-text-color !default;
@@ -52,0 +52,0 @@ $drop-down-btn-menu-icon-disabled-color: $secondary-text-color-disabled !default;

styles/drop-down-button/_bootstrap-dark-definition.scss

@@ -1,2 +0,1 @@
-//default
 $drop-down-btn-arrow-content: '\e969' !default;
@@ -50,3 +49,1 @@ $drop-down-btn-vertical-btn-padding: 6px 12px !default;
 $drop-down-btn-bigger-popup-margin-top: 0 !default;
-
-//enddefault

styles/drop-down-button/_bootstrap5-definition.scss

@@ -1,2 +0,1 @@
-//layout variables
 $drop-down-btn-arrow-content: '\e70d' !default;
@@ -3,0 +2,0 @@ $drop-down-btn-vertical-btn-padding: 6px 12px !default;

styles/drop-down-button/_fabric-dark-definition.scss

@@ -1,2 +0,1 @@
-//default
 $drop-down-btn-arrow-content: '\e36a' !default;
@@ -50,3 +49,1 @@ $drop-down-btn-vertical-btn-padding: 8px 20px !default;
 $drop-down-btn-bigger-popup-margin-top: 0 !default;
-
-//enddefault

styles/drop-down-button/_fluent-definition.scss

@@ -1,2 +0,1 @@
-//layout variables
 $drop-down-btn-arrow-content: '\e70d' !default;
@@ -3,0 +2,0 @@ $drop-down-btn-vertical-btn-padding: 6px 12px !default;

styles/drop-down-button/_fusionnew-definition.scss

@@ -1,2 +0,1 @@
-//layout variables
 $drop-down-btn-arrow-content: '\e70d' !default;
@@ -3,0 +2,0 @@ $drop-down-btn-vertical-btn-padding: 6px 12px !default;

styles/drop-down-button/_highcontrast-light-definition.scss

@@ -1,2 +0,1 @@
-//default
 $drop-down-btn-arrow-content: '\e966' !default;
@@ -49,3 +48,1 @@ $drop-down-btn-vertical-btn-padding: 8px 20px !default;
 $drop-down-btn-bigger-popup-margin-top: 0 !default;
-
-//enddefault

styles/drop-down-button/_layout.scss

 @include export-module('drop-down-button-layout') {
-
-  /*! drop-down button layout */
   .e-dropdown-btn,
   .e-dropdown-btn.e-btn {
-    @if $skin-name != 'bootstrap4' and $skin-name != 'bootstrap5' {
+    @if $skin-name != 'bootstrap4' and $skin-name != 'bootstrap5' and $skin-name != 'fluent2' {
       box-shadow: none;
@@ -33,3 +31,3 @@ }
     &:focus-visible { // only for keybord
-      @if $skin-name == 'Material3' {
+      @if $skin-name == 'Material3' or $skin-name == 'fluent2' {
         box-shadow: $btn-keyboard-focus-box-shadow;
@@ -81,2 +79,8 @@ }
       }
+
+      & .e-btn-icon.e-caret {
+        @if $skin-name == 'fluent2' {
+          font-size: 12px;
+        }
+      }
     }
@@ -114,2 +118,5 @@ }
     }
+    @if $skin-name == 'fluent2' {
+      border-radius: $drop-down-btn-ul-border-radius;
+    }
 
@@ -139,3 +146,12 @@ & ul {
         padding: $drop-down-btn-li-padding;
+        @if $skin-name == 'fluent2' {
+          line-height: 19px;
+          margin: 4px;
+          border-radius: 4px;
+        }
 
+        &.e-separator {
+          padding: 0 !important; /* stylelint-disable-line declaration-no-important */
+        }
+
         &.e-url {
@@ -155,3 +171,9 @@ padding: 0;
           font-size: $drop-down-btn-menu-icon-font-size;
-          line-height: $drop-down-btn-li-height;
+          @if $skin-name == 'fluent2' {
+            line-height: 18px;
+            padding: 2px;
+          }
+          @else {
+            line-height: $drop-down-btn-li-height;
+          }
           margin-right: $drop-down-btn-icon-margin-right;
@@ -168,2 +190,10 @@ vertical-align: middle;
           }
+          @if $skin-name == 'fluent2' {
+            color: $flyout-text-color-disabled;
+            opacity: 1;
+
+            & .e-menu-icon {
+              color: $flyout-text-color-disabled;
+            }
+          }
         }
@@ -226,3 +256,9 @@
       height: $drop-down-btn-bigger-li-height;
-      line-height: $drop-down-btn-bigger-li-height;
+      @if $skin-name != 'fluent2' {
+        line-height: $drop-down-btn-bigger-li-height;
+      }
+      @if $skin-name == 'fluent2' {
+        height: 40px;
+        line-height: 22px;
+      }
       padding: $drop-down-btn-bigger-li-padding;
@@ -234,5 +270,14 @@
 
+      & .e-menu-url {
+        @if $skin-name == 'fluent2' {
+          padding: 8px 8px 10px;
+        }
+      }
+
       & .e-menu-icon {
         font-size: $drop-down-btn-menu-icon-bigger-font-size;
         line-height: $drop-down-btn-bigger-li-height;
+        @if $skin-name == 'fluent2' {
+          line-height: 22px;
+        }
       }
@@ -239,0 +284,0 @@

styles/drop-down-button/_material-dark-definition.scss

@@ -1,2 +0,1 @@
-//default
 $drop-down-btn-arrow-content: '\e969' !default;
@@ -50,3 +49,1 @@ $drop-down-btn-vertical-btn-padding: 12px 12px !default;
 $drop-down-btn-bigger-popup-margin-top: 0 !default;
-
-//enddefault

styles/drop-down-button/_material3-definition.scss

@@ -1,2 +0,1 @@
-//layout variables
 $drop-down-btn-arrow-content: '\e70d' !default;
@@ -3,0 +2,0 @@ $drop-down-btn-vertical-btn-padding: 6px 12px !default;

styles/drop-down-button/_tailwind-definition.scss

@@ -1,2 +0,1 @@
-//layout variables
 $drop-down-btn-arrow-content: '\e706' !default;
@@ -3,0 +2,0 @@ $drop-down-btn-vertical-btn-padding: 6px 12px !default;

styles/drop-down-button/_theme.scss

 @include export-module('drop-down-button-theme') {
-
-  /*! drop-down button theme */
   .e-dropdown-popup {
-    @if $skin-name == 'Material3' {
-      background: $drop-down-btn-ul-bgcolor;
-    }
-    @else {
-      background: $drop-down-btn-ul-bgcolor;
-    }
+    background: $drop-down-btn-ul-bgcolor;
     color: $drop-down-btn-color;
@@ -58,2 +51,9 @@
         }
+
+        &:focus-visible {
+          @if $theme-name == 'fluent2' {
+            background-color: $flyout-bg-color-focus;
+            box-shadow: $btn-keyboard-focus-box-shadow;
+          }
+        }
       }
@@ -60,0 +60,0 @@

styles/drop-down-button/bootstrap-dark.css

@@ -6,6 +6,6 @@ .e-dropdown-btn .e-caret::before,
 
-/*! drop-down button layout */
 .e-dropdown-btn,
 .e-dropdown-btn.e-btn {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   text-transform: none;
@@ -16,11 +16,14 @@ white-space: normal;
 .e-dropdown-btn.e-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-dropdown-btn:focus,
 .e-dropdown-btn.e-btn:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-dropdown-btn:active,
 .e-dropdown-btn.e-btn:active {
-  box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
+  -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
+          box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
 }
@@ -57,3 +60,2 @@ .e-dropdown-btn .e-btn-icon,
 }
-
 .e-bigger .e-dropdown-btn .e-btn-icon,
@@ -84,4 +86,6 @@ .e-bigger.e-dropdown-btn .e-btn-icon {
   border-radius: 4px;
-  box-shadow: 0 6px 12px rgba(26, 26, 26, 0.175);
-  box-sizing: border-box;
+  -webkit-box-shadow: 0 6px 12px rgba(26, 26, 26, 0.175);
+          box-shadow: 0 6px 12px rgba(26, 26, 26, 0.175);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   font-size: 14px;
@@ -97,2 +101,3 @@ font-weight: normal;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
@@ -104,2 +109,3 @@ user-select: none;
   cursor: pointer;
+  display: -webkit-box;
   display: -ms-flexbox;
@@ -111,2 +117,5 @@ display: flex;
 }
+.e-dropdown-popup ul .e-item.e-separator {
+  padding: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-dropdown-popup ul .e-item.e-url {
@@ -144,3 +153,4 @@ padding: 0;
   background: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -163,3 +173,4 @@ .e-dropdown-popup.e-transparent .e-dropdown-menu {
 *.e-bigger.e-dropdown-popup ul {
-  box-shadow: 0 6px 12px rgba(26, 26, 26, 0.175);
+  -webkit-box-shadow: 0 6px 12px rgba(26, 26, 26, 0.175);
+          box-shadow: 0 6px 12px rgba(26, 26, 26, 0.175);
   font-size: 15px;
@@ -191,3 +202,2 @@ max-width: 280px;
 
-/*! drop-down button theme */
 .e-dropdown-popup {
@@ -205,3 +215,4 @@ background: #2a2a2a;
   background: transparent;
-  box-shadow: inset 0 0 0 1px #585858;
+  -webkit-box-shadow: inset 0 0 0 1px #585858;
+          box-shadow: inset 0 0 0 1px #585858;
 }
@@ -230,3 +241,4 @@ .e-dropdown-popup ul .e-item:hover {
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: inherit;
@@ -241,4 +253,5 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: inherit;
 }

styles/drop-down-button/bootstrap.css

@@ -6,6 +6,6 @@ .e-dropdown-btn .e-caret::before,
 
-/*! drop-down button layout */
 .e-dropdown-btn,
 .e-dropdown-btn.e-btn {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   text-transform: none;
@@ -16,11 +16,14 @@ white-space: normal;
 .e-dropdown-btn.e-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-dropdown-btn:focus,
 .e-dropdown-btn.e-btn:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-dropdown-btn:active,
 .e-dropdown-btn.e-btn:active {
-  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 }
@@ -57,3 +60,2 @@ .e-dropdown-btn .e-btn-icon,
 }
-
 .e-bigger .e-dropdown-btn .e-btn-icon,
@@ -84,4 +86,6 @@ .e-bigger.e-dropdown-btn .e-btn-icon {
   border-radius: 4px;
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  box-sizing: border-box;
+  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   font-size: 14px;
@@ -97,2 +101,3 @@ font-weight: normal;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
@@ -104,2 +109,3 @@ user-select: none;
   cursor: pointer;
+  display: -webkit-box;
   display: -ms-flexbox;
@@ -111,2 +117,5 @@ display: flex;
 }
+.e-dropdown-popup ul .e-item.e-separator {
+  padding: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-dropdown-popup ul .e-item.e-url {
@@ -144,3 +153,4 @@ padding: 0;
   background: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -163,3 +173,4 @@ .e-dropdown-popup.e-transparent .e-dropdown-menu {
 *.e-bigger.e-dropdown-popup ul {
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
   font-size: 15px;
@@ -191,3 +202,2 @@ max-width: 280px;
 
-/*! drop-down button theme */
 .e-dropdown-popup {
@@ -205,3 +215,4 @@ background: #fff;
   background: transparent;
-  box-shadow: 0 0 0 1px #8c8c8c inset;
+  -webkit-box-shadow: 0 0 0 1px #8c8c8c inset;
+          box-shadow: 0 0 0 1px #8c8c8c inset;
 }
@@ -230,3 +241,4 @@ .e-dropdown-popup ul .e-item:hover {
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: inherit;
@@ -241,4 +253,5 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: inherit;
 }

styles/drop-down-button/bootstrap4.css

@@ -6,3 +6,2 @@ .e-dropdown-btn .e-caret::before,
 
-/*! drop-down button layout */
 .e-dropdown-btn,
@@ -15,7 +14,9 @@ .e-dropdown-btn.e-btn {
 .e-dropdown-btn.e-btn:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-dropdown-btn:active,
 .e-dropdown-btn.e-btn:active {
-  box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
+  -webkit-box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
+          box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
 }
@@ -52,3 +53,2 @@ .e-dropdown-btn .e-btn-icon,
 }
-
 .e-bigger .e-dropdown-btn .e-btn-icon,
@@ -79,4 +79,6 @@ .e-bigger.e-dropdown-btn .e-btn-icon {
   border-radius: 4px;
-  box-shadow: none;
-  box-sizing: border-box;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   font-size: 14px;
@@ -92,2 +94,3 @@ font-weight: normal;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
@@ -99,2 +102,3 @@ user-select: none;
   cursor: pointer;
+  display: -webkit-box;
   display: -ms-flexbox;
@@ -106,2 +110,5 @@ display: flex;
 }
+.e-dropdown-popup ul .e-item.e-separator {
+  padding: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-dropdown-popup ul .e-item.e-url {
@@ -139,3 +146,4 @@ padding: 0;
   background: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -158,3 +166,4 @@ .e-dropdown-popup.e-transparent .e-dropdown-menu {
 *.e-bigger.e-dropdown-popup ul {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   font-size: 16px;
@@ -186,3 +195,2 @@ max-width: 280px;
 
-/*! drop-down button theme */
 .e-dropdown-popup {
@@ -200,3 +208,4 @@ background: #fff;
   background: #f2f4f6;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -225,3 +234,4 @@ .e-dropdown-popup ul .e-item:hover {
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: inherit;
@@ -236,4 +246,5 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: inherit;
 }

styles/drop-down-button/bootstrap5-dark.css

@@ -7,3 +7,2 @@ /* stylelint-disable-line no-empty-source */
 
-/*! drop-down button layout */
 .e-dropdown-btn,
@@ -16,7 +15,9 @@ .e-dropdown-btn.e-btn {
 .e-dropdown-btn.e-btn:focus {
-  box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+          box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
 }
 .e-dropdown-btn:active,
 .e-dropdown-btn.e-btn:active {
-  box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+          box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
 }
@@ -53,3 +54,2 @@ .e-dropdown-btn .e-btn-icon,
 }
-
 .e-bigger .e-dropdown-btn .e-btn-icon,
@@ -82,4 +82,6 @@ .e-bigger.e-dropdown-btn .e-btn-icon {
   border-radius: 4px;
-  box-shadow: none;
-  box-sizing: border-box;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   font-size: 14px;
@@ -95,2 +97,3 @@ font-weight: 400;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
@@ -102,2 +105,3 @@ user-select: none;
   cursor: pointer;
+  display: -webkit-box;
   display: -ms-flexbox;
@@ -109,2 +113,5 @@ display: flex;
 }
+.e-dropdown-popup ul .e-item.e-separator {
+  padding: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-dropdown-popup ul .e-item.e-url {
@@ -142,3 +149,4 @@ padding: 0;
   background: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -166,3 +174,4 @@ .e-dropdown-popup.e-transparent .e-dropdown-menu {
 *.e-bigger.e-dropdown-popup ul {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   font-size: 16px;
@@ -196,3 +205,2 @@ max-width: 202px;
 
-/*! drop-down button theme */
 .e-dropdown-popup {
@@ -210,3 +218,4 @@ background: #343a40;
   background: #31373d;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -235,3 +244,4 @@ .e-dropdown-popup ul .e-item:hover {
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: inherit;
@@ -246,4 +256,5 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: inherit;
 }

styles/drop-down-button/bootstrap5.css

@@ -7,3 +7,2 @@ /* stylelint-disable-line no-empty-source */
 
-/*! drop-down button layout */
 .e-dropdown-btn,
@@ -16,7 +15,9 @@ .e-dropdown-btn.e-btn {
 .e-dropdown-btn.e-btn:focus {
-  box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+          box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
 }
 .e-dropdown-btn:active,
 .e-dropdown-btn.e-btn:active {
-  box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+          box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
 }
@@ -53,3 +54,2 @@ .e-dropdown-btn .e-btn-icon,
 }
-
 .e-bigger .e-dropdown-btn .e-btn-icon,
@@ -82,4 +82,6 @@ .e-bigger.e-dropdown-btn .e-btn-icon {
   border-radius: 4px;
-  box-shadow: none;
-  box-sizing: border-box;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   font-size: 14px;
@@ -95,2 +97,3 @@ font-weight: 400;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
@@ -102,2 +105,3 @@ user-select: none;
   cursor: pointer;
+  display: -webkit-box;
   display: -ms-flexbox;
@@ -109,2 +113,5 @@ display: flex;
 }
+.e-dropdown-popup ul .e-item.e-separator {
+  padding: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-dropdown-popup ul .e-item.e-url {
@@ -142,3 +149,4 @@ padding: 0;
   background: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -166,3 +174,4 @@ .e-dropdown-popup.e-transparent .e-dropdown-menu {
 *.e-bigger.e-dropdown-popup ul {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   font-size: 16px;
@@ -196,3 +205,2 @@ max-width: 202px;
 
-/*! drop-down button theme */
 .e-dropdown-popup {
@@ -210,3 +218,4 @@ background: #fff;
   background: #e9ecef;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -235,3 +244,4 @@ .e-dropdown-popup ul .e-item:hover {
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: inherit;
@@ -246,4 +256,5 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: inherit;
 }

styles/drop-down-button/fabric-dark.css

@@ -6,6 +6,6 @@ .e-dropdown-btn .e-caret::before,
 
-/*! drop-down button layout */
 .e-dropdown-btn,
 .e-dropdown-btn.e-btn {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   text-transform: none;
@@ -16,11 +16,14 @@ white-space: normal;
 .e-dropdown-btn.e-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-dropdown-btn:focus,
 .e-dropdown-btn.e-btn:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-dropdown-btn:active,
 .e-dropdown-btn.e-btn:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -57,3 +60,2 @@ .e-dropdown-btn .e-btn-icon,
 }
-
 .e-bigger .e-dropdown-btn .e-btn-icon,
@@ -84,4 +86,6 @@ .e-bigger.e-dropdown-btn .e-btn-icon {
   border-radius: 0;
-  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
-  box-sizing: border-box;
+  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
+          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   font-size: 14px;
@@ -97,2 +101,3 @@ font-weight: normal;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
@@ -104,2 +109,3 @@ user-select: none;
   cursor: pointer;
+  display: -webkit-box;
   display: -ms-flexbox;
@@ -111,2 +117,5 @@ display: flex;
 }
+.e-dropdown-popup ul .e-item.e-separator {
+  padding: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-dropdown-popup ul .e-item.e-url {
@@ -144,3 +153,4 @@ padding: 0;
   background: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -163,3 +173,4 @@ .e-dropdown-popup.e-transparent .e-dropdown-menu {
 *.e-bigger.e-dropdown-popup ul {
-  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
+  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
+          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
   font-size: 15px;
@@ -191,3 +202,2 @@ max-width: 280px;
 
-/*! drop-down button theme */
 .e-dropdown-popup {
@@ -205,3 +215,4 @@ background: #282727;
   background: transparent;
-  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
+  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
+          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
 }
@@ -230,3 +241,4 @@ .e-dropdown-popup ul .e-item:hover {
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: inherit;
@@ -241,4 +253,5 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: inherit;
 }

styles/drop-down-button/fabric.css

@@ -6,6 +6,6 @@ .e-dropdown-btn .e-caret::before,
 
-/*! drop-down button layout */
 .e-dropdown-btn,
 .e-dropdown-btn.e-btn {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   text-transform: none;
@@ -16,11 +16,14 @@ white-space: normal;
 .e-dropdown-btn.e-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-dropdown-btn:focus,
 .e-dropdown-btn.e-btn:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-dropdown-btn:active,
 .e-dropdown-btn.e-btn:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -57,3 +60,2 @@ .e-dropdown-btn .e-btn-icon,
 }
-
 .e-bigger .e-dropdown-btn .e-btn-icon,
@@ -84,4 +86,6 @@ .e-bigger.e-dropdown-btn .e-btn-icon {
   border-radius: 0;
-  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
-  box-sizing: border-box;
+  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
+          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   font-size: 14px;
@@ -97,2 +101,3 @@ font-weight: normal;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
@@ -104,2 +109,3 @@ user-select: none;
   cursor: pointer;
+  display: -webkit-box;
   display: -ms-flexbox;
@@ -111,2 +117,5 @@ display: flex;
 }
+.e-dropdown-popup ul .e-item.e-separator {
+  padding: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-dropdown-popup ul .e-item.e-url {
@@ -144,3 +153,4 @@ padding: 0;
   background: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -163,3 +173,4 @@ .e-dropdown-popup.e-transparent .e-dropdown-menu {
 *.e-bigger.e-dropdown-popup ul {
-  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
+          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
   font-size: 15px;
@@ -191,3 +202,2 @@ max-width: 280px;
 
-/*! drop-down button theme */
 .e-dropdown-popup {
@@ -205,3 +215,4 @@ background: #fff;
   background: transparent;
-  box-shadow: 0 0 0 1px #767676 inset;
+  -webkit-box-shadow: 0 0 0 1px #767676 inset;
+          box-shadow: 0 0 0 1px #767676 inset;
 }
@@ -230,3 +241,4 @@ .e-dropdown-popup ul .e-item:hover {
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: inherit;
@@ -241,4 +253,5 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: inherit;
 }

styles/drop-down-button/fluent-dark.css

@@ -7,6 +7,6 @@ /* stylelint-disable-line no-empty-source */
 
-/*! drop-down button layout */
 .e-dropdown-btn,
 .e-dropdown-btn.e-btn {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   text-transform: none;
@@ -17,11 +17,14 @@ white-space: normal;
 .e-dropdown-btn.e-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-dropdown-btn:focus,
 .e-dropdown-btn.e-btn:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-dropdown-btn:active,
 .e-dropdown-btn.e-btn:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -59,3 +62,2 @@ .e-dropdown-btn .e-btn-icon,
 }
-
 .e-bigger .e-dropdown-btn .e-btn-icon,
@@ -86,4 +88,6 @@ .e-bigger.e-dropdown-btn .e-btn-icon {
   border-radius: 2px;
-  box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
-  box-sizing: border-box;
+  -webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
+          box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   font-size: 14px;
@@ -99,2 +103,3 @@ font-weight: 400;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
@@ -106,2 +111,3 @@ user-select: none;
   cursor: pointer;
+  display: -webkit-box;
   display: -ms-flexbox;
@@ -113,2 +119,5 @@ display: flex;
 }
+.e-dropdown-popup ul .e-item.e-separator {
+  padding: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-dropdown-popup ul .e-item.e-url {
@@ -146,3 +155,4 @@ padding: 0;
   background: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -165,3 +175,4 @@ .e-dropdown-popup.e-transparent .e-dropdown-menu {
 *.e-bigger.e-dropdown-popup ul {
-  box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
+  -webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
+          box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
   font-size: 16px;
@@ -193,3 +204,2 @@ max-width: 202px;
 
-/*! drop-down button theme */
 .e-dropdown-popup {
@@ -206,3 +216,4 @@ background: #252423;
 .e-dropdown-popup ul .e-item.e-focused {
-  box-shadow: inset 0 0 0 1px #f3f2f1;
+  -webkit-box-shadow: inset 0 0 0 1px #f3f2f1;
+          box-shadow: inset 0 0 0 1px #f3f2f1;
 }
@@ -231,3 +242,4 @@ .e-dropdown-popup ul .e-item:hover {
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: inherit;
@@ -242,4 +254,5 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: inherit;
 }

styles/drop-down-button/fluent.css

@@ -7,6 +7,6 @@ /* stylelint-disable-line no-empty-source */
 
-/*! drop-down button layout */
 .e-dropdown-btn,
 .e-dropdown-btn.e-btn {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   text-transform: none;
@@ -17,11 +17,14 @@ white-space: normal;
 .e-dropdown-btn.e-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-dropdown-btn:focus,
 .e-dropdown-btn.e-btn:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-dropdown-btn:active,
 .e-dropdown-btn.e-btn:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -59,3 +62,2 @@ .e-dropdown-btn .e-btn-icon,
 }
-
 .e-bigger .e-dropdown-btn .e-btn-icon,
@@ -86,4 +88,6 @@ .e-bigger.e-dropdown-btn .e-btn-icon {
   border-radius: 2px;
-  box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
-  box-sizing: border-box;
+  -webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
+          box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   font-size: 14px;
@@ -99,2 +103,3 @@ font-weight: 400;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
@@ -106,2 +111,3 @@ user-select: none;
   cursor: pointer;
+  display: -webkit-box;
   display: -ms-flexbox;
@@ -113,2 +119,5 @@ display: flex;
 }
+.e-dropdown-popup ul .e-item.e-separator {
+  padding: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-dropdown-popup ul .e-item.e-url {
@@ -146,3 +155,4 @@ padding: 0;
   background: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -165,3 +175,4 @@ .e-dropdown-popup.e-transparent .e-dropdown-menu {
 *.e-bigger.e-dropdown-popup ul {
-  box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
+  -webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
+          box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
   font-size: 16px;
@@ -193,3 +204,2 @@ max-width: 202px;
 
-/*! drop-down button theme */
 .e-dropdown-popup {
@@ -206,3 +216,4 @@ background: #fff;
 .e-dropdown-popup ul .e-item.e-focused {
-  box-shadow: inset 0 0 0 1px #201f1e;
+  -webkit-box-shadow: inset 0 0 0 1px #201f1e;
+          box-shadow: inset 0 0 0 1px #201f1e;
 }
@@ -231,3 +242,4 @@ .e-dropdown-popup ul .e-item:hover {
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: inherit;
@@ -242,4 +254,5 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: inherit;
 }

styles/drop-down-button/highcontrast-light.css

@@ -6,6 +6,6 @@ .e-dropdown-btn .e-caret::before,
 
-/*! drop-down button layout */
 .e-dropdown-btn,
 .e-dropdown-btn.e-btn {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   text-transform: none;
@@ -16,11 +16,14 @@ white-space: normal;
 .e-dropdown-btn.e-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-dropdown-btn:focus,
 .e-dropdown-btn.e-btn:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-dropdown-btn:active,
 .e-dropdown-btn.e-btn:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -57,3 +60,2 @@ .e-dropdown-btn .e-btn-icon,
 }
-
 .e-bigger .e-dropdown-btn .e-btn-icon,
@@ -84,4 +86,6 @@ .e-bigger.e-dropdown-btn .e-btn-icon {
   border-radius: 0;
-  box-shadow: 0 6px 12px rgba(255, 255, 255, 0.175);
-  box-sizing: border-box;
+  -webkit-box-shadow: 0 6px 12px rgba(255, 255, 255, 0.175);
+          box-shadow: 0 6px 12px rgba(255, 255, 255, 0.175);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   font-size: 14px;
@@ -97,2 +101,3 @@ font-weight: normal;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
@@ -104,2 +109,3 @@ user-select: none;
   cursor: pointer;
+  display: -webkit-box;
   display: -ms-flexbox;
@@ -111,2 +117,5 @@ display: flex;
 }
+.e-dropdown-popup ul .e-item.e-separator {
+  padding: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-dropdown-popup ul .e-item.e-url {
@@ -144,3 +153,4 @@ padding: 0;
   background: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -163,3 +173,4 @@ .e-dropdown-popup.e-transparent .e-dropdown-menu {
 *.e-bigger.e-dropdown-popup ul {
-  box-shadow: 0 6px 12px rgba(255, 255, 255, 0.175);
+  -webkit-box-shadow: 0 6px 12px rgba(255, 255, 255, 0.175);
+          box-shadow: 0 6px 12px rgba(255, 255, 255, 0.175);
   font-size: 15px;
@@ -191,3 +202,2 @@ max-width: 280px;
 
-/*! drop-down button theme */
 .e-dropdown-popup {
@@ -205,3 +215,4 @@ background: #fff;
   background: transparent;
-  box-shadow: 0 0 0 1px #000 inset;
+  -webkit-box-shadow: 0 0 0 1px #000 inset;
+          box-shadow: 0 0 0 1px #000 inset;
 }
@@ -230,3 +241,4 @@ .e-dropdown-popup ul .e-item:hover {
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: inherit;
@@ -241,4 +253,5 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: inherit;
 }

styles/drop-down-button/highcontrast.css

@@ -6,6 +6,6 @@ .e-dropdown-btn .e-caret::before,
 
-/*! drop-down button layout */
 .e-dropdown-btn,
 .e-dropdown-btn.e-btn {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   text-transform: none;
@@ -16,11 +16,14 @@ white-space: normal;
 .e-dropdown-btn.e-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-dropdown-btn:focus,
 .e-dropdown-btn.e-btn:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-dropdown-btn:active,
 .e-dropdown-btn.e-btn:active {
-  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
+          box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
 }
@@ -58,3 +61,2 @@ .e-dropdown-btn .e-btn-icon,
 }
-
 .e-bigger .e-dropdown-btn .e-btn-icon,
@@ -85,4 +87,6 @@ .e-bigger.e-dropdown-btn .e-btn-icon {
   border-radius: 0;
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  box-sizing: border-box;
+  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   font-size: 14px;
@@ -98,2 +102,3 @@ font-weight: normal;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
@@ -105,2 +110,3 @@ user-select: none;
   cursor: pointer;
+  display: -webkit-box;
   display: -ms-flexbox;
@@ -112,2 +118,5 @@ display: flex;
 }
+.e-dropdown-popup ul .e-item.e-separator {
+  padding: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-dropdown-popup ul .e-item.e-url {
@@ -145,3 +154,4 @@ padding: 0;
   background: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -164,3 +174,4 @@ .e-dropdown-popup.e-transparent .e-dropdown-menu {
 *.e-bigger.e-dropdown-popup ul {
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
   font-size: 15px;
@@ -192,3 +203,2 @@ max-width: 280px;
 
-/*! drop-down button theme */
 .e-dropdown-popup {
@@ -206,3 +216,4 @@ background: #000;
   background: transparent;
-  box-shadow: 0 0 0 1px #fff inset;
+  -webkit-box-shadow: 0 0 0 1px #fff inset;
+          box-shadow: 0 0 0 1px #fff inset;
 }
@@ -231,3 +242,4 @@ .e-dropdown-popup ul .e-item:hover {
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: inherit;
@@ -242,4 +254,5 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: inherit;
 }

styles/drop-down-button/material-dark.css

@@ -6,6 +6,6 @@ .e-dropdown-btn .e-caret::before,
 
-/*! drop-down button layout */
 .e-dropdown-btn,
 .e-dropdown-btn.e-btn {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   text-transform: none;
@@ -16,11 +16,14 @@ white-space: normal;
 .e-dropdown-btn.e-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-dropdown-btn:focus,
 .e-dropdown-btn.e-btn:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-dropdown-btn:active,
 .e-dropdown-btn.e-btn:active {
-  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
+          box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
 }
@@ -57,3 +60,2 @@ .e-dropdown-btn .e-btn-icon,
 }
-
 .e-bigger .e-dropdown-btn .e-btn-icon,
@@ -84,4 +86,6 @@ .e-bigger.e-dropdown-btn .e-btn-icon {
   border-radius: 0;
-  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
-  box-sizing: border-box;
+  -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
+          box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   font-size: 14px;
@@ -97,2 +101,3 @@ font-weight: normal;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
@@ -104,2 +109,3 @@ user-select: none;
   cursor: pointer;
+  display: -webkit-box;
   display: -ms-flexbox;
@@ -111,2 +117,5 @@ display: flex;
 }
+.e-dropdown-popup ul .e-item.e-separator {
+  padding: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-dropdown-popup ul .e-item.e-url {
@@ -144,3 +153,4 @@ padding: 0;
   background: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -163,3 +173,4 @@ .e-dropdown-popup.e-transparent .e-dropdown-menu {
 *.e-bigger.e-dropdown-popup ul {
-  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
+  -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
+          box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
   font-size: 15px;
@@ -191,3 +202,2 @@ max-width: 280px;
 
-/*! drop-down button theme */
 .e-dropdown-popup {
@@ -205,3 +215,4 @@ background: #424242;
   background: rgba(255, 255, 255, 0.1);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -230,3 +241,4 @@ .e-dropdown-popup ul .e-item:hover {
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: inherit;
@@ -241,4 +253,5 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: inherit;
 }

styles/drop-down-button/material.css

@@ -6,6 +6,6 @@ .e-dropdown-btn .e-caret::before,
 
-/*! drop-down button layout */
 .e-dropdown-btn,
 .e-dropdown-btn.e-btn {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   text-transform: none;
@@ -16,11 +16,14 @@ white-space: normal;
 .e-dropdown-btn.e-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-dropdown-btn:focus,
 .e-dropdown-btn.e-btn:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-dropdown-btn:active,
 .e-dropdown-btn.e-btn:active {
-  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+  -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+          box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
 }
@@ -57,3 +60,2 @@ .e-dropdown-btn .e-btn-icon,
 }
-
 .e-bigger .e-dropdown-btn .e-btn-icon,
@@ -84,4 +86,6 @@ .e-bigger.e-dropdown-btn .e-btn-icon {
   border-radius: 0;
-  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
-  box-sizing: border-box;
+  -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+          box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   font-size: 14px;
@@ -97,2 +101,3 @@ font-weight: normal;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
@@ -104,2 +109,3 @@ user-select: none;
   cursor: pointer;
+  display: -webkit-box;
   display: -ms-flexbox;
@@ -111,2 +117,5 @@ display: flex;
 }
+.e-dropdown-popup ul .e-item.e-separator {
+  padding: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-dropdown-popup ul .e-item.e-url {
@@ -144,3 +153,4 @@ padding: 0;
   background: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -163,3 +173,4 @@ .e-dropdown-popup.e-transparent .e-dropdown-menu {
 *.e-bigger.e-dropdown-popup ul {
-  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+  -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+          box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
   font-size: 15px;
@@ -191,3 +202,2 @@ max-width: 280px;
 
-/*! drop-down button theme */
 .e-dropdown-popup {
@@ -205,3 +215,4 @@ background: #fff;
   background: #e0e0e0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -230,3 +241,4 @@ .e-dropdown-popup ul .e-item:hover {
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: inherit;
@@ -241,4 +253,5 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: inherit;
 }

styles/drop-down-button/material3-dark.css

@@ -47,3 +47,3 @@ :root {
   --color-sf-spreadsheet-gridline: 231, 224, 236;
-  --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
+  --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
   --color-sf-success-text: 0, 0, 0;
@@ -63,10 +63,11 @@ --color-sf-warning-text: 0, 0, 0;
 
-/*! drop-down button layout */
 .e-dropdown-btn,
 .e-dropdown-btn.e-btn {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   text-transform: none;
   white-space: normal;
   border-radius: 4px;
-  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
   padding: 7px 16px;
@@ -76,11 +77,14 @@ }
 .e-dropdown-btn.e-btn:focus {
-  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
 }
 .e-dropdown-btn:focus-visible,
 .e-dropdown-btn.e-btn:focus-visible {
-  box-shadow: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
+  -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
+          box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
 }
 .e-dropdown-btn:active,
 .e-dropdown-btn.e-btn:active {
-  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
 }
@@ -118,3 +122,2 @@ .e-dropdown-btn .e-btn-icon,
 }
-
 .e-bigger .e-dropdown-btn .e-btn-icon,
@@ -145,4 +148,6 @@ .e-bigger.e-dropdown-btn .e-btn-icon {
   border-radius: 4px;
-  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
-  box-sizing: border-box;
+  -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   font-size: 14px;
@@ -158,2 +163,3 @@ font-weight: 400;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
@@ -165,2 +171,3 @@ user-select: none;
   cursor: pointer;
+  display: -webkit-box;
   display: -ms-flexbox;
@@ -172,2 +179,5 @@ display: flex;
 }
+.e-dropdown-popup ul .e-item.e-separator {
+  padding: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-dropdown-popup ul .e-item.e-url {
@@ -193,3 +203,4 @@ padding: 0;
   pointer-events: none;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -207,3 +218,4 @@ .e-dropdown-popup ul .e-item.e-separator {
   background: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -226,3 +238,4 @@ .e-dropdown-popup.e-transparent .e-dropdown-menu {
 *.e-bigger.e-dropdown-popup ul {
-  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
   font-size: 16px;
@@ -254,4 +267,4 @@ max-width: 202px;
 
-/*! drop-down button theme */
 .e-dropdown-popup {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
@@ -268,3 +281,4 @@ color: rgba(var(--color-sf-on-surface));
   background: rgba(var(--color-sf-on-surface), 0.04);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -293,3 +307,4 @@ .e-dropdown-popup ul .e-item:hover {
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: inherit;
@@ -304,4 +319,5 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: inherit;
 }

styles/drop-down-button/material3.css

@@ -103,3 +103,3 @@ :root {
   --color-sf-spreadsheet-gridline: 231, 224, 236;
-  --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
+  --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
   --color-sf-success-text: 0, 0, 0;
@@ -119,10 +119,11 @@ --color-sf-warning-text: 0, 0, 0;
 
-/*! drop-down button layout */
 .e-dropdown-btn,
 .e-dropdown-btn.e-btn {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   text-transform: none;
   white-space: normal;
   border-radius: 4px;
-  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
   padding: 7px 16px;
@@ -132,11 +133,14 @@ }
 .e-dropdown-btn.e-btn:focus {
-  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
 }
 .e-dropdown-btn:focus-visible,
 .e-dropdown-btn.e-btn:focus-visible {
-  box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #000000;
+  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
+          box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
 }
 .e-dropdown-btn:active,
 .e-dropdown-btn.e-btn:active {
-  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
 }
@@ -174,3 +178,2 @@ .e-dropdown-btn .e-btn-icon,
 }
-
 .e-bigger .e-dropdown-btn .e-btn-icon,
@@ -201,4 +204,6 @@ .e-bigger.e-dropdown-btn .e-btn-icon {
   border-radius: 4px;
-  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
-  box-sizing: border-box;
+  -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   font-size: 14px;
@@ -214,2 +219,3 @@ font-weight: 400;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
@@ -221,2 +227,3 @@ user-select: none;
   cursor: pointer;
+  display: -webkit-box;
   display: -ms-flexbox;
@@ -228,2 +235,5 @@ display: flex;
 }
+.e-dropdown-popup ul .e-item.e-separator {
+  padding: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-dropdown-popup ul .e-item.e-url {
@@ -249,3 +259,4 @@ padding: 0;
   pointer-events: none;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -263,3 +274,4 @@ .e-dropdown-popup ul .e-item.e-separator {
   background: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -282,3 +294,4 @@ .e-dropdown-popup.e-transparent .e-dropdown-menu {
 *.e-bigger.e-dropdown-popup ul {
-  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
   font-size: 16px;
@@ -310,4 +323,4 @@ max-width: 202px;
 
-/*! drop-down button theme */
 .e-dropdown-popup {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
@@ -324,3 +337,4 @@ color: rgba(var(--color-sf-on-surface));
   background: rgba(var(--color-sf-on-surface), 0.04);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -349,3 +363,4 @@ .e-dropdown-popup ul .e-item:hover {
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: inherit;
@@ -360,4 +375,5 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: inherit;
 }

styles/drop-down-button/tailwind-dark.css

@@ -7,6 +7,6 @@ /* stylelint-disable-line no-empty-source */
 
-/*! drop-down button layout */
 .e-dropdown-btn,
 .e-dropdown-btn.e-btn {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   text-transform: none;
@@ -17,11 +17,14 @@ white-space: normal;
 .e-dropdown-btn.e-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-dropdown-btn:focus,
 .e-dropdown-btn.e-btn:focus {
-  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
+  -webkit-box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
+          box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
 }
 .e-dropdown-btn:active,
 .e-dropdown-btn.e-btn:active {
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
 }
@@ -58,3 +61,2 @@ .e-dropdown-btn .e-btn-icon,
 }
-
 .e-bigger .e-dropdown-btn .e-btn-icon,
@@ -87,4 +89,6 @@ .e-bigger.e-dropdown-btn .e-btn-icon {
   border-radius: 4px;
-  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-  box-sizing: border-box;
+  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+          box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   font-size: 14px;
@@ -100,2 +104,3 @@ font-weight: 400;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
@@ -107,2 +112,3 @@ user-select: none;
   cursor: pointer;
+  display: -webkit-box;
   display: -ms-flexbox;
@@ -114,2 +120,5 @@ display: flex;
 }
+.e-dropdown-popup ul .e-item.e-separator {
+  padding: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-dropdown-popup ul .e-item.e-url {
@@ -147,3 +156,4 @@ padding: 0;
   background: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -171,3 +181,4 @@ .e-dropdown-popup.e-transparent .e-dropdown-menu {
 *.e-bigger.e-dropdown-popup ul {
-  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+          box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   font-size: 16px;
@@ -201,3 +212,2 @@ max-width: 202px;
 
-/*! drop-down button theme */
 .e-dropdown-popup {
@@ -215,3 +225,4 @@ background: #374151;
   background: #4b5563;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -240,3 +251,4 @@ .e-dropdown-popup ul .e-item:hover {
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: inherit;
@@ -251,4 +263,5 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: inherit;
 }

styles/drop-down-button/tailwind.css

@@ -7,6 +7,6 @@ /* stylelint-disable-line no-empty-source */
 
-/*! drop-down button layout */
 .e-dropdown-btn,
 .e-dropdown-btn.e-btn {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   text-transform: none;
@@ -17,11 +17,14 @@ white-space: normal;
 .e-dropdown-btn.e-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-dropdown-btn:focus,
 .e-dropdown-btn.e-btn:focus {
-  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
 }
 .e-dropdown-btn:active,
 .e-dropdown-btn.e-btn:active {
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
 }
@@ -58,3 +61,2 @@ .e-dropdown-btn .e-btn-icon,
 }
-
 .e-bigger .e-dropdown-btn .e-btn-icon,
@@ -87,4 +89,6 @@ .e-bigger.e-dropdown-btn .e-btn-icon {
   border-radius: 4px;
-  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-  box-sizing: border-box;
+  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+          box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   font-size: 14px;
@@ -100,2 +104,3 @@ font-weight: 400;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
@@ -107,2 +112,3 @@ user-select: none;
   cursor: pointer;
+  display: -webkit-box;
   display: -ms-flexbox;
@@ -114,2 +120,5 @@ display: flex;
 }
+.e-dropdown-popup ul .e-item.e-separator {
+  padding: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-dropdown-popup ul .e-item.e-url {
@@ -147,3 +156,4 @@ padding: 0;
   background: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -171,3 +181,4 @@ .e-dropdown-popup.e-transparent .e-dropdown-menu {
 *.e-bigger.e-dropdown-popup ul {
-  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+          box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   font-size: 16px;
@@ -201,3 +212,2 @@ max-width: 202px;
 
-/*! drop-down button theme */
 .e-dropdown-popup {
@@ -215,3 +225,4 @@ background: #fff;
   background: #f3f4f6;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -240,3 +251,4 @@ .e-dropdown-popup ul .e-item:hover {
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: inherit;
@@ -251,4 +263,5 @@ }
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: inherit;
 }

styles/fabric-dark.scss

@@ -1,4 +0,14 @@
-@import 'drop-down-button/fabric-dark.scss';
-@import 'split-button/fabric-dark.scss';
-@import 'button-group/fabric-dark.scss';
-@import 'progress-button/fabric-dark.scss';
+@import 'ej2-base/styles/definition/fabric-dark.scss';
+@import 'ej2-buttons/styles/button/fabric-dark-definition.scss';
+@import 'ej2-popups/styles/popup/fabric-dark-definition.scss';
+@import 'drop-down-button/fabric-dark-definition.scss';
+@import 'drop-down-button/icons/fabric-dark.scss';
+@import 'drop-down-button/all.scss';
+
+@import 'split-button/fabric-dark-definition.scss';
+@import 'split-button/all.scss';
+@import 'button-group/fabric-dark-definition.scss';
+@import 'button-group/all.scss';
+@import 'ej2-popups/styles/spinner/fabric-dark-definition.scss';
+@import 'progress-button/fabric-dark-definition.scss';
+@import 'progress-button/all.scss';

styles/fabric.scss

@@ -1,4 +0,14 @@
-@import 'drop-down-button/fabric.scss';
-@import 'split-button/fabric.scss';
-@import 'button-group/fabric.scss';
-@import 'progress-button/fabric.scss';
+@import 'ej2-base/styles/definition/fabric.scss';
+@import 'ej2-buttons/styles/button/fabric-definition.scss';
+@import 'ej2-popups/styles/popup/fabric-definition.scss';
+@import 'drop-down-button/fabric-definition.scss';
+@import 'drop-down-button/icons/fabric.scss';
+@import 'drop-down-button/all.scss';
+
+@import 'split-button/fabric-definition.scss';
+@import 'split-button/all.scss';
+@import 'button-group/fabric-definition.scss';
+@import 'button-group/all.scss';
+@import 'ej2-popups/styles/spinner/fabric-definition.scss';
+@import 'progress-button/fabric-definition.scss';
+@import 'progress-button/all.scss';

styles/fluent-dark.scss

@@ -1,4 +0,14 @@
-@import 'drop-down-button/fluent-dark.scss';
-@import 'split-button/fluent-dark.scss';
-@import 'button-group/fluent-dark.scss';
-@import 'progress-button/fluent-dark.scss';
+@import 'ej2-base/styles/definition/fluent-dark.scss';
+@import 'ej2-buttons/styles/button/fluent-dark-definition.scss';
+@import 'ej2-popups/styles/popup/fluent-dark-definition.scss';
+@import 'drop-down-button/fluent-dark-definition.scss';
+@import 'drop-down-button/icons/fluent-dark.scss';
+@import 'drop-down-button/all.scss';
+
+@import 'split-button/fluent-dark-definition.scss';
+@import 'split-button/all.scss';
+@import 'button-group/fluent-dark-definition.scss';
+@import 'button-group/all.scss';
+@import 'ej2-popups/styles/spinner/fluent-dark-definition.scss';
+@import 'progress-button/fluent-dark-definition.scss';
+@import 'progress-button/all.scss';

styles/fluent.scss

@@ -1,4 +0,14 @@
-@import 'drop-down-button/fluent.scss';
-@import 'split-button/fluent.scss';
-@import 'button-group/fluent.scss';
-@import 'progress-button/fluent.scss';
+@import 'ej2-base/styles/definition/fluent.scss';
+@import 'ej2-buttons/styles/button/fluent-definition.scss';
+@import 'ej2-popups/styles/popup/fluent-definition.scss';
+@import 'drop-down-button/fluent-definition.scss';
+@import 'drop-down-button/icons/fluent.scss';
+@import 'drop-down-button/all.scss';
+
+@import 'split-button/fluent-definition.scss';
+@import 'split-button/all.scss';
+@import 'button-group/fluent-definition.scss';
+@import 'button-group/all.scss';
+@import 'ej2-popups/styles/spinner/fluent-definition.scss';
+@import 'progress-button/fluent-definition.scss';
+@import 'progress-button/all.scss';

styles/highcontrast-light.scss

@@ -1,4 +0,14 @@
-@import 'drop-down-button/highcontrast-light.scss';
-@import 'split-button/highcontrast-light.scss';
-@import 'button-group/highcontrast-light.scss';
-@import 'progress-button/highcontrast-light.scss';
+@import 'ej2-base/styles/definition/highcontrast-light.scss';
+@import 'ej2-buttons/styles/button/highcontrast-light-definition.scss';
+@import 'ej2-popups/styles/popup/highcontrast-light-definition.scss';
+@import 'drop-down-button/highcontrast-light-definition.scss';
+@import 'drop-down-button/icons/highcontrast-light.scss';
+@import 'drop-down-button/all.scss';
+
+@import 'split-button/highcontrast-light-definition.scss';
+@import 'split-button/all.scss';
+@import 'button-group/highcontrast-light-definition.scss';
+@import 'button-group/all.scss';
+@import 'ej2-popups/styles/spinner/highcontrast-light-definition.scss';
+@import 'progress-button/highcontrast-light-definition.scss';
+@import 'progress-button/all.scss';

styles/highcontrast.scss

@@ -1,4 +0,14 @@
-@import 'drop-down-button/highcontrast.scss';
-@import 'split-button/highcontrast.scss';
-@import 'button-group/highcontrast.scss';
-@import 'progress-button/highcontrast.scss';
+@import 'ej2-base/styles/definition/highcontrast.scss';
+@import 'ej2-buttons/styles/button/highcontrast-definition.scss';
+@import 'ej2-popups/styles/popup/highcontrast-definition.scss';
+@import 'drop-down-button/highcontrast-definition.scss';
+@import 'drop-down-button/icons/highcontrast.scss';
+@import 'drop-down-button/all.scss';
+
+@import 'split-button/highcontrast-definition.scss';
+@import 'split-button/all.scss';
+@import 'button-group/highcontrast-definition.scss';
+@import 'button-group/all.scss';
+@import 'ej2-popups/styles/spinner/highcontrast-definition.scss';
+@import 'progress-button/highcontrast-definition.scss';
+@import 'progress-button/all.scss';

styles/material-dark.scss

@@ -1,4 +0,14 @@
-@import 'drop-down-button/material-dark.scss';
-@import 'split-button/material-dark.scss';
-@import 'button-group/material-dark.scss';
-@import 'progress-button/material-dark.scss';
+@import 'ej2-base/styles/definition/material-dark.scss';
+@import 'ej2-buttons/styles/button/material-dark-definition.scss';
+@import 'ej2-popups/styles/popup/material-dark-definition.scss';
+@import 'drop-down-button/material-dark-definition.scss';
+@import 'drop-down-button/icons/material-dark.scss';
+@import 'drop-down-button/all.scss';
+
+@import 'split-button/material-dark-definition.scss';
+@import 'split-button/all.scss';
+@import 'button-group/material-dark-definition.scss';
+@import 'button-group/all.scss';
+@import 'ej2-popups/styles/spinner/material-dark-definition.scss';
+@import 'progress-button/material-dark-definition.scss';
+@import 'progress-button/all.scss';

styles/material.scss

@@ -1,4 +0,14 @@
-@import 'drop-down-button/material.scss';
-@import 'split-button/material.scss';
-@import 'button-group/material.scss';
-@import 'progress-button/material.scss';
+@import 'ej2-base/styles/definition/material.scss';
+@import 'ej2-buttons/styles/button/material-definition.scss';
+@import 'ej2-popups/styles/popup/material-definition.scss';
+@import 'drop-down-button/material-definition.scss';
+@import 'drop-down-button/icons/material.scss';
+@import 'drop-down-button/all.scss';
+
+@import 'split-button/material-definition.scss';
+@import 'split-button/all.scss';
+@import 'button-group/material-definition.scss';
+@import 'button-group/all.scss';
+@import 'ej2-popups/styles/spinner/material-definition.scss';
+@import 'progress-button/material-definition.scss';
+@import 'progress-button/all.scss';

styles/material3-dark.scss

 
 
-@import 'drop-down-button/material3-dark.scss';
-@import 'split-button/material3-dark.scss';
-@import 'button-group/material3-dark.scss';
-@import 'progress-button/material3-dark.scss';
+
+@import 'ej2-buttons/styles/button/material3-dark-definition.scss';
+@import 'ej2-popups/styles/popup/material3-dark-definition.scss';
+@import 'drop-down-button/material3-dark-definition.scss';
+@import 'drop-down-button/icons/material3-dark.scss';
+@import 'drop-down-button/all.scss';
+
+@import 'split-button/material3-dark-definition.scss';
+@import 'split-button/all.scss';
+@import 'button-group/material3-dark-definition.scss';
+@import 'button-group/all.scss';
+@import 'ej2-popups/styles/spinner/material3-dark-definition.scss';
+@import 'progress-button/material3-dark-definition.scss';
+@import 'progress-button/all.scss';

styles/material3.scss

 
 
-@import 'drop-down-button/material3.scss';
-@import 'split-button/material3.scss';
-@import 'button-group/material3.scss';
-@import 'progress-button/material3.scss';
+
+@import 'ej2-buttons/styles/button/material3-definition.scss';
+@import 'ej2-popups/styles/popup/material3-definition.scss';
+@import 'drop-down-button/material3-definition.scss';
+@import 'drop-down-button/icons/material3.scss';
+@import 'drop-down-button/all.scss';
+
+@import 'split-button/material3-definition.scss';
+@import 'split-button/all.scss';
+@import 'button-group/material3-definition.scss';
+@import 'button-group/all.scss';
+@import 'ej2-popups/styles/spinner/material3-definition.scss';
+@import 'progress-button/material3-definition.scss';
+@import 'progress-button/all.scss';

styles/progress-button/_bootstrap-dark-definition.scss

@@ -1,2 +0,1 @@
-//default
 $progress-btn-color: $grey-light-font !default;
@@ -26,3 +25,1 @@ $progress-btn-bgcolor: rgba($grey-light-font, .3) !default;
 $btn-flat-primary-path-arc: none;
-
-//enddefault

styles/progress-button/_bootstrap5-definition.scss

@@ -1,2 +0,1 @@
-//layout variables
 $progress-btn-circle-opacity: .3 !default;
@@ -3,0 +2,0 @@ $progress-btn-transition: all .3s linear !default;

styles/progress-button/_fabric-dark-definition.scss

@@ -1,2 +0,1 @@
-//default
 $progress-btn-color: $neutral-light-font !default;
@@ -26,3 +25,1 @@ $progress-btn-bgcolor: rgba($neutral-light-font, .2) !default;
 $btn-flat-primary-path-arc: none;
-
-//enddefault

styles/progress-button/_fluent-definition.scss

@@ -1,2 +0,1 @@
-//layout variables
 $progress-btn-circle-opacity: .3 !default;
@@ -3,0 +2,0 @@ $progress-btn-transition: all .3s linear !default;

styles/progress-button/_fusionnew-definition.scss

@@ -1,2 +0,1 @@
-//layout variables
 $progress-btn-circle-opacity: .3 !default;
@@ -3,0 +2,0 @@ $progress-btn-transition: all .3s linear !default;

styles/progress-button/_layout.scss

 @include export-module('progress-button-layout') {
-
-  /*! Progress Button Layout */
   .e-progress-btn {
@@ -5,0 +3,0 @@ position: relative;

styles/progress-button/_material-dark-definition.scss

@@ -1,2 +0,1 @@
-//default
 $progress-btn-color: rgba($grey-black, .87) !default;
@@ -26,3 +25,1 @@ $progress-btn-bgcolor: rgba($grey-black, .2) !default;
 $btn-flat-primary-path-arc: none;
-
-//enddefault

styles/progress-button/_material3-definition.scss

@@ -1,2 +0,1 @@
-//layout variables
 $progress-btn-circle-opacity: .3 !default;
@@ -3,0 +2,0 @@ $progress-btn-transition: all .3s linear !default;

styles/progress-button/_tailwind-definition.scss

@@ -1,2 +0,1 @@
-//layout variables
 $progress-btn-circle-opacity: .8 !default;
@@ -3,0 +2,0 @@ $progress-btn-transition: all .3s linear !default;

styles/progress-button/_theme.scss

@@ -36,3 +36,3 @@ @include export-module('progress-button-theme') {
         .e-path-circle {
-          @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
+          @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
             stroke: fade-out($btn-primary-color, $progress-btn-circle-opacity);
@@ -53,3 +53,3 @@ }
           .e-path-circle {
-            @if $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
+            @if $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
               stroke: fade-out($btn-flat-primary-path-arc, $progress-btn-circle-opacity);
@@ -82,3 +82,3 @@ }
           .e-path-circle {
-            @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
+            @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
               stroke: fade-out($btn-primary-color, $progress-btn-circle-opacity);
@@ -105,3 +105,3 @@ }
         .e-path-circle {
-          @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
+          @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
             stroke: fade-out($btn-success-color, $progress-btn-circle-opacity);
@@ -122,7 +122,7 @@ }
           .e-path-circle {
-            @if $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
+            @if $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
               stroke: fade-out($btn-flat-primary-path-arc, $progress-btn-circle-opacity);
             }
             @else {
-              @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
+              @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
                 stroke: fade-out($btn-flat-success-color, $progress-btn-circle-opacity);
@@ -153,3 +153,3 @@ }
           .e-path-circle {
-            @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
+            @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
               stroke: fade-out($btn-success-color, $progress-btn-circle-opacity);
@@ -176,5 +176,8 @@ }
         .e-path-circle {
-          @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
+          @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
             stroke: fade-out($btn-info-color, $progress-btn-circle-opacity);
           }
+          @if $skin-name == 'fluent2' {
+            stroke: fade-out(#242424, $progress-btn-circle-opacity);
+          }
         }
@@ -193,6 +196,6 @@
           .e-path-circle {
-            @if $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
+            @if $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
               stroke: fade-out($btn-flat-primary-path-arc, $progress-btn-circle-opacity);
             }
-            @else if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
+            @else if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
               stroke: fade-out($btn-flat-info-color, $progress-btn-circle-opacity);
@@ -222,3 +225,3 @@ }
           .e-path-circle {
-            @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
+            @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
               stroke: fade-out($btn-info-color, $progress-btn-circle-opacity);
@@ -245,3 +248,3 @@ }
         .e-path-circle {
-          @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
+          @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
             stroke: fade-out($btn-warning-color, $progress-btn-circle-opacity);
@@ -262,3 +265,3 @@ }
           .e-path-circle {
-            @if $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
+            @if $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
               stroke: fade-out($btn-flat-primary-path-arc, $progress-btn-circle-opacity);
@@ -291,3 +294,3 @@ }
           .e-path-circle {
-            @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
+            @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
               stroke: fade-out($btn-warning-color, $progress-btn-circle-opacity);
@@ -314,3 +317,3 @@ }
         .e-path-circle {
-          @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
+          @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
             stroke: fade-out($btn-danger-color, $progress-btn-circle-opacity);
@@ -331,6 +334,6 @@ }
           .e-path-circle {
-            @if $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
+            @if $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
               stroke: fade-out($btn-flat-primary-path-arc, $progress-btn-circle-opacity);
             }
-            @else if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
+            @else if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
               stroke: fade-out($btn-flat-danger-color, $progress-btn-circle-opacity);
@@ -360,3 +363,3 @@ }
           .e-path-circle {
-            @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
+            @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
               stroke: fade-out($btn-danger-color, $progress-btn-circle-opacity);
@@ -381,3 +384,3 @@ }
           .e-path-circle {
-            @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
+            @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
               stroke: fade-out($btn-primary-bgcolor, $progress-btn-circle-opacity);
@@ -399,3 +402,3 @@ }
           .e-path-circle {
-            @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
+            @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
               stroke: fade-out($btn-success-bgcolor, $progress-btn-circle-opacity);
@@ -416,3 +419,3 @@ }
           .e-path-circle {
-            @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
+            @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
               stroke: fade-out($btn-info-bgcolor, $progress-btn-circle-opacity);
@@ -434,3 +437,3 @@ }
           .e-path-circle {
-            @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
+            @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
               stroke: fade-out($btn-warning-bgcolor, $progress-btn-circle-opacity);
@@ -452,3 +455,3 @@ }
           .e-path-circle {
-            @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
+            @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
               stroke: fade-out($btn-danger-bgcolor, $progress-btn-circle-opacity);
@@ -471,3 +474,3 @@ }
         .e-path-circle {
-          @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
+          @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
             stroke: fade-out($btn-link-color, $progress-btn-circle-opacity);
@@ -490,4 +493,3 @@ }
   #{if(&, '&', '*')}.e-success,
-  #{if(&, '&', '*')}.e-danger,
-  #{if(&, '&', '*')}.e-info {
+  #{if(&, '&', '*')}.e-danger {
     .e-progress {
@@ -498,6 +500,14 @@ background: $progress-btn-bgcolor;
 
+  #{if(&, '&', '*')}.e-info {
+    .e-progress {
+      @if $skin-name != 'fluent2' {
+        background: $progress-btn-bgcolor;
+      }
+    }
+  }
+
   #{if(&, '&', '*')}.e-flat {
     &.e-primary {
       .e-progress {
-        @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
+        @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
           background: fade-out($progress-btn-flat-primary-progress-color, .8);
@@ -510,3 +520,3 @@ }
       .e-progress {
-        @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
+        @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
           background: fade-out($progress-btn-flat-success-progress-color, .8);
@@ -519,3 +529,3 @@ }
       .e-progress {
-        @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
+        @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
           background: fade-out($progress-btn-flat-info-progress-color, .8);
@@ -528,3 +538,3 @@ }
       .e-progress {
-        @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
+        @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
           background: fade-out($progress-btn-flat-warning-progress-color, .8);
@@ -537,3 +547,3 @@ }
       .e-progress {
-        @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
+        @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
           background: fade-out($progress-btn-flat-danger-progress-color, .8);
@@ -548,3 +558,3 @@ }
       .e-progress {
-        @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
+        @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
           background: fade-out($btn-primary-bgcolor, .8);
@@ -557,3 +567,3 @@ }
       .e-progress {
-        @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
+        @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
           background: fade-out($btn-success-bgcolor, .8);
@@ -566,3 +576,3 @@ }
       .e-progress {
-        @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
+        @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
           background: fade-out($btn-info-bgcolor, .8);
@@ -575,3 +585,3 @@ }
       .e-progress {
-        @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
+        @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
           background: fade-out($btn-warning-bgcolor, .8);
@@ -584,3 +594,3 @@ }
       .e-progress {
-        @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
+        @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
           background: fade-out($btn-danger-bgcolor, .8);
@@ -631,3 +641,3 @@ }
         .e-progress {
-          @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
+          @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
             background: fade-out($btn-primary-bgcolor, .8);
@@ -640,3 +650,3 @@ }
         .e-progress {
-          @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
+          @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
             background: fade-out($btn-success-bgcolor, .8);
@@ -649,3 +659,3 @@ }
         .e-progress {
-          @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
+          @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
             background: fade-out($btn-info-bgcolor, .8);
@@ -658,3 +668,3 @@ }
         .e-progress {
-          @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
+          @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
             background: fade-out($btn-warning-bgcolor, .8);
@@ -667,3 +677,3 @@ }
         .e-progress {
-          @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
+          @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
             background: fade-out($btn-danger-bgcolor, .8);
@@ -677,14 +687,69 @@ }
 
-.e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
-  fill: $btn-outline-color;
-  stroke: $btn-outline-color;
+@if $skin-name != 'fluent2' {
+  .e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
+    fill: $btn-outline-color;
+    stroke: $btn-outline-color;
+  }
+  
+  .e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
+    fill: $btn-color;
+    stroke: $btn-color;
+  }
+  
+  .e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+    stroke: $btn-outline-color;
+  }
 }
 
-.e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
-  fill: $btn-color;
-  stroke: $btn-color;
-}
+@if $skin-name == 'fluent2' {
+  .e-primary.e-outline .e-progress,
+  .e-primary.e-flat .e-progress {
+    background: rgba(15, 108, 189, .5) !important; /* stylelint-disable-line declaration-no-important */
+  }
 
-.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
-  stroke: $btn-outline-color;
+  .e-success.e-outline .e-progress,
+  .e-success.e-flat .e-progress {
+    background: rgba(16, 124, 16, .5) !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-danger.e-outline .e-progress,
+  .e-danger.e-flat .e-progress {
+    background: rgba(197, 15, 31, .5) !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-warning.e-outline .e-progress,
+  .e-warning.e-flat .e-progress {
+    background: rgba(247, 99, 12, .5) !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-info.e-outline .e-progress,
+  .e-info.e-flat .e-progress {
+    background: rgba(49, 175, 204, .5) !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner .e-spin-fluent2 .e-path-circle {
+    stroke: fade-out(#242424, $progress-btn-circle-opacity) !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-progress-btn.e-warning.e-flat:focus .e-spinner-pane .e-spinner-inner .e-spin-fluent2 .e-path-circle {
+    stroke: $brand-160 !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-progress-btn.e-outline {
+    &.e-success:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+      stroke: $success-bg-color;
+    }
+    &.e-primary:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+      stroke: $primary-bg-color;
+    }
+    &.e-danger:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+      stroke: $danger-bg-color;
+    }
+    &.e-warning:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+      stroke: $warning-bg-color;
+    }
+    &.e-info:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+      stroke: $info-bg-color;
+    }
+  }
 }

styles/progress-button/bootstrap-dark.css

 /* stylelint-disable property-no-vendor-prefix */
+@-webkit-keyframes material-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes material-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0);
     transform: rotate(0);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
+@-webkit-keyframes fabric-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes fabric-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0);
     transform: rotate(0);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
-/*! Progress Button Layout */
 .e-progress-btn {
@@ -28,5 +51,7 @@ position: relative;
   top: 0;
+  -webkit-transition: opacity 0.3s linear;
   transition: opacity 0.3s linear;
 }
 .e-progress-btn .e-spinner {
+  -webkit-transition: all 0.3s linear;
   transition: all 0.3s linear;
@@ -64,2 +89,3 @@ }
 .e-progress-btn.e-spin-top, .e-progress-btn.e-spin-bottom {
+  -webkit-transition: padding 0.3s linear;
   transition: padding 0.3s linear;
@@ -74,6 +100,8 @@ }
 .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-center .e-spinner {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
 }
@@ -164,12 +192,16 @@ .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner {
   top: auto;
-  transform: none;
+  -webkit-transform: none;
+          transform: none;
 }
 .e-progress-btn .e-cont-animate {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: 100%;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   left: 0;
@@ -180,2 +212,12 @@ position: absolute;
 }
+@-webkit-keyframes ProgressSlideLeft {
+  from {
+    left: 0%;
+    opacity: 1;
+  }
+  to {
+    left: -100%;
+    opacity: 0;
+  }
+}
 @keyframes ProgressSlideLeft {
@@ -191,2 +233,12 @@ from {
 }
+@-webkit-keyframes ProgressSlideRight {
+  from {
+    left: 0%;
+    opacity: 1;
+  }
+  to {
+    left: 100%;
+    opacity: 0;
+  }
+}
 @keyframes ProgressSlideRight {
@@ -202,2 +254,14 @@ from {
 }
+@-webkit-keyframes ProgressSlideUp {
+  from {
+    height: auto;
+    opacity: 1;
+    top: 0;
+  }
+  to {
+    height: auto;
+    opacity: 0;
+    top: -100px;
+  }
+}
 @keyframes ProgressSlideUp {
@@ -215,2 +279,14 @@ from {
 }
+@-webkit-keyframes ProgressSlideDown {
+  from {
+    height: auto;
+    opacity: 1;
+    top: 0;
+  }
+  to {
+    height: auto;
+    opacity: 0;
+    top: 100px;
+  }
+}
 @keyframes ProgressSlideDown {
@@ -228,18 +304,44 @@ from {
 }
+@-webkit-keyframes ProgressZoomIn {
+  from {
+    opacity: 1;
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate(0, 0) scale(3);
+            transform: translate(0, 0) scale(3);
+  }
+}
 @keyframes ProgressZoomIn {
   from {
     opacity: 1;
-    transform: translate(0, 0) scale(1);
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
   }
   to {
     opacity: 0;
-    transform: translate(0, 0) scale(3);
+    -webkit-transform: translate(0, 0) scale(3);
+            transform: translate(0, 0) scale(3);
   }
 }
+@-webkit-keyframes ProgressZoomOut {
+  from {
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate(0, 0) scale(0);
+            transform: translate(0, 0) scale(0);
+  }
+}
 @keyframes ProgressZoomOut {
   from {
-    transform: translate(0, 0) scale(1);
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
   }
   to {
-    transform: translate(0, 0) scale(0);
+    -webkit-transform: translate(0, 0) scale(0);
+            transform: translate(0, 0) scale(0);
   }
@@ -451,3 +553,6 @@ }
 *.e-success .e-progress,
-*.e-danger .e-progress,
+*.e-danger .e-progress {
+  background: rgba(255, 255, 255, 0.3);
+}
+
 *.e-info .e-progress {
@@ -454,0 +559,0 @@ background: rgba(255, 255, 255, 0.3);

styles/progress-button/bootstrap.css

 /* stylelint-disable property-no-vendor-prefix */
+@-webkit-keyframes material-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes material-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0);
     transform: rotate(0);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
+@-webkit-keyframes fabric-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes fabric-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0);
     transform: rotate(0);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
-/*! Progress Button Layout */
 .e-progress-btn {
@@ -28,5 +51,7 @@ position: relative;
   top: 0;
+  -webkit-transition: opacity 0.3s linear;
   transition: opacity 0.3s linear;
 }
 .e-progress-btn .e-spinner {
+  -webkit-transition: all 0.3s linear;
   transition: all 0.3s linear;
@@ -64,2 +89,3 @@ }
 .e-progress-btn.e-spin-top, .e-progress-btn.e-spin-bottom {
+  -webkit-transition: padding 0.3s linear;
   transition: padding 0.3s linear;
@@ -74,6 +100,8 @@ }
 .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-center .e-spinner {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
 }
@@ -164,12 +192,16 @@ .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner {
   top: auto;
-  transform: none;
+  -webkit-transform: none;
+          transform: none;
 }
 .e-progress-btn .e-cont-animate {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: 100%;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   left: 0;
@@ -180,2 +212,12 @@ position: absolute;
 }
+@-webkit-keyframes ProgressSlideLeft {
+  from {
+    left: 0%;
+    opacity: 1;
+  }
+  to {
+    left: -100%;
+    opacity: 0;
+  }
+}
 @keyframes ProgressSlideLeft {
@@ -191,2 +233,12 @@ from {
 }
+@-webkit-keyframes ProgressSlideRight {
+  from {
+    left: 0%;
+    opacity: 1;
+  }
+  to {
+    left: 100%;
+    opacity: 0;
+  }
+}
 @keyframes ProgressSlideRight {
@@ -202,2 +254,14 @@ from {
 }
+@-webkit-keyframes ProgressSlideUp {
+  from {
+    height: auto;
+    opacity: 1;
+    top: 0;
+  }
+  to {
+    height: auto;
+    opacity: 0;
+    top: -100px;
+  }
+}
 @keyframes ProgressSlideUp {
@@ -215,2 +279,14 @@ from {
 }
+@-webkit-keyframes ProgressSlideDown {
+  from {
+    height: auto;
+    opacity: 1;
+    top: 0;
+  }
+  to {
+    height: auto;
+    opacity: 0;
+    top: 100px;
+  }
+}
 @keyframes ProgressSlideDown {
@@ -228,18 +304,44 @@ from {
 }
+@-webkit-keyframes ProgressZoomIn {
+  from {
+    opacity: 1;
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate(0, 0) scale(3);
+            transform: translate(0, 0) scale(3);
+  }
+}
 @keyframes ProgressZoomIn {
   from {
     opacity: 1;
-    transform: translate(0, 0) scale(1);
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
   }
   to {
     opacity: 0;
-    transform: translate(0, 0) scale(3);
+    -webkit-transform: translate(0, 0) scale(3);
+            transform: translate(0, 0) scale(3);
   }
 }
+@-webkit-keyframes ProgressZoomOut {
+  from {
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate(0, 0) scale(0);
+            transform: translate(0, 0) scale(0);
+  }
+}
 @keyframes ProgressZoomOut {
   from {
-    transform: translate(0, 0) scale(1);
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
   }
   to {
-    transform: translate(0, 0) scale(0);
+    -webkit-transform: translate(0, 0) scale(0);
+            transform: translate(0, 0) scale(0);
   }
@@ -496,3 +598,6 @@ }
 *.e-success .e-progress,
-*.e-danger .e-progress,
+*.e-danger .e-progress {
+  background: rgba(255, 255, 255, 0.3);
+}
+
 *.e-info .e-progress {
@@ -499,0 +604,0 @@ background: rgba(255, 255, 255, 0.3);

styles/progress-button/bootstrap4.css

 /* stylelint-disable property-no-vendor-prefix */
+@-webkit-keyframes material-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes material-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0);
     transform: rotate(0);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
+@-webkit-keyframes fabric-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes fabric-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0);
     transform: rotate(0);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
-/*! Progress Button Layout */
 .e-progress-btn {
@@ -28,5 +51,7 @@ position: relative;
   top: 0;
+  -webkit-transition: opacity 0.3s linear;
   transition: opacity 0.3s linear;
 }
 .e-progress-btn .e-spinner {
+  -webkit-transition: all 0.3s linear;
   transition: all 0.3s linear;
@@ -64,2 +89,3 @@ }
 .e-progress-btn.e-spin-top, .e-progress-btn.e-spin-bottom {
+  -webkit-transition: padding 0.3s linear;
   transition: padding 0.3s linear;
@@ -74,6 +100,8 @@ }
 .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-center .e-spinner {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
 }
@@ -164,12 +192,16 @@ .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner {
   top: auto;
-  transform: none;
+  -webkit-transform: none;
+          transform: none;
 }
 .e-progress-btn .e-cont-animate {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: 100%;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   left: 0;
@@ -180,2 +212,12 @@ position: absolute;
 }
+@-webkit-keyframes ProgressSlideLeft {
+  from {
+    left: 0%;
+    opacity: 1;
+  }
+  to {
+    left: -100%;
+    opacity: 0;
+  }
+}
 @keyframes ProgressSlideLeft {
@@ -191,2 +233,12 @@ from {
 }
+@-webkit-keyframes ProgressSlideRight {
+  from {
+    left: 0%;
+    opacity: 1;
+  }
+  to {
+    left: 100%;
+    opacity: 0;
+  }
+}
 @keyframes ProgressSlideRight {
@@ -202,2 +254,14 @@ from {
 }
+@-webkit-keyframes ProgressSlideUp {
+  from {
+    height: auto;
+    opacity: 1;
+    top: 0;
+  }
+  to {
+    height: auto;
+    opacity: 0;
+    top: -100px;
+  }
+}
 @keyframes ProgressSlideUp {
@@ -215,2 +279,14 @@ from {
 }
+@-webkit-keyframes ProgressSlideDown {
+  from {
+    height: auto;
+    opacity: 1;
+    top: 0;
+  }
+  to {
+    height: auto;
+    opacity: 0;
+    top: 100px;
+  }
+}
 @keyframes ProgressSlideDown {
@@ -228,18 +304,44 @@ from {
 }
+@-webkit-keyframes ProgressZoomIn {
+  from {
+    opacity: 1;
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate(0, 0) scale(3);
+            transform: translate(0, 0) scale(3);
+  }
+}
 @keyframes ProgressZoomIn {
   from {
     opacity: 1;
-    transform: translate(0, 0) scale(1);
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
   }
   to {
     opacity: 0;
-    transform: translate(0, 0) scale(3);
+    -webkit-transform: translate(0, 0) scale(3);
+            transform: translate(0, 0) scale(3);
   }
 }
+@-webkit-keyframes ProgressZoomOut {
+  from {
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate(0, 0) scale(0);
+            transform: translate(0, 0) scale(0);
+  }
+}
 @keyframes ProgressZoomOut {
   from {
-    transform: translate(0, 0) scale(1);
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
   }
   to {
-    transform: translate(0, 0) scale(0);
+    -webkit-transform: translate(0, 0) scale(0);
+            transform: translate(0, 0) scale(0);
   }
@@ -499,3 +601,6 @@ }
 *.e-success .e-progress,
-*.e-danger .e-progress,
+*.e-danger .e-progress {
+  background: rgba(255, 255, 255, 0.25);
+}
+
 *.e-info .e-progress {
@@ -502,0 +607,0 @@ background: rgba(255, 255, 255, 0.25);

styles/progress-button/bootstrap5-dark.css

 /* stylelint-disable property-no-vendor-prefix */
+@-webkit-keyframes material-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes material-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0);
     transform: rotate(0);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
+@-webkit-keyframes fabric-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes fabric-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0);
     transform: rotate(0);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
-/*! Progress Button Layout */
 .e-progress-btn {
@@ -28,5 +51,7 @@ position: relative;
   top: 0;
+  -webkit-transition: opacity 0.3s linear;
   transition: opacity 0.3s linear;
 }
 .e-progress-btn .e-spinner {
+  -webkit-transition: all 0.3s linear;
   transition: all 0.3s linear;
@@ -64,2 +89,3 @@ }
 .e-progress-btn.e-spin-top, .e-progress-btn.e-spin-bottom {
+  -webkit-transition: padding 0.3s linear;
   transition: padding 0.3s linear;
@@ -74,6 +100,8 @@ }
 .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-center .e-spinner {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
 }
@@ -164,12 +192,16 @@ .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner {
   top: auto;
-  transform: none;
+  -webkit-transform: none;
+          transform: none;
 }
 .e-progress-btn .e-cont-animate {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: 100%;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   left: 0;
@@ -180,2 +212,12 @@ position: absolute;
 }
+@-webkit-keyframes ProgressSlideLeft {
+  from {
+    left: 0%;
+    opacity: 1;
+  }
+  to {
+    left: -100%;
+    opacity: 0;
+  }
+}
 @keyframes ProgressSlideLeft {
@@ -191,2 +233,12 @@ from {
 }
+@-webkit-keyframes ProgressSlideRight {
+  from {
+    left: 0%;
+    opacity: 1;
+  }
+  to {
+    left: 100%;
+    opacity: 0;
+  }
+}
 @keyframes ProgressSlideRight {
@@ -202,2 +254,14 @@ from {
 }
+@-webkit-keyframes ProgressSlideUp {
+  from {
+    height: auto;
+    opacity: 1;
+    top: 0;
+  }
+  to {
+    height: auto;
+    opacity: 0;
+    top: -100px;
+  }
+}
 @keyframes ProgressSlideUp {
@@ -215,2 +279,14 @@ from {
 }
+@-webkit-keyframes ProgressSlideDown {
+  from {
+    height: auto;
+    opacity: 1;
+    top: 0;
+  }
+  to {
+    height: auto;
+    opacity: 0;
+    top: 100px;
+  }
+}
 @keyframes ProgressSlideDown {
@@ -228,18 +304,44 @@ from {
 }
+@-webkit-keyframes ProgressZoomIn {
+  from {
+    opacity: 1;
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate(0, 0) scale(3);
+            transform: translate(0, 0) scale(3);
+  }
+}
 @keyframes ProgressZoomIn {
   from {
     opacity: 1;
-    transform: translate(0, 0) scale(1);
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
   }
   to {
     opacity: 0;
-    transform: translate(0, 0) scale(3);
+    -webkit-transform: translate(0, 0) scale(3);
+            transform: translate(0, 0) scale(3);
   }
 }
+@-webkit-keyframes ProgressZoomOut {
+  from {
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate(0, 0) scale(0);
+            transform: translate(0, 0) scale(0);
+  }
+}
 @keyframes ProgressZoomOut {
   from {
-    transform: translate(0, 0) scale(1);
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
   }
   to {
-    transform: translate(0, 0) scale(0);
+    -webkit-transform: translate(0, 0) scale(0);
+            transform: translate(0, 0) scale(0);
   }
@@ -333,5 +435,2 @@ }
 }
-.e-progress-btn.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(255, 255, 255, 0.7);
-}
 .e-progress-btn.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
@@ -344,5 +443,2 @@ stroke: #fff;
 }
-.e-progress-btn.e-primary.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(255, 255, 255, 0.7);
-}
 .e-progress-btn.e-primary.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
@@ -355,5 +451,2 @@ stroke: #fff;
 }
-.e-progress-btn.e-success .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(255, 255, 255, 0.7);
-}
 .e-progress-btn.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
@@ -366,5 +459,2 @@ stroke: #fff;
 }
-.e-progress-btn.e-success.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(255, 255, 255, 0.7);
-}
 .e-progress-btn.e-success.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
@@ -377,5 +467,2 @@ stroke: #2ed889;
 }
-.e-progress-btn.e-info .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(0, 0, 0, 0.7);
-}
 .e-progress-btn.e-info .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
@@ -388,5 +475,2 @@ stroke: #000;
 }
-.e-progress-btn.e-info.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(255, 255, 255, 0.7);
-}
 .e-progress-btn.e-info.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
@@ -399,5 +483,2 @@ stroke: #0dcaf0;
 }
-.e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(0, 0, 0, 0.7);
-}
 .e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
@@ -411,3 +492,3 @@ stroke: #000;
 .e-progress-btn.e-warning.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(255, 255, 255, 0.7);
+  stroke: #ffce3a;
 }
@@ -421,5 +502,2 @@ .e-progress-btn.e-warning.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
 }
-.e-progress-btn.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(255, 255, 255, 0.7);
-}
 .e-progress-btn.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
@@ -432,5 +510,2 @@ stroke: #fff;
 }
-.e-progress-btn.e-danger.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(255, 255, 255, 0.7);
-}
 .e-progress-btn.e-danger.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
@@ -443,5 +518,2 @@ stroke: #eb8c95;
 }
-.e-progress-btn.e-outline.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(13, 110, 253, 0.7);
-}
 .e-progress-btn.e-outline.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc {
@@ -454,5 +526,2 @@ stroke: #0d6efd;
 }
-.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-success .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(25, 135, 84, 0.7);
-}
 .e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
@@ -465,5 +534,2 @@ stroke: #198754;
 }
-.e-progress-btn.e-outline.e-info .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-info .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(13, 202, 240, 0.7);
-}
 .e-progress-btn.e-outline.e-info .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-info .e-spinner-pane .e-spinner-inner svg .e-path-arc {
@@ -476,5 +542,2 @@ stroke: #0dcaf0;
 }
-.e-progress-btn.e-outline.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(255, 193, 7, 0.7);
-}
 .e-progress-btn.e-outline.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-arc {
@@ -487,5 +550,2 @@ stroke: #ffc107;
 }
-.e-progress-btn.e-outline.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(220, 53, 69, 0.7);
-}
 .e-progress-btn.e-outline.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-arc {
@@ -498,5 +558,2 @@ stroke: #dc3545;
 }
-.e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(13, 110, 253, 0.7);
-}
 .e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg .e-path-arc {
@@ -512,55 +569,10 @@ stroke: #0d6efd;
 *.e-success .e-progress,
-*.e-danger .e-progress,
-*.e-info .e-progress {
+*.e-danger .e-progress {
   background: rgba(173, 181, 189, 0.2);
 }
 
-*.e-flat.e-primary .e-progress {
-  background: rgba(255, 255, 255, 0.2);
+*.e-info .e-progress {
+  background: rgba(173, 181, 189, 0.2);
 }
-*.e-flat.e-success .e-progress {
-  background: rgba(255, 255, 255, 0.2);
-}
-*.e-flat.e-info .e-progress {
-  background: rgba(0, 0, 0, 0.2);
-}
-*.e-flat.e-warning .e-progress {
-  background: rgba(0, 0, 0, 0.2);
-}
-*.e-flat.e-danger .e-progress {
-  background: rgba(255, 255, 255, 0.2);
-}
 
-*.e-outline:not(:focus).e-primary .e-progress {
-  background: rgba(13, 110, 253, 0.2);
-}
-*.e-outline:not(:focus).e-success .e-progress {
-  background: rgba(25, 135, 84, 0.2);
-}
-*.e-outline:not(:focus).e-info .e-progress {
-  background: rgba(13, 202, 240, 0.2);
-}
-*.e-outline:not(:focus).e-warning .e-progress {
-  background: rgba(255, 193, 7, 0.2);
-}
-*.e-outline:not(:focus).e-danger .e-progress {
-  background: rgba(220, 53, 69, 0.2);
-}
-
-*.e-flat:not(:focus).e-primary .e-progress {
-  background: rgba(13, 110, 253, 0.2);
-}
-*.e-flat:not(:focus).e-success .e-progress {
-  background: rgba(25, 135, 84, 0.2);
-}
-*.e-flat:not(:focus).e-info .e-progress {
-  background: rgba(13, 202, 240, 0.2);
-}
-*.e-flat:not(:focus).e-warning .e-progress {
-  background: rgba(255, 193, 7, 0.2);
-}
-*.e-flat:not(:focus).e-danger .e-progress {
-  background: rgba(220, 53, 69, 0.2);
-}
-
 .e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
@@ -567,0 +579,0 @@ fill: #868e96;

styles/progress-button/bootstrap5.css

 /* stylelint-disable property-no-vendor-prefix */
+@-webkit-keyframes material-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes material-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0);
     transform: rotate(0);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
+@-webkit-keyframes fabric-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes fabric-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0);
     transform: rotate(0);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
-/*! Progress Button Layout */
 .e-progress-btn {
@@ -28,5 +51,7 @@ position: relative;
   top: 0;
+  -webkit-transition: opacity 0.3s linear;
   transition: opacity 0.3s linear;
 }
 .e-progress-btn .e-spinner {
+  -webkit-transition: all 0.3s linear;
   transition: all 0.3s linear;
@@ -64,2 +89,3 @@ }
 .e-progress-btn.e-spin-top, .e-progress-btn.e-spin-bottom {
+  -webkit-transition: padding 0.3s linear;
   transition: padding 0.3s linear;
@@ -74,6 +100,8 @@ }
 .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-center .e-spinner {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
 }
@@ -164,12 +192,16 @@ .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner {
   top: auto;
-  transform: none;
+  -webkit-transform: none;
+          transform: none;
 }
 .e-progress-btn .e-cont-animate {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: 100%;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   left: 0;
@@ -180,2 +212,12 @@ position: absolute;
 }
+@-webkit-keyframes ProgressSlideLeft {
+  from {
+    left: 0%;
+    opacity: 1;
+  }
+  to {
+    left: -100%;
+    opacity: 0;
+  }
+}
 @keyframes ProgressSlideLeft {
@@ -191,2 +233,12 @@ from {
 }
+@-webkit-keyframes ProgressSlideRight {
+  from {
+    left: 0%;
+    opacity: 1;
+  }
+  to {
+    left: 100%;
+    opacity: 0;
+  }
+}
 @keyframes ProgressSlideRight {
@@ -202,2 +254,14 @@ from {
 }
+@-webkit-keyframes ProgressSlideUp {
+  from {
+    height: auto;
+    opacity: 1;
+    top: 0;
+  }
+  to {
+    height: auto;
+    opacity: 0;
+    top: -100px;
+  }
+}
 @keyframes ProgressSlideUp {
@@ -215,2 +279,14 @@ from {
 }
+@-webkit-keyframes ProgressSlideDown {
+  from {
+    height: auto;
+    opacity: 1;
+    top: 0;
+  }
+  to {
+    height: auto;
+    opacity: 0;
+    top: 100px;
+  }
+}
 @keyframes ProgressSlideDown {
@@ -228,18 +304,44 @@ from {
 }
+@-webkit-keyframes ProgressZoomIn {
+  from {
+    opacity: 1;
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate(0, 0) scale(3);
+            transform: translate(0, 0) scale(3);
+  }
+}
 @keyframes ProgressZoomIn {
   from {
     opacity: 1;
-    transform: translate(0, 0) scale(1);
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
   }
   to {
     opacity: 0;
-    transform: translate(0, 0) scale(3);
+    -webkit-transform: translate(0, 0) scale(3);
+            transform: translate(0, 0) scale(3);
   }
 }
+@-webkit-keyframes ProgressZoomOut {
+  from {
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate(0, 0) scale(0);
+            transform: translate(0, 0) scale(0);
+  }
+}
 @keyframes ProgressZoomOut {
   from {
-    transform: translate(0, 0) scale(1);
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
   }
   to {
-    transform: translate(0, 0) scale(0);
+    -webkit-transform: translate(0, 0) scale(0);
+            transform: translate(0, 0) scale(0);
   }
@@ -333,5 +435,2 @@ }
 }
-.e-progress-btn.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(255, 255, 255, 0.7);
-}
 .e-progress-btn.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
@@ -344,5 +443,2 @@ stroke: #fff;
 }
-.e-progress-btn.e-primary.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(255, 255, 255, 0.7);
-}
 .e-progress-btn.e-primary.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
@@ -355,5 +451,2 @@ stroke: #fff;
 }
-.e-progress-btn.e-success .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(255, 255, 255, 0.7);
-}
 .e-progress-btn.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
@@ -366,5 +459,2 @@ stroke: #fff;
 }
-.e-progress-btn.e-success.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(255, 255, 255, 0.7);
-}
 .e-progress-btn.e-success.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
@@ -377,5 +467,2 @@ stroke: #198754;
 }
-.e-progress-btn.e-info .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(0, 0, 0, 0.7);
-}
 .e-progress-btn.e-info .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
@@ -388,5 +475,2 @@ stroke: #000;
 }
-.e-progress-btn.e-info.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(255, 255, 255, 0.7);
-}
 .e-progress-btn.e-info.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
@@ -399,5 +483,2 @@ stroke: #0dcaf0;
 }
-.e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(0, 0, 0, 0.7);
-}
 .e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
@@ -411,3 +492,3 @@ stroke: #000;
 .e-progress-btn.e-warning.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(255, 255, 255, 0.7);
+  stroke: #ffc107;
 }
@@ -421,5 +502,2 @@ .e-progress-btn.e-warning.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
 }
-.e-progress-btn.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(255, 255, 255, 0.7);
-}
 .e-progress-btn.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
@@ -432,5 +510,2 @@ stroke: #fff;
 }
-.e-progress-btn.e-danger.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(255, 255, 255, 0.7);
-}
 .e-progress-btn.e-danger.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
@@ -443,5 +518,2 @@ stroke: #dc3545;
 }
-.e-progress-btn.e-outline.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(13, 110, 253, 0.7);
-}
 .e-progress-btn.e-outline.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc {
@@ -454,5 +526,2 @@ stroke: #0d6efd;
 }
-.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-success .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(25, 135, 84, 0.7);
-}
 .e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
@@ -465,5 +534,2 @@ stroke: #198754;
 }
-.e-progress-btn.e-outline.e-info .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-info .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(13, 202, 240, 0.7);
-}
 .e-progress-btn.e-outline.e-info .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-info .e-spinner-pane .e-spinner-inner svg .e-path-arc {
@@ -476,5 +542,2 @@ stroke: #0dcaf0;
 }
-.e-progress-btn.e-outline.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(255, 193, 7, 0.7);
-}
 .e-progress-btn.e-outline.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-arc {
@@ -487,5 +550,2 @@ stroke: #ffc107;
 }
-.e-progress-btn.e-outline.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(220, 53, 69, 0.7);
-}
 .e-progress-btn.e-outline.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-arc {
@@ -498,5 +558,2 @@ stroke: #dc3545;
 }
-.e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(13, 110, 253, 0.7);
-}
 .e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg .e-path-arc {
@@ -512,55 +569,10 @@ stroke: #0d6efd;
 *.e-success .e-progress,
-*.e-danger .e-progress,
-*.e-info .e-progress {
+*.e-danger .e-progress {
   background: rgba(108, 117, 125, 0.2);
 }
 
-*.e-flat.e-primary .e-progress {
-  background: rgba(255, 255, 255, 0.2);
+*.e-info .e-progress {
+  background: rgba(108, 117, 125, 0.2);
 }
-*.e-flat.e-success .e-progress {
-  background: rgba(255, 255, 255, 0.2);
-}
-*.e-flat.e-info .e-progress {
-  background: rgba(0, 0, 0, 0.2);
-}
-*.e-flat.e-warning .e-progress {
-  background: rgba(0, 0, 0, 0.2);
-}
-*.e-flat.e-danger .e-progress {
-  background: rgba(255, 255, 255, 0.2);
-}
 
-*.e-outline:not(:focus).e-primary .e-progress {
-  background: rgba(13, 110, 253, 0.2);
-}
-*.e-outline:not(:focus).e-success .e-progress {
-  background: rgba(25, 135, 84, 0.2);
-}
-*.e-outline:not(:focus).e-info .e-progress {
-  background: rgba(13, 202, 240, 0.2);
-}
-*.e-outline:not(:focus).e-warning .e-progress {
-  background: rgba(255, 193, 7, 0.2);
-}
-*.e-outline:not(:focus).e-danger .e-progress {
-  background: rgba(220, 53, 69, 0.2);
-}
-
-*.e-flat:not(:focus).e-primary .e-progress {
-  background: rgba(13, 110, 253, 0.2);
-}
-*.e-flat:not(:focus).e-success .e-progress {
-  background: rgba(25, 135, 84, 0.2);
-}
-*.e-flat:not(:focus).e-info .e-progress {
-  background: rgba(13, 202, 240, 0.2);
-}
-*.e-flat:not(:focus).e-warning .e-progress {
-  background: rgba(255, 193, 7, 0.2);
-}
-*.e-flat:not(:focus).e-danger .e-progress {
-  background: rgba(220, 53, 69, 0.2);
-}
-
 .e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
@@ -567,0 +579,0 @@ fill: #6c757d;

styles/progress-button/fabric-dark.css

 /* stylelint-disable property-no-vendor-prefix */
+@-webkit-keyframes material-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes material-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0);
     transform: rotate(0);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
+@-webkit-keyframes fabric-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes fabric-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0);
     transform: rotate(0);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
-/*! Progress Button Layout */
 .e-progress-btn {
@@ -28,5 +51,7 @@ position: relative;
   top: 0;
+  -webkit-transition: opacity 0.3s linear;
   transition: opacity 0.3s linear;
 }
 .e-progress-btn .e-spinner {
+  -webkit-transition: all 0.3s linear;
   transition: all 0.3s linear;
@@ -64,2 +89,3 @@ }
 .e-progress-btn.e-spin-top, .e-progress-btn.e-spin-bottom {
+  -webkit-transition: padding 0.3s linear;
   transition: padding 0.3s linear;
@@ -74,6 +100,8 @@ }
 .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-center .e-spinner {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
 }
@@ -164,12 +192,16 @@ .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner {
   top: auto;
-  transform: none;
+  -webkit-transform: none;
+          transform: none;
 }
 .e-progress-btn .e-cont-animate {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: 100%;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   left: 0;
@@ -180,2 +212,12 @@ position: absolute;
 }
+@-webkit-keyframes ProgressSlideLeft {
+  from {
+    left: 0%;
+    opacity: 1;
+  }
+  to {
+    left: -100%;
+    opacity: 0;
+  }
+}
 @keyframes ProgressSlideLeft {
@@ -191,2 +233,12 @@ from {
 }
+@-webkit-keyframes ProgressSlideRight {
+  from {
+    left: 0%;
+    opacity: 1;
+  }
+  to {
+    left: 100%;
+    opacity: 0;
+  }
+}
 @keyframes ProgressSlideRight {
@@ -202,2 +254,14 @@ from {
 }
+@-webkit-keyframes ProgressSlideUp {
+  from {
+    height: auto;
+    opacity: 1;
+    top: 0;
+  }
+  to {
+    height: auto;
+    opacity: 0;
+    top: -100px;
+  }
+}
 @keyframes ProgressSlideUp {
@@ -215,2 +279,14 @@ from {
 }
+@-webkit-keyframes ProgressSlideDown {
+  from {
+    height: auto;
+    opacity: 1;
+    top: 0;
+  }
+  to {
+    height: auto;
+    opacity: 0;
+    top: 100px;
+  }
+}
 @keyframes ProgressSlideDown {
@@ -228,18 +304,44 @@ from {
 }
+@-webkit-keyframes ProgressZoomIn {
+  from {
+    opacity: 1;
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate(0, 0) scale(3);
+            transform: translate(0, 0) scale(3);
+  }
+}
 @keyframes ProgressZoomIn {
   from {
     opacity: 1;
-    transform: translate(0, 0) scale(1);
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
   }
   to {
     opacity: 0;
-    transform: translate(0, 0) scale(3);
+    -webkit-transform: translate(0, 0) scale(3);
+            transform: translate(0, 0) scale(3);
   }
 }
+@-webkit-keyframes ProgressZoomOut {
+  from {
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate(0, 0) scale(0);
+            transform: translate(0, 0) scale(0);
+  }
+}
 @keyframes ProgressZoomOut {
   from {
-    transform: translate(0, 0) scale(1);
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
   }
   to {
-    transform: translate(0, 0) scale(0);
+    -webkit-transform: translate(0, 0) scale(0);
+            transform: translate(0, 0) scale(0);
   }
@@ -451,3 +553,6 @@ }
 *.e-success .e-progress,
-*.e-danger .e-progress,
+*.e-danger .e-progress {
+  background: rgba(218, 218, 218, 0.2);
+}
+
 *.e-info .e-progress {
@@ -454,0 +559,0 @@ background: rgba(218, 218, 218, 0.2);

styles/progress-button/fabric.css

 /* stylelint-disable property-no-vendor-prefix */
+@-webkit-keyframes material-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes material-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0);
     transform: rotate(0);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
+@-webkit-keyframes fabric-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes fabric-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0);
     transform: rotate(0);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
-/*! Progress Button Layout */
 .e-progress-btn {
@@ -28,5 +51,7 @@ position: relative;
   top: 0;
+  -webkit-transition: opacity 0.3s linear;
   transition: opacity 0.3s linear;
 }
 .e-progress-btn .e-spinner {
+  -webkit-transition: all 0.3s linear;
   transition: all 0.3s linear;
@@ -64,2 +89,3 @@ }
 .e-progress-btn.e-spin-top, .e-progress-btn.e-spin-bottom {
+  -webkit-transition: padding 0.3s linear;
   transition: padding 0.3s linear;
@@ -74,6 +100,8 @@ }
 .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-center .e-spinner {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
 }
@@ -164,12 +192,16 @@ .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner {
   top: auto;
-  transform: none;
+  -webkit-transform: none;
+          transform: none;
 }
 .e-progress-btn .e-cont-animate {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: 100%;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   left: 0;
@@ -180,2 +212,12 @@ position: absolute;
 }
+@-webkit-keyframes ProgressSlideLeft {
+  from {
+    left: 0%;
+    opacity: 1;
+  }
+  to {
+    left: -100%;
+    opacity: 0;
+  }
+}
 @keyframes ProgressSlideLeft {
@@ -191,2 +233,12 @@ from {
 }
+@-webkit-keyframes ProgressSlideRight {
+  from {
+    left: 0%;
+    opacity: 1;
+  }
+  to {
+    left: 100%;
+    opacity: 0;
+  }
+}
 @keyframes ProgressSlideRight {
@@ -202,2 +254,14 @@ from {
 }
+@-webkit-keyframes ProgressSlideUp {
+  from {
+    height: auto;
+    opacity: 1;
+    top: 0;
+  }
+  to {
+    height: auto;
+    opacity: 0;
+    top: -100px;
+  }
+}
 @keyframes ProgressSlideUp {
@@ -215,2 +279,14 @@ from {
 }
+@-webkit-keyframes ProgressSlideDown {
+  from {
+    height: auto;
+    opacity: 1;
+    top: 0;
+  }
+  to {
+    height: auto;
+    opacity: 0;
+    top: 100px;
+  }
+}
 @keyframes ProgressSlideDown {
@@ -228,18 +304,44 @@ from {
 }
+@-webkit-keyframes ProgressZoomIn {
+  from {
+    opacity: 1;
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate(0, 0) scale(3);
+            transform: translate(0, 0) scale(3);
+  }
+}
 @keyframes ProgressZoomIn {
   from {
     opacity: 1;
-    transform: translate(0, 0) scale(1);
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
   }
   to {
     opacity: 0;
-    transform: translate(0, 0) scale(3);
+    -webkit-transform: translate(0, 0) scale(3);
+            transform: translate(0, 0) scale(3);
   }
 }
+@-webkit-keyframes ProgressZoomOut {
+  from {
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate(0, 0) scale(0);
+            transform: translate(0, 0) scale(0);
+  }
+}
 @keyframes ProgressZoomOut {
   from {
-    transform: translate(0, 0) scale(1);
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
   }
   to {
-    transform: translate(0, 0) scale(0);
+    -webkit-transform: translate(0, 0) scale(0);
+            transform: translate(0, 0) scale(0);
   }
@@ -496,3 +598,6 @@ }
 *.e-success .e-progress,
-*.e-danger .e-progress,
+*.e-danger .e-progress {
+  background: rgba(0, 0, 0, 0.2);
+}
+
 *.e-info .e-progress {
@@ -499,0 +604,0 @@ background: rgba(0, 0, 0, 0.2);

styles/progress-button/fluent-dark.css

 /* stylelint-disable property-no-vendor-prefix */
+@-webkit-keyframes material-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes material-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0);
     transform: rotate(0);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
+@-webkit-keyframes fabric-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes fabric-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0);
     transform: rotate(0);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
-/*! Progress Button Layout */
 .e-progress-btn {
@@ -28,5 +51,7 @@ position: relative;
   top: 0;
+  -webkit-transition: opacity 0.3s linear;
   transition: opacity 0.3s linear;
 }
 .e-progress-btn .e-spinner {
+  -webkit-transition: all 0.3s linear;
   transition: all 0.3s linear;
@@ -64,2 +89,3 @@ }
 .e-progress-btn.e-spin-top, .e-progress-btn.e-spin-bottom {
+  -webkit-transition: padding 0.3s linear;
   transition: padding 0.3s linear;
@@ -74,6 +100,8 @@ }
 .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-center .e-spinner {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
 }
@@ -164,12 +192,16 @@ .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner {
   top: auto;
-  transform: none;
+  -webkit-transform: none;
+          transform: none;
 }
 .e-progress-btn .e-cont-animate {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: 100%;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   left: 0;
@@ -180,2 +212,12 @@ position: absolute;
 }
+@-webkit-keyframes ProgressSlideLeft {
+  from {
+    left: 0%;
+    opacity: 1;
+  }
+  to {
+    left: -100%;
+    opacity: 0;
+  }
+}
 @keyframes ProgressSlideLeft {
@@ -191,2 +233,12 @@ from {
 }
+@-webkit-keyframes ProgressSlideRight {
+  from {
+    left: 0%;
+    opacity: 1;
+  }
+  to {
+    left: 100%;
+    opacity: 0;
+  }
+}
 @keyframes ProgressSlideRight {
@@ -202,2 +254,14 @@ from {
 }
+@-webkit-keyframes ProgressSlideUp {
+  from {
+    height: auto;
+    opacity: 1;
+    top: 0;
+  }
+  to {
+    height: auto;
+    opacity: 0;
+    top: -100px;
+  }
+}
 @keyframes ProgressSlideUp {
@@ -215,2 +279,14 @@ from {
 }
+@-webkit-keyframes ProgressSlideDown {
+  from {
+    height: auto;
+    opacity: 1;
+    top: 0;
+  }
+  to {
+    height: auto;
+    opacity: 0;
+    top: 100px;
+  }
+}
 @keyframes ProgressSlideDown {
@@ -228,18 +304,44 @@ from {
 }
+@-webkit-keyframes ProgressZoomIn {
+  from {
+    opacity: 1;
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate(0, 0) scale(3);
+            transform: translate(0, 0) scale(3);
+  }
+}
 @keyframes ProgressZoomIn {
   from {
     opacity: 1;
-    transform: translate(0, 0) scale(1);
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
   }
   to {
     opacity: 0;
-    transform: translate(0, 0) scale(3);
+    -webkit-transform: translate(0, 0) scale(3);
+            transform: translate(0, 0) scale(3);
   }
 }
+@-webkit-keyframes ProgressZoomOut {
+  from {
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate(0, 0) scale(0);
+            transform: translate(0, 0) scale(0);
+  }
+}
 @keyframes ProgressZoomOut {
   from {
-    transform: translate(0, 0) scale(1);
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
   }
   to {
-    transform: translate(0, 0) scale(0);
+    -webkit-transform: translate(0, 0) scale(0);
+            transform: translate(0, 0) scale(0);
   }
@@ -496,3 +598,6 @@ }
 *.e-success .e-progress,
-*.e-danger .e-progress,
+*.e-danger .e-progress {
+  background: rgba(161, 159, 157, 0.2);
+}
+
 *.e-info .e-progress {
@@ -499,0 +604,0 @@ background: rgba(161, 159, 157, 0.2);

styles/progress-button/fluent.css

 /* stylelint-disable property-no-vendor-prefix */
+@-webkit-keyframes material-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes material-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0);
     transform: rotate(0);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
+@-webkit-keyframes fabric-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes fabric-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0);
     transform: rotate(0);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
-/*! Progress Button Layout */
 .e-progress-btn {
@@ -28,5 +51,7 @@ position: relative;
   top: 0;
+  -webkit-transition: opacity 0.3s linear;
   transition: opacity 0.3s linear;
 }
 .e-progress-btn .e-spinner {
+  -webkit-transition: all 0.3s linear;
   transition: all 0.3s linear;
@@ -64,2 +89,3 @@ }
 .e-progress-btn.e-spin-top, .e-progress-btn.e-spin-bottom {
+  -webkit-transition: padding 0.3s linear;
   transition: padding 0.3s linear;
@@ -74,6 +100,8 @@ }
 .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-center .e-spinner {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
 }
@@ -164,12 +192,16 @@ .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner {
   top: auto;
-  transform: none;
+  -webkit-transform: none;
+          transform: none;
 }
 .e-progress-btn .e-cont-animate {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: 100%;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   left: 0;
@@ -180,2 +212,12 @@ position: absolute;
 }
+@-webkit-keyframes ProgressSlideLeft {
+  from {
+    left: 0%;
+    opacity: 1;
+  }
+  to {
+    left: -100%;
+    opacity: 0;
+  }
+}
 @keyframes ProgressSlideLeft {
@@ -191,2 +233,12 @@ from {
 }
+@-webkit-keyframes ProgressSlideRight {
+  from {
+    left: 0%;
+    opacity: 1;
+  }
+  to {
+    left: 100%;
+    opacity: 0;
+  }
+}
 @keyframes ProgressSlideRight {
@@ -202,2 +254,14 @@ from {
 }
+@-webkit-keyframes ProgressSlideUp {
+  from {
+    height: auto;
+    opacity: 1;
+    top: 0;
+  }
+  to {
+    height: auto;
+    opacity: 0;
+    top: -100px;
+  }
+}
 @keyframes ProgressSlideUp {
@@ -215,2 +279,14 @@ from {
 }
+@-webkit-keyframes ProgressSlideDown {
+  from {
+    height: auto;
+    opacity: 1;
+    top: 0;
+  }
+  to {
+    height: auto;
+    opacity: 0;
+    top: 100px;
+  }
+}
 @keyframes ProgressSlideDown {
@@ -228,18 +304,44 @@ from {
 }
+@-webkit-keyframes ProgressZoomIn {
+  from {
+    opacity: 1;
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate(0, 0) scale(3);
+            transform: translate(0, 0) scale(3);
+  }
+}
 @keyframes ProgressZoomIn {
   from {
     opacity: 1;
-    transform: translate(0, 0) scale(1);
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
   }
   to {
     opacity: 0;
-    transform: translate(0, 0) scale(3);
+    -webkit-transform: translate(0, 0) scale(3);
+            transform: translate(0, 0) scale(3);
   }
 }
+@-webkit-keyframes ProgressZoomOut {
+  from {
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate(0, 0) scale(0);
+            transform: translate(0, 0) scale(0);
+  }
+}
 @keyframes ProgressZoomOut {
   from {
-    transform: translate(0, 0) scale(1);
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
   }
   to {
-    transform: translate(0, 0) scale(0);
+    -webkit-transform: translate(0, 0) scale(0);
+            transform: translate(0, 0) scale(0);
   }
@@ -496,3 +598,6 @@ }
 *.e-success .e-progress,
-*.e-danger .e-progress,
+*.e-danger .e-progress {
+  background: rgba(96, 94, 92, 0.2);
+}
+
 *.e-info .e-progress {
@@ -499,0 +604,0 @@ background: rgba(96, 94, 92, 0.2);

styles/progress-button/highcontrast-light.css

 /* stylelint-disable property-no-vendor-prefix */
+@-webkit-keyframes material-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes material-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0);
     transform: rotate(0);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
+@-webkit-keyframes fabric-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes fabric-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0);
     transform: rotate(0);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
-/*! Progress Button Layout */
 .e-progress-btn {
@@ -28,5 +51,7 @@ position: relative;
   top: 0;
+  -webkit-transition: opacity 0.3s linear;
   transition: opacity 0.3s linear;
 }
 .e-progress-btn .e-spinner {
+  -webkit-transition: all 0.3s linear;
   transition: all 0.3s linear;
@@ -64,2 +89,3 @@ }
 .e-progress-btn.e-spin-top, .e-progress-btn.e-spin-bottom {
+  -webkit-transition: padding 0.3s linear;
   transition: padding 0.3s linear;
@@ -74,6 +100,8 @@ }
 .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-center .e-spinner {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
 }
@@ -164,12 +192,16 @@ .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner {
   top: auto;
-  transform: none;
+  -webkit-transform: none;
+          transform: none;
 }
 .e-progress-btn .e-cont-animate {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: 100%;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   left: 0;
@@ -180,2 +212,12 @@ position: absolute;
 }
+@-webkit-keyframes ProgressSlideLeft {
+  from {
+    left: 0%;
+    opacity: 1;
+  }
+  to {
+    left: -100%;
+    opacity: 0;
+  }
+}
 @keyframes ProgressSlideLeft {
@@ -191,2 +233,12 @@ from {
 }
+@-webkit-keyframes ProgressSlideRight {
+  from {
+    left: 0%;
+    opacity: 1;
+  }
+  to {
+    left: 100%;
+    opacity: 0;
+  }
+}
 @keyframes ProgressSlideRight {
@@ -202,2 +254,14 @@ from {
 }
+@-webkit-keyframes ProgressSlideUp {
+  from {
+    height: auto;
+    opacity: 1;
+    top: 0;
+  }
+  to {
+    height: auto;
+    opacity: 0;
+    top: -100px;
+  }
+}
 @keyframes ProgressSlideUp {
@@ -215,2 +279,14 @@ from {
 }
+@-webkit-keyframes ProgressSlideDown {
+  from {
+    height: auto;
+    opacity: 1;
+    top: 0;
+  }
+  to {
+    height: auto;
+    opacity: 0;
+    top: 100px;
+  }
+}
 @keyframes ProgressSlideDown {
@@ -228,18 +304,44 @@ from {
 }
+@-webkit-keyframes ProgressZoomIn {
+  from {
+    opacity: 1;
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate(0, 0) scale(3);
+            transform: translate(0, 0) scale(3);
+  }
+}
 @keyframes ProgressZoomIn {
   from {
     opacity: 1;
-    transform: translate(0, 0) scale(1);
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
   }
   to {
     opacity: 0;
-    transform: translate(0, 0) scale(3);
+    -webkit-transform: translate(0, 0) scale(3);
+            transform: translate(0, 0) scale(3);
   }
 }
+@-webkit-keyframes ProgressZoomOut {
+  from {
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate(0, 0) scale(0);
+            transform: translate(0, 0) scale(0);
+  }
+}
 @keyframes ProgressZoomOut {
   from {
-    transform: translate(0, 0) scale(1);
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
   }
   to {
-    transform: translate(0, 0) scale(0);
+    -webkit-transform: translate(0, 0) scale(0);
+            transform: translate(0, 0) scale(0);
   }
@@ -451,3 +553,6 @@ }
 *.e-success .e-progress,
-*.e-danger .e-progress,
+*.e-danger .e-progress {
+  background: rgba(255, 255, 255, 0.3);
+}
+
 *.e-info .e-progress {
@@ -454,0 +559,0 @@ background: rgba(255, 255, 255, 0.3);

styles/progress-button/highcontrast.css

 /* stylelint-disable property-no-vendor-prefix */
+@-webkit-keyframes material-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes material-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0);
     transform: rotate(0);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
+@-webkit-keyframes fabric-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes fabric-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0);
     transform: rotate(0);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
-/*! Progress Button Layout */
 .e-progress-btn {
@@ -28,5 +51,7 @@ position: relative;
   top: 0;
+  -webkit-transition: opacity 0.3s linear;
   transition: opacity 0.3s linear;
 }
 .e-progress-btn .e-spinner {
+  -webkit-transition: all 0.3s linear;
   transition: all 0.3s linear;
@@ -64,2 +89,3 @@ }
 .e-progress-btn.e-spin-top, .e-progress-btn.e-spin-bottom {
+  -webkit-transition: padding 0.3s linear;
   transition: padding 0.3s linear;
@@ -74,6 +100,8 @@ }
 .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-center .e-spinner {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
 }
@@ -164,12 +192,16 @@ .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner {
   top: auto;
-  transform: none;
+  -webkit-transform: none;
+          transform: none;
 }
 .e-progress-btn .e-cont-animate {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: 100%;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   left: 0;
@@ -180,2 +212,12 @@ position: absolute;
 }
+@-webkit-keyframes ProgressSlideLeft {
+  from {
+    left: 0%;
+    opacity: 1;
+  }
+  to {
+    left: -100%;
+    opacity: 0;
+  }
+}
 @keyframes ProgressSlideLeft {
@@ -191,2 +233,12 @@ from {
 }
+@-webkit-keyframes ProgressSlideRight {
+  from {
+    left: 0%;
+    opacity: 1;
+  }
+  to {
+    left: 100%;
+    opacity: 0;
+  }
+}
 @keyframes ProgressSlideRight {
@@ -202,2 +254,14 @@ from {
 }
+@-webkit-keyframes ProgressSlideUp {
+  from {
+    height: auto;
+    opacity: 1;
+    top: 0;
+  }
+  to {
+    height: auto;
+    opacity: 0;
+    top: -100px;
+  }
+}
 @keyframes ProgressSlideUp {
@@ -215,2 +279,14 @@ from {
 }
+@-webkit-keyframes ProgressSlideDown {
+  from {
+    height: auto;
+    opacity: 1;
+    top: 0;
+  }
+  to {
+    height: auto;
+    opacity: 0;
+    top: 100px;
+  }
+}
 @keyframes ProgressSlideDown {
@@ -228,18 +304,44 @@ from {
 }
+@-webkit-keyframes ProgressZoomIn {
+  from {
+    opacity: 1;
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate(0, 0) scale(3);
+            transform: translate(0, 0) scale(3);
+  }
+}
 @keyframes ProgressZoomIn {
   from {
     opacity: 1;
-    transform: translate(0, 0) scale(1);
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
   }
   to {
     opacity: 0;
-    transform: translate(0, 0) scale(3);
+    -webkit-transform: translate(0, 0) scale(3);
+            transform: translate(0, 0) scale(3);
   }
 }
+@-webkit-keyframes ProgressZoomOut {
+  from {
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate(0, 0) scale(0);
+            transform: translate(0, 0) scale(0);
+  }
+}
 @keyframes ProgressZoomOut {
   from {
-    transform: translate(0, 0) scale(1);
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
   }
   to {
-    transform: translate(0, 0) scale(0);
+    -webkit-transform: translate(0, 0) scale(0);
+            transform: translate(0, 0) scale(0);
   }
@@ -451,3 +553,6 @@ }
 *.e-success .e-progress,
-*.e-danger .e-progress,
+*.e-danger .e-progress {
+  background: rgba(0, 0, 0, 0.3);
+}
+
 *.e-info .e-progress {
@@ -454,0 +559,0 @@ background: rgba(0, 0, 0, 0.3);

styles/progress-button/material-dark.css

 /* stylelint-disable property-no-vendor-prefix */
+@-webkit-keyframes material-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes material-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
+@-webkit-keyframes fabric-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes fabric-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
-/*! Progress Button Layout */
 .e-progress-btn {
@@ -28,5 +51,7 @@ position: relative;
   top: 0;
+  -webkit-transition: opacity 0.3s linear;
   transition: opacity 0.3s linear;
 }
 .e-progress-btn .e-spinner {
+  -webkit-transition: all 0.3s linear;
   transition: all 0.3s linear;
@@ -64,2 +89,3 @@ }
 .e-progress-btn.e-spin-top, .e-progress-btn.e-spin-bottom {
+  -webkit-transition: padding 0.3s linear;
   transition: padding 0.3s linear;
@@ -74,6 +100,8 @@ }
 .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-center .e-spinner {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
 }
@@ -164,12 +192,16 @@ .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner {
   top: auto;
-  transform: none;
+  -webkit-transform: none;
+          transform: none;
 }
 .e-progress-btn .e-cont-animate {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: 100%;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   left: 0;
@@ -180,2 +212,12 @@ position: absolute;
 }
+@-webkit-keyframes ProgressSlideLeft {
+  from {
+    left: 0%;
+    opacity: 1;
+  }
+  to {
+    left: -100%;
+    opacity: 0;
+  }
+}
 @keyframes ProgressSlideLeft {
@@ -191,2 +233,12 @@ from {
 }
+@-webkit-keyframes ProgressSlideRight {
+  from {
+    left: 0%;
+    opacity: 1;
+  }
+  to {
+    left: 100%;
+    opacity: 0;
+  }
+}
 @keyframes ProgressSlideRight {
@@ -202,2 +254,14 @@ from {
 }
+@-webkit-keyframes ProgressSlideUp {
+  from {
+    height: auto;
+    opacity: 1;
+    top: 0;
+  }
+  to {
+    height: auto;
+    opacity: 0;
+    top: -100px;
+  }
+}
 @keyframes ProgressSlideUp {
@@ -215,2 +279,14 @@ from {
 }
+@-webkit-keyframes ProgressSlideDown {
+  from {
+    height: auto;
+    opacity: 1;
+    top: 0;
+  }
+  to {
+    height: auto;
+    opacity: 0;
+    top: 100px;
+  }
+}
 @keyframes ProgressSlideDown {
@@ -228,18 +304,44 @@ from {
 }
+@-webkit-keyframes ProgressZoomIn {
+  from {
+    opacity: 1;
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate(0, 0) scale(3);
+            transform: translate(0, 0) scale(3);
+  }
+}
 @keyframes ProgressZoomIn {
   from {
     opacity: 1;
-    transform: translate(0, 0) scale(1);
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
   }
   to {
     opacity: 0;
-    transform: translate(0, 0) scale(3);
+    -webkit-transform: translate(0, 0) scale(3);
+            transform: translate(0, 0) scale(3);
   }
 }
+@-webkit-keyframes ProgressZoomOut {
+  from {
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate(0, 0) scale(0);
+            transform: translate(0, 0) scale(0);
+  }
+}
 @keyframes ProgressZoomOut {
   from {
-    transform: translate(0, 0) scale(1);
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
   }
   to {
-    transform: translate(0, 0) scale(0);
+    -webkit-transform: translate(0, 0) scale(0);
+            transform: translate(0, 0) scale(0);
   }
@@ -451,3 +553,6 @@ }
 *.e-success .e-progress,
-*.e-danger .e-progress,
+*.e-danger .e-progress {
+  background: rgba(0, 0, 0, 0.2);
+}
+
 *.e-info .e-progress {
@@ -454,0 +559,0 @@ background: rgba(0, 0, 0, 0.2);

styles/progress-button/material.css

 /* stylelint-disable property-no-vendor-prefix */
+@-webkit-keyframes material-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes material-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
+@-webkit-keyframes fabric-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes fabric-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
-/*! Progress Button Layout */
 .e-progress-btn {
@@ -28,5 +51,7 @@ position: relative;
   top: 0;
+  -webkit-transition: opacity 0.3s linear;
   transition: opacity 0.3s linear;
 }
 .e-progress-btn .e-spinner {
+  -webkit-transition: all 0.3s linear;
   transition: all 0.3s linear;
@@ -64,2 +89,3 @@ }
 .e-progress-btn.e-spin-top, .e-progress-btn.e-spin-bottom {
+  -webkit-transition: padding 0.3s linear;
   transition: padding 0.3s linear;
@@ -74,6 +100,8 @@ }
 .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-center .e-spinner {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
 }
@@ -164,12 +192,16 @@ .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner {
   top: auto;
-  transform: none;
+  -webkit-transform: none;
+          transform: none;
 }
 .e-progress-btn .e-cont-animate {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: 100%;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   left: 0;
@@ -180,2 +212,12 @@ position: absolute;
 }
+@-webkit-keyframes ProgressSlideLeft {
+  from {
+    left: 0%;
+    opacity: 1;
+  }
+  to {
+    left: -100%;
+    opacity: 0;
+  }
+}
 @keyframes ProgressSlideLeft {
@@ -191,2 +233,12 @@ from {
 }
+@-webkit-keyframes ProgressSlideRight {
+  from {
+    left: 0%;
+    opacity: 1;
+  }
+  to {
+    left: 100%;
+    opacity: 0;
+  }
+}
 @keyframes ProgressSlideRight {
@@ -202,2 +254,14 @@ from {
 }
+@-webkit-keyframes ProgressSlideUp {
+  from {
+    height: auto;
+    opacity: 1;
+    top: 0;
+  }
+  to {
+    height: auto;
+    opacity: 0;
+    top: -100px;
+  }
+}
 @keyframes ProgressSlideUp {
@@ -215,2 +279,14 @@ from {
 }
+@-webkit-keyframes ProgressSlideDown {
+  from {
+    height: auto;
+    opacity: 1;
+    top: 0;
+  }
+  to {
+    height: auto;
+    opacity: 0;
+    top: 100px;
+  }
+}
 @keyframes ProgressSlideDown {
@@ -228,18 +304,44 @@ from {
 }
+@-webkit-keyframes ProgressZoomIn {
+  from {
+    opacity: 1;
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate(0, 0) scale(3);
+            transform: translate(0, 0) scale(3);
+  }
+}
 @keyframes ProgressZoomIn {
   from {
     opacity: 1;
-    transform: translate(0, 0) scale(1);
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
   }
   to {
     opacity: 0;
-    transform: translate(0, 0) scale(3);
+    -webkit-transform: translate(0, 0) scale(3);
+            transform: translate(0, 0) scale(3);
   }
 }
+@-webkit-keyframes ProgressZoomOut {
+  from {
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate(0, 0) scale(0);
+            transform: translate(0, 0) scale(0);
+  }
+}
 @keyframes ProgressZoomOut {
   from {
-    transform: translate(0, 0) scale(1);
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
   }
   to {
-    transform: translate(0, 0) scale(0);
+    -webkit-transform: translate(0, 0) scale(0);
+            transform: translate(0, 0) scale(0);
   }
@@ -496,3 +598,6 @@ }
 *.e-success .e-progress,
-*.e-danger .e-progress,
+*.e-danger .e-progress {
+  background: rgba(0, 0, 0, 0.2);
+}
+
 *.e-info .e-progress {
@@ -499,0 +604,0 @@ background: rgba(0, 0, 0, 0.2);

styles/progress-button/material3-dark.css

@@ -47,3 +47,3 @@ :root {
   --color-sf-spreadsheet-gridline: 231, 224, 236;
-  --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
+  --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
   --color-sf-success-text: 0, 0, 0;
@@ -58,19 +58,42 @@ --color-sf-warning-text: 0, 0, 0;
 /* stylelint-disable property-no-vendor-prefix */
+@-webkit-keyframes material-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes material-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
+@-webkit-keyframes fabric-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes fabric-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
-/*! Progress Button Layout */
 .e-progress-btn {
@@ -85,5 +108,7 @@ position: relative;
   top: 0;
+  -webkit-transition: opacity 0.3s linear;
   transition: opacity 0.3s linear;
 }
 .e-progress-btn .e-spinner {
+  -webkit-transition: all 0.3s linear;
   transition: all 0.3s linear;
@@ -121,2 +146,3 @@ }
 .e-progress-btn.e-spin-top, .e-progress-btn.e-spin-bottom {
+  -webkit-transition: padding 0.3s linear;
   transition: padding 0.3s linear;
@@ -131,6 +157,8 @@ }
 .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-center .e-spinner {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
 }
@@ -221,12 +249,16 @@ .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner {
   top: auto;
-  transform: none;
+  -webkit-transform: none;
+          transform: none;
 }
 .e-progress-btn .e-cont-animate {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: 100%;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   left: 0;
@@ -237,2 +269,12 @@ position: absolute;
 }
+@-webkit-keyframes ProgressSlideLeft {
+  from {
+    left: 0%;
+    opacity: 1;
+  }
+  to {
+    left: -100%;
+    opacity: 0;
+  }
+}
 @keyframes ProgressSlideLeft {
@@ -248,2 +290,12 @@ from {
 }
+@-webkit-keyframes ProgressSlideRight {
+  from {
+    left: 0%;
+    opacity: 1;
+  }
+  to {
+    left: 100%;
+    opacity: 0;
+  }
+}
 @keyframes ProgressSlideRight {
@@ -259,2 +311,14 @@ from {
 }
+@-webkit-keyframes ProgressSlideUp {
+  from {
+    height: auto;
+    opacity: 1;
+    top: 0;
+  }
+  to {
+    height: auto;
+    opacity: 0;
+    top: -100px;
+  }
+}
 @keyframes ProgressSlideUp {
@@ -272,2 +336,14 @@ from {
 }
+@-webkit-keyframes ProgressSlideDown {
+  from {
+    height: auto;
+    opacity: 1;
+    top: 0;
+  }
+  to {
+    height: auto;
+    opacity: 0;
+    top: 100px;
+  }
+}
 @keyframes ProgressSlideDown {
@@ -285,18 +361,44 @@ from {
 }
+@-webkit-keyframes ProgressZoomIn {
+  from {
+    opacity: 1;
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate(0, 0) scale(3);
+            transform: translate(0, 0) scale(3);
+  }
+}
 @keyframes ProgressZoomIn {
   from {
     opacity: 1;
-    transform: translate(0, 0) scale(1);
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
   }
   to {
     opacity: 0;
-    transform: translate(0, 0) scale(3);
+    -webkit-transform: translate(0, 0) scale(3);
+            transform: translate(0, 0) scale(3);
   }
 }
+@-webkit-keyframes ProgressZoomOut {
+  from {
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate(0, 0) scale(0);
+            transform: translate(0, 0) scale(0);
+  }
+}
 @keyframes ProgressZoomOut {
   from {
-    transform: translate(0, 0) scale(1);
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
   }
   to {
-    transform: translate(0, 0) scale(0);
+    -webkit-transform: translate(0, 0) scale(0);
+            transform: translate(0, 0) scale(0);
   }
@@ -543,3 +645,6 @@ }
 *.e-success .e-progress,
-*.e-danger .e-progress,
+*.e-danger .e-progress {
+  background: rgba(var(--color-sf-on-surface), 0.12);
+}
+
 *.e-info .e-progress {
@@ -546,0 +651,0 @@ background: rgba(var(--color-sf-on-surface), 0.12);

styles/progress-button/material3.css

@@ -103,3 +103,3 @@ :root {
   --color-sf-spreadsheet-gridline: 231, 224, 236;
-  --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
+  --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
   --color-sf-success-text: 0, 0, 0;
@@ -114,19 +114,42 @@ --color-sf-warning-text: 0, 0, 0;
 /* stylelint-disable property-no-vendor-prefix */
+@-webkit-keyframes material-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes material-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
+@-webkit-keyframes fabric-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes fabric-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
-/*! Progress Button Layout */
 .e-progress-btn {
@@ -141,5 +164,7 @@ position: relative;
   top: 0;
+  -webkit-transition: opacity 0.3s linear;
   transition: opacity 0.3s linear;
 }
 .e-progress-btn .e-spinner {
+  -webkit-transition: all 0.3s linear;
   transition: all 0.3s linear;
@@ -177,2 +202,3 @@ }
 .e-progress-btn.e-spin-top, .e-progress-btn.e-spin-bottom {
+  -webkit-transition: padding 0.3s linear;
   transition: padding 0.3s linear;
@@ -187,6 +213,8 @@ }
 .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-center .e-spinner {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
 }
@@ -277,12 +305,16 @@ .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner {
   top: auto;
-  transform: none;
+  -webkit-transform: none;
+          transform: none;
 }
 .e-progress-btn .e-cont-animate {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: 100%;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   left: 0;
@@ -293,2 +325,12 @@ position: absolute;
 }
+@-webkit-keyframes ProgressSlideLeft {
+  from {
+    left: 0%;
+    opacity: 1;
+  }
+  to {
+    left: -100%;
+    opacity: 0;
+  }
+}
 @keyframes ProgressSlideLeft {
@@ -304,2 +346,12 @@ from {
 }
+@-webkit-keyframes ProgressSlideRight {
+  from {
+    left: 0%;
+    opacity: 1;
+  }
+  to {
+    left: 100%;
+    opacity: 0;
+  }
+}
 @keyframes ProgressSlideRight {
@@ -315,2 +367,14 @@ from {
 }
+@-webkit-keyframes ProgressSlideUp {
+  from {
+    height: auto;
+    opacity: 1;
+    top: 0;
+  }
+  to {
+    height: auto;
+    opacity: 0;
+    top: -100px;
+  }
+}
 @keyframes ProgressSlideUp {
@@ -328,2 +392,14 @@ from {
 }
+@-webkit-keyframes ProgressSlideDown {
+  from {
+    height: auto;
+    opacity: 1;
+    top: 0;
+  }
+  to {
+    height: auto;
+    opacity: 0;
+    top: 100px;
+  }
+}
 @keyframes ProgressSlideDown {
@@ -341,18 +417,44 @@ from {
 }
+@-webkit-keyframes ProgressZoomIn {
+  from {
+    opacity: 1;
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate(0, 0) scale(3);
+            transform: translate(0, 0) scale(3);
+  }
+}
 @keyframes ProgressZoomIn {
   from {
     opacity: 1;
-    transform: translate(0, 0) scale(1);
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
   }
   to {
     opacity: 0;
-    transform: translate(0, 0) scale(3);
+    -webkit-transform: translate(0, 0) scale(3);
+            transform: translate(0, 0) scale(3);
   }
 }
+@-webkit-keyframes ProgressZoomOut {
+  from {
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate(0, 0) scale(0);
+            transform: translate(0, 0) scale(0);
+  }
+}
 @keyframes ProgressZoomOut {
   from {
-    transform: translate(0, 0) scale(1);
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
   }
   to {
-    transform: translate(0, 0) scale(0);
+    -webkit-transform: translate(0, 0) scale(0);
+            transform: translate(0, 0) scale(0);
   }
@@ -599,3 +701,6 @@ }
 *.e-success .e-progress,
-*.e-danger .e-progress,
+*.e-danger .e-progress {
+  background: rgba(var(--color-sf-on-surface), 0.12);
+}
+
 *.e-info .e-progress {
@@ -602,0 +707,0 @@ background: rgba(var(--color-sf-on-surface), 0.12);

styles/progress-button/tailwind-dark.css

 /* stylelint-disable property-no-vendor-prefix */
+@-webkit-keyframes material-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes material-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0);
     transform: rotate(0);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
+@-webkit-keyframes fabric-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes fabric-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0);
     transform: rotate(0);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
-/*! Progress Button Layout */
 .e-progress-btn {
@@ -28,5 +51,7 @@ position: relative;
   top: 0;
+  -webkit-transition: opacity 0.3s linear;
   transition: opacity 0.3s linear;
 }
 .e-progress-btn .e-spinner {
+  -webkit-transition: all 0.3s linear;
   transition: all 0.3s linear;
@@ -64,2 +89,3 @@ }
 .e-progress-btn.e-spin-top, .e-progress-btn.e-spin-bottom {
+  -webkit-transition: padding 0.3s linear;
   transition: padding 0.3s linear;
@@ -74,6 +100,8 @@ }
 .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-center .e-spinner {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
 }
@@ -164,12 +192,16 @@ .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner {
   top: auto;
-  transform: none;
+  -webkit-transform: none;
+          transform: none;
 }
 .e-progress-btn .e-cont-animate {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: 100%;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   left: 0;
@@ -180,2 +212,12 @@ position: absolute;
 }
+@-webkit-keyframes ProgressSlideLeft {
+  from {
+    left: 0%;
+    opacity: 1;
+  }
+  to {
+    left: -100%;
+    opacity: 0;
+  }
+}
 @keyframes ProgressSlideLeft {
@@ -191,2 +233,12 @@ from {
 }
+@-webkit-keyframes ProgressSlideRight {
+  from {
+    left: 0%;
+    opacity: 1;
+  }
+  to {
+    left: 100%;
+    opacity: 0;
+  }
+}
 @keyframes ProgressSlideRight {
@@ -202,2 +254,14 @@ from {
 }
+@-webkit-keyframes ProgressSlideUp {
+  from {
+    height: auto;
+    opacity: 1;
+    top: 0;
+  }
+  to {
+    height: auto;
+    opacity: 0;
+    top: -100px;
+  }
+}
 @keyframes ProgressSlideUp {
@@ -215,2 +279,14 @@ from {
 }
+@-webkit-keyframes ProgressSlideDown {
+  from {
+    height: auto;
+    opacity: 1;
+    top: 0;
+  }
+  to {
+    height: auto;
+    opacity: 0;
+    top: 100px;
+  }
+}
 @keyframes ProgressSlideDown {
@@ -228,18 +304,44 @@ from {
 }
+@-webkit-keyframes ProgressZoomIn {
+  from {
+    opacity: 1;
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate(0, 0) scale(3);
+            transform: translate(0, 0) scale(3);
+  }
+}
 @keyframes ProgressZoomIn {
   from {
     opacity: 1;
-    transform: translate(0, 0) scale(1);
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
   }
   to {
     opacity: 0;
-    transform: translate(0, 0) scale(3);
+    -webkit-transform: translate(0, 0) scale(3);
+            transform: translate(0, 0) scale(3);
   }
 }
+@-webkit-keyframes ProgressZoomOut {
+  from {
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate(0, 0) scale(0);
+            transform: translate(0, 0) scale(0);
+  }
+}
 @keyframes ProgressZoomOut {
   from {
-    transform: translate(0, 0) scale(1);
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
   }
   to {
-    transform: translate(0, 0) scale(0);
+    -webkit-transform: translate(0, 0) scale(0);
+            transform: translate(0, 0) scale(0);
   }
@@ -500,3 +602,6 @@ }
 *.e-success .e-progress,
-*.e-danger .e-progress,
+*.e-danger .e-progress {
+  background: rgba(209, 213, 219, 0.2);
+}
+
 *.e-info .e-progress {
@@ -503,0 +608,0 @@ background: rgba(209, 213, 219, 0.2);

styles/progress-button/tailwind.css

 /* stylelint-disable property-no-vendor-prefix */
+@-webkit-keyframes material-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes material-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0);
     transform: rotate(0);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
+@-webkit-keyframes fabric-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes fabric-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0);
     transform: rotate(0);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
-/*! Progress Button Layout */
 .e-progress-btn {
@@ -28,5 +51,7 @@ position: relative;
   top: 0;
+  -webkit-transition: opacity 0.3s linear;
   transition: opacity 0.3s linear;
 }
 .e-progress-btn .e-spinner {
+  -webkit-transition: all 0.3s linear;
   transition: all 0.3s linear;
@@ -64,2 +89,3 @@ }
 .e-progress-btn.e-spin-top, .e-progress-btn.e-spin-bottom {
+  -webkit-transition: padding 0.3s linear;
   transition: padding 0.3s linear;
@@ -74,6 +100,8 @@ }
 .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-center .e-spinner {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
 }
@@ -164,12 +192,16 @@ .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner {
   top: auto;
-  transform: none;
+  -webkit-transform: none;
+          transform: none;
 }
 .e-progress-btn .e-cont-animate {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: 100%;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   left: 0;
@@ -180,2 +212,12 @@ position: absolute;
 }
+@-webkit-keyframes ProgressSlideLeft {
+  from {
+    left: 0%;
+    opacity: 1;
+  }
+  to {
+    left: -100%;
+    opacity: 0;
+  }
+}
 @keyframes ProgressSlideLeft {
@@ -191,2 +233,12 @@ from {
 }
+@-webkit-keyframes ProgressSlideRight {
+  from {
+    left: 0%;
+    opacity: 1;
+  }
+  to {
+    left: 100%;
+    opacity: 0;
+  }
+}
 @keyframes ProgressSlideRight {
@@ -202,2 +254,14 @@ from {
 }
+@-webkit-keyframes ProgressSlideUp {
+  from {
+    height: auto;
+    opacity: 1;
+    top: 0;
+  }
+  to {
+    height: auto;
+    opacity: 0;
+    top: -100px;
+  }
+}
 @keyframes ProgressSlideUp {
@@ -215,2 +279,14 @@ from {
 }
+@-webkit-keyframes ProgressSlideDown {
+  from {
+    height: auto;
+    opacity: 1;
+    top: 0;
+  }
+  to {
+    height: auto;
+    opacity: 0;
+    top: 100px;
+  }
+}
 @keyframes ProgressSlideDown {
@@ -228,18 +304,44 @@ from {
 }
+@-webkit-keyframes ProgressZoomIn {
+  from {
+    opacity: 1;
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate(0, 0) scale(3);
+            transform: translate(0, 0) scale(3);
+  }
+}
 @keyframes ProgressZoomIn {
   from {
     opacity: 1;
-    transform: translate(0, 0) scale(1);
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
   }
   to {
     opacity: 0;
-    transform: translate(0, 0) scale(3);
+    -webkit-transform: translate(0, 0) scale(3);
+            transform: translate(0, 0) scale(3);
   }
 }
+@-webkit-keyframes ProgressZoomOut {
+  from {
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate(0, 0) scale(0);
+            transform: translate(0, 0) scale(0);
+  }
+}
 @keyframes ProgressZoomOut {
   from {
-    transform: translate(0, 0) scale(1);
+    -webkit-transform: translate(0, 0) scale(1);
+            transform: translate(0, 0) scale(1);
   }
   to {
-    transform: translate(0, 0) scale(0);
+    -webkit-transform: translate(0, 0) scale(0);
+            transform: translate(0, 0) scale(0);
   }
@@ -500,3 +602,6 @@ }
 *.e-success .e-progress,
-*.e-danger .e-progress,
+*.e-danger .e-progress {
+  background: rgba(107, 114, 128, 0.2);
+}
+
 *.e-info .e-progress {
@@ -503,0 +608,0 @@ background: rgba(107, 114, 128, 0.2);

styles/split-button/_bds-definition.scss

@@ -1,2 +0,1 @@
-//layout variables
 $split-btn-zindex: 2 !default;
@@ -3,0 +2,0 @@ $split-btn-border-radius: 8px !default;

styles/split-button/_bootstrap-dark-definition.scss

@@ -1,2 +0,1 @@
-//default
 $split-btn-zindex: 2;
@@ -25,3 +24,1 @@ $split-btn-border-radius: 4px;
 $split-btn-icon-btn-padding-bigger: 12px;
-
-//enddefault

styles/split-button/_bootstrap4-definition.scss

@@ -1,2 +0,1 @@
-//default
 $split-btn-zindex: 2;
@@ -25,3 +24,1 @@ $split-btn-border-radius: 4px;
 $split-btn-icon-btn-padding-bigger: 12px;
-
-//enddefault

styles/split-button/_bootstrap5-definition.scss

@@ -1,2 +0,1 @@
-//layout variables
 $split-btn-zindex: 2 !default;
@@ -3,0 +2,0 @@ $split-btn-border-radius: 4px !default;

styles/split-button/_fabric-dark-definition.scss

@@ -1,2 +0,1 @@
-//default
 $split-btn-zindex: 2;
@@ -25,3 +24,1 @@ $split-btn-border-radius: 0;
 $split-btn-icon-btn-padding-bigger: 11px;
-
-//enddefault

styles/split-button/_fluent-definition.scss

@@ -1,2 +0,1 @@
-//layout variables
 $split-btn-zindex: 2 !default;
@@ -3,0 +2,0 @@ $split-btn-border-radius: 0 !default;

styles/split-button/_fusionnew-definition.scss

@@ -1,2 +0,1 @@
-//layout variables
 $split-btn-zindex: 2 !default;
@@ -3,0 +2,0 @@ $split-btn-border-radius: 4px !default;

styles/split-button/_highcontrast-light-definition.scss

@@ -1,2 +0,1 @@
-//default
 $split-btn-zindex: 2;
@@ -25,3 +24,1 @@ $split-btn-border-radius: 0;
 $split-btn-icon-btn-padding-bigger: 11px;
-
-//enddefault

styles/split-button/_layout.scss

 @include export-module('split-button-layout') {
-
-  /*! splitbutton layout */
   .e-split-btn-wrapper {
@@ -63,2 +61,9 @@ display: inline-flex;
 
+      &.e-btn:focus-visible { // only for keybord
+        @if $skin-name == 'fluent2' {
+          border-right-color: $grey-black !important; /* stylelint-disable-line declaration-no-important */
+          box-shadow: $btn-keyboard-focus-box-shadow;
+        }
+      }
+
       &:active {
@@ -149,6 +154,13 @@ box-shadow: $split-btn-active-box-shadow;
       }
+
+      &.e-btn:focus-visible { // only for keybord
+        @if $skin-name == 'fluent2' {
+          margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
+          box-shadow: $btn-keyboard-focus-box-shadow;
+        }
+      }
     }
 
     .e-btn {
-      @if $skin-name != 'bootstrap4' and $skin-name != 'bootstrap5' and $skin-name != 'FluentUI' and $theme-name != 'FluentUI' and $theme-name != 'Material3' {
+      @if $skin-name != 'bootstrap4' and $skin-name != 'bootstrap5' and $skin-name != 'FluentUI' and $theme-name != 'fluent2' and $theme-name != 'Material3' {
         box-shadow: none;
@@ -158,3 +170,3 @@ }
       &:hover {
-        @if $skin-name != 'bootstrap4' and $skin-name != 'bootstrap5' and $skin-name != 'FluentUI' and $theme-name != 'FluentUI' {
+        @if $skin-name != 'bootstrap4' and $skin-name != 'bootstrap5' and $skin-name != 'FluentUI' and $theme-name != 'fluent2' {
           box-shadow: none;
@@ -161,0 +173,0 @@ }

styles/split-button/_theme.scss

 @include export-module('split-button-theme') {
-
-  /*! splitbutton theme */
   .e-split-btn-wrapper {
@@ -5,0 +3,0 @@ .e-split-btn {

styles/split-button/bootstrap-dark.css

@@ -1,6 +0,8 @@
-/*! splitbutton layout */
 .e-split-btn-wrapper {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   white-space: nowrap;
+  width: -webkit-min-content;
+  width: -moz-min-content;
   width: min-content;
@@ -20,9 +22,12 @@ }
 .e-split-btn-wrapper .e-split-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-split-btn:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-split-btn:active {
-  box-shadow: inset 0 3px 5px rgba(26, 26, 26, 0.125);
+  -webkit-box-shadow: inset 0 3px 5px rgba(26, 26, 26, 0.125);
+          box-shadow: inset 0 3px 5px rgba(26, 26, 26, 0.125);
   z-index: 2;
@@ -59,6 +64,8 @@ }
 .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-dropdown-btn:active {
-  box-shadow: inset 0 3px 5px rgba(26, 26, 26, 0.125);
+  -webkit-box-shadow: inset 0 3px 5px rgba(26, 26, 26, 0.125);
+          box-shadow: inset 0 3px 5px rgba(26, 26, 26, 0.125);
   z-index: 2;
@@ -73,18 +80,24 @@ }
 .e-split-btn-wrapper .e-btn {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:active {
-  box-shadow: inset 0 3px 5px rgba(26, 26, 26, 0.125);
+  -webkit-box-shadow: inset 0 3px 5px rgba(26, 26, 26, 0.125);
+          box-shadow: inset 0 3px 5px rgba(26, 26, 26, 0.125);
 }
 .e-split-btn-wrapper .e-btn:disabled {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -236,3 +249,2 @@ .e-split-btn-wrapper.e-rtl .e-split-btn {
 
-/*! splitbutton theme */
 .e-split-btn-wrapper .e-split-btn {
@@ -239,0 +251,0 @@ border-right-color: #585858;

styles/split-button/bootstrap.css

@@ -1,6 +0,8 @@
-/*! splitbutton layout */
 .e-split-btn-wrapper {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   white-space: nowrap;
+  width: -webkit-min-content;
+  width: -moz-min-content;
   width: min-content;
@@ -20,9 +22,12 @@ }
 .e-split-btn-wrapper .e-split-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-split-btn:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-split-btn:active {
-  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   z-index: 2;
@@ -59,6 +64,8 @@ }
 .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-dropdown-btn:active {
-  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   z-index: 2;
@@ -73,18 +80,24 @@ }
 .e-split-btn-wrapper .e-btn {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:active {
-  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 }
 .e-split-btn-wrapper .e-btn:disabled {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -236,3 +249,2 @@ .e-split-btn-wrapper.e-rtl .e-split-btn {
 
-/*! splitbutton theme */
 .e-split-btn-wrapper .e-split-btn {
@@ -239,0 +251,0 @@ border-right-color: #ccc;

styles/split-button/bootstrap4.css

@@ -1,6 +0,8 @@
-/*! splitbutton layout */
 .e-split-btn-wrapper {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   white-space: nowrap;
+  width: -webkit-min-content;
+  width: -moz-min-content;
   width: min-content;
@@ -22,6 +24,8 @@ }
 .e-split-btn-wrapper .e-split-btn:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-split-btn:active {
-  box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
+  -webkit-box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
+          box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
   z-index: 2;
@@ -58,3 +62,4 @@ }
 .e-split-btn-wrapper .e-dropdown-btn:active {
-  box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
+  -webkit-box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
+          box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
   z-index: 2;
@@ -69,12 +74,16 @@ }
 .e-split-btn-wrapper .e-btn:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:active {
-  box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
+  -webkit-box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
+          box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
 }
 .e-split-btn-wrapper .e-btn:disabled {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -232,3 +241,2 @@ .e-split-btn-wrapper.e-rtl .e-split-btn {
 
-/*! splitbutton theme */
 .e-split-btn-wrapper .e-split-btn {
@@ -235,0 +243,0 @@ border-right-color: #6c757d;

styles/split-button/bootstrap5-dark.css

 /* stylelint-disable-line no-empty-source */
-/*! splitbutton layout */
 .e-split-btn-wrapper {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   white-space: nowrap;
+  width: -webkit-min-content;
+  width: -moz-min-content;
   width: min-content;
@@ -21,7 +23,9 @@ }
 .e-split-btn-wrapper .e-split-btn:focus {
-  box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+          box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
   z-index: 2;
 }
 .e-split-btn-wrapper .e-split-btn:active {
-  box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+          box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
   z-index: 2;
@@ -59,3 +63,4 @@ }
 .e-split-btn-wrapper .e-dropdown-btn:active {
-  box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+          box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
   z-index: 2;
@@ -70,14 +75,18 @@ }
 .e-split-btn-wrapper .e-btn:focus {
-  box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+          box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
   z-index: 2;
 }
 .e-split-btn-wrapper .e-btn:active {
-  box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+          box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
   z-index: 2;
 }
 .e-split-btn-wrapper .e-btn:disabled {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -229,3 +238,2 @@ .e-split-btn-wrapper.e-rtl .e-split-btn {
 
-/*! splitbutton theme */
 .e-split-btn-wrapper .e-split-btn {
@@ -232,0 +240,0 @@ border-right-color: #6c757d;

styles/split-button/bootstrap5.css

 /* stylelint-disable-line no-empty-source */
-/*! splitbutton layout */
 .e-split-btn-wrapper {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   white-space: nowrap;
+  width: -webkit-min-content;
+  width: -moz-min-content;
   width: min-content;
@@ -21,7 +23,9 @@ }
 .e-split-btn-wrapper .e-split-btn:focus {
-  box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+          box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
   z-index: 2;
 }
 .e-split-btn-wrapper .e-split-btn:active {
-  box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+          box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
   z-index: 2;
@@ -59,3 +63,4 @@ }
 .e-split-btn-wrapper .e-dropdown-btn:active {
-  box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+          box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
   z-index: 2;
@@ -70,14 +75,18 @@ }
 .e-split-btn-wrapper .e-btn:focus {
-  box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+          box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
   z-index: 2;
 }
 .e-split-btn-wrapper .e-btn:active {
-  box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+          box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
   z-index: 2;
 }
 .e-split-btn-wrapper .e-btn:disabled {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -229,3 +238,2 @@ .e-split-btn-wrapper.e-rtl .e-split-btn {
 
-/*! splitbutton theme */
 .e-split-btn-wrapper .e-split-btn {
@@ -232,0 +240,0 @@ border-right-color: #6c757d;

styles/split-button/fabric-dark.css

@@ -1,6 +0,8 @@
-/*! splitbutton layout */
 .e-split-btn-wrapper {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   white-space: nowrap;
+  width: -webkit-min-content;
+  width: -moz-min-content;
   width: min-content;
@@ -20,9 +22,12 @@ }
 .e-split-btn-wrapper .e-split-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-split-btn:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-split-btn:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   z-index: 2;
@@ -59,6 +64,8 @@ }
 .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-dropdown-btn:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   z-index: 2;
@@ -73,18 +80,24 @@ }
 .e-split-btn-wrapper .e-btn {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:disabled {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -236,3 +249,2 @@ .e-split-btn-wrapper.e-rtl .e-split-btn {
 
-/*! splitbutton theme */
 .e-split-btn-wrapper .e-split-btn {
@@ -239,0 +251,0 @@ border-right-color: transparent;

styles/split-button/fabric.css

@@ -1,6 +0,8 @@
-/*! splitbutton layout */
 .e-split-btn-wrapper {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   white-space: nowrap;
+  width: -webkit-min-content;
+  width: -moz-min-content;
   width: min-content;
@@ -20,9 +22,12 @@ }
 .e-split-btn-wrapper .e-split-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-split-btn:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-split-btn:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   z-index: 2;
@@ -59,6 +64,8 @@ }
 .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-dropdown-btn:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   z-index: 2;
@@ -73,18 +80,24 @@ }
 .e-split-btn-wrapper .e-btn {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:disabled {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -236,3 +249,2 @@ .e-split-btn-wrapper.e-rtl .e-split-btn {
 
-/*! splitbutton theme */
 .e-split-btn-wrapper .e-split-btn {
@@ -239,0 +251,0 @@ border-right-color: transparent;

styles/split-button/fluent-dark.css

 /* stylelint-disable-line no-empty-source */
-/*! splitbutton layout */
 .e-split-btn-wrapper {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   white-space: nowrap;
+  width: -webkit-min-content;
+  width: -moz-min-content;
   width: min-content;
@@ -22,6 +24,8 @@ }
 .e-split-btn-wrapper .e-split-btn:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-split-btn:active {
-  box-shadow: 0 0 rgba(0, 0, 0, 0);
+  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
+          box-shadow: 0 0 rgba(0, 0, 0, 0);
   z-index: 2;
@@ -57,3 +61,4 @@ }
 .e-split-btn-wrapper .e-dropdown-btn:active {
-  box-shadow: 0 0 rgba(0, 0, 0, 0);
+  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
+          box-shadow: 0 0 rgba(0, 0, 0, 0);
   z-index: 2;
@@ -68,9 +73,12 @@ }
 .e-split-btn-wrapper .e-btn:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:active {
-  box-shadow: 0 0 rgba(0, 0, 0, 0);
+  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
+          box-shadow: 0 0 rgba(0, 0, 0, 0);
 }
 .e-split-btn-wrapper .e-btn:disabled {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline: 0;
@@ -80,3 +88,4 @@ outline-offset: 0;
 .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -230,3 +239,2 @@ .e-split-btn-wrapper.e-rtl .e-split-btn {
 
-/*! splitbutton theme */
 .e-split-btn-wrapper .e-split-btn {
@@ -233,0 +241,0 @@ border-right-color: #8a8886;

styles/split-button/fluent.css

 /* stylelint-disable-line no-empty-source */
-/*! splitbutton layout */
 .e-split-btn-wrapper {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   white-space: nowrap;
+  width: -webkit-min-content;
+  width: -moz-min-content;
   width: min-content;
@@ -22,6 +24,8 @@ }
 .e-split-btn-wrapper .e-split-btn:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-split-btn:active {
-  box-shadow: 0 0 rgba(0, 0, 0, 0);
+  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
+          box-shadow: 0 0 rgba(0, 0, 0, 0);
   z-index: 2;
@@ -57,3 +61,4 @@ }
 .e-split-btn-wrapper .e-dropdown-btn:active {
-  box-shadow: 0 0 rgba(0, 0, 0, 0);
+  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
+          box-shadow: 0 0 rgba(0, 0, 0, 0);
   z-index: 2;
@@ -68,9 +73,12 @@ }
 .e-split-btn-wrapper .e-btn:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:active {
-  box-shadow: 0 0 rgba(0, 0, 0, 0);
+  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
+          box-shadow: 0 0 rgba(0, 0, 0, 0);
 }
 .e-split-btn-wrapper .e-btn:disabled {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline: 0;
@@ -80,3 +88,4 @@ outline-offset: 0;
 .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -230,3 +239,2 @@ .e-split-btn-wrapper.e-rtl .e-split-btn {
 
-/*! splitbutton theme */
 .e-split-btn-wrapper .e-split-btn {
@@ -233,0 +241,0 @@ border-right-color: #8a8886;

styles/split-button/highcontrast-light.css

@@ -1,6 +0,8 @@
-/*! splitbutton layout */
 .e-split-btn-wrapper {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   white-space: nowrap;
+  width: -webkit-min-content;
+  width: -moz-min-content;
   width: min-content;
@@ -20,9 +22,12 @@ }
 .e-split-btn-wrapper .e-split-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-split-btn:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-split-btn:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   z-index: 2;
@@ -59,6 +64,8 @@ }
 .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-dropdown-btn:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   z-index: 2;
@@ -73,18 +80,24 @@ }
 .e-split-btn-wrapper .e-btn {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:disabled {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -236,3 +249,2 @@ .e-split-btn-wrapper.e-rtl .e-split-btn {
 
-/*! splitbutton theme */
 .e-split-btn-wrapper .e-split-btn {
@@ -239,0 +251,0 @@ border-right-color: #000;

styles/split-button/highcontrast.css

@@ -1,6 +0,8 @@
-/*! splitbutton layout */
 .e-split-btn-wrapper {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   white-space: nowrap;
+  width: -webkit-min-content;
+  width: -moz-min-content;
   width: min-content;
@@ -20,9 +22,12 @@ }
 .e-split-btn-wrapper .e-split-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-split-btn:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-split-btn:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   z-index: 2;
@@ -59,6 +64,8 @@ }
 .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-dropdown-btn:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   z-index: 2;
@@ -73,18 +80,24 @@ }
 .e-split-btn-wrapper .e-btn {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:disabled {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -236,3 +249,2 @@ .e-split-btn-wrapper.e-rtl .e-split-btn {
 
-/*! splitbutton theme */
 .e-split-btn-wrapper .e-split-btn {
@@ -239,0 +251,0 @@ border-right-color: #fff;

styles/split-button/material-dark.css

@@ -1,6 +0,8 @@
-/*! splitbutton layout */
 .e-split-btn-wrapper {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   white-space: nowrap;
+  width: -webkit-min-content;
+  width: -moz-min-content;
   width: min-content;
@@ -20,9 +22,12 @@ }
 .e-split-btn-wrapper .e-split-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-split-btn:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-split-btn:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   z-index: 0;
@@ -59,6 +64,8 @@ }
 .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-dropdown-btn:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   z-index: 0;
@@ -73,18 +80,24 @@ }
 .e-split-btn-wrapper .e-btn {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:disabled {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -236,3 +249,2 @@ .e-split-btn-wrapper.e-rtl .e-split-btn {
 
-/*! splitbutton theme */
 .e-split-btn-wrapper .e-split-btn {
@@ -239,0 +251,0 @@ border-right-color: transparent;

styles/split-button/material.css

@@ -1,6 +0,8 @@
-/*! splitbutton layout */
 .e-split-btn-wrapper {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   white-space: nowrap;
+  width: -webkit-min-content;
+  width: -moz-min-content;
   width: min-content;
@@ -20,9 +22,12 @@ }
 .e-split-btn-wrapper .e-split-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-split-btn:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-split-btn:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   z-index: 0;
@@ -59,6 +64,8 @@ }
 .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-dropdown-btn:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   z-index: 0;
@@ -73,18 +80,24 @@ }
 .e-split-btn-wrapper .e-btn {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:disabled {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -236,3 +249,2 @@ .e-split-btn-wrapper.e-rtl .e-split-btn {
 
-/*! splitbutton theme */
 .e-split-btn-wrapper .e-split-btn {
@@ -239,0 +251,0 @@ border-right-color: transparent;

styles/split-button/material3-dark.css

@@ -47,3 +47,3 @@ :root {
   --color-sf-spreadsheet-gridline: 231, 224, 236;
-  --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
+  --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
   --color-sf-success-text: 0, 0, 0;
@@ -58,10 +58,13 @@ --color-sf-warning-text: 0, 0, 0;
 /* stylelint-disable-line no-empty-source */
-/*! splitbutton layout */
 .e-split-btn-wrapper {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   white-space: nowrap;
+  width: -webkit-min-content;
+  width: -moz-min-content;
   width: min-content;
   border-radius: 4px;
-  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
 }
@@ -73,3 +76,4 @@ .e-split-btn-wrapper .e-split-btn {
   z-index: 1;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -80,12 +84,16 @@ .e-split-btn-wrapper .e-split-btn:focus {
 .e-split-btn-wrapper .e-split-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-split-btn:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-split-btn:focus-visible {
-  box-shadow: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
+  -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
+          box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
 }
 .e-split-btn-wrapper .e-split-btn:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   z-index: 2;
@@ -119,3 +127,4 @@ }
   margin-left: -1px;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   padding-left: 4px;
@@ -125,6 +134,8 @@ padding-right: 4px;
 .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-dropdown-btn:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   z-index: 2;
@@ -139,21 +150,28 @@ }
 .e-split-btn-wrapper .e-btn {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:focus-visible {
-  box-shadow: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
+  -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
+          box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
 }
 .e-split-btn-wrapper .e-btn:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:disabled {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -191,3 +209,4 @@ .e-split-btn-wrapper.e-rtl .e-split-btn {
   border-radius: 4px;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -207,3 +226,4 @@ .e-split-btn-wrapper.e-vertical {
   border-radius: 4px;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -220,3 +240,4 @@ .e-split-btn-wrapper.e-vertical .e-split-btn .e-icon-top {
   border-radius: 4px;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -239,3 +260,4 @@ .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
   border-radius: 4px;
-  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
 }
@@ -245,3 +267,4 @@ .e-bigger .e-split-btn-wrapper .e-split-btn,
   border-radius: 4px;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   padding-left: 12px;
@@ -321,5 +344,6 @@ padding-right: 6px;
 
-/*! splitbutton theme */
 .e-split-btn-wrapper .e-split-btn {
-  border-image: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
+  -o-border-image: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
+     border-image: -webkit-gradient(linear, left top, right top, color-stop(25%, rgba(var(--color-sf-surface), 1)), color-stop(75%, rgba(var(--color-sf-outline-variant), 1))) 1;
+     border-image: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
   border-width: 0 1px 0 0;
@@ -340,3 +364,4 @@ }
 .e-split-btn-wrapper.e-splitbtn-disabled {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -350,3 +375,5 @@ .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
 .e-split-btn-wrapper.e-rtl .e-split-btn {
-  border-image: linear-gradient(to left, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
+  -o-border-image: linear-gradient(to left, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
+     border-image: -webkit-gradient(linear, right top, left top, color-stop(25%, rgba(var(--color-sf-surface), 1)), color-stop(75%, rgba(var(--color-sf-outline-variant), 1))) 1;
+     border-image: linear-gradient(to left, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
   border-width: 0 0 0 1px;
@@ -377,3 +404,5 @@ }
 .e-split-btn-wrapper.e-vertical .e-split-btn {
-  border-image: linear-gradient(to bottom, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
+  -o-border-image: linear-gradient(to bottom, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
+     border-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgba(var(--color-sf-surface), 1)), color-stop(75%, rgba(var(--color-sf-outline-variant), 1))) 1;
+     border-image: linear-gradient(to bottom, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
   border-width: 0 0 2px;
@@ -380,0 +409,0 @@ border-bottom-color: rgba(var(--color-sf-outline-variant));

styles/split-button/material3.css

@@ -103,3 +103,3 @@ :root {
   --color-sf-spreadsheet-gridline: 231, 224, 236;
-  --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
+  --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
   --color-sf-success-text: 0, 0, 0;
@@ -114,10 +114,13 @@ --color-sf-warning-text: 0, 0, 0;
 /* stylelint-disable-line no-empty-source */
-/*! splitbutton layout */
 .e-split-btn-wrapper {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   white-space: nowrap;
+  width: -webkit-min-content;
+  width: -moz-min-content;
   width: min-content;
   border-radius: 4px;
-  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
 }
@@ -129,3 +132,4 @@ .e-split-btn-wrapper .e-split-btn {
   z-index: 1;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -136,12 +140,16 @@ .e-split-btn-wrapper .e-split-btn:focus {
 .e-split-btn-wrapper .e-split-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-split-btn:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-split-btn:focus-visible {
-  box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #000000;
+  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
+          box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
 }
 .e-split-btn-wrapper .e-split-btn:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   z-index: 2;
@@ -175,3 +183,4 @@ }
   margin-left: -1px;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   padding-left: 4px;
@@ -181,3 +190,4 @@ padding-right: 4px;
 .e-split-btn-wrapper .e-dropdown-btn:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   z-index: 2;
@@ -192,18 +202,24 @@ }
 .e-split-btn-wrapper .e-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:focus-visible {
-  box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #000000;
+  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
+          box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
 }
 .e-split-btn-wrapper .e-btn:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:disabled {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -241,3 +257,4 @@ .e-split-btn-wrapper.e-rtl .e-split-btn {
   border-radius: 4px;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -257,3 +274,4 @@ .e-split-btn-wrapper.e-vertical {
   border-radius: 4px;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -270,3 +288,4 @@ .e-split-btn-wrapper.e-vertical .e-split-btn .e-icon-top {
   border-radius: 4px;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -289,3 +308,4 @@ .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
   border-radius: 4px;
-  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
 }
@@ -295,3 +315,4 @@ .e-bigger .e-split-btn-wrapper .e-split-btn,
   border-radius: 4px;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   padding-left: 12px;
@@ -371,5 +392,6 @@ padding-right: 6px;
 
-/*! splitbutton theme */
 .e-split-btn-wrapper .e-split-btn {
-  border-image: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
+  -o-border-image: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
+     border-image: -webkit-gradient(linear, left top, right top, color-stop(25%, rgba(var(--color-sf-surface), 1)), color-stop(75%, rgba(var(--color-sf-outline-variant), 1))) 1;
+     border-image: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
   border-width: 0 1px 0 0;
@@ -390,3 +412,4 @@ }
 .e-split-btn-wrapper.e-splitbtn-disabled {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -400,3 +423,5 @@ .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
 .e-split-btn-wrapper.e-rtl .e-split-btn {
-  border-image: linear-gradient(to left, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
+  -o-border-image: linear-gradient(to left, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
+     border-image: -webkit-gradient(linear, right top, left top, color-stop(25%, rgba(var(--color-sf-surface), 1)), color-stop(75%, rgba(var(--color-sf-outline-variant), 1))) 1;
+     border-image: linear-gradient(to left, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
   border-width: 0 0 0 1px;
@@ -427,3 +452,5 @@ }
 .e-split-btn-wrapper.e-vertical .e-split-btn {
-  border-image: linear-gradient(to bottom, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
+  -o-border-image: linear-gradient(to bottom, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
+     border-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgba(var(--color-sf-surface), 1)), color-stop(75%, rgba(var(--color-sf-outline-variant), 1))) 1;
+     border-image: linear-gradient(to bottom, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
   border-width: 0 0 2px;
@@ -430,0 +457,0 @@ border-bottom-color: rgba(var(--color-sf-outline-variant));

styles/split-button/tailwind-dark.css

 /* stylelint-disable-line no-empty-source */
-/*! splitbutton layout */
 .e-split-btn-wrapper {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   white-space: nowrap;
+  width: -webkit-min-content;
+  width: -moz-min-content;
   width: min-content;
@@ -23,10 +25,13 @@ }
 .e-split-btn-wrapper .e-split-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-split-btn:focus {
-  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
+  -webkit-box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
+          box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
   z-index: 2;
 }
 .e-split-btn-wrapper .e-split-btn:active {
-  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
+  -webkit-box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
+          box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
   z-index: 2;
@@ -64,6 +69,8 @@ }
 .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-dropdown-btn:active {
-  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
+  -webkit-box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
+          box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
   z-index: 2;
@@ -78,20 +85,26 @@ }
 .e-split-btn-wrapper .e-btn {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:focus {
-  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
+  -webkit-box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
+          box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
   z-index: 2;
 }
 .e-split-btn-wrapper .e-btn:active {
-  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
+  -webkit-box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
+          box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
   z-index: 2;
 }
 .e-split-btn-wrapper .e-btn:disabled {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -250,3 +263,2 @@ .e-split-btn-wrapper.e-rtl .e-split-btn {
 
-/*! splitbutton theme */
 .e-split-btn-wrapper .e-split-btn {
@@ -253,0 +265,0 @@ border-right-color: #6b7280;

styles/split-button/tailwind.css

 /* stylelint-disable-line no-empty-source */
-/*! splitbutton layout */
 .e-split-btn-wrapper {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   white-space: nowrap;
+  width: -webkit-min-content;
+  width: -moz-min-content;
   width: min-content;
@@ -23,10 +25,13 @@ }
 .e-split-btn-wrapper .e-split-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-split-btn:focus {
-  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
   z-index: 2;
 }
 .e-split-btn-wrapper .e-split-btn:active {
-  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
   z-index: 2;
@@ -64,6 +69,8 @@ }
 .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-dropdown-btn:active {
-  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
   z-index: 2;
@@ -78,20 +85,26 @@ }
 .e-split-btn-wrapper .e-btn {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:focus {
-  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
   z-index: 2;
 }
 .e-split-btn-wrapper .e-btn:active {
-  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
   z-index: 2;
 }
 .e-split-btn-wrapper .e-btn:disabled {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
@@ -250,3 +263,2 @@ .e-split-btn-wrapper.e-rtl .e-split-btn {
 
-/*! splitbutton theme */
 .e-split-btn-wrapper .e-split-btn {
@@ -253,0 +265,0 @@ border-right-color: #d1d5db;

styles/tailwind-dark.scss

@@ -1,4 +0,14 @@
-@import 'drop-down-button/tailwind-dark.scss';
-@import 'split-button/tailwind-dark.scss';
-@import 'button-group/tailwind-dark.scss';
-@import 'progress-button/tailwind-dark.scss';
+@import 'ej2-base/styles/definition/tailwind-dark.scss';
+@import 'ej2-buttons/styles/button/tailwind-dark-definition.scss';
+@import 'ej2-popups/styles/popup/tailwind-dark-definition.scss';
+@import 'drop-down-button/tailwind-dark-definition.scss';
+@import 'drop-down-button/icons/tailwind-dark.scss';
+@import 'drop-down-button/all.scss';
+
+@import 'split-button/tailwind-dark-definition.scss';
+@import 'split-button/all.scss';
+@import 'button-group/tailwind-dark-definition.scss';
+@import 'button-group/all.scss';
+@import 'ej2-popups/styles/spinner/tailwind-dark-definition.scss';
+@import 'progress-button/tailwind-dark-definition.scss';
+@import 'progress-button/all.scss';

styles/tailwind.scss

@@ -1,4 +0,14 @@
-@import 'drop-down-button/tailwind.scss';
-@import 'split-button/tailwind.scss';
-@import 'button-group/tailwind.scss';
-@import 'progress-button/tailwind.scss';
+@import 'ej2-base/styles/definition/tailwind.scss';
+@import 'ej2-buttons/styles/button/tailwind-definition.scss';
+@import 'ej2-popups/styles/popup/tailwind-definition.scss';
+@import 'drop-down-button/tailwind-definition.scss';
+@import 'drop-down-button/icons/tailwind.scss';
+@import 'drop-down-button/all.scss';
+
+@import 'split-button/tailwind-definition.scss';
+@import 'split-button/all.scss';
+@import 'button-group/tailwind-definition.scss';
+@import 'button-group/all.scss';
+@import 'ej2-popups/styles/spinner/tailwind-definition.scss';
+@import 'progress-button/tailwind-definition.scss';
+@import 'progress-button/all.scss';

CHANGELOG.md

-# Changelog
-
-## [Unreleased]
-
-### ButtonGroup
-
-#### Bug Fixes
-
-- Issue in "box shadow correction while clicking single or multiple selection mode buttons" has been resolved.
-
-## 25.1.38 (2024-04-02)
-
-### DropDownButton
-
-#### Bug Fixes
-
-- Issue in "keyboard action not working in DropDownButton when its append on span tag" has been resolved.
-
-## 25.1.37 (2024-03-26)
-
-### DropDownButton
-
-#### Breaking Changes
-
-- Now, the default value of [`enableHtmlSanitizer`](https://helpej2.syncfusion.com/documentation/api/drop-down-button/#enablehtmlsanitizer) property is true to prevent the XSS attacks in the DropDownButton component.
-
-### ProgressButton
-
-#### Breaking Changes
-
-- Now, the default value of [`enableHtmlSanitizer`](https://helpej2.syncfusion.com/documentation/api/progress-button/#enablehtmlsanitizer) property is true to prevent the XSS attacks in the ProgressButton component.
-
-### SplitButton
-
-#### Breaking Changes
-
-- Now, the default value of [`enableHtmlSanitizer`](https://helpej2.syncfusion.com/documentation/api/split-button/#enablehtmlsanitizer) property is true to prevent the XSS attacks in the SplitButton component.
-
-## 24.2.7 (2024-02-20)
-
-### ProgressButton
-
-- `#I554000` - Console error is thrown when clicking the progress button  has been resolved.
-
-## 24.2.5 (2024-02-13)
-
-### SplitButton
-
-#### Bug Fixes
-
-- `#I552152` - Issue in "Split button select event not triggered while using keyboard action" has been resolved.
-
-## 24.1.46 (2024-01-17)
-
-### DropDownButton
-
-#### Bug Fixes
-
-- `#I863317` -  Issue in "DropDownButton list items do not meet WCAG AA standards for focus indicators" has been resolved.
-
-### ButtonGroup
-
-#### Bug Fixes
-
-- `#I534148` -  Issue in "Focus Css style not removed after clicking outside from button group button in bootstrap4 theme" has been resolved.
-
-## 24.1.45 (2024-01-09)
-
-### DropDownButton
-
-#### Bug Fixes
-
-- `#I863317` - `Dropdownitems` not disabled initially when updating the property dynamically has been resolved.
-
-## 24.1.41 (2023-12-18)
-
-### DropDownButton
-
-#### Bug Fixes
-
-- `#I524330` - Issue DropDownButton Popup not repositioning on the resizing window has been resolved.
-
-### DropDownButton
-
-#### Bug Fixes
-
-- `#I511002` - Issue in `Aria-label` accessibility issue in DropDownButton has been resolved.
-
-### DropDownButton
-
-#### Bug Fixes
-
-- `#I445638` - Issue in DropDownButton Popup Alignment issue while setting `enableRtl` property as true has been resolved.
-
-## 20.4.50 (2023-02-14)
-
-### SplitButton
-
-#### Bug Fixes
-
-- `#I434642` - Issue in Script error thrown when we add items in before open event with enable createPopupOnClick property has been resolved.
-
-### DropDownButton
-
-#### Bug Fixes
-
-- `#I436217` - Issue in dynamically change cssClass with "e-vertical" class in DropDownButton has been resolved.
-
-### DropDownButton
-
-#### Bug Fixes
-
-- `#F31632` - Accessibility issue in DropDownButton has been resolved.
-- `#I422250` - Keyboard navigation not working properly when we set arguments cancel property as true in `beforeClose` event of DropDownButton has been resolved.
-
-### DropDownButton
-
-#### Bug Fixes
-
-- `#I412776` - Select event is not triggered while using `closeActionEvents` in DropDownButton has been resolved.
-
-### DropDownButton
-
-#### New Features
-
-- `#I375776` - Provided the focusout event support to the DropDownButton component.
-
-### DropDownButton
-
-#### Bug Fixes
-
-- `#I388868` - Script error occurs while using `beforeOpen` event in DropDownButton issue has been resolved
-
-## 19.4.40 (2021-12-28)
-
-### DropDownButton
-
-#### Bug Fixes
-
-- ColorPicker is not closed while clicks again the DropDownButton issue has been resolved.
-
-## 19.4.38 (2021-12-17)
-
-### DropDownButton
-
-#### Bug Fixes
-
-- Overflow issue in ColorPicker has been resolved.
-
-## 19.3.48 (2021-11-02)
-
-### DropDownButton
-
-#### Bug Fixes
-
-- `createPopupOnClick` property scenario not handled properly in `DropDownButton` has been resolved.
-
-## 19.2.55 (2021-08-11)
-
-### DropDownButton
-
-#### Bug Fixes
-
-- `#I337016` - Input space not works in DropDownButton if the target is set as text input issue has been resolved.
-
-## 18.4.41 (2021-02-02)
-
-### SplitButton
-
-#### Bug Fixes
-
-- Issue with destroy has been fixed.
-
-## 18.4.31 (2020-12-22)
-
-### ProgressButton
-
-#### Bug Fixes
-
-- Issue with setting content property in begin event has been resolved.
-
-## 18.4.30 (2020-12-17)
-
-### SplitButton
-
-#### New Features
-
-- `#299063` - Provided support to remove the items in split button using item id.
-
-## 18.3.40 (2020-10-13)
-
-### SplitButton
-
-#### Bug Fixes
-
-- Warning message has been resolved.
-
-## 18.1.43 (2020-04-07)
-
-### SplitButton
-
-#### Bug Fixes
-
-- Keyboard navigation not working in `bootstrap4` has been resolved.
-
-## 17.4.49 (2020-02-11)
-
-### Button Group
-
-#### Bug Fixes
-
-- CSS validation issues has been resolved.
-
-## 17.4.39 (2019-12-17)
-
-### DropDownButton
-
-#### New Features
-
-- #253123 - Provided `addItems` `removeItems` methods and update items dynamically.
-
-#### Bug Fixes
-
-- #254048 - UI misalignment while changing the font-size issue fixed.
-
-## 17.2.40 (2019-08-06)
-
-### ProgressButton
-
-#### Bug Fixes
-
-- Issue with 'progressComplete' method is fixed.
-
-## 17.2.39 (2019-07-30)
-
-### SplitButton
-
-#### Bug Fixes
-
-- Provided support for 'OnOpen' and 'OnClose' events in Blazor.
-
-## 17.1.50 (2019-06-04)
-
-### ProgressButton
-
-#### Bug Fixes
-
-- Provided public method 'progressComplete' to complete the progress.
-
-## 16.4.53 (2019-02-13)
-
-### DropDownButton
-
-#### Bug Fixes
-
-- Proper ARIA standards followed.
-
-## 16.4.46 (2019-01-08)
-
-### DropDownButton
-
-#### Bug Fixes
-
-- Item text overflow issue fixed.
-
-## 16.4.40-beta (2018-12-10)
-
-### ProgressButton
-
-#### Breaking Changes
-
-- Type changes done for the following property.
-
-Property Name | Old Type | New Type
------|-----|-----
-`animationSettings` | AnimationSettings | AnimationSettingsModel
-`spinSettings` | SpinSettings | SpinSettingsModel
-
-## 16.3.22 (2018-09-25)
-
-### ProgressButton
-
-#### Bug Fixes
-
-- Content update while progress issue resolved.
-
-## 16.3.17 (2018-09-12)
-
-### ProgressButton
-
-The progress button visualizes the progression of an operation to indicate the user that a process is happening in the background. The progress can be shown with graphics accompanied by a textual representation.
-
-- **Types, Sizes, and Styles** - Provided with different types, sizes and predefined styles of progress button.
-
-- **Icons and Spinner** - Supports icon, spinner and its positioning.
-
-- **Animation** - Provided with predefined animation and progress indicator.
-
-- **Events** - Supports event triggering at specified interval.
-
-- **Accessibility** - Provided with built-in accessibility support that helps to access all the ProgressButton component features through the keyboard, screen readers, or other assistive technology devices.
-
-## 16.2.48 (2018-08-14)
-
-### DropDownButton
-
-#### Bug Fixes
-
-- Popup z-index calculation inside bootstrap model dialog issue fixed.
-
-## 16.2.44 (2018-07-10)
-
-### DropDownButton
-
-#### Bug Fixes
-
-- Popup positioning under fixed parent issue fixed.
-
-## 16.2.41 (2018-06-25)
-
-### ButtonGroup
-
-ButtonGroup is a graphical user interface that groups series of buttons horizontally or vertically.
-
-- **Types, Sizes, and Styles** - Provided with different types, sizes and predefined styles of button.
-
-- **Selection** - Supports single and multiple selection behaviors.
-
-- **Orientation** - Supports horizontal and vertical orientations.
-
-- **Nesting** - Supports nesting with drop-down and split button components.
-
-- **Accessibility** - Built-in accessibility features to access all the button group using the keyboard, screen readers, or other assistive technology devices.
-
-### SplitButton
-
-#### Breaking Changes
-
-- UI changes based on design guidelines
-
-## 16.1.28 (2018-03-09)
-
-### SplitButton
-
-#### Bug Fixes
-
-- Style compatibility issue fixed.
-
-## 16.1.24 (2018-02-22)
-
-### DropDownButton
-
-DropDownButton component is used to toggle contextual overlays for displaying list of action items.
-
-- **Sizes** - Provided with different sizes of DropDownButton.
-
-- **Icons and Navigations** - Supports text and icon on the DropDownButton and Popup items. URL can be given to Popup items  that creates the anchor link to navigate to the URL provided.
-
-- **Separator** - Supports Popup items grouping by using the Separator.
-
-- **Accessibility** - Provided with built-in accessibility support that helps to access all the DropDownButton component features through the keyboard, screen readers, or other assistive technology devices.
-
-### SplitButton
-
-SplitButton component has primary and secondary button. Primary button is used to select default action and secondary button is used to toggle contextual overlays for displaying list of action items.
-
-- **Sizes** - Provided with different sizes of SplitButton.
-
-- **Icons and Navigations** - Supports text and icon on the SplitButton and Popup items. URL can be given to Popup items  that creates the anchor link to navigate to the URL provided.
-
-- **Separator** - Supports Popup items grouping by using the Separator.
-
-- **Accessibility** - Provided with built-in accessibility support that helps to access all the SplitButton component features through the keyboard, screen readers, or other assistive technology devices.

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

4415311

18.14%

Number of package files

360

5.57%

Lines of code

87889

19.91%

Worsened metrics

Number of low quality alerts

4

33.33%

Dependency changes

• + Added

  @syncfusion/ej2-base@26.1.35-7502
  (transitive)

• + Added

  @syncfusion/ej2-buttons@26.1.35-7502
  (transitive)

• + Added

  @syncfusion/ej2-icons@26.1.35
  (transitive)

• + Added

  @syncfusion/ej2-popups@26.1.35-7502
  (transitive)

• - Removed

  @syncfusion/ej2-base@25.2.7
  (transitive)

• - Removed

  @syncfusion/ej2-buttons@25.2.7
  (transitive)

• - Removed

  @syncfusion/ej2-icons@25.2.3
  (transitive)

• - Removed

  @syncfusion/ej2-popups@25.2.7
  (transitive)

• Updated

  @syncfusion/ej2-base@26.1.35-7502

• Updated

  @syncfusion/ej2-popups@26.1.35-7502