@syncfusion/ej2-buttons - npm Package Compare versions

Comparing version 25.2.7 to 26.1.35

.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/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 25.2.7
+*  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-buttons@*",
-  "_id": "@syncfusion/ej2-buttons@25.2.6",
+  "_id": "@syncfusion/ej2-buttons@18.64.1",
   "_inBundle": false,
-  "_integrity": "sha512-Xt4F4MLAaVIHS8paLmJptD0wsDiirpuXwveGfC3BA8wMsH08fEtb64tHHlA8BxUo2frmUotas0g0bJDhUNX7KQ==",
+  "_integrity": "sha512-GbwKPQM/g9t4jhNa8AtYcf/jZTPC0RWuRYCgDYDVZBWpWWkGRkf26Fr4Y1xFqLts3km8V3Q4IAEkltkEdCD6/A==",
   "_location": "/@syncfusion/ej2-buttons",
@@ -47,6 +47,6 @@ "_phantomChildren": {},
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-buttons/-/ej2-buttons-25.2.6.tgz",
-  "_shasum": "16080040d84f47bf2cefcb39d20cac6a8a380713",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-buttons/-/ej2-buttons-18.64.1.tgz",
+  "_shasum": "c8f3df80642f6c2f74bbb952b9750b67024e329d",
   "_spec": "@syncfusion/ej2-buttons@*",
-  "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
   "author": {
@@ -60,3 +60,3 @@ "name": "Syncfusion Inc."
   "dependencies": {
-    "@syncfusion/ej2-base": "~25.2.7"
+    "@syncfusion/ej2-base": "~26.1.35"
   },
@@ -107,4 +107,4 @@ "deprecated": false,
   "typings": "index.d.ts",
-  "version": "25.2.7",
+  "version": "26.1.35",
   "sideEffects": false
 }

src/check-box/check-box.d.ts

@@ -28,3 +28,2 @@ import { Component, INotifyPropertyChanged } from '@syncfusion/ej2-base';
     private isMouseClick;
-    private isVue;
     private formElement;
@@ -31,0 +30,0 @@ private initialCheckedValue;

src/check-box/check-box.js

@@ -64,3 +64,2 @@ var __extends = (this && this.__extends) || (function () {
     CheckBox.prototype.changeState = function (state, isInitialize) {
-        var ariaState;
         var wrapper = this.getWrapper();
@@ -84,3 +83,2 @@ var rippleSpan = null;
             }
-            ariaState = 'true';
             this.element.checked = true;
@@ -102,3 +100,2 @@ if ((this.element.required || closest(this.element, 'form') && closest(this.element, 'form').classList.contains('e-formvalidator')) && this.validCheck && !isInitialize) {
             }
-            ariaState = 'false';
             this.element.checked = false;
@@ -122,3 +119,2 @@ if ((this.element.required || closest(this.element, 'form') && closest(this.element, 'form').classList.contains('e-formvalidator')) && this.validCheck && !isInitialize) {
             }
-            ariaState = 'mixed';
             this.element.indeterminate = true;
@@ -465,3 +461,2 @@ this.indeterminate = true;
     };
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     CheckBox.prototype.setText = function (text) {
@@ -468,0 +463,0 @@ var wrapper = this.getWrapper();

src/chips/chip-list-model.d.ts

@@ -1,2 +0,2 @@
-import { Component, NotifyPropertyChanges, INotifyPropertyChanged, Property, append, isNullOrUndefined } from '@syncfusion/ej2-base';import { removeClass, KeyboardEventArgs, rippleEffect, closest, MouseEventArgs } from '@syncfusion/ej2-base';import { EventHandler, detach, EmitType, Event, addClass, getElement } from '@syncfusion/ej2-base';import { ChipModel } from './chip';
+import { Component, NotifyPropertyChanges, INotifyPropertyChanged, Property, append, isNullOrUndefined } from '@syncfusion/ej2-base';import { removeClass, KeyboardEventArgs, rippleEffect, closest, MouseEventArgs } from '@syncfusion/ej2-base';import { EventHandler, detach, EmitType, Event, addClass} from '@syncfusion/ej2-base';import { ChipModel } from './chip';
 import {Selection,ClickEventArgs,DeleteEventArgs,ChipDeletedEventArgs} from "./chip-list";
@@ -128,3 +128,3 @@ import {ComponentModel} from '@syncfusion/ej2-base';
      *
-     * @event
+     * @event created
      */
@@ -137,3 +137,3 @@ created?: EmitType<Event>;
      *
-     * @event
+     * @event click
      */
@@ -148,3 +148,3 @@ click?: EmitType<ClickEventArgs>;
      *
-     * @event
+     * @event beforeClick
      */
@@ -157,3 +157,3 @@ beforeClick?: EmitType<ClickEventArgs>;
      *
-     * @event
+     * @event delete
      */
@@ -166,3 +166,3 @@ delete?: EmitType<DeleteEventArgs>;
      *
-     * @event
+     * @event deleted
      */
@@ -169,0 +169,0 @@ deleted?: EmitType<ChipDeletedEventArgs>;

src/chips/chip-list.d.ts

@@ -283,3 +283,3 @@ import { Component, INotifyPropertyChanged } from '@syncfusion/ej2-base';
      *
-     * @event
+     * @event created
      */
@@ -291,3 +291,3 @@ created: EmitType<Event>;
      *
-     * @event
+     * @event click
      */
@@ -301,3 +301,3 @@ click: EmitType<ClickEventArgs>;
      *
-     * @event
+     * @event beforeClick
      */
@@ -309,3 +309,3 @@ beforeClick: EmitType<ClickEventArgs>;
      *
-     * @event
+     * @event delete
      */
@@ -317,3 +317,3 @@ delete: EmitType<DeleteEventArgs>;
      *
-     * @event
+     * @event deleted
      */
@@ -320,0 +320,0 @@ deleted: EmitType<ChipDeletedEventArgs>;

src/chips/chip-list.js

@@ -83,4 +83,3 @@ var __extends = (this && this.__extends) || (function () {
     ChipList.prototype.render = function () {
-        var property;
-        this.type = this.chips.length ? 'chipset' : (this.text || this.element.innerText ? 'chip' : 'chipset');
+        this.type = (!isNullOrUndefined(this.chips) && this.chips.length) ? 'chipset' : (this.text || this.element.innerText ? 'chip' : 'chipset');
         this.setAttributes();
@@ -104,4 +103,5 @@ this.createChip();
         if (this.type === 'chip') {
-            if (this.enabled)
+            if (this.enabled) {
                 this.element.tabIndex = 0;
+            }
             this.element.setAttribute('role', 'button');
@@ -129,2 +129,5 @@ }
     ChipList.prototype.chipCreation = function (data) {
+        if (isNullOrUndefined(data)) {
+            return;
+        }
         var chipListArray = [];
@@ -470,3 +473,2 @@ var attributeArray = [];
         if (chipWrapper) {
-            // eslint-disable-next-line
             var chipDataArgs = void 0;
@@ -598,3 +600,3 @@ if (this.chipType()) {
             classNames.multiSelection, classNames.singleSelection, classNames.disabled, classNames.chipWrapper, classNames.iconWrapper,
-            classNames.active, classNames.focused].concat(this.cssClass.toString().split(' ').filter(function (css) { return css; })));
+            classNames.active, classNames.focused].concat(this.cssClass ? this.cssClass.toString().split(' ').filter(function (css) { return css; }) : []));
         this.removeMultipleAttributes(['tabindex', 'role', 'aria-label', 'aria-multiselectable'], this.element);
@@ -625,3 +627,2 @@ this.wireEvent(true);
     ChipList.prototype.onPropertyChanged = function (newProp, oldProp) {
-        var property;
         for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
@@ -628,0 +629,0 @@ var prop = _a[_i];

src/chips/chip.d.ts

@@ -54,7 +54,7 @@ /**
     /**
-    * Allows additional HTML attributes such as aria labels, title, name, etc., and
-    * accepts n number of attributes in a key-value pair format.
-    *
-    * @default {}
-    */
+     * Allows additional HTML attributes such as aria labels, title, name, etc., and
+     * accepts n number of attributes in a key-value pair format.
+     *
+     * @default {}
+     */
     htmlAttributes: {
@@ -61,0 +61,0 @@ [key: string]: string;

src/common/common.js

@@ -29,2 +29,4 @@ import { detach, getUniqueID, rippleEffect, setValue, attributes } from '@syncfusion/ej2-base';
         element.appendChild(input);
+        element.classList.add(role);
+        element.classList.remove(role);
         setValue('ej2_instances', ejInstance, input);
@@ -31,0 +33,0 @@ deleteObject(element, 'ej2_instances');

src/floating-action-button/floating-action-button-model.d.ts

@@ -1,2 +0,2 @@
-import { getUniqueID, INotifyPropertyChanged, NotifyPropertyChanges, Property, EventHandler } from '@syncfusion/ej2-base';import { select } from '@syncfusion/ej2-base';import { Button } from '../button/button';
+import { getUniqueID, INotifyPropertyChanged, NotifyPropertyChanges, Property } from '@syncfusion/ej2-base';import { select } from '@syncfusion/ej2-base';import { Button } from '../button/button';
 import {FabPosition} from "./floating-action-button";
@@ -23,4 +23,2 @@ import {ButtonModel} from "../button/button-model";
      *
-     *  To refresh the position of FAB on target resize, use refreshPosition method.
-     *  The position will be refreshed automatically when browser resized.
      * {% codeBlock src='fab/position/index.md' %}{% endcodeBlock %}
@@ -27,0 +25,0 @@ *

src/floating-action-button/floating-action-button.d.ts

@@ -63,4 +63,2 @@ /// <reference path="../button/button-model.d.ts" />
      *
-     *  To refresh the position of FAB on target resize, use refreshPosition method.
-     *  The position will be refreshed automatically when browser resized.
      * {% codeBlock src='fab/position/index.md' %}{% endcodeBlock %}
@@ -127,6 +125,3 @@ *
     private setPosition;
-    private setVerticalPosition;
-    private setHorizontalPosition;
     private clearPosition;
-    private clearHorizontalPosition;
     /**
@@ -136,5 +131,5 @@ * Refreshes the FAB position. You can call this method to re-position FAB when target is resized.
      * @returns {void}
+
      */
     refreshPosition(): void;
-    private resizeHandler;
     /**
@@ -141,0 +136,0 @@ * Destroys the FAB instance.

src/floating-action-button/floating-action-button.js

@@ -22,3 +22,3 @@ var __extends = (this && this.__extends) || (function () {
 ///<reference path='../button/button-model.d.ts'/>
-import { getUniqueID, NotifyPropertyChanges, Property, EventHandler } from '@syncfusion/ej2-base';
+import { getUniqueID, NotifyPropertyChanges, Property } from '@syncfusion/ej2-base';
 import { select } from '@syncfusion/ej2-base';
@@ -28,4 +28,2 @@ import { Button } from '../button/button';
 var FIXEDFAB = 'e-fab-fixed';
-var FABVERTDIST = '--fabVertDist';
-var FABHORZDIST = '--fabHorzDist';
 var FABTOP = 'e-fab-top';
@@ -133,3 +131,2 @@ var FABBOTTOM = 'e-fab-bottom';
         this.setVisibility();
-        EventHandler.add(window, 'resize', this.resizeHandler, this);
     };
@@ -151,34 +148,19 @@ Fab.prototype.checkTarget = function () {
     Fab.prototype.setPosition = function () {
-        this.setVerticalPosition();
-        this.setHorizontalPosition();
-    };
-    Fab.prototype.setVerticalPosition = function () {
-        //Check for middle position and middle class and vertical distance atttribute.
+        // Check for the bottom position; if true, add the bottom class; otherwise, add the top class.
+        this.element.classList.add((['BottomLeft', 'BottomCenter', 'BottomRight'].indexOf(this.position) !== -1) ? FABBOTTOM : FABTOP);
+        var isRight = ['TopRight', 'MiddleRight', 'BottomRight'].indexOf(this.position) !== -1;
+        // Reverse the left and right direction for RTL mode.
+        this.element.classList.add((!(this.enableRtl || isRight) || (this.enableRtl && isRight)) ? FABLEFT : FABRIGHT);
         if (['MiddleLeft', 'MiddleRight', 'MiddleCenter'].indexOf(this.position) !== -1) {
-            var yoffset = ((this.isFixed ? window.innerHeight : this.targetEle.clientHeight) - this.element.offsetHeight) / 2;
-            this.element.style.setProperty(FABVERTDIST, yoffset + 'px');
             this.element.classList.add(FABMIDDLE);
         }
-        //Check for bottom position and bottom class else add top class.
-        this.element.classList.add((['BottomLeft', 'BottomCenter', 'BottomRight'].indexOf(this.position) !== -1) ? FABBOTTOM : FABTOP);
-    };
-    Fab.prototype.setHorizontalPosition = function () {
-        //Check for center position and center class and horizontal distance atttribute.
         if (['TopCenter', 'BottomCenter', 'MiddleCenter'].indexOf(this.position) !== -1) {
-            var xoffset = ((this.isFixed ? window.innerWidth : this.targetEle.clientWidth) - this.element.offsetWidth) / 2;
-            this.element.style.setProperty(FABHORZDIST, xoffset + 'px');
             this.element.classList.add(FABCENTER);
         }
-        var isRight = ['TopRight', 'MiddleRight', 'BottomRight'].indexOf(this.position) !== -1;
-        this.element.classList.add((!(this.enableRtl || isRight) || (this.enableRtl && isRight)) ? FABLEFT : FABRIGHT);
     };
     Fab.prototype.clearPosition = function () {
-        this.element.style.removeProperty(FABVERTDIST);
         this.element.classList.remove(FABTOP, FABBOTTOM, FABMIDDLE);
-        this.clearHorizontalPosition();
-    };
-    Fab.prototype.clearHorizontalPosition = function () {
-        this.element.style.removeProperty(FABHORZDIST);
         this.element.classList.remove(FABRIGHT, FABLEFT, FABCENTER);
     };
+    /* eslint-disable */
     /**
@@ -188,9 +170,7 @@ * Refreshes the FAB position. You can call this method to re-position FAB when target is resized.
      * @returns {void}
+
      */
     Fab.prototype.refreshPosition = function () {
-        this.resizeHandler();
     };
-    Fab.prototype.resizeHandler = function () {
-        this.setPosition();
-    };
+    /* eslint-enable */
     /**
@@ -207,3 +187,2 @@ * Destroys the FAB instance.
         this.clearPosition();
-        EventHandler.remove(window, 'resize', this.resizeHandler);
     };
@@ -224,4 +203,5 @@ /**
                 case 'enableRtl':
-                    this.clearHorizontalPosition();
-                    this.setHorizontalPosition();
+                case 'position':
+                    this.clearPosition();
+                    this.setPosition();
                     break;
@@ -231,6 +211,2 @@ case 'visible':
                     break;
-                case 'position':
-                    this.clearPosition();
-                    this.setPosition();
-                    break;
                 case 'target':
@@ -237,0 +213,0 @@ this.checkTarget();

src/radio-button/radio-button.d.ts

@@ -29,3 +29,2 @@ import { Component, INotifyPropertyChanged } from '@syncfusion/ej2-base';
     private angularValue;
-    private isVue;
     private wrapper;
@@ -32,0 +31,0 @@ /**

src/radio-button/radio-button.js

@@ -28,3 +28,3 @@ var __extends = (this && this.__extends) || (function () {
 var WRAPPER = 'e-radio-wrapper';
-var ATTRIBUTES = ['title', 'class', 'style', 'disabled', 'readonly', 'name', 'value', 'id', 'tabindex'];
+var ATTRIBUTES = ['title', 'class', 'style', 'disabled', 'readonly', 'name', 'value', 'id'];
 /**
@@ -332,2 +332,3 @@ * The RadioButton is a graphical user interface element that allows you to select one option from the choices.
                 case 'value':
+                    // eslint-disable-next-line no-case-declarations
                     var type = typeof this.htmlAttributes.value;
@@ -388,3 +389,2 @@ if (!isNullOrUndefined(this.htmlAttributes) && (this.htmlAttributes.value || type === 'boolean' && !this.htmlAttributes.value)) {
     };
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     RadioButton.prototype.setText = function (text) {
@@ -391,0 +391,0 @@ var label = this.getLabel();

src/speed-dial/speed-dial.d.ts

@@ -578,2 +578,3 @@ import { BaseEventArgs, EmitType, ChildProperty, Component, INotifyPropertyChanged } from '@syncfusion/ej2-base';
     private setHorizontalPosition;
+    private setCustomRadialPosition;
     private setRadialPosition;
@@ -580,0 +581,0 @@ private setRadialCorner;

src/switch/switch.js

@@ -30,3 +30,3 @@ var __extends = (this && this.__extends) || (function () {
 var ACTIVE = 'e-switch-active';
-var ATTRIBUTES = ['title', 'class', 'style', 'disabled', 'readonly', 'name', 'value', 'aria-label', 'id', 'role'];
+var ATTRIBUTES = ['title', 'class', 'style', 'disabled', 'readonly', 'name', 'value', 'aria-label', 'id', 'role', 'tabindex'];
 /**
@@ -61,3 +61,2 @@ * The Switch is a graphical user interface element that allows you to toggle between checked and unchecked states.
     Switch.prototype.changeState = function (state) {
-        var ariaState;
         var rippleSpan = null;
@@ -72,3 +71,2 @@ var wrapper = this.getWrapper();
             addClass([bar, handle], ACTIVE);
-            ariaState = 'true';
             this.element.checked = true;
@@ -82,3 +80,2 @@ this.checked = true;
             removeClass([bar, handle], ACTIVE);
-            ariaState = 'false';
             this.element.checked = false;
@@ -85,0 +82,0 @@ this.checked = false;

No alert changes

Improved metrics

Total package byte prevSize

11765456

increased by15.81%

Number of package files

588

increased by5.95%

Lines of code

236124

increased by12.79%

Worsened metrics

Published versions last two months

5

decreased by-16.67%

Dependency changes

• + Added@syncfusion/ej2-base@26.1.37(transitive)

• + Added@syncfusion/ej2-icons@26.1.35(transitive)

• - Removed@syncfusion/ej2-base@25.2.7(transitive)

• - Removed@syncfusion/ej2-icons@25.2.3(transitive)

• Updated@syncfusion/ej2-base@~26.1.35