@syncfusion/ej2-buttons - npm Package Compare versions

Comparing version 24.2.7 to 25.1.35-579988

CHANGELOG.md

@@ -5,18 +5,10 @@ # Changelog
 
-### Button
+### Checkbox
 
 #### Bug Fixes
 
-- `#I551397` - The issue with "Tailwind theme when changing the primary text color in the button the text color is not changed" has been resolved.
+- `#I574511` - The issue with "script error thrown while clicking the checkbox through JS." has been resolved.
 
-## 24.2.3 (2024-01-31)
+## 25.1.35 (2024-03-15)
 
-### Switch
-
-#### Bug Fixes
-
-- `#I547814` - The issue with "Script error thrown when using toggle in angular platform" has been resolved.
-
-## 24.1.46 (2024-01-17)
-
 ### Checkbox
@@ -28,12 +20,2 @@
 
-## 24.1.45 (2024-01-09)
-
-### Switch
-
-#### Bug Fixes
-
-- `#I530742` - The issue with "Switch unintentionally changed when we touch the switch and drag vertically" has been resolved.
-
-## 24.1.41 (2023-12-18)
-
 ### RadioButton
@@ -40,0 +22,0 @@

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 24.2.7
+*  version : 25.1.39
 *  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@24.2.5",
+  "_id": "@syncfusion/ej2-buttons@25.1.35",
   "_inBundle": false,
-  "_integrity": "sha512-ZYGaIfTyoUKE3/oQEvzCjrPL+mB8cPf1wo3sOo+cHU8bKiAG1zcoeFoGfe/W5SR+UrF64wpmfkHoDi2akfJipw==",
+  "_integrity": "sha512-i4ndpOL+Xtl1cxrWaRkxHTjGIHXbiciT1HFQyZrX/8N50EjbONa9ybw3vZN9PGv7nN3THFo5B3R3B/PSz2seyQ==",
   "_location": "/@syncfusion/ej2-buttons",
@@ -47,6 +47,6 @@ "_phantomChildren": {},
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-buttons/-/ej2-buttons-24.2.5.tgz",
-  "_shasum": "54b427aff444d82457fdce11c63815f01e28dd69",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-buttons/-/ej2-buttons-25.1.35.tgz",
+  "_shasum": "ab0f66ff172bbad58597d2ea86c58a78c124770f",
   "_spec": "@syncfusion/ej2-buttons@*",
-  "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
   "author": {
@@ -60,3 +60,3 @@ "name": "Syncfusion Inc."
   "dependencies": {
-    "@syncfusion/ej2-base": "~24.2.7"
+    "@syncfusion/ej2-base": "25.1.35-579988"
   },
@@ -107,4 +107,4 @@ "deprecated": false,
   "typings": "index.d.ts",
-  "version": "24.2.7",
+  "version": "25.1.35-579988",
   "sideEffects": false
 }

src/button/button-model.d.ts

@@ -77,5 +77,6 @@ import { Property, NotifyPropertyChanges, INotifyPropertyChanged, Component, isBlazor, isRippleEnabled } from '@syncfusion/ej2-base';import { addClass, Event, EmitType, detach, removeClass } from '@syncfusion/ej2-base';import { rippleEffect, EventHandler, Observer, SanitizeHtmlHelper } from '@syncfusion/ej2-base';import { getTextNode } from '../common/common';
     /**
-     * Defines whether to allow the cross-scripting site or not.
+     * Specifies whether to enable the rendering of untrusted HTML values in the Button component.
+     * If 'enableHtmlSanitizer' set to true, the component will sanitize any suspected untrusted strings and scripts before rendering them.
      *
-     * @default false
+     * @default true
      */
@@ -82,0 +83,0 @@ enableHtmlSanitizer?: boolean;

src/button/button.d.ts

@@ -100,5 +100,6 @@ import { INotifyPropertyChanged, Component } from '@syncfusion/ej2-base';
     /**
-     * Defines whether to allow the cross-scripting site or not.
+     * Specifies whether to enable the rendering of untrusted HTML values in the Button component.
+     * If 'enableHtmlSanitizer' set to true, the component will sanitize any suspected untrusted strings and scripts before rendering them.
      *
-     * @default false
+     * @default true
      */
@@ -105,0 +106,0 @@ enableHtmlSanitizer: boolean;

src/button/button.js

@@ -357,3 +357,3 @@ var __extends = (this && this.__extends) || (function () {
     __decorate([
-        Property(false)
+        Property(true)
     ], Button.prototype, "enableHtmlSanitizer", void 0);
@@ -360,0 +360,0 @@ __decorate([

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

@@ -90,5 +90,6 @@ import { Component, INotifyPropertyChanged, NotifyPropertyChanges, Property, setValue } from '@syncfusion/ej2-base';import { EmitType, Event, EventHandler, isNullOrUndefined, SanitizeHtmlHelper } from '@syncfusion/ej2-base';import { addClass, detach, getUniqueID, isRippleEnabled, removeClass, rippleEffect, closest } from '@syncfusion/ej2-base';import { wrapperInitialize, rippleMouseHandler, ChangeEventArgs, setHiddenInput } from './../common/common';
     /**
-     * Defines whether to allow the cross-scripting site or not.
+     * Specifies whether to enable the rendering of untrusted HTML values in the CheckBox component.
+     * If 'enableHtmlSanitizer' set to true, the component will sanitize any suspected untrusted strings and scripts before rendering them.
      *
-     * @default false
+     * @default true
      */
@@ -95,0 +96,0 @@ enableHtmlSanitizer?: boolean;

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

@@ -104,5 +104,6 @@ import { Component, INotifyPropertyChanged } from '@syncfusion/ej2-base';
     /**
-     * Defines whether to allow the cross-scripting site or not.
+     * Specifies whether to enable the rendering of untrusted HTML values in the CheckBox component.
+     * If 'enableHtmlSanitizer' set to true, the component will sanitize any suspected untrusted strings and scripts before rendering them.
      *
-     * @default false
+     * @default true
      */
@@ -109,0 +110,0 @@ enableHtmlSanitizer: boolean;

src/check-box/check-box.js

@@ -65,6 +65,10 @@ var __extends = (this && this.__extends) || (function () {
         var ariaState;
-        var rippleSpan;
-        var frameSpan = this.getWrapper().getElementsByClassName(FRAME)[0];
-        if (isRippleEnabled) {
-            rippleSpan = this.getWrapper().getElementsByClassName(RIPPLE)[0];
+        var wrapper = this.getWrapper();
+        var rippleSpan = null;
+        var frameSpan = null;
+        if (wrapper) {
+            frameSpan = wrapper.getElementsByClassName(FRAME)[0];
+            if (isRippleEnabled) {
+                rippleSpan = wrapper.getElementsByClassName(RIPPLE)[0];
+            }
         }
@@ -268,3 +272,5 @@ if (state === 'check') {
             });
-            this.element.parentNode.insertBefore(wrapper, this.element);
+            if (this.element.parentNode) {
+                this.element.parentNode.insertBefore(wrapper, this.element);
+            }
         }
@@ -636,3 +642,3 @@ var label = this.createElement('label', { attrs: { for: this.element.id } });
     __decorate([
-        Property(false)
+        Property(true)
     ], CheckBox.prototype, "enableHtmlSanitizer", void 0);
@@ -639,0 +645,0 @@ __decorate([

src/chips/chip-list.d.ts

@@ -150,3 +150,3 @@ import { Component, INotifyPropertyChanged } from '@syncfusion/ej2-base';
      */
-    text: string;
+    text: string | undefined;
     /**
@@ -396,3 +396,3 @@ * It denotes the Item index.
      */
-    getSelectedChips(): SelectedItem | SelectedItems;
+    getSelectedChips(): SelectedItem | SelectedItems | undefined;
     private wireEvent;
@@ -399,0 +399,0 @@ private keyHandler;

src/chips/chip-list.js

@@ -88,3 +88,3 @@ var __extends = (this && this.__extends) || (function () {
         this.setRtl();
-        this.select(this.selectedChips, property);
+        this.select(this.selectedChips);
         this.wireEvent(false);
@@ -153,2 +153,5 @@ this.rippleFunction = rippleEffect(this.element, {
                 });
+                if (this.enableDelete) {
+                    wrapper.setAttribute('aria-keyshortcuts', 'Enter to delete');
+                }
                 if (fieldsData.value) {
@@ -194,3 +197,3 @@ wrapper.setAttribute('data-value', fieldsData.value.toString());
                 this.trailingIconCss.toString()) : (this.trailingIconCss.toString()),
-            enabled: typeof data === 'object' ? (!isNullOrUndefined(data.enabled) ? (data.enabled.toString() === 'false' ? false : true) :
+            enabled: typeof data === 'object' ? (data.enabled !== undefined ? (data.enabled.toString() === 'false' ? false : true) :
                 chipEnabled) : (chipEnabled),
@@ -251,13 +254,18 @@ value: typeof data === 'object' ? ((data.value ? data.value.toString() : null)) : null,
     ChipList.prototype.find = function (fields) {
-        var chipData;
+        var chipData = { text: '', index: -1, element: this.element, data: '' };
         var chipElement = fields instanceof HTMLElement ?
             fields : this.element.querySelectorAll('.' + classNames.chip)[fields];
         if (chipElement && this.chipType()) {
-            chipData = { text: undefined, index: undefined, element: undefined, data: undefined };
             chipData.index = Array.prototype.slice.call(this.element.querySelectorAll('.' + classNames.chip)).indexOf(chipElement);
-            chipData.text = typeof this.chips[chipData.index] === 'object' ?
-                (this.chips[chipData.index].text ?
-                    this.chips[chipData.index].text.toString() : '') :
-                this.chips[chipData.index].toString();
-            chipData.data = this.chips[chipData.index];
+            var chip = this.chips[chipData.index];
+            if (typeof chip === 'object' && chip !== null) {
+                var chipModel = chip;
+                if (chipModel.text !== undefined) {
+                    chipData.text = chipModel.text.toString();
+                }
+            }
+            else if (chip !== undefined) {
+                chipData.text = chip.toString();
+            }
+            chipData.data = chip;
             chipData.element = chipElement;
@@ -319,3 +327,3 @@ }
         var chipNodes;
-        var chipValue;
+        var chipValue = null;
         if (this.chipType() && this.selection !== 'None') {
@@ -404,3 +412,3 @@ if (callFromProperty) {
                 var text = typeof this.chips[index] === 'object' ?
-                    this.chips[index].text ? this.chips[index].text.toString()
+                    this.chips[index].text ? this.chips[index].text
                         : null : this.chips[index].toString();
@@ -559,3 +567,3 @@ selectedItems.texts.push(text);
         var chip = null;
-        var value;
+        var value = null;
         for (var i = 0; i < chipListEle.length; i++) {
@@ -648,7 +656,7 @@ var selectedEle = this.element.querySelectorAll('.e-chip')[i];
                         this.multiSelection(newProp.selectedChips);
-                        this.onSelect(this.multiSelectedChip, true, property);
+                        this.onSelect(this.multiSelectedChip, true);
                         this.updateSelectedChips();
                     }
                     else {
-                        this.onSelect(newProp.selectedChips, true, property);
+                        this.onSelect(newProp.selectedChips, true);
                     }
@@ -655,0 +663,0 @@ break;

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

@@ -152,3 +152,3 @@ /// <reference path="../button/button-model.d.ts" />
      */
-    onPropertyChanged(newProp: FabModel, oldProp?: FabModel): void;
+    onPropertyChanged(newProp: FabModel, oldProp: FabModel): void;
 }

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

@@ -82,5 +82,6 @@ import { Component, INotifyPropertyChanged, rippleEffect, NotifyPropertyChanges, Property, closest, setValue } from '@syncfusion/ej2-base';import { addClass, getInstance, getUniqueID, isRippleEnabled, removeClass, attributes, isNullOrUndefined } from '@syncfusion/ej2-base';import { BaseEventArgs, detach, EmitType, Event, EventHandler, SanitizeHtmlHelper } from '@syncfusion/ej2-base';import { wrapperInitialize, rippleMouseHandler } from './../common/common';
     /**
-     * Defines whether to allow the cross-scripting site or not.
+     * Specifies whether to enable the rendering of untrusted HTML values in the Radio Button component.
+     * If 'enableHtmlSanitizer' set to true, the component will sanitize any suspected untrusted strings and scripts before rendering them.
      *
-     * @default false
+     * @default true
      */
@@ -87,0 +88,0 @@ enableHtmlSanitizer?: boolean;

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

@@ -94,5 +94,6 @@ import { Component, INotifyPropertyChanged } from '@syncfusion/ej2-base';
     /**
-     * Defines whether to allow the cross-scripting site or not.
+     * Specifies whether to enable the rendering of untrusted HTML values in the Radio Button component.
+     * If 'enableHtmlSanitizer' set to true, the component will sanitize any suspected untrusted strings and scripts before rendering them.
      *
-     * @default false
+     * @default true
      */
@@ -99,0 +100,0 @@ enableHtmlSanitizer: boolean;

src/radio-button/radio-button.js

@@ -165,3 +165,3 @@ var __extends = (this && this.__extends) || (function () {
     RadioButton.prototype.getWrapper = function () {
-        if (this.element) {
+        if (this.element.parentElement) {
             return this.element.parentElement;
@@ -174,3 +174,3 @@ }
     RadioButton.prototype.getLabel = function () {
-        if (this.element) {
+        if (this.element.nextElementSibling) {
             return this.element.nextElementSibling;
@@ -211,3 +211,5 @@ }
             wrapper = this.createElement('div', { className: WRAPPER });
-            this.element.parentNode.insertBefore(wrapper, this.element);
+            if (this.element.parentNode) {
+                this.element.parentNode.insertBefore(wrapper, this.element);
+            }
         }
@@ -509,3 +511,3 @@ var label = this.createElement('label', { attrs: { for: this.element.id } });
     __decorate([
-        Property(false)
+        Property(true)
     ], RadioButton.prototype, "enableHtmlSanitizer", void 0);
@@ -512,0 +514,0 @@ __decorate([

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

@@ -630,3 +630,3 @@ import { BaseEventArgs, EmitType, ChildProperty, Component, INotifyPropertyChanged } from '@syncfusion/ej2-base';
      */
-    onPropertyChanged(newProp: SpeedDialModel, oldProp?: SpeedDialModel): void;
+    onPropertyChanged(newProp: SpeedDialModel, oldProp: SpeedDialModel): void;
 }

src/switch/switch.js

@@ -61,3 +61,3 @@ var __extends = (this && this.__extends) || (function () {
         var ariaState;
-        var rippleSpan;
+        var rippleSpan = null;
         var wrapper = this.getWrapper();
@@ -145,5 +145,11 @@ var bar = wrapper.querySelector('.e-switch-inner');
     Switch.prototype.getWrapper = function () {
-        return this.element.parentElement;
+        if (this.element.parentElement) {
+            return this.element.parentElement;
+        }
+        else {
+            return null;
+        }
     };
     Switch.prototype.initialize = function () {
+        this.element.setAttribute('role', 'switch');
         if (isNullOrUndefined(this.initialSwitchCheckedValue)) {
@@ -150,0 +156,0 @@ this.initialSwitchCheckedValue = this.checked;

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

10156239

increased by0.81%

Number of package files

555

increased by1.28%

Lines of code

209273

increased by0.03%

Worsened metrics

Number of low quality alerts

3

increased by50%

Dependency changes

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

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

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

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

• Updated@syncfusion/ej2-base@25.1.35-579988