v31.2.18 is released

Author: pipeline

controls/base/CHANGELOG.md

@@ -2,7 +2,15 @@
 
 ## [Unreleased]
 
-## 31.2.16 (2025-12-02)
+## 31.2.18 (2025-12-09)
+
+### Common
+
+#### Bug Fixes
+
+- `#787955` - Resolved an issue where opening HTML via File Explorer switched layout from Page to Web by handling file:// origin in postMessage.
+
+## 31.2.5 (2025-11-04)
 
 ### Common
 

controls/base/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-base",
-	"version": "31.2.4",
+	"version": "31.2.12",
 	"description": "A common package of Essential JS 2 base libraries, methods and class definitions",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

controls/base/src/util.ts

@@ -56,7 +56,8 @@ export function setImmediate(handler: Function): Function {
         }
     };
     window.addEventListener('message', <EventListener>messageHandler, false);
-    window.postMessage(secret, window.location.origin);
+    const origin = window.location.origin.indexOf('file://') === 0 ? '*' : window.location.origin;
+    window.postMessage(secret, origin);
     return unbind = () => {
         window.removeEventListener('message', <EventListener>messageHandler);
         handler = messageHandler = secret = undefined;

controls/base/src/validate-lic.ts

@@ -336,10 +336,16 @@ function convertToChar(cArr: number[]): string {
  * @returns {void}
  */
 export function registerLicense(key: string): void {
+    if (typeof window !== 'undefined') {
+        key = (window as any).syncfusionLicenseKey ? (window as any).syncfusionLicenseKey : key;
+    }
     licenseValidator = new LicenseValidator(key);
 }
 
 export const validateLicense: Function = (component: string, key?: string): boolean => {
+    if (typeof window !== 'undefined') {
+        key = (window as any).syncfusionLicenseKey ? (window as any).syncfusionLicenseKey : key;
+    }
     if (key) {
         registerLicense(key);
     }

controls/buttons/CHANGELOG.md

@@ -2,7 +2,31 @@
 
 ## [Unreleased]
 
-## 30.1.37 (2025-06-25)
+## 31.2.18 (2025-12-09)
+
+### Button
+
+#### Bug Fixes
+
+- `#I785731` - Fixed the issue where a CSP violation occurs when clicking the Apply button in the `DateRangePicker` component.
+
+## 31.2.3 (2025-10-22)
+
+### Chip
+
+#### Bug Fixes
+
+- `#I771127` - Implemented a fix to prevent chip reordering when random clicks occur, ensuring consistent behaviour when the `allowDragAndDrop` feature is enabled.
+
+## 31.1.21 (2025-09-23)
+
+### Checkbox
+
+#### Bug Fixes
+
+- `#FD69833`- Fixed an issue where `EnablePersistence` was not functioning correctly in the CheckBox component.
+
+## 31.1.17 (2025-09-05)
 
 ### Chip
 

controls/buttons/README.md

@@ -129,13 +129,6 @@ The [JavaScript Speed Dial](https://www.syncfusion.com/javascript-ui-controls/js
 * [Modal](https://ej2.syncfusion.com/documentation/speed-dial/modal) - Adds an overlay to prevent the background interaction.
 * [Templates](https://ej2.syncfusion.com/documentation/speed-dial/template) - Customize Speed Dial items and the popup content using templates.
 
-<p align="center">
-Trusted by the world's leading companies
-  <a href="https://www.syncfusion.com/">
-    <img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/syncfusion/syncfusion-trusted-companies.webp" alt="Syncfusion logo">
-  </a>
-</p>
-
 ## Setup
 
 To install `buttons` and its dependent packages, use the following command,
@@ -156,6 +149,15 @@ Button controls are also offered to following list of frameworks.
 * Expanse Tracker - [Source](https://github.com/syncfusion/ej2-sample-ts-expensetracker), [Live Demo](https://ej2.syncfusion.com/showcase/typescript/expensetracker/?utm_source=npm&utm_campaign=button#/dashboard)
 * Loan Calculator - [Source](https://github.com/syncfusion/ej2-sample-ts-loancalculator), [Live Demo](https://ej2.syncfusion.com/showcase/typescript/loancalculator/?utm_source=npm&utm_campaign=button)
 
+## Resources
+
+* [Documentation](https://ej2.syncfusion.com/documentation/button/getting-started)
+* [Theme Studio](https://ej2.syncfusion.com/themestudio/)
+* [Custom Resource Generator](https://crg.syncfusion.com/)
+* [What's New](https://www.syncfusion.com/products/whatsnew/essential-js2?utm_medium=listing&utm_source=github)
+* [Road Map](https://www.syncfusion.com/products/roadmap/essential-js2?utm_medium=listing&utm_source=github)
+* [E-Books](https://www.syncfusion.com/ebooks?tag=javascript&utm_medium=listing&utm_source=github)
+
 ## Support
 
 Product support is available through following mediums.
@@ -172,10 +174,10 @@ Check the changelog [here](https://github.com/syncfusion/ej2-javascript-ui-contr
 
 ## License and copyright
 
-> This is a commercial product and requires a paid license for possession or use. Syncfusion<sup>®</sup> licensed software, including this component, is subject to the terms and conditions of Syncfusion<sup>®</sup> [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 80+ [JavaScript UI controls](https://www.syncfusion.com/javascript-ui-controls), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials).
+> This is a commercial product and requires a paid license for possession or use. Syncfusion<sup>®</sup> licensed software, including this component, is subject to the terms and conditions of Syncfusion<sup>®</sup> [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 140+ [JavaScript UI controls](https://www.syncfusion.com/javascript-ui-controls), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials).
 
 > A [free community license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
 
 See [LICENSE FILE](https://github.com/syncfusion/ej2-javascript-ui-controls/blob/master/license?utm_source=npm&utm_campaign=button) for more info.
 
-&copy; Copyright 2024 Syncfusion<sup>®</sup> Inc. All Rights Reserved. The Syncfusion<sup>®</sup> Essential Studio<sup>®</sup> license and copyright applies to this distribution.
+&copy; Copyright 2025 Syncfusion<sup>®</sup> Inc. All Rights Reserved. The Syncfusion<sup>®</sup> Essential Studio<sup>®</sup> license and copyright applies to this distribution.

controls/buttons/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-buttons",
-	"version": "30.1.37",
+	"version": "31.2.16",
 	"description": "A package of feature-rich Essential JS 2 components such as Button, CheckBox, RadioButton and Switch.",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

controls/buttons/src/button/button.ts

@@ -260,7 +260,7 @@ export class Button extends Component<HTMLButtonElement> implements INotifyPrope
             this.element.removeAttribute('disabled');
         }
         if (this.content) {
-            this.element.innerHTML = this.element.innerHTML.replace(this.content, '');
+            this.element.textContent = '';
         }
         const span: Element = this.element.querySelector('span.e-btn-icon') as Element;
         if (span) {

controls/buttons/src/check-box/check-box.ts

@@ -526,6 +526,10 @@ export class CheckBox extends Component<HTMLInputElement> implements INotifyProp
         let element: HTMLInputElement = this.element;
         this.tagName = this.element.tagName;
         element = wrapperInitialize(this.createElement, 'EJS-CHECKBOX', 'checkbox', element, WRAPPER, 'checkbox');
+        if (this.element.hasAttribute('id') && this.isAngular && this.element.tagName === 'EJS-CHECKBOX') {
+            element.id = this.element.id;
+            this.element.removeAttribute('id');
+        }
         this.element = element;
         if (this.element.getAttribute('type') !== 'checkbox') {
             this.element.setAttribute('type', 'checkbox');

controls/buttons/src/chips/chip-list.ts

@@ -568,6 +568,7 @@ export class ChipList extends Component<HTMLElement> implements INotifyPropertyC
                 preventDefault: false,
                 clone: true,
                 dragArea: this.dragArea,
+                distance: 8,
                 helper: () => {
                     clonedChipElement = chip.cloneNode(true) as HTMLElement;
                     clonedChipElement.classList.add(classNames.cloneChip);