@syncfusion/ej2-inputs 33.2.5 → 33.2.12

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 33.2.5
+*  version : 33.2.12
 *  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-inputs",
-  "version": "33.2.5",
+  "version": "33.2.12",
   "description": "A package of Essential JS 2 input components such as Textbox, Color-picker, Masked-textbox, Numeric-textbox, Slider, Upload, and Form-validator that is used to get input from the users.",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -10,8 +10,8 @@
   "dependencies": {
     "@syncfusion/ej2-base": "~33.2.3",
     "@syncfusion/ej2-buttons": "~33.2.5",
-    "@syncfusion/ej2-popups": "~33.2.5",
-    "@syncfusion/ej2-splitbuttons": "~33.2.3"
+    "@syncfusion/ej2-popups": "~33.2.7",
+    "@syncfusion/ej2-splitbuttons": "~33.2.6"
   },
   "devDependencies": {},
   "keywords": [

package/src/color-picker/color-picker.js

@@ -1296,7 +1296,7 @@ var ColorPicker = /** @class */ (function (_super) {
             var cValue = this.rgbToHex(this.rgb);
             this.triggerChangeEvent(cValue, e);
         }
-        if (!this.inline) {
+        if (!this.inline && this.splitBtn) {
             this.closePopup(e);
             this.splitBtn.element.focus();
         }
@@ -1539,10 +1539,10 @@ var ColorPicker = /** @class */ (function (_super) {
                 this.unWireEvents();
                 this.destroyOtherComp();
             }
-            this.splitBtn.beforeClose = null;
-            this.splitBtn.beforeOpen = null;
-            this.splitBtn.click = null;
-            this.splitBtn.open = null;
+            delete this.splitBtn.beforeClose;
+            delete this.splitBtn.beforeOpen;
+            delete this.splitBtn.click;
+            delete this.splitBtn.open;
             this.splitBtn.destroy();
             this.splitBtn = null;
         }

package/src/numerictextbox/numerictextbox.js

@@ -1402,6 +1402,9 @@ var NumericTextBox = /** @class */ (function (_super) {
                     this.floatLabelTypeUpdate();
                     break;
                 case 'value':
+                    if (this.isAngular && this.formEle && oldProp.value === newProp.value) {
+                        this.preventChange = true;
+                    }
                     this.isDynamicChange = (this.isAngular || this.isVue) && this.preventChange;
                     this.updateValue(newProp.value);
                     if (this.isDynamicChange) {

package/styles/input/_layout.scss

@@ -4085,6 +4085,13 @@
     }
   }
 
+  .e-label-top .e-float-text-content,
+  .e-label-top .e-float-text-content.e-icon {
+    @if $input-skin-name =='material' or $input-skin-name =='Material3' {
+      font-size: $outline-float-label-top-font-size;
+    }
+  }
+  
   .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
   .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
   .e-outline label.e-float-text,

package/styles/input/_material-dark-definition.scss

@@ -330,6 +330,7 @@ $outline-input-clear-icon-hover-color: rgba($grey-dark-font, .82) !default;
 $outline-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
 
 $outline-float-label-font-size: 14px !default;
+$outline-float-label-top-font-size: 12px !default;
 $bigger-outline-float-label-font-size: 16px !default;
 $bigger-small-outline-float-label-font-size: 14px !default;
 $small-outline-float-label-font-size: 13px !default;

package/styles/input/_material-definition.scss

@@ -327,6 +327,7 @@ $outline-input-clear-icon-hover-color: rgba($grey-light-font, .87) !default;
 $outline-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
 
 $outline-float-label-font-size: 14px !default;
+$outline-float-label-top-font-size: 12px !default;
 $bigger-outline-float-label-font-size: 16px !default;
 $bigger-small-outline-float-label-font-size: 14px !default;
 $small-outline-float-label-font-size: 13px !default;

package/styles/input/_material3-dark-definition.scss

@@ -338,6 +338,7 @@ $outline-input-bigger-small-clear-icon: 18px !default;
 $outline-input-clear-icon-hover-color: rgba($icon-color-hover) !default;
 $outline-input-clear-icon-active-color: rgba($icon-color) !default;
 $outline-float-label-font-size: 14px !default;
+$outline-float-label-top-font-size: 12px !default;
 $bigger-outline-float-label-font-size: 16px !default;
 $bigger-small-outline-float-label-font-size: 14px !default;
 $small-outline-float-label-font-size: 13px !default;

package/styles/input/_material3-definition.scss

@@ -338,6 +338,7 @@ $outline-input-bigger-small-clear-icon: 18px !default;
 $outline-input-clear-icon-hover-color: rgba($icon-color-hover) !default;
 $outline-input-clear-icon-active-color: rgba($icon-color) !default;
 $outline-float-label-font-size: 14px !default;
+$outline-float-label-top-font-size: 12px !default;
 $bigger-outline-float-label-font-size: 16px !default;
 $bigger-small-outline-float-label-font-size: 14px !default;
 $small-outline-float-label-font-size: 13px !default;

package/styles/input/material-dark.css

@@ -3202,6 +3202,11 @@ textarea.e-outline,
   background: transparent;
 }
 
+.e-label-top .e-float-text-content,
+.e-label-top .e-float-text-content.e-icon {
+  font-size: 12px;
+}
+
 .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline label.e-float-text,

package/styles/input/material.css

@@ -3232,6 +3232,11 @@ textarea.e-outline,
   background: transparent;
 }
 
+.e-label-top .e-float-text-content,
+.e-label-top .e-float-text-content.e-icon {
+  font-size: 12px;
+}
+
 .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline label.e-float-text,

package/styles/input/material3-dark.css

@@ -3329,6 +3329,11 @@ textarea.e-outline,
   background: transparent;
 }
 
+.e-label-top .e-float-text-content,
+.e-label-top .e-float-text-content.e-icon {
+  font-size: 12px;
+}
+
 .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline label.e-float-text,

package/styles/input/material3.css

@@ -3333,6 +3333,11 @@ textarea.e-outline,
   background: transparent;
 }
 
+.e-label-top .e-float-text-content,
+.e-label-top .e-float-text-content.e-icon {
+  font-size: 12px;
+}
+
 .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline label.e-float-text,

package/styles/material-dark-lite.css

@@ -3212,6 +3212,11 @@ textarea.e-outline,
   background: transparent;
 }
 
+.e-label-top .e-float-text-content,
+.e-label-top .e-float-text-content.e-icon {
+  font-size: 12px;
+}
+
 .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline label.e-float-text,

package/styles/material-dark.css

@@ -3212,6 +3212,11 @@ textarea.e-outline,
   background: transparent;
 }
 
+.e-label-top .e-float-text-content,
+.e-label-top .e-float-text-content.e-icon {
+  font-size: 12px;
+}
+
 .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline label.e-float-text,

package/styles/material-lite.css

@@ -3242,6 +3242,11 @@ textarea.e-outline,
   background: transparent;
 }
 
+.e-label-top .e-float-text-content,
+.e-label-top .e-float-text-content.e-icon {
+  font-size: 12px;
+}
+
 .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline label.e-float-text,

package/styles/material.css

@@ -3242,6 +3242,11 @@ textarea.e-outline,
   background: transparent;
 }
 
+.e-label-top .e-float-text-content,
+.e-label-top .e-float-text-content.e-icon {
+  font-size: 12px;
+}
+
 .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline label.e-float-text,

package/styles/material3-dark-lite.css

@@ -3503,6 +3503,11 @@ textarea.e-outline,
   background: transparent;
 }
 
+.e-label-top .e-float-text-content,
+.e-label-top .e-float-text-content.e-icon {
+  font-size: 12px;
+}
+
 .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline label.e-float-text,

package/styles/material3-dark.css

@@ -3503,6 +3503,11 @@ textarea.e-outline,
   background: transparent;
 }
 
+.e-label-top .e-float-text-content,
+.e-label-top .e-float-text-content.e-icon {
+  font-size: 12px;
+}
+
 .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline label.e-float-text,

package/styles/material3-lite.css

@@ -3511,6 +3511,11 @@ textarea.e-outline,
   background: transparent;
 }
 
+.e-label-top .e-float-text-content,
+.e-label-top .e-float-text-content.e-icon {
+  font-size: 12px;
+}
+
 .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline label.e-float-text,

package/styles/material3.css

@@ -3511,6 +3511,11 @@ textarea.e-outline,
   background: transparent;
 }
 
+.e-label-top .e-float-text-content,
+.e-label-top .e-float-text-content.e-icon {
+  font-size: 12px;
+}
+
 .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline label.e-float-text,

package/helpers/e2e/colorpickerHelper.d.ts

@@ -1,23 +0,0 @@
-import { TestHelper } from '@syncfusion/ej2-base/helpers/e2e';
-/**
- * E2E test helpers for Colorpicker to easily interact and the test the component
- */
-export declare class ColorpickerHelper extends TestHelper {
-    id: string;
-    wrapperFn: Function;
-    /**
-     * Initialize the Colorpicker E2E helpers
-     * @param id Element id of the Colorpicker element
-     * @param wrapperFn Pass the wrapper function
-     */
-    constructor(id: string, wrapperFn: Function);
-    /**
-     * Used to get root element of the Colorpicker component
-     */
-    getElement(): any;
-    getSplitButtonElement(): any;
-    getSplitButtonPopupElement(): any;
-    setModel(property: any, value: any): any;
-    getModel(property: any): any;
-    invoke(fName: any, args?: any): any;
-}

package/helpers/e2e/colorpickerHelper.js

@@ -1,70 +0,0 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-define(["require", "exports", "@syncfusion/ej2-base/helpers/e2e"], function (require, exports, e2e_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    /**
-     * E2E test helpers for Colorpicker to easily interact and the test the component
-     */
-    var ColorpickerHelper = /** @class */ (function (_super) {
-        __extends(ColorpickerHelper, _super);
-        /**
-         * Initialize the Colorpicker E2E helpers
-         * @param id Element id of the Colorpicker element
-         * @param wrapperFn Pass the wrapper function
-         */
-        function ColorpickerHelper(id, wrapperFn) {
-            var _this = _super.call(this) || this;
-            _this.id = id;
-            if (wrapperFn !== undefined) {
-                _this.wrapperFn = wrapperFn;
-            }
-            return _this;
-        }
-        /**
-         * Used to get root element of the Colorpicker component
-         */
-        ColorpickerHelper.prototype.getElement = function () {
-            return this.selector('#' + this.id);
-        };
-        ColorpickerHelper.prototype.getSplitButtonElement = function () {
-            return this.selector('#' + this.id + '_dropdownbtn');
-        };
-        ColorpickerHelper.prototype.getSplitButtonPopupElement = function () {
-            return this.selector('#' + this.id + '_dropdownbtn_popup');
-        };
-        ColorpickerHelper.prototype.setModel = function (property, value) {
-            var cy;
-            return cy.get('#' + this.id).then(function (ele) {
-                return ele[0].ej2_instances[0][property] = value;
-            });
-        };
-        ColorpickerHelper.prototype.getModel = function (property) {
-            var cy;
-            return cy.get('#' + this.id).then(function (ele) {
-                return ele[0].ej2_instances[0][property];
-            });
-        };
-        ColorpickerHelper.prototype.invoke = function (fName, args) {
-            if (args === void 0) { args = []; }
-            var cy;
-            return cy.get('#' + this.id).then(function (ele) {
-                var inst = ele[0].ej2_instances[0];
-                return inst[fName].apply(inst, args);
-            });
-        };
-        return ColorpickerHelper;
-    }(e2e_1.TestHelper));
-    exports.ColorpickerHelper = ColorpickerHelper;
-});

package/helpers/e2e/index.d.ts

@@ -1,5 +0,0 @@
-export * from './maskedtextboxHelper';
-export * from './numerictextboxHelper';
-export * from './textboxHelper';
-export * from './uploaderHelper';
-export * from './slider';

package/helpers/e2e/index.js

@@ -1,12 +0,0 @@
-define(["require", "exports", "./maskedtextboxHelper", "./numerictextboxHelper", "./textboxHelper", "./uploaderHelper", "./slider"], function (require, exports, maskedtextboxHelper_1, numerictextboxHelper_1, textboxHelper_1, uploaderHelper_1, slider_1) {
-    "use strict";
-    function __export(m) {
-        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-    }
-    Object.defineProperty(exports, "__esModule", { value: true });
-    __export(maskedtextboxHelper_1);
-    __export(numerictextboxHelper_1);
-    __export(textboxHelper_1);
-    __export(uploaderHelper_1);
-    __export(slider_1);
-});

package/helpers/e2e/maskedtextboxHelper.d.ts

@@ -1,14 +0,0 @@
-import { TestHelper } from '@syncfusion/ej2-base/helpers/e2e';
-export declare class maskedtextboxHelper extends TestHelper {
-    id: string;
-    wrapperFn: Function;
-    constructor(id: string, wrapperFn: Function);
-    selector(arg: any): any;
-    getElement(): any;
-    getWrapperElement(): any;
-    getInputElement(): any;
-    getFocusElement(): any;
-    getClearIconElement(): any;
-    getFloatLabelElement(): any;
-    setModel(property: any, value: any): any;
-}

package/helpers/e2e/maskedtextboxHelper.js

@@ -1,57 +0,0 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-define(["require", "exports", "@syncfusion/ej2-base/helpers/e2e"], function (require, exports, e2e_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    var maskedtextboxHelper = /** @class */ (function (_super) {
-        __extends(maskedtextboxHelper, _super);
-        function maskedtextboxHelper(id, wrapperFn) {
-            var _this = _super.call(this) || this;
-            _this.id = id;
-            if (wrapperFn !== undefined) {
-                _this.wrapperFn = wrapperFn;
-            }
-            return _this;
-        }
-        maskedtextboxHelper.prototype.selector = function (arg) {
-            return (this.wrapperFn ? this.wrapperFn(arg) : arg);
-        };
-        maskedtextboxHelper.prototype.getElement = function () {
-            return this.selector('#' + this.id);
-        };
-        maskedtextboxHelper.prototype.getWrapperElement = function () {
-            return this.selector('.e-control-wrapper.e-mask.e-input-group');
-        };
-        maskedtextboxHelper.prototype.getInputElement = function () {
-            return this.selector('.e-control-wrapper.e-mask.e-input-group .e-control.e-maskedtextbox.e-lib.e-input');
-        };
-        maskedtextboxHelper.prototype.getFocusElement = function () {
-            return this.selector('.e-control-wrapper.e-mask.e-input-group.e-input-focus');
-        };
-        maskedtextboxHelper.prototype.getClearIconElement = function () {
-            return this.selector('.e-control-wrapper.e-mask.e-input-group .e-clear-icon');
-        };
-        maskedtextboxHelper.prototype.getFloatLabelElement = function () {
-            return this.selector('#' + 'label_' + this.id);
-        };
-        maskedtextboxHelper.prototype.setModel = function (property, value) {
-            var cy;
-            return cy.get('#' + this.id).then(function (ele) {
-                return ele[0].ej2_instances[0][property] = value;
-            });
-        };
-        return maskedtextboxHelper;
-    }(e2e_1.TestHelper));
-    exports.maskedtextboxHelper = maskedtextboxHelper;
-});

package/helpers/e2e/numerictextboxHelper.d.ts

@@ -1,14 +0,0 @@
-import { TestHelper } from '@syncfusion/ej2-base/helpers/e2e';
-export declare class numerictextboxHelper extends TestHelper {
-    id: string;
-    wrapperFn: Function;
-    constructor(id: string, wrapperFn: Function);
-    selector(arg: any): any;
-    getWrapperElement(): any;
-    getInputElement(): any;
-    getUpIconElement(): any;
-    getDownIconElement(): any;
-    getFocusElement(): any;
-    getClearIconElement(): any;
-    getFloatLabelElement(): any;
-}

package/helpers/e2e/numerictextboxHelper.js

@@ -1,54 +0,0 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-define(["require", "exports", "@syncfusion/ej2-base/helpers/e2e"], function (require, exports, e2e_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    var numerictextboxHelper = /** @class */ (function (_super) {
-        __extends(numerictextboxHelper, _super);
-        function numerictextboxHelper(id, wrapperFn) {
-            var _this = _super.call(this) || this;
-            _this.id = id;
-            if (wrapperFn !== undefined) {
-                _this.wrapperFn = wrapperFn;
-            }
-            return _this;
-        }
-        numerictextboxHelper.prototype.selector = function (arg) {
-            return (this.wrapperFn ? this.wrapperFn(arg) : arg);
-        };
-        numerictextboxHelper.prototype.getWrapperElement = function () {
-            return this.selector('.e-control-wrapper.e-numeric.e-input-group');
-        };
-        numerictextboxHelper.prototype.getInputElement = function () {
-            return this.selector('.e-control-wrapper.e-numeric.e-input-group .e-numerictextbox');
-        };
-        numerictextboxHelper.prototype.getUpIconElement = function () {
-            return this.selector('.e-control-wrapper.e-numeric.e-input-group .e-input-group-icon.e-spin-up');
-        };
-        numerictextboxHelper.prototype.getDownIconElement = function () {
-            return this.selector('.e-control-wrapper.e-numeric.e-input-group .e-input-group-icon.e-spin-down');
-        };
-        numerictextboxHelper.prototype.getFocusElement = function () {
-            return this.selector('.e-control-wrapper.e-numeric.e-input-group.e-input-focus');
-        };
-        numerictextboxHelper.prototype.getClearIconElement = function () {
-            return this.selector('.e-control-wrapper.e-numeric.e-input-group .e-clear-icon');
-        };
-        numerictextboxHelper.prototype.getFloatLabelElement = function () {
-            return this.selector('#' + 'label_' + this.id);
-        };
-        return numerictextboxHelper;
-    }(e2e_1.TestHelper));
-    exports.numerictextboxHelper = numerictextboxHelper;
-});

package/helpers/e2e/slider.d.ts

@@ -1,44 +0,0 @@
-import { TestHelper } from '@syncfusion/ej2-base/helpers/e2e';
-/**
- * E2E test helpers for slider to easily interact and the test the component
- */
-export declare class SliderHelper extends TestHelper {
-    id: string;
-    wrapperFn: Function;
-    /**
-     * Initialize the Slider E2E helpers
-     * @param id Element id of the slider element
-     * @param wrapperFn Pass the wrapper function
-     */
-    constructor(id: string, wrapperFn: Function);
-    /**
-     * Used get root element or id of the Slider component
-     */
-    getElement(): any;
-    /**
-     * Used to get the tooltip element of slider component.
-     * @param tooltipCssClass cssClass for the slider tooltip element
-     * if assigned in the tooltip property of slider.
-     *
-     * Works only if the `tooltip` is used in the slider.
-     */
-    getSliderTooltipElement(tooltipCssClass?: string): any;
-    /**
-     * Used to get the slider components ticks element.
-     *
-     * Works only if `ticks` is enabled for slider.
-     */
-    getSliderTickElement(): any;
-    /**
-     * Used to get the first button element of the slider component.
-     *
-     * Works only if `showButtons` is enabled for slider.
-     */
-    getFirstButtonElement(): any;
-    /**
-     * Used to get the second button element of the slider component.
-     *
-     * Works only if `showButtons` is enabled for slider.
-     */
-    getSecondButtonElement(): any;
-}