Released: Jun 25, 2025

2025 Volume 2 (30.1.37) での更新項目

機能

• Common
  • New Block Editor (preview)
    • The JavaScript Block Editor is a modern, block-based content editing solution for web applications. It provides an intuitive and flexible interface for creating rich, structured documents using interactive content blocks. This control supports many block types and text formatting options, enabling users to compose and manage content with precision. Whether for document editing, note-taking, or content creation tools, it offers a seamless editing experience. Key features include:
      • Multiple block types: Heading levels 1-4, paragraphs, lists, checklists, quotes, callouts, dividers, code blocks, and more.
      • Slash commands: Interactive / commands to insert or transform content blocks efficiently.
      • Drag and drop: Reorder blocks effortlessly with built-in drag-and-drop support.
      • Rich text formatting: Apply styles such as bold, italic, underline, strikethrough, uppercase. and more.
      • Action menu: Perform block-level operations such as move, delete, and duplicate.
      • Contextmenu support: Right-click context menus for quick block actions.
      • Inline content support: Insert inline elements like links, labels, and mentions directly within blocks.
      • Undo/Redo operations: Undo and redo support for the user interactions.
• AI AssistView
  • Attachments - Added support for attaching files directly to the prompts. This allows users to include documents (like .docx, .pdf, or images) to enhance prompt context and get more accurate AI responses.
  • Enhanced text input - Added support for div-based text input instead of traditional textarea, offering a more intuitive and flexible user experience for prompt entry.
• Charts
  • Highlight last value with label - The Chart component now supports highlighting the last value of a series with a label and a grid line indicator. This provides a clear and immediate reference point for the series endpoint, improving data readability and user interaction. The feature is beneficial when the final data point needs to be emphasized, such as financial charts indicating the latest stock price or performance metrics highlighting the most recent data entry.
• Chat UI
  • Chat status indicators - Added support for indicating the user's presence and activity states, including online, offline, busy, and away statuses.
  • Chat compact mode - The new compact mode aligns all messages to the left regardless of the sender, creating a streamlined layout ideal for group conversations or space-constrained interfaces.
  • Comprehensive chat operations - Users can now perform message-level actions directly within the chat interface, including copy, reply, pin, delete, and forward actions.
  • Enhanced text input - Added support for div-based text input instead of traditional textarea, offering a more intuitive and flexible user experience for prompt entry.
• DateRangePicker
  • Flexible date range input - The JavaScript DateRangePicker now lets users type date ranges in specific formats of their choice, making it easier to fill out forms. Users can enter dates like 10 Jan 2025 - 12 Jan 2026 or 01/01/25 - 01/02/25, and the component will recognize them correctly. This saves time, reduces mistakes, and works smoothly in your apps without extra setup.
• Diagram
  • Container support - Added the ability for users to group multiple nodes and connectors, providing a structured layout to manage complex diagrams. Containers support dragging, resizing, and customization for headers, text styles, and more. They help maintain an organized layout without permanently merging elements, making them ideal for workflows, BPMN diagrams, and system designs.
  • Automatic generation of UML sequence diagrams from model data - A UML sequence diagram visually represents how a set of objects interact in a process over time. With this feature, you can now automatically generate these diagrams from model data, streamlining the visualization of interactions between objects in a system. It dynamically creates lifelines, messages, and activation boxes based on the provided data, reducing manual effort and ensuring accuracy.
  • Import and export UML sequences in Mermaid syntax - Mermaid syntax is a Markdown-inspired text-based language designed to define diagrams through simple, readable commands. This feature allows users to create UML sequence diagrams from Mermaid syntax and export them back, simplifying visualization, sharing, editing, and cross-platform use. Users can also use AI assistants to generate Mermaid syntax for these diagrams and directly import it into the JavaScript Diagram component.
  • Automatic port creation support - Added the ability for users to create a port dynamically by clicking and dragging the mouse over any node or connector. This behavior is turned off by default but can be activated by adding the AutomaticPortCreation enum to the Constrain property of the Diagram.
  • Support to restrict object dragging on the negative axis - Added the ability for users to restrict diagram elements from being dragged into the negative axis. This behavior is turned off by default and can be activated by adding the RestrictNegativeAxisDragDrop enum to the Constrain property of the Diagram. When RestrictNegativeAxisDragDrop is enabled, diagram elements such as nodes, connectors, connector end thumbs, groups, swim lane objects, and stencil symbols can be restricted from dragging when the drag operation enters a negative zone.
  • Performance improvements - The Diagram component now renders significantly faster while initially loading with nodes that contain annotations and connectors. Basic node rendering performance in large diagrams has been improved by an outstanding 92.03% when rendering 10,000 nodes with connectors and annotations.
• Word Processor
  • Ribbon interface - The Document Editor now provides a Microsoft Word-like Ribbon UI that organizes tools and commands into intuitive tabs and groups, making editing faster and easier. Contextual tabs appear dynamically based on user actions, providing a streamlined experience. The ribbon is also fully customizable to suit specific application needs.
  • Screen reader - The Document Editor now supports screen readers for better accessibility. When enabled, it provides the necessary information so that screen reader tools can read and interpret the content.
  • Enable/disable layout - The new enableLayout API lets users skip the layout and rendering process when loading or editing documents programmatically, improving performance. By default, layout and rendering run as usual, but can be disabled to speed up bulk changes programmatically in the Document Editor.
  • Editing enhancements - The following enhancements allow users to automate the required behaviors of editing the Word document content easily.
    • API to retrieve fields that are present within the selected area of a document.
    • API to remove the selected editing region from a Word document.
    • API to get and set scroll positions facilitates synchronizing the scroll positions of two Word Processor components. Using this feature, users can easily configure side-by-side viewing of two Word documents.
    • API to delete the selected paragraph from a Word document. This also helps customize and automate document editing.
    • Group undo and redo enables seamless tracking of consecutive edits, like Microsoft Word. This reduces the undo operation count on the typed text and does not undo character by character.
  • Group shape - The group shape in Word documents is now preserved, maintaining its integrity when a document is opened and saved using the Word Processor component.
• Dropdowns
  • Smoother search typing - The JavaScript dropdowns (Dropdown List, ComboBox, AutoComplete, and MultiSelect Dropdown) now offer a smoother typing experience when users search through lists. The component waits briefly for users to finish typing before showing results, making searches feel less jerky and distracting. It works right away in your projects, enhancing usability for large lists.
• File Manager
  • Authorize get-image request in File Manager - Developers can now set an authorization header for image retrieval operations, helping them protect sensitive data during transfers when handling image files. Developers can now implement authorization policies that meet their application's specific security requirements without additional complex configurations. This feature is particularly useful for applications that operate in a secure environment or need to comply with specific data protection standards.
• Gantt Chart
  • Toggle weekend visibility in timeline - Users can now toggle the visibility of weekend cells in the timeline. This feature allows customization of the timeline view to focus solely on working days, making it easier to interpret and manage project data efficiently.
  • Display Work Breakdown Structure (WBS) column - Introduced a WBS column in the Angular Gantt Chart to visualize the hierarchical organization of tasks. This addition helps users effectively organize, track, and analyze tasks using work breakdown levels. This feature enhances task clarity and makes project planning more structured and efficient.
  • Task constraints in Gantt Charts - Enhance your planning with the task constraints feature in the Angular Gantt Chart. This visually represents constraints such as "start no earlier than" or "finish no later than" to understand task dependencies and schedule limits directly from the chart.
• DataGrid
  • Integrated chart visualization - The JavaScript DataGrid now integrates with the Charts component, allowing users to visualize selected grid data through interactive charts. This integration combines tabular and graphical views for deeper insights. Chart types, axes, and visual elements can all be customized to suit specific application needs.
• Image Editor
  • Opening images with custom width and height - Users can now open images with specified width and height values using the imageSettings parameter in the Open method. This enhancement introduces three additional properties: width, height, and isAspectRatio. Image dimensions can be precisely controlled while preserving the aspect ratio, if needed. This provides more control over rendering images, especially when dealing with high-resolution images or fixed canvas requirements.
  • Underline and strikethrough support for text annotation - Underline and Strikethrough formatting options have been added to text annotations. This feature is useful for creating instructional materials, documentation screenshots, and professional image presentations.
  • Loading BMP images - Users can now load BMP (Bitmap) image files, expanding its file format compatibility. Users can upload BMP files via the file uploader UI or programmatically using the Open method. This addresses the needs of design professionals and users working with high-resolution images.
  • Image smoothing - Added the ability for users to control the smoothing effect of high-resolution images. When enabled, the control applies image smoothing to images during rendering, reducing distortion and jagged edges in scaled or rotated images.
• PDF Viewer
  • Squiggly annotation - The PDF Viewer now supports squiggly annotations as part of the text markup annotation types. This feature enables users to highlight text using a distinctive wavy line, usually indicating that it needs to be reviewed further.
  • Zooming support in page organizer - The PDF Viewer now supports zooming in the page organizer. This enhancement provides an interactive zoom experience to help users identify the pages they are organizing.
• Pivot Table
  • Server-side classic layout - The classic layout has been added to the server-side engine for relational data. Each field in the row axis is displayed in a separate column, providing a detailed and traditional tabular view similar to classic pivot layouts in Excel.
  • Value sorting on both axes - Enabled value-based sorting simultaneously on both row and column axes, independent of the value axis. This allows flexible and accurate data analysis across dimensions.
  • Export as Excel PivotTable - Added support for exporting the pivot table as a native Excel PivotTable, preserving the pivot structure in the exported file. Users can continue interacting with and customizing the pivot data directly within Excel.
• Rich Text Editor
  • Insert code block - The code block feature now allows users to insert and display formatted code snippets directly within the editor. It also includes a language switch option in the dropdown menu, enabling users to specify the programming language for each code block.
  • Bottom toolbar - Added an option to render the toolbar at the bottom of the editor. This improves accessibility and layout adaptability, especially in mobile and touch-first interfaces. It enhances user interaction by keeping toolbar actions easily reachable.
  • Copy and paste table rows and columns - Users can now copy and paste entire rows or columns within a table, streamlining the editing and formatting process. Data can be efficiently duplicated without the need to manually re-enter information, thereby enhancing productivity.
  • Horizontal line - Users can now insert horizontal lines to separate content sections visually. This feature improves document readability and structure, particularly in long-form content or reports, by allowing clear demarcation between different sections or topics.
  • Popup toolbar - The Rich Text Editor now supports popup overflow mode in its toolbar. When there isn't enough space to display all toolbar items, the overflowing items automatically move to a popup container, ensuring that all features remain accessible without cluttering the interface.
  • Recent color option - The new recent color option in the font color and background color pickers allows users to quickly access and reuse recently applied colors, improving formatting efficiency and ensuring visual consistency
• Spreadsheet
  • Skip styles during Excel import - Improved performance by excluding style properties when importing Excel files through the server-side library. Skipping styles reduces the JSON size and accelerates rendering, especially for large or complex Excel files.
• Stock Chart
  • Highlight last value with label - The Stock Chart component now supports highlighting the last value of a series with both a label and a grid line indicator. This enhancement provides developers with a clear and immediate reference point for the series endpoint, improving data readability and user interaction. The feature is beneficial in scenarios where the final data point needs to be emphasized, such as in financial charts to indicate the latest stock price.
• TreeGrid
  • Sticky headers - The TreeGrid now supports sticky headers, which keep column headers visible while scrolling through large datasets. By enabling the enableStickyHeader property, headers stay fixed at the top, making it easier to understand data.
  • Load-on-demand for remote data - The TreeGrid now supports loading child rows on demand with row virtualization when using remote data. This improves performance by rendering only visible rows and fetching data as needed. It provides smooth scrolling and faster load times for large datasets.

不具合の修正

• GanttChart
  • Previously, the ZoomToFit feature ignored the project's startDate and endDate and always used task dates to set the timeline range. This issue has been fixed. Now, if project dates are provided, they will be used correctly; otherwise, task dates will be used.
• Grid
  • Introduced the columnMenuClose and contextMenuClose events, which are triggered upon closing their respective menus. These events offer enhanced control over menu dismissal actions.
  • Introduced the reorderColumnByModel method to support programmatic reordering of individual columns as well as stacked header columns.
• Image Editor
  • The issue with "Annotations were not returned in image data when calling the 'getImageData' method inside the 'editComplete' event" has been resolved.
• PDF Viewer
  • Resolved an issue where the rectangle annotation was not added correctly in the PDF Viewer when it was drawn quickly.
• Pivot Table
  • The drill-through popup will now display the correct value header and value when the value field caption contains parentheses in the pivot table.
• RichTextEditor
  • The issue with applying bold to the main bullet, which also affected sub-bullets in the Rich Text Editor, has now been resolved.
  • The issue with the setting Default in the FontSize toolbar does not reset the fontSize in the RichTextEditor has now been resolved.
  • The issue with arrow key navigation behaves incorrectly in pasted tables with in the Rich Text Editor has now been resolved.
  • The issue with the entire paragraph becomes a hyperlink when pasted after a link in the Rich Text Editor has now been resolved.
• Tab
  • The issue with the context menu popup does not open when we press Shift+F10 key has been resolved.
• Toolbar
  • An issue where focus moved to a disabled item in the toolbar popup when pressing the down arrow key has been fixed.
• TreeView
  • The flickering issue on animation due to height calculation while expanding a node in TreeView has been resolved.