Essential Studio for Vue Release Notes

v21.1.35
March 23, 2023
We are pleased to announce that we have updated the versioning system of Essential Studio to a semantic format that provides greater clarity and consistency in versioning, making it easier for users to understand the significance of each Syncfusion release.

The new format consists of three components: Major, Minor, and Patch.

Format: Major.Minor.Patch
Example: 21.1.35

We believe that this change will enable our users to track and manage updates to our components effectively. We are excited to see how it enhances their experience.

Common

Features

  • #I396062, #F166897, #I412247 - Provided the provide/inject support for Vue template components.
  • #FB38812 - Provided the Nuxt 3 framework compatible support for the Vue components.
  • #F178140 - Provided the pnpm framework compatible support for the Vue components.
  • #F176652 - Provided the Vitest testing framework compatible support for the Vue components.
  • #FB38517 - Provided the support to use the Vue components in Vue applications without requiring the vue-class-component package.

Chart

Bug Fixes

  • #I444557 - Resolved the issue where the legend and the chart were overlapping.
  • #I431278 - Resolved issue with overlapping chart and data label when rotation is enabled.

Features

  • #I320485 - Provided support to place a label at the center of the pie and donut charts.
  • #I416444 - Provided support for a new chart type called range step area which is used to display the difference between minimum and maximum values over a certain time period.
  • #I396453, #I314160 - Provided support to customize the height and color of the error bar of each data point.

Checkbox

Bug Fixes

  • #I427235 - The issue cssClass property not updated properly while string with a white space in the end of the property in checkbox has been fixed.

Chip

Features

  • #I422263 - The Chip component now supports htmlAttributes, which enables users to add required attributes such as ‘aria-label’, ‘title’, ‘class’, and more to the Chip item.

CircularGauge

Features

  • #I416334 - The entire circular gauge, including the tooltip and legend, can now be rendered in the right-to-left (RTL) direction, which may be useful in some cultures.

DataManager

Features

  • #I304073, #I301329, #I441756 - Now, the filtering functionality has been enhanced to include additional filter operators such as notcontains, notstartwith, notendwith, null, notnull, isempty, and isnotempty. Additionally, like and wildcard support have been added.

Diagram

Bug Fixes

  • #F180478 - Now, the performance of diagram while enabling virtualization is improved.
  • #F180478 - Now, Overview is updated properly while enabling virtualization.
  • #I422299 - Now, swimlane child nodes is selectable after save and load.
  • #I437322 - Now, drag the connector end thumb is working, while we increase handleSize value.
  • #I436649 - Now, connector segment does not get split into multiple segment for top to bottom approach.
  • #I440967 - Now, Free hand connector segment collection restored after save and load the diagram.
  • #I441075 - Now, position change event does not get triggered while click on the swimlane header.

Dialog

Features

  • State persistence: Provide support to preserve the updated values of the dialog width and height when performing a page reload.

DocumentEditor

Bug Fixes

  • #425697 - Resolved the positioning and line spacing issue in shape document

Features

  • #I249004, #I250933, #I256703, #I286287, #I290760, #I301513, #I313194, #I314827, #I316496, #I317964, #I320201, #I320872, #I327636, #I331310, #I333899, #I334058, #I334929, #I337202, #I341931, #I341953, #I345929, #I348344, #I349206, #I349683, #I349895, #I354081, #I356432 - Added support for continuous section break in DocumentEditor.
  • #I422408, #I435125 - Optimized SFDT file to reduce the file size relative to a Docx file.
  • #I330729, #I256794 - Added support to display bookmark start and end in DocumentEditor.
  • #I333042, #I349829 - Added support disable the auto focus to DocumentEditor.
  • #I175038 - Added API to modify the predefine styles in DocumentEditor.

Breaking Changes

  • Starting from version v21.1.x, the SFDT file generated in Word Processor component is optimized by default to reduce the file size. Hence, the optimized SFDT files can’t be directly manipulated as JSON string. Please refer the documentation.
  • Starting from version v21.1.x, the SFDT file generated in Word Processor component is optimized by default to reduce the file size. Hence, the optimized SFDT files can’t be directly manipulated as JSON string. Please refer the documentation.

Bug Fixes

  • #I397894 - The issue “aria-label added on input element instead of wrapper element while adding the aria-label by using Html Attribute property” has been resolved.

Bug Fixes

  • #I420146 - The issue placeholder disappears after rendering the Dropdown Tree component within a form control and clearing the form data has been resolved.

ExcelExport

Bug Fixes

  • Modified the “\n” character at end of row as “\r\n” in Grid to CSV export.

FileManager

Features

  • Provided the folder (directory) upload support for Physical File Provider.
  • Provided the folder (directory) upload support for Azure File Provider.
  • Provided the folder (directory) upload support for NodeJS File System Provider.
  • Provided the folder (directory) upload support for Amazon S3 File Provider.

Features

  • #I419169 - Provided Taskbar drag and drop support for resource view in Gantt Chart. Please find the demo link here.
  • #I417330 - Provided support to disable parent predecessor by using allowParentDependency property. Please find the API link here.
  • #I413261 - Restricted offset value update based on enabling or disabling the API. Please find the
  • API link here.
  • #I420482 - Provided option to disable date validation at initial load based on enabling or disabling the API
  • By disabling this API we can improve load time performance by two time. Please find the
  • API link here.
  • #I419169 - Provided Taskbar drag and drop support for resource view in Gantt Chart. Please find the demo link here.
  • #I417330 - Provided support to disable parent predecessor by using allowParentDependency property. Please find the API link here.
  • API link here.
  • API link here.

Grid

Bug Fixes

  • #I439725 - The issue where an exception was thrown when attempting to filter ‘Blanks’ value using URL Adaptor in Excel filter has been resolved.
  • #F41177 - Resolved the issue exporting the hierarchy grid with different mode.
  • #I342921, #I407440 - The issue related to Content Security Policy violation that occurred while using grid paging and grouping has been resolved.
  • #I446747 - Script error occurred on foreignkey sample while trying to auto complete in filter menu issue has been fixed.
  • #I428772 - Fixed alignment issue with Dialog component header content and close icon on fluent theme. More Information.
  • #I428772 - Fixed alignment issue with Dialog component header content and close icon on fluent theme. More Information.

Features

  • Implemented a feature to limit column expansion over their specified width, preventing them from using more space.
  • #I225917, #F146138, #F150441 - Provided support to dynamically change both new columns and datasource simultaneously by using inbuilt changeDataSource method of Grid.
  • #I304073, #I301329, #I441756 - Now, the filtering functionality has been enhanced to include additional filter operators such as notcontains, notstartwith, notendwith, null, notnull, isempty, and isnotempty. Additionally, like and wildcard support have been added.
  • #I432547 - The security of the Grid component has been improved by the use of sanitization to remove any potentially untrusted strings and scripts. This feature can be enabled by setting the property enableHtmlSanitizer as true.

Breaking Changes

  • Unnecessary role attributes for Grid row cell and header elements have been removed to enhance accessibility standards.
  • The td element for e-detailcell in detail element has been only changed from a td element to the th element to enhance accessibility standards.
  • The td element for e-detailcell in detail element has been only changed from a td element to the th element to enhance accessibility standards.

Heatmap

Features

  • #F177543 - enableMultiSelect property is exposed to enable or disable multiple selection of the HeatMap cells.

ImageEditor

Bug Fixes

  • Issue with “Script error thrown while resizing control without toolbar” has been resolved.

Features

  • Provided the undo/redo support, that records all the actions so that it can be reverted later if necessary.
  • Provided pinch zoom support to zoom in or out the image while performing pinch on touch enabled devices.
  • Provided mouse wheel zoom support to zoom in/out the image while scrolling mouse wheel with ctrl key press.
  • Provided public method ‘getImageDimension’ to get the current image size with its coordinates.
  • Provided click event to get the current cursor position on the image.

Breaking Changes

Previous Enum Name Modified Enum Name
ImageFinetuneOptions ImageFinetuneOption
ImageFilterOptions ImageFilterOption
ImageEditorCommands ImageEditorCommand

ListBox

Bug Fixes

  • #I409839 - Issue with “Script error thrown while drag and drop after removed the item from listbox using removeItem method” has been resolved.

ListView

Bug Fixes

  • #F168185 - The issue with “Sorting is not applied properly when entering different values in the text field of the ListView component” has been resolved.

Maps

Features

  • #I275734, #I293775 - The appearance of the buttons and tooltips in the zoom toolbar can now be customized using properties in the buttonSettings and tooltipSettings in the toolbarSettings property of zoomSettings.
  • #I425592 - The marker rendered in the Maps can now be dragged and dropped in the desired location based on the requirement. Events are also supported to notify the drag start and end.

Message

Bug Fixes

  • The issue with the “React state change value is now reflected in the React Message component content template” has been resolved.

PDFViewer

Bug Fixes

  • #I437765 - Now, the script error does not occur when the update form field value API is used when a signature already has signature content.
  • #F180666 - Now, the exception does not occur while downloading the document after adding the type and uploading the handwritten signature and initial annotation.
  • #I428493 - Now, the signature image in the signature field is visible while printing in the other viewers changes made on the server side.
  • #I441773 - Now, the annotation positions are moving properly.
  • Now, the PDFium package has been updated.
  • #I438960 - Now, the different culture date time is working properly while exporting annotations.
  • #I444307 - Now, the check box is not added to the left-most corner of the page.
  • #I444707 - Now, the signature dialog box footer button alignment is proper in the fluent theme.
  • #I440251 - Now, the typed handwritten signature is not broken into a new line after downloading and viewing in other viewers.
  • #I429508 - Now, the form fields appear properly in mobile mode.
  • #I433831 - The A4 document size is now properly set during printing.
  • #F180764 - Now, if you move the arrow or line annotations programmatically, their position won’t be changed during export.
  • #I429549 - Now, the checkbox displays properly during the print preview.
  • #I436286 - Now that the enable shape annotation is false, the script error no longer occurs.
  • #I429775 - Now, the problem with some specific document’s slow rendering has been resolved.
  • #I437396 - Now, when the page’s zoom level is higher, the resizer will not enable inside the annotation.
  • #I435370 - Now, the border color is preserved properly for the transparent textbox field.
  • #I438421 - Now, the script error does not occur while loading an annotation restricted document when the enableAnnotation API is set to false.
  • #F180082 - Now, while adding the text markup annotation programmatically, the text markup content is added properly.
  • #I434198 - Now, the custom stamp is added properly on the form fields.
  • #I180081 - Now, when attempting to delete a post in the comment panel, the annotations are not deleted from the comment panel.
  • #I431466 - Now, the toolbar behavior is stable in mobile mode.
  • #I432820, #I432145, #F179720 - Now, the formFields with the same name in non-rendered pages are downloaded successfully.
  • #I429549 - Now, the checkboxes are no longer offset to the right in the print preview.
  • #I429288 - Now, the delete option for a draw signature type will be visible in the context menu.
  • #I431758 - Now, the checkboxes with the same name are correctly selected.
  • #I429416 - The checkbox layer is now rendered properly when loading the provided PDF document.
  • #I431679 - Now, the handwritten signature does not become empty when a random signature is added.
  • #I431466 - Now, the toolbar icon is properly visible in mobile mode.
  • #I431286 - Now, the radio button selector size is proper in the given document.
  • #I408530, #I428623 - Now, the free text annotations do not shift towards the left side in edit mode.

Features

  • #I344527 - Now, the support provided is navigated to the next and previous signature field in the form designer.
  • #I443775 - Now, support is provided for the saving type and image signatures in the form fields.
  • Now, the JSON structure has been modified based on the PDF library.
  • #I411856 - Now, support is provided to render the accessibility tags in the PDF Viewer.
  • #I426307 - Improvements to page rendering for zoom levels under 25% by using thumbnail images.
  • Now, support is provided for the tab navigation in the form fields and form designer.

PivotTable

Bug Fixes

  • #I437267 - During initial rendering, the spinner will now be properly displayed in the pivot table.

Features

  • #F165214 - Provided paging support in server side engine that allows to break and display large amounts of data page by page.
  • Provided the role option that allows access to restricted cube information such as measures, dimensions, hierarchy, and more when a SSAS OLAP cube is bound to the pivot table.

Breaking Changes

  • The property type pivotValues has been changed from IPivotValues to IAxisSet[][].
Property Name Description Previous Type Current Type
pivotValues It holds the collection of cell information that has been populated from the engine on the basis of the given pivot report to render the component as table and chart. IPivotValues IAxisSet[][]

ProgressBar

Features

  • #I386691 - Provided support to display tooltips during initial load of progress bars and mouse hover with numeric or text values of the progress.
  • Provided support to customize the width and color of the secondary progress bar.

QueryBuilder

Bug Fixes

  • #I375472 Issue with Rule template default rendered while add condition/group in query builder, if first column as rule template has been fixed.
  • #I388333 Issue with Value template not destroy properly when we use complex data source in query builder has been fixed.

RadioButton

Bug Fixes

  • #F40707 - Value change event triggered twice in Radio Button component has been fixed.

Ribbon

The Ribbon provides a structured and easy-to-use user interface for users to access different features and functions through series of tabs, improving user experience and efficiency.

Key features

  • Built-in items - Several built-in support items, such as buttons, checkboxes, drop-down buttons, split buttons, combo boxes, and color pickers that can be customized and used to execute specific actions.
  • Modes - Offers the classic mode that organizes items and groups in a traditional form, and simplified mode that organizes items and groups into a single row for improved usability and reduced clutter.
  • Tooltip - Provide additional information when a user hovers over a ribbon item, improving user experience and increasing the usability of the application.
  • File menu - A built-in menu that to add file related actions easily.
  • Templates - Customize ribbon items and the help pane content using templates.

RichTextEditor

Bug Fixes

  • #I442919 - Now, when focusing out of the Rich Text Editor, the embed YouTube video will not be removed.

Features

  • Tooltip Integration: The Rich Text Editor tooltip has been redesigned to more clearly display the keyboard shortcut information, making it easier for users to understand the functions of each toolbar item.

Schedule

Bug Fixes

  • #I442920 - An issue with appointments misaligned in timeline year view with ignoreWhiteSpace property has been fixed.

New Features

  • #I324269, #I347160 - Provided support to display multi month event as single event in vertical orientation of timeline year view.
  • #I419677 - Provided the support to sanitize the appointment inputs, improving the security of the Scheduler component.
  • #I425713 - Provided in-built filter support to the Scheduler component, allowing users to easily filter events when requesting data from the server.
  • #FB40709 - Provided generateEventOccurrences public method to retrieve all the occurrences from the series.
  • #I423939 - Provided support to render the schedule timeline views without horizontal scrollbar.

Signature

Bug Fixes

  • #I433821 - Correcting the signature scaling issue while resizing the web browser has been resolved.

Spreadsheet

Bug Fixes

  • #I442925 - Issue with “spreadsheet hangs while navigating the cells in the protected sheet with the arrow keys” has been resolved.

SvgBase

Bug Fixes

  • #I439673 - Resolved an issue where tooltip text was getting cut off when the text was longer.
  • #I440991 - Fixed an issue where the Donut chart tooltip was being cropped when displayed outside of the area bounds.

Switch

Bug Fixes

  • #I427994 - Provided the htmlAttributes support to the switch component.

Tab

Bug Fixes

  • #I441253 - An issue with the aria-disabled role accessibility has been fixed.

Toolbar

Breaking Changes

  • We improved the Toolbar alignments with a flex design, which may cause slight changes to the alignment of Toolbar items.

Tooltip

Features

  • #I434633 - Provided the htmlAttributes support for the Tooltip component which allows to add attributes for the root element of Tooltip popup.

Breaking Changes

  • The tooltip target’s tabindex and aria-describedby attributes, which were handled by the built-in source, were removed. Now, you can add these attributes directly to a target element.

TreeGrid

Breaking Changes

  • Unnecessary role attributes for Tree Grid row cell and header elements have been removed to enhance accessibility standards.
  • The td element for e-detailcell in detail element has been only changed from a td element to the th element to enhance accessibility standards.
  • The td element for e-detailcell in detail element has been only changed from a td element to the th element to enhance accessibility standards.