@syncfusion/ej2-splitbuttons 25.2.3 → 26.1.35-750253

package/dist/es6/ej2-splitbuttons.es5.js

@@ -1,6 +1,6 @@
-import { Animation, ChildProperty, Collection, Complex, Component, Event, EventHandler, KeyboardEvents, NotifyPropertyChanges, Property, SanitizeHtmlHelper, addClass, animationMode, attributes, classList, closest, createElement, deleteObject, detach, extend, getComponent, getInstance, getUniqueID, getValue, isNullOrUndefined, isRippleEnabled, remove, removeClass, rippleEffect, select, setValue } from '@syncfusion/ej2-base';
+import { extend, deleteObject, addClass, isNullOrUndefined, Property, ChildProperty, attributes, select, getUniqueID, SanitizeHtmlHelper, detach, removeClass, EventHandler, getComponent, rippleEffect, isRippleEnabled, closest, classList, Collection, Event, NotifyPropertyChanges, Component, getValue, setValue, remove, KeyboardEvents, getInstance, createElement, Animation, animationMode, Complex } from '@syncfusion/ej2-base';
 import { Button } from '@syncfusion/ej2-buttons';
-import { Popup, createSpinner, hideSpinner, showSpinner } from '@syncfusion/ej2-popups';
+import { Popup, createSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';
 
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -182,10 +182,6 @@ var Item = /** @__PURE__ @class */ (function (_super) {
     return Item;
 }(ChildProperty));
 
-/**
- * Common modules
- */
-
 var __extends$1 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -355,7 +351,11 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
             this.dropDown.refreshPosition(this.element);
         }
         this.dropDown.hide();
-        attributes(this.element, (_a = {}, _a['aria-haspopup'] = this.items.length || this.target ? 'true' : 'false', _a['aria-expanded'] = 'false', _a['type'] = 'button', _a));
+        attributes(this.element, (_a = {},
+            _a['aria-haspopup'] = this.items.length || this.target ? 'true' : 'false',
+            _a['aria-expanded'] = 'false',
+            _a['type'] = 'button',
+            _a));
         if (this.cssClass) {
             addClass([div], this.cssClass.replace(/\s+/g, ' ').trim().split(' '));
         }
@@ -488,6 +488,7 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
         return false;
     };
     DropDownButton.prototype.appendArrowSpan = function () {
+        this.cssClass = isNullOrUndefined(this.cssClass) ? '' : this.cssClass;
         this.element.appendChild(this.createElement('span', {
             className: 'e-btn-icon e-icons ' + 'e-icon-' + (this.cssClass.indexOf(classNames.VERTICAL) > -1
                 ? 'bottom' : 'right') + ' e-caret'
@@ -592,6 +593,7 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
         }
         EventHandler.add(this.element, 'click', this.clickHandler, this);
         EventHandler.add(this.element, 'keydown', this.keyBoardHandler, this);
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         EventHandler.add(window, 'resize', this.windowResize, this);
     };
     DropDownButton.prototype.windowResize = function () {
@@ -774,6 +776,7 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
                 var splitButton = getComponent(this.activeElem[0], 'split-btn');
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 if (splitButton.isReact && popupElem.childNodes.length < 1) {
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     splitButton.appendReactElement(this.getTargetElement(), this.getPopUpElement());
                     this.renderReactTemplates();
                 }
@@ -781,6 +784,7 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
             else {
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 if (this.isReact && popupElem.childNodes.length < 1) {
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     this.appendReactElement(this.getTargetElement(), this.getPopUpElement());
                     this.renderReactTemplates();
                 }
@@ -812,7 +816,7 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
                     if (popupLeft < 0) {
                         popupLeft = 0;
                     }
-                    ul_1.parentElement.style.left = popupLeft + "px";
+                    ul_1.parentElement.style.left = popupLeft + 'px';
                 }
                 var openArgs = { element: ul_1, items: _this.items };
                 _this.trigger('open', openArgs);
@@ -874,6 +878,7 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
             EventHandler.remove(this.getPopUpElement(), 'click', this.clickHandler);
             EventHandler.remove(this.getPopUpElement(), 'keydown', this.keyBoardHandler);
         }
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         EventHandler.remove(window, 'resize', this.windowResize);
     };
     /**
@@ -917,6 +922,7 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
                             this.appendArrowSpan();
                         }
                         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'])
                             : classList(arrowSpan, ['e-icon-right'], ['e-icon-bottom']);
                     }
@@ -1016,10 +1022,6 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
     return DropDownButton;
 }(Component));
 
-/**
- * DropDownButton modules
- */
-
 var __extends$2 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -1039,8 +1041,6 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-// eslint-disable-next-line @typescript-eslint/triple-slash-reference
-/// <reference path='../drop-down-button/drop-down-button-model.d.ts'/>
 var RTL = 'e-rtl';
 var TAGNAME = 'EJS-SPLITBUTTON';
 /**
@@ -1199,7 +1199,7 @@ var SplitButton = /** @__PURE__ @class */ (function (_super) {
             _this.trigger('select', args);
         };
         dropDownBtnModel.beforeOpen = function (args) {
-            if (_this.createPopupOnClick && _this.items.length == 0) {
+            if (_this.createPopupOnClick && _this.items.length === 0) {
                 _this.secondaryBtnObj.dropDown.relateTo = _this.wrapper;
                 _this.dropDown = _this.secondaryBtnObj.dropDown;
             }
@@ -1256,9 +1256,9 @@ var SplitButton = /** @__PURE__ @class */ (function (_super) {
     };
     SplitButton.prototype.destroy = function () {
         var _this = this;
-        var classList$$1 = [RTL];
+        var classList = [RTL];
         if (this.cssClass) {
-            classList$$1 = classList$$1.concat(this.cssClass.split(' '));
+            classList = classList.concat(this.cssClass.split(' '));
         }
         if (this.element) {
             var element = document.getElementById(this.element.id);
@@ -1269,7 +1269,7 @@ var SplitButton = /** @__PURE__ @class */ (function (_super) {
                     removeClass([this.wrapper], this.cssClass.split(' '));
                 }
                 else {
-                    removeClass([this.element], classList$$1);
+                    removeClass([this.element], classList);
                     ['aria-label', 'aria-haspopup', 'aria-expanded', 'aria-owns', 'type'].forEach(function (key) {
                         _this.element.removeAttribute(key);
                     });
@@ -1285,6 +1285,7 @@ var SplitButton = /** @__PURE__ @class */ (function (_super) {
         if (this.element && !this.element.getAttribute('class')) {
             this.element.removeAttribute('class');
         }
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         if (this.refreshing && this.isAngular) {
             this.element = this.wrapper;
             ['e-control', 'e-split-btn', 'e-lib'].forEach(function (key) {
@@ -1460,10 +1461,6 @@ var Deferred = /** @__PURE__ @class */ (function () {
     return Deferred;
 }());
 
-/**
- * Split Button modules
- */
-
 /**
  * Initialize ButtonGroup CSS component with specified properties.
  * ```html
@@ -1496,14 +1493,14 @@ var Deferred = /** @__PURE__ @class */ (function () {
  * @param {Function} createElement - Specifies the element.
  * @returns {HTMLElement} - Button group element.
  */
-function createButtonGroup(selector, options, createElement$$1) {
+function createButtonGroup(selector, options, createElement$1) {
     if (options === void 0) { options = {}; }
     var child;
     var btnElem;
     var nextChild;
     var btnModel;
-    if (isNullOrUndefined(createElement$$1)) {
-        createElement$$1 = createElement;
+    if (isNullOrUndefined(createElement$1)) {
+        createElement$1 = createElement;
     }
     var wrapper = document.querySelector(selector);
     addClass([wrapper], ['e-btn-group', 'e-css']);
@@ -1518,7 +1515,7 @@ function createButtonGroup(selector, options, createElement$$1) {
                 btnElem = child;
             }
             else {
-                btnElem = createElement$$1('label');
+                btnElem = createElement$1('label');
                 nextChild = childs[j + 1];
                 if (nextChild) {
                     wrapper.insertBefore(btnElem, nextChild);
@@ -1543,10 +1540,6 @@ function createButtonGroup(selector, options, createElement$$1) {
     return wrapper;
 }
 
-/**
- * ButtonGroup modules
- */
-
 var __extends$3 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -1694,15 +1687,15 @@ var ProgressButton = /** @__PURE__ @class */ (function (_super) {
      */
     ProgressButton.prototype.destroy = function () {
         var _this = this;
-        var classList$$1 = [HIDESPINNER, PROGRESSACTIVE, 'e-round-corner', 'e-' + _super.prototype.getModuleName.call(this),
+        var classList = [HIDESPINNER, PROGRESSACTIVE, 'e-round-corner', 'e-' + _super.prototype.getModuleName.call(this),
             'e-spin-' + this.spinSettings.position.toLowerCase()];
         _super.prototype.destroy.call(this);
         this.unWireEvents();
         this.element.innerHTML = '';
         if (this.cssClass) {
-            classList$$1 = classList$$1.concat(this.cssClass.split(' '));
+            classList = classList.concat(this.cssClass.split(' '));
         }
-        removeClass([this.element], classList$$1);
+        removeClass([this.element], classList);
         var css = this.element.getAttribute('class') ? ['aria-label', 'aria-valuemin', 'aria-valuemax', 'aria-valuenow']
             : ['aria-label', 'aria-valuemin', 'aria-valuemax', 'aria-valuenow', 'class'];
         css.forEach(function (key) {
@@ -1789,7 +1782,7 @@ var ProgressButton = /** @__PURE__ @class */ (function (_super) {
         var isVertical = clsList.contains('e-vertical');
         clsList.add(PROGRESSACTIVE);
         if (!(clsList.contains(HIDESPINNER))) {
-            showSpinner(this.element.querySelector(".e-spinner"));
+            showSpinner(this.element.querySelector('.e-spinner'));
         }
         this.startAnimate(Date.now(), progressTime ? progressTime : 0, progressTime ? Date.now() - (this.duration * 1 / 100) : Date.now(), percent ? percent : 0, 0, this.step, 0, isVertical);
         this.startContAnimate();
@@ -1922,7 +1915,7 @@ var ProgressButton = /** @__PURE__ @class */ (function (_super) {
     ProgressButton.prototype.hideSpin = function () {
         var cont = this.element.getElementsByClassName(CONTENTCLS)[0];
         if (!(this.element.classList.contains(HIDESPINNER))) {
-            hideSpinner(this.element.querySelector(".e-spinner"));
+            hideSpinner(this.element.querySelector('.e-spinner'));
         }
         this.element.classList.remove(PROGRESSACTIVE);
         if (this.animationSettings.effect !== 'None') {
@@ -1979,7 +1972,7 @@ var ProgressButton = /** @__PURE__ @class */ (function (_super) {
                     this.setContent();
                     this.createSpinner();
                     if (isSpinning) {
-                        showSpinner(this.element.querySelector(".e-spinner"));
+                        showSpinner(this.element.querySelector('.e-spinner'));
                         isSpinning = false;
                     }
                     if (this.enableProgress) {
@@ -2083,13 +2076,5 @@ var ProgressButton = /** @__PURE__ @class */ (function (_super) {
     return ProgressButton;
 }(Button));
 
-/**
- * ProgressButton modules
- */
-
-/**
- * SplitButton all module
- */
-
-export { getModel, upDownKeyHandler, setBlankIconStyle, Item, DropDownButton, SplitButton, Deferred, createButtonGroup, SpinSettings, AnimationSettings, ProgressButton };
+export { AnimationSettings, Deferred, DropDownButton, Item, ProgressButton, SpinSettings, SplitButton, createButtonGroup, getModel, setBlankIconStyle, upDownKeyHandler };
 //# sourceMappingURL=ej2-splitbuttons.es5.js.map