Essential Studio for Angular - v35.1.37 Release Notes

Common

Features

  • Syncfusion® Essential JS 2 for Angular component packages are now compatible with Angular 22, delivering enhanced performance, faster build times, reduced bundle sizes, and an improved development experience. The packages continue to support Angular 20 and later versions.

  • Standalone UI SDKs (v35.1 and Later)

    The Essential Studio UI Edition includes access to Standalone UI SDKs, providing all UI components across supported platforms, excluding PDF Viewer, Spreadsheet, and Document Editor. Organizations can choose from individual standalone component offerings or a comprehensive UI suite based on application requirements and licensing preferences.

  • Added WebMCP support for the following Syncfusion controls, enabling MCP-based integration, interaction, and automation capabilities:

    • Data Grid
    • Rich Text Editor (RTE)
    • Scheduler
    • Diagram
    • Gantt Chart
    • Charts
    • File Manager
    • Pivot Table

Breaking Changes

  • Starting with version 35.1.37, styles are no longer distributed within individual component packages. All component styles must now be referenced through the centralized theme packages.

    Applications that previously imported styles from component packages should update their references to use the theme packages. For more details and migration guidance, refer to the Theme Package Documentation.

  • Starting with Syncfusion® Essential JS 2 for Angular v35.1.37, View Engine (ngcc) compatibility has been removed from the Angular component packages. Applications must use the Ivy rendering engine, which has been the Angular default since v13.

-The minimum supported Angular version is now 20. Syncfusion® Angular components will support Angular 20 and later versions going forward, aligned with the latest Angular and Long-Term Support (LTS) releases.

3D Charts

Features

  • #I796801 - Smart Label support: Added smart label support for StackingColumn and StackingBar series in the 3D Chart control. This feature automatically relocates overlapping data labels and supports smart label customization through the smartLabelSettings property, including background, border, connector line, pointer shape, and offset settings.

  • #I862185 - Added support for accessing the underlying data object of a specific series point through the tooltipRender event arguments using the rawData property.

3D Circular Charts

Features

  • #I862185 - Added support for accessing the underlying data object of a specific series point through the tooltipRender event arguments using the rawData property.

Accumulation Charts

Features

  • #I862185 - Added support for accessing the underlying data object of a specific series point through the tooltipRender event arguments using the rawData property.

AIAssistView

Features

  • Mentions: Now the AI AssistView supports rendering mention items within prompts, allowing users to reference relevant entities directly in their queries. This helps create context-aware prompts, provides additional context to the AI service, and enables more accurate and relevant responses.

    Explore the demo here

  • Telemetry: Now the AI AssistView supports telemetry data visualization through the response toolbar item, with tooltips displaying the data when hovered. It provides AI usage metrics such as model name, token counts, response status, streaming chunks, and response duration for monitoring and analysis.

    Explore the demo here

  • Response animation template: Now the AI AssistView supports custom response animation templates, enabling users to replace the default skeleton loader with their own animation UI. The custom template is displayed while the AI response is being generated and is automatically replaced once the response content is rendered.

    Explore the demo here

  • Footer toolbar left item align: Now the AI AssistView supports aligning footer toolbar items to the left side of the footer toolbar in the Inline mode, allowing users to customize the placement of built-in and custom toolbar actions for improved layout flexibility and user experience.

    Explore the demo here

  • Now the AI AssistView provides a new attachmentRemoving event, allowing users to intercept attachment removal actions and access details of the file being removed. This enables custom validation, state management, and attachment handling before the removal is completed.

Charts

Features

  • Web Model Context Protocol (WebMCP): Added support for WebMCP, enabling AI models and agents to interact with files and folders through built-in tools. The beforeWebMcpToolExecute event allows users to inspect, modify, or cancel tool execution before it runs.
  • #I822390 - Smart Label support: Added smart label support for StackingColumn, StackingBar, StackingColumn100, and StackingBar100 series in the Chart control. This feature automatically relocates overlapping data labels and provides customization options through the smartLabelSettings property, including background, border, connector line, pointer shape, and offset settings.
  • #I862341 - LegendRender event: Enhanced the legendRender event by including the associated series in the event arguments. This improvement enables users to access the corresponding series directly from the legend item during rendering. It facilitates advanced customization scenarios such as modifying legend text, styling legend items based on series properties, and implementing custom rendering logic.
  • #I862185 - Added support for accessing the underlying data object of a specific series point through the tooltipRender event arguments using the rawData property.

Bug Fixes

  • #I871749 - Resolved an exception that occurred when disabling the legend dynamically after rendering an empty chart and refreshing the series.
  • #I870812 - The scrollbar now renders correctly when enableRtl and enableZoom are enabled on the horizontal axis.
  • #I869843 - Added support for rendering stacking labels for zero values and null values treated as zero in StackingColumn charts.

Dashboard Layout

Features

  • Added support for customizing panel heights in mobile view through the mobilePanelHeight property. This property overrides the default sizeY value for individual panels, supports decimal cell values for granular responsive layouts, and falls back to sizeY when undefined. See documentation link.

Grid

Features

  • Introduced Advanced Filtering support, enabling users to perform complex filtering operations through an integrated Query Builder displayed in a dialog. This provides an intuitive way to create and manage multiple filter conditions with ease. Explore the demo here.
  • Added Formula Cell support, allowing users to define formulas and perform calculations directly within Grid cells, similar to spreadsheet applications. This enhancement simplifies data computation and improves productivity. Explore the demo here.
  • Introduced a Row Number column feature that automatically displays sequential numbers for data rows, making it easier to identify, reference, and navigate records. Explore the demo here.
  • Added support for customizing Header Row Height, enabling greater control over header presentation and allowing header rows to better accommodate varying content and layout requirements.
  • Introduced Empty Sticky Row support, ensuring the empty row remains visible during horizontal scrolling. This enhancement provides a more consistent and seamless user experience when working with wide datasets. Explore the demo here.

File Manager

Features

  • Enabled Web Model Context Protocol (WebMCP) support, allowing AI agents and external applications to perform File Manager operations such as file navigation, searching, filtering, item selection, and other file interactions through a standardized interface.

  • Enhanced the fileOpen event with a new action argument, allowing users to identify whether the event was triggered by actions such as drag-and-drop, double-click, keyboard interaction, or context menu selection, and prevent file opening when required.

Form Builder Preview

The Angular Form Builder provides a visual form-authoring experience for creating dynamic, schema-driven forms through an intuitive drag-and-drop interface. Built on Syncfusion components, it supports end-to-end form creation with capabilities such as field customization, live form preview, JSON schema generation, validation configuration, conditional rules, expression-based calculations, custom validation logic, and more.

Explore the demo here

Explore the documentation here

Features

  • Visual form designer - Create and organize form layouts effortlessly by placing fields within the design surface and arranging them as required.
  • Rich collection of form controls - Build forms using 20+ preconfigured controls, including text input, dropdown list, combo box, multi-select, date picker, time picker, checkbox, radio button, slider, rating, signature, and file upload.
  • Custom components - Extend the Form Builder by registering custom components for specialized fields and business-specific inputs.
  • Field property management - Configure labels, field identifiers, placeholders, validation settings, and additional field-specific attributes from a centralized property panel.
  • Conditional logic - Define conditions that dynamically control the visibility and behavior of form elements based on user input.
  • Cascading dropdowns - Create linked dropdown fields where one dropdown’s options are determined by the selection in another.
  • Expressions - Generate and update field values automatically using expression-based formulas and field dependencies.
  • Interactive form preview - Examine the form’s appearance and behavior in real time before publishing or deployment.
  • Schema inspection - Review the generated JSON schema for validation, analysis, integration, and reuse purposes.
  • Save and load form data* - Persist form configurations as JSON schemas and restore them later while preserving the complete structure and settings.

Form Renderer

Features

  • Added support for rendering custom components using templates through the customWidgetSettings property. Templates can replace built-in form components with custom or third-party UI components, providing greater flexibility for form customization and integration scenarios. See demo.

GanttChart

Features

  • #I850631, #I719854, #I851120 - Added support for Week and Month duration units, enabling users to define and manage task durations using larger scheduling intervals. This enhancement simplifies the planning and visualization of long-duration tasks and improves schedule management for large-scale projects spanning weeks or months. See demo link.

  • #I601185 - Added support for task-level custom calendars, allowing individual tasks to use their own working calendar independent of the project calendar. This feature supports task-specific working days, weekends, holidays, and working hours, enabling more accurate scheduling across different shifts, regions, project requirements, and resource availability scenarios. See demo link.

  • #I822409 - Added support for automatically generating and displaying serial numbers through the enableSerialNumber property. Serial numbers are dynamically recalculated based on the current row order and remain synchronized during filtering, searching, CRUD operations, sorting, and row reordering actions. See demo link.

  • Added support for drag-to-draw taskbar creation through the allowTaskbarDraw property. Users can now create and schedule unscheduled tasks directly on the Gantt timeline by dragging within the chart area, providing a faster and more intuitive task planning experience. See demo link.

  • #I807574 - Added support for restricting task dependencies to specific predecessor relationship types using the allowedDependencyTypes property. Supported dependency types include Finish-to-Finish (FF), Finish-to-Start (FS), Start-to-Finish (SF), and Start-to-Start (SS). Only the configured relationship types are available for rendering and editing, helping organizations enforce project scheduling standards. See demo link.

  • Added support for hierarchical checkbox selection through the hierarchyCheckboxMode property. The feature provides Self, Hierarchy, and FilteredHierarchy selection modes, with automatic child selection, parent state synchronization, and indeterminate states for partially selected task hierarchies. See demo link.

Inline AI Assist

Features

  • Speech to Text: Now the Inline AI Assist supports built-in Speech-to-Text functionality, allowing users to input prompts and messages using voice recognition. Speech recognition settings can be configured using the speechToTextSettings property.

    Explore the demo here

MultiSelect

Features

  • Added support for the Summary Tag Template feature through the summaryTagCount and summaryTagTemplate properties. When the number of selected items exceeds the configured threshold, a custom formatted summary is displayed in the input field instead of individual selection tags, improving performance when using CheckBox mode with large datasets and the SelectAll option. See documentation link.

Pivot Table

Features

  • #I745091 - Improved memory usage and overall performance when processing large volumes of data in the Pivot Table.
  • Added support for Web MCP (Model Context Protocol), enabling AI agents and external applications to interact with Pivot Table reports through a standardized tool-based interface. This support allows programmatic operations such as report configuration, field management, filtering, sorting, drill operations, formatting, chart interactions, and exporting.

Breaking Changes

  • As part of API naming improvements, the repeatItemLabels property has been deprecated. Its functionality is now provided by the repeatRowHeaderLabels property, ensuring backward compatibility while promoting a clearer and more consistent API.
Deprecated Property Recommended Property
repeatItemLabels repeatRowHeaderLabels

StockChart

Features

  • Live Data Point: Added live update support in the Stock Chart control using the addPoint and setData methods. This feature allows users to add new data points in real time and update existing points dynamically, ensuring smooth visualization of continuously changing stock market data with improved performance and responsiveness.

  • Performance for StockChart: Improved the initial rendering performance of the Stock Chart control for large data sets. Optimizations in series processing, point rendering, and chart initialization have reduced the rendering time for 500,000 data points from ~20 seconds to 3–4 seconds. This enhancement significantly improves chart loading speed, reduces UI latency, and ensures a more responsive experience when visualizing large-scale financial data.

Tree Grid

Features

  • Introduced DOM virtualization support to improve rendering performance by minimizing the number of DOM elements created during scrolling, making the Tree Grid more efficient when handling large datasets. Explore the demo here.
  • Improved the Checkbox Column feature by introducing Self, Hierarchy, and FilteredHierarchy selection modes, enabling flexible selection behavior for hierarchical data and preserving selection states across filtering operations. Explore the demo here.

Test Results

Component Name Test Cases Passed Failed Remarks
3D Chart 326 326 0 All Passed
3D Circular Chart 466 466 0 All Passed
Accordion 116 116 0 All Passed
AI Assist View 603 603 0 All Passed
App Bar 67 67 0 All Passed
AutoComplete 200 200 0 All Passed
avatar 45 45 0 All Passed
Block Editor 2869 2869 0 All Passed
Breadcrumb 160 160 0 All Passed
Bullet Chart 169 169 0 All Passed
Button 145 145 0 All Passed
ButtonGroup 120 120 0 All Passed
calendar 178 178 0 All Passed
Carousel 62 62 0 All Passed
Chart 8748 8748 0 All Passed
Chat UI 690 690 0 All Passed
Checkbox 37 37 0 All Passed
CircularGauge 532 532 0 All Passed
ColorPicker 130 130 0 All Passed
Combo Box 149 149 0 All Passed
Common 906 906 0 All Passed
Context Menu 106 106 0 All Passed
Dashboard layout 33 33 0 All Passed
Data Grid 4579 4579 0 All Passed
Date Picker 437 437 0 All Passed
Date Range Picker 529 529 0 All Passed
Date Time Picker 327 327 0 All Passed
Diagram 17310 17310 0 All Passed
Dialog 77 77 0 All Passed
DropDown Button 132 132 0 All Passed
Dropdown List 217 217 0 All Passed
Dropdown Tree 127 127 0 All Passed
File Manager 2197 2197 0 All Passed
Floating Action Button 174 174 0 All Passed
Gantt 5968 5968 0 All Passed
HeatMap Chart 814 814 0 All Passed
Image Editor 1653 1653 0 All Passed
In-place Editor 643 643 0 All Passed
Kanban 335 335 0 All Passed
LinearGauge 428 428 0 All Passed
Listbox 115 115 0 All Passed
ListView 84 84 0 All Passed
Maps 1399 1399 0 All Passed
Mention 56 56 0 All Passed
Menu 187 187 0 All Passed
Multicolumn Combo Box 262 262 0 All Passed
Multiselect Dropdown 471 471 0 All Passed
OTP Input 241 241 0 All Passed
Pivot Table 5862 5862 0 All Passed
Progress Bar 108 108 0 All Passed
Progress Button 132 132 0 All Passed
Query Builder 480 480 0 All Passed
RadioButton 45 45 0 All Passed
RangeNavigator 140 140 0 All Passed
Rating 198 198 0 All Passed
Ribbon 632 632 0 All Passed
Rich Text Editor 5436 5436 0 All Passed
schedule 4761 4761 0 All Passed
sidebar 96 96 0 All Passed
Signature 105 105 0 All Passed
Skeleton 144 144 0 All Passed
Slider 147 147 0 All Passed
SmithChart 49 49 0 All Passed
Sparkline 58 58 0 All Passed
Speech To Text 200 200 0 All Passed
Speed Dial 366 366 0 All Passed
Split Button 145 145 0 All Passed
Stepper 92 92 0 All Passed
Stock Chart 581 581 0 All Passed
Tab 74 74 0 All Passed
Text Area 112 112 0 All Passed
TextBox 69 69 0 All Passed
Time Picker 180 180 0 All Passed
Timeline 284 284 0 All Passed
Toast 140 140 0 All Passed
Toolbar 142 142 0 All Passed
ToolTip 140 140 0 All Passed
TreeGrid 5395 5395 0 All Passed
Treemap 332 332 0 All Passed
Treeview 371 371 0 All Passed