@syncfusion/ej2-splitbuttons 25.2.3 → 26.1.35-7502

package/dist/es6/ej2-splitbuttons.es2015.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, ChildProperty, Property, Component, attributes, select, getUniqueID, SanitizeHtmlHelper, detach, removeClass, EventHandler, getComponent, rippleEffect, isRippleEnabled, closest, classList, Collection, Event, NotifyPropertyChanges, 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 __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -162,10 +162,6 @@ __decorate([
     Property(false)
 ], Item.prototype, "disabled", void 0);
 
-/**
- * Common modules
- */
-
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -455,6 +451,7 @@ let DropDownButton = class DropDownButton extends Component {
         return false;
     }
     appendArrowSpan() {
+        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'
@@ -487,16 +484,16 @@ let DropDownButton = class DropDownButton extends Component {
     destroy() {
         super.destroy();
         if (this.getModuleName() === 'dropdown-btn') {
-            let classList$$1;
+            let classList;
             if (this.element.querySelector('span.e-caret')) {
                 detach(this.element.querySelector('span.e-caret'));
             }
             if (this.cssClass) {
-                classList$$1 = this.cssClass.split(' ');
+                classList = this.cssClass.split(' ');
             }
             this.button.destroy();
-            if (classList$$1) {
-                removeClass([this.element], classList$$1);
+            if (classList) {
+                removeClass([this.element], classList);
             }
             removeClass(this.activeElem, ['e-active']);
             const attrList = this.element.getAttribute('class') ? ['aria-haspopup', 'aria-expanded', 'aria-owns', 'type']
@@ -558,6 +555,7 @@ let DropDownButton = class DropDownButton extends Component {
         }
         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);
     }
     windowResize() {
@@ -738,6 +736,7 @@ let DropDownButton = class DropDownButton extends Component {
                 const 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();
                 }
@@ -745,6 +744,7 @@ let DropDownButton = class DropDownButton extends Component {
             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();
                 }
@@ -776,7 +776,7 @@ let DropDownButton = class DropDownButton extends Component {
                     if (popupLeft < 0) {
                         popupLeft = 0;
                     }
-                    ul.parentElement.style.left = popupLeft + "px";
+                    ul.parentElement.style.left = popupLeft + 'px';
                 }
                 const openArgs = { element: ul, items: this.items };
                 this.trigger('open', openArgs);
@@ -836,6 +836,7 @@ let DropDownButton = class DropDownButton extends Component {
             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);
     }
     /**
@@ -878,6 +879,7 @@ let DropDownButton = class DropDownButton extends Component {
                             this.appendArrowSpan();
                         }
                         const 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']);
                     }
@@ -976,18 +978,12 @@ DropDownButton = __decorate$1([
     NotifyPropertyChanges
 ], DropDownButton);
 
-/**
- * DropDownButton modules
- */
-
 var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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'/>
 const RTL = 'e-rtl';
 const TAGNAME = 'EJS-SPLITBUTTON';
 /**
@@ -1144,7 +1140,7 @@ let SplitButton = class SplitButton extends DropDownButton {
             this.trigger('select', args);
         };
         dropDownBtnModel.beforeOpen = (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;
             }
@@ -1200,9 +1196,9 @@ let SplitButton = class SplitButton extends DropDownButton {
         this.secondaryBtnObj.toggle();
     }
     destroy() {
-        let classList$$1 = [RTL];
+        let classList = [RTL];
         if (this.cssClass) {
-            classList$$1 = classList$$1.concat(this.cssClass.split(' '));
+            classList = classList.concat(this.cssClass.split(' '));
         }
         if (this.element) {
             const element = document.getElementById(this.element.id);
@@ -1213,7 +1209,7 @@ let SplitButton = class SplitButton extends DropDownButton {
                     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((key) => {
                         this.element.removeAttribute(key);
                     });
@@ -1229,6 +1225,7 @@ let SplitButton = class SplitButton extends DropDownButton {
         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((key) => {
@@ -1400,10 +1397,6 @@ class Deferred {
     }
 }
 
-/**
- * Split Button modules
- */
-
 /**
  * Initialize ButtonGroup CSS component with specified properties.
  * ```html
@@ -1436,13 +1429,13 @@ class Deferred {
  * @param {Function} createElement - Specifies the element.
  * @returns {HTMLElement} - Button group element.
  */
-function createButtonGroup(selector, options = {}, createElement$$1) {
+function createButtonGroup(selector, options = {}, createElement$1) {
     let child;
     let btnElem;
     let nextChild;
     let btnModel;
-    if (isNullOrUndefined(createElement$$1)) {
-        createElement$$1 = createElement;
+    if (isNullOrUndefined(createElement$1)) {
+        createElement$1 = createElement;
     }
     const wrapper = document.querySelector(selector);
     addClass([wrapper], ['e-btn-group', 'e-css']);
@@ -1457,7 +1450,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);
@@ -1482,10 +1475,6 @@ function createButtonGroup(selector, options = {}, createElement$$1) {
     return wrapper;
 }
 
-/**
- * ButtonGroup modules
- */
-
 var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -1607,15 +1596,15 @@ let ProgressButton = class ProgressButton extends Button {
      * @returns {void}
      */
     destroy() {
-        let classList$$1 = [HIDESPINNER, PROGRESSACTIVE, 'e-round-corner', 'e-' + super.getModuleName(),
+        let classList = [HIDESPINNER, PROGRESSACTIVE, 'e-round-corner', 'e-' + super.getModuleName(),
             'e-spin-' + this.spinSettings.position.toLowerCase()];
         super.destroy();
         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);
         const css = this.element.getAttribute('class') ? ['aria-label', 'aria-valuemin', 'aria-valuemax', 'aria-valuenow']
             : ['aria-label', 'aria-valuemin', 'aria-valuemax', 'aria-valuenow', 'class'];
         css.forEach((key) => {
@@ -1702,7 +1691,7 @@ let ProgressButton = class ProgressButton extends Button {
         const 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();
@@ -1832,7 +1821,7 @@ let ProgressButton = class ProgressButton extends Button {
     hideSpin() {
         const 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') {
@@ -1888,7 +1877,7 @@ let ProgressButton = class ProgressButton extends Button {
                     this.setContent();
                     this.createSpinner();
                     if (isSpinning) {
-                        showSpinner(this.element.querySelector(".e-spinner"));
+                        showSpinner(this.element.querySelector('.e-spinner'));
                         isSpinning = false;
                     }
                     if (this.enableProgress) {
@@ -1991,13 +1980,5 @@ ProgressButton = __decorate$3([
     NotifyPropertyChanges
 ], ProgressButton);
 
-/**
- * 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.es2015.js.map