Essential Studio for Angular Release Notes

v29.1.33
March 25, 2025

Common

Features

We have resolved inline style-related issues in most scenarios across our Angular components. This improvement provides better compliance with the content security policy (CSP) by reducing the need for unsafe-inline in style directives.

Accumulation Chart

Features

  • #I667715 - Added support for trapezoidal funnel shapes in the accumulation chart, offering a new design option to represent data more effectively and enhance visual appeal.
  • Support has been added for customizing the position of the chart title to either the top, bottom, left, or right of the chart by setting the position property.

Breaking Changes

  • The value type of the titleStyle and subTitleStyle properties in the Accumulation Chart has been changed from Font to TitleStyleSettings to accommodate the new position property.

AI AssistView

Features

  • Now we have provided streaming support in the Angular AI AssistView which enables dynamic updates of the responses as chunks, by using the existing method addPromptResponse() method with an additional argument isFinal to indicate the final response.

Explore the demo here

  • Now we have provided a new event stopRespondingClick which triggers when the stop responding button is clicked.

Chart

Features

  • #I597593 - Added support for displaying a tooltip that shows information about the data point nearest to the cursor. Explore the demo here.
  • #I580507 - Users can now place horizontal and vertical scrollbars at the top, bottom, left, or right of the chart. Explore the demo here.
  • #I609348 - Enabled customization of the corner radius for individual data points in rectangle-shaped series using the pointRender event which is triggered during point rendering, enhancing the chart’s appearance.
  • #I655602 - Added support for displaying the cumulative total for stacked chart data directly through data labels. Explore the demo here.
  • #I674586 - Added support for customizing the exported Excel document through the beforeExport event which is triggered before exporting the chart data.
  • Added support for highlighting the entire range of data points on a category axis when the crosshair is displayed, enhancing visibility. Explore the demo here.
  • Added animation support for data labels, enhancing the visual appearance when they appear on the chart.

Chat UI

Features

  • Now we have provided two methods scrollToMessage and focus in the Angular Chat UI:

    • scrollToMessage(string messageId) – Scrolls to the specific message using its unique ID, allowing users to quickly navigate to the messages.

    • focus – Sets focus on the input textarea, enabling seamless message typing without manual interaction.

Bug Fixes

  • #I700931 - Now the issue with TextArea doesn’t adjust the height dynamically when the text exceeds the current height has been resolved.

Chip

Features

  • #FB63852 - Provided drag and drop support, which enables easy reordering of chips by dragging and dropping them within the same container or across different containers. This feature can be enabled by setting allowDragAndDrop to true.

DataManager

Features

  • #I657081 - The DataManager now supports the enableCache property to skip requests for revisited pages, with the cache resetting on actions like sorting or filtering. Explore the demo here.
  • The DataManager now supports middle ware integration, enabling modifications to requests and responses for authentication, error handling, and data transformation.
  • #FB57941 - Enhanced the filtering and searching functionality to ignore accents in the URL Adaptor when performing data actions.
  • #FB62797 - Enhanced sorting and grouping performance for large datasets, reducing delays caused by client side processing.

DatePicker

Features

Multiple Date Input Formats

  • The DatePicker allows users to input date values in various valid formats, enhancing the user experience by offering flexibility in specifying date formats for parsing. A new API called inputFormats has been introduced to handle custom date input formats, allowing users to specify the expected format(s) for parsing date values. Please find the demo link here.

Date Time Picker

Features

Multiple Date and Time Input Formats

  • The DateTimePicker allows users to input date and time values in various valid formats, enhancing the user experience by offering flexibility in specifying date and time formats for parsing. A new API called inputFormats has been introduced to handle custom date and time input formats, allowing users to specify the expected format(s) for parsing date and time values. Please find the demo link here.

Diagram

Features

  • Enhanced the connector routing algorithm to dynamically adjust connectors, preventing overlaps with neighboring connectors and maintaining a clear, organized diagram.
  • Added layoutUpdated event support to notify the state of the automatic layout rendering process.
  • Enhanced the selectionChange event to notify when a node’s or connector’s annotation is selected.

DocumentEditor

Features

  • #I690626 - Added support for preserving hidden text when opening and exporting Word documents.

Bug Fixes

  • #I694965 - Resolved an issue where the parent node check state was not maintained in nested data after filtering when Select All was used in the Dropdown Tree component.

  • #I693819 - An issue with the select All checkbox in Dropdown Tree component when filtering is enabled and the tree contains disabled items has been resolved.

GanttChart

Bug fix

  • I686888 - The issue where records would disappear when scrolling back to the top after dragging the scroller down has been fixed.

Features

  • I654833 - Enhanced Gantt chart PDF exports with customizable options for event markers and holidays. Users can easily adjust the appearance of their event markers and holidays in exported PDFs by using the eventMarker and holiday property within ganttStyle. For more details and to see the feature in action, explore the demo here.

  • I657102 - Added support for a customizable timeline tooltip template in the Gantt Chart component, allowing users to modify the content and appearance of tooltips within the timeline. For more details and to see the feature in action, explore the demo here.

  • I650456 - Enhanced the Gantt Chart’s multi-taskbar functionality to support progress editing in a collapsed state. This improvement provides users with increased flexibility and ease of use by enabling direct progress updates without needing to expand the taskbars.For more details and to see the feature in action, explore the demo here.

  • I341965 - Enhanced the Gantt Chart’s split task functionality in Resource View to align with the behavior in Project View without any issues. This improvement ensures seamless handling of split tasks, providing users with a consistent and error-free experience across different views. More information can be find here.

Breaking changes

  • To improve performance and meet accessibility standards, we have removed the data-row index and data-col index attributes from the <tr> and <td> elements in the TreeGrid and Gantt Chart sections of the component. Instead, use aria-row index and aria-col index attributes.

Grid

Features

  • #I651431 - The Grid now supports enhanced in and not in filters, allowing users to filter multiple values in a column using a multiselect dropdown with checkboxes. Explore the demo here.
  • #I657081 - The DataManager now supports the enableCache property to skip requests for revisited pages, with the cache resetting on actions like sorting or filtering. Explore the demo here.
  • The DataManager now supports middle ware integration, enabling modifications to requests and responses for authentication, error handling, and data transformation.
  • #I612266 - The Grid now supports infinite scrolling for detail rows, integrating with hierarchical grids and detail templates. This enhancement enables smooth scrolling, multi-level child grids, and better handling of hierarchical data.
  • #I419589 - The Grid now supports column chooser templates, allowing users to customize the header, content, and footer with custom elements like checkboxes or icons for a personalized UI. Explore the demo here.
  • #FB57941 - Enhanced the Grid filtering and searching functionality to ignore accents in the URL Adaptor when performing data actions.
  • #FB62797 - Improved sorting performance in the Grid for large datasets, reducing delays caused by client side processing.
  • Enhanced the EJ2 Grid performance by removing unnecessary attributes and inline styles, ensuring a leaner HTML structure for faster rendering and improved responsiveness.
  • Provided support for rendering column template cells with or without the aria-label attribute using the new enableAriaLabel API in column settings. This provides flexibility in accessibility configurations based on requirements.

Breaking Changes

  • To enhance grid performance, we have removed the data-row index and data-colindex attributes from the tr and td elements. Instead, use the aria-row index and aria-colindex attributes.

HeatMap

Features

  • #I660897 - The keyboard accessibility of the HeatMap has been improved, allowing users to highlight and select cells, as well as toggle the legends using keyboard interactions.

Maps

Features

  • #I561947 - The smoothness of pinch zooming in the online maps displayed in Maps has been improved.

Mention

Features

  • #I645793 - Now, the Mention component supports triggering the suggestion popup without requiring a leading space. When requireLeadingSpace is set to false, the popup appears as the mention character is typed continuously, enhancing flexibility in user input. By default, the suggestion popup appears only when there is a leading space before typing the mention character.

MultiColumn ComboBox

Features

  • #I621509 - Now we have provided support for display the loading spinner in the MultiColumn ComboBox arrow icon while loading remote data.

PDF Viewer

Features

  • Enhanced text search performance for large PDF documents.
  • Added support for asynchronously extracting and finding text using the extractText and findTextAsync APIs.
  • #I645218 - Optimized memory usage when loading large PDF documents, with further enhancements available through the ExtractTextOptions.
  • #I645354 - Added the resourcesLoaded event in PDF Viewer.

Pivot Table

Bug fixes

  • #F196192 - The ‘Hiding Subtotals’ option will now work correctly in the pivot table when it is rendered with a static field list.
  • This release enhances the usability and stability of the Pivot Table by addressing issues in the following modules: Column Customization, Pivot Chart, Drill-Through, Exporting, Grouping, Calculated Field, Value Sorting, and Virtual Scrolling.

Features

  • The classic (tabular) layout option is now compatible with the following features: ‘Grouping’, ‘Hiding Subtotals’, and ‘Exporting’.
  • The pivot table now includes the option to set a minimum width for the component, similar to the minimum height property.

Rich Text Editor

Bug Fixes

  • #I700161 - Now, pressing Backspace at the start of a line in content pasted from a Google document works properly.

  • #I698253 - Now, the page remains responsive when removing inline code in the RichTextEditor.

  • #I694114 - Now, the Rich Text Editor works properly when creating tables inside lists.

  • #I696076 - Now, the Rich Text Editor works properly when using the select all with enter key functionality in Firefox.

  • #I693061 - Now, the characterCount property works properly in the Rich Text Editor without creating excessive right margin space.

  • #I699202 - Now, the placeholder in the Rich Text Editor works properly and disappears when inserting text using voice input.

  • #I698150 - Now, pressing enter at the section end in the Rich Text Editor works properly.

Schedule

Features

  • Provided support to prevent the overlapping appointments by setting allowOverlap property as false. It prevents users from scheduling multiple appointments at the same time in the same time slot.
  • A new callback event, tooltipOpen, has been added to control when an appointment tooltip is shown. You can use this event to prevent the tooltip from appearing.
  • A new callback event, beforePrint, is triggered when the print event is called. It allows for customization before the print action begins.
  • #I254712 - A new callback event, excelExport, is available before the Excel export process starts. This event lets you customize the Excel worksheet before it’s exported.
  • #I659693 - Provided the overscanCount property to adjust the number of additional resources to render outside the visible area during virtual scrolling. This helps achieve smoother scrolling by pre-loading data just outside the visible region.
  • #700794 - Provided created and destroyed callback events support for recurrence editor.
  • #I254152, #I248261, #F170880 - Provided support for directly integrating Angular components into the Scheduler header bar.

Bug fixes

  • #I694546 - An issue where the horizontal scrollbar appears when enabling rowAutoHeight in the Month view has been resolved.
  • #I697893 - The issue with the Schedule virtualScroll causing a script error on horizontal scrolling has been fixed.

Slider

Bug Fixes

  • #I695740 - An issue with large tick values in the Range Slider component when setting decimal values for largeStep has been resolved.

SpeechToText Preview

The Angular SpeechToText component provides seamless voice-to-text conversion in web applications. It features real-time transcription with interim results, multilingual recognition, customizable buttons and tooltips, and error handling, ensuring intuitive and accessible speech recognition.

Explore the demo here
Explore the documentation here

Features

  • Real-time transcription: Instantly captures spoken input and converts it into text, ensuring smooth speech recognition.
  • Interim results: Provides partial transcriptions as the user speaks, offering dynamic real-time experience before finalizing the text.
  • Multilingual recognition: Supports multiple languages allowing users to transcribe speech in their preferred language.
  • Tooltips: Tooltips display information about start and stop actions, guiding users throughout the speech recognition process.
  • Appearance: Supports predefined styles and allows customization of content and icons to meet the application’s design and user preferences.

Spreadsheet

Bug fixes

  • This release improves usability and stability in Spreadsheet by addressing issues in Conditional Formatting, Editing, Notes, Autofit, Autofill, Protection, Undo/Redo, Filtering, Sorting, and Virtual Scrolling. Enhancements in Import/Export, Data Validation, Number and Cell Formatting, Wrap, Merge, Freeze Pane, and Read-Only Mode further optimize performance, security, and user experience.
  • #I694368 - Issue with “hidden cells being included while calculating aggregate values” has been resolved.

Tab

Bug fixes

  • #I697590 - An issue where the tab content is not rendered in init mode when enabling persistence has been fixed.

Tree Grid

Features

  • #I651431 - The Tree Grid now supports enhanced in and not in filters, allowing users to filter multiple values in a column using a multiselect checkbox. Explore the demo here.
  • Enhanced the EJ2 Tree Grid performance by removing unnecessary attributes and inline styles, ensuring a leaner HTML structure for faster rendering and improved responsiveness.

Breaking Changes

  • To enhance Tree Grid performance, we have removed the data-row index and data-colindex attributes from the tr and td elements. Instead, use the aria-row index and aria-colindex attributes.

TreeMap

Features

  • #I660897 - The keyboard accessibility of the TreeMap has been enhanced, enabling users to highlight and select items, as well as toggle the legends using keyboard interactions.
Note : The bug or feature items that do not have a corresponding ID associated with them are internally identified.