@mindfusion/pack

v2024.1.0

Published

6 months ago

Pack of UI Controls

Downloads

Pack of UI Controls for JavaScript and TypeScript

A diverse package with useful UI librarires for JavaScript and TypeScript developed by MindFusion.

Installing

For the latest stable version:

npm i @mindfusion/pack

MindFusion Pack for JavaScript

MindFusion Pack for JavaScript Controls

DataViews / Grid
Diagrams
Schedules
Charts
Gauges
Maps
Virtual Keyboard
Calendar
DateTimePicker
Dialogs
ImagePicker
ListView
Menu
ToolTip
ToolStrip
Tabs
TreeView
Window
WindowHost

What's New in Pack for JavaScript 2024.R1

Web components

The WebComponents.register method of each module from the pack lets you register its controls as web components:

call register method of Charting.WebComponents to registerchart controls as web components.
call register method of DataViews.WebComponents to registergrid controls as web components.
call register method of Diagramming.WebComponents to registermain diagramming controlsas web components.
call register method of Diagramming.Controls.WebComponents to register TabbedDiagramView as web component.
call register method of Gauges.WebComponents to registergauge controls as web components.
call register method of Keyboard.WebComponents to register VirtualKeyboard as web component.
call register method of Mapping.WebComponents to registermap controlsas web components.
call register method of Scheduling.WebComponents to register Calendar as web component.
call register method of UI.WebComponents to register smallerUI controlsas web components.

Diagramming

TableNode improvements

getRow and getColumn methods now return strongly-typed TableRow and TableColumn objects.
The anchorPattern property of TableRow and rowAnchorPattern property of TableNode let you specify the points where links connect to table rows.
cellTextColor property lets you set default color of cell texts, without changing caption color.

DiagramLink improvements

Disable allowUnanchoredLinks to prevent users from drawing links to nodes without designated anchor points.
Fix for allowUnconnectedLinks not working when allowSelfLoops is disabled.
Set the autoDeleteLinks property to false to prevent deleting links along with a node they connect, and disconnect the links instead.
Fixed XML serialization of unconnected links.
Custom-draw anchor points by setting MarkStyle.Custom and handling drawAnchorPoint event.
The showAnchors property can be set to Selected Auto] combination.

TabbedDiagramView improvements

Enable allowRenamePages to let usersedit the title of DiagramPage by clicking the active tab.
The control raises pageAdding event when users click the plus icon to let you validate the operation, and pageAdded once the page is added.
The control raises pageRemoving event when users close a tab to let you validate the operation, and pageRemoved once the page is removed.
Fix for scroll range not updatingwhen changing tabs.
Fixed exception when moving multiple selection in TabbedDiagramView.NodeListView

NodeListView improvements

Set horizontalDropAlignment and verticalDropAlignment properties to specify how nodes are positioned relatively to the drop point after drag operations from NodeListView.
Set dragIndicatorOpacity property to specify the opacity of drag indicator displayed during drag-and-drop operations.
Fixed NodeListView exception for nodes with rotation handle.

Miscellaneous

Angular bindingsupdated to Angular version16.
Set inplaceEditAcceptOnEnter and inplaceEditCancelOnEsc properties to specify whether edit operations end when user presses respectivelyEnter and Esc keys.
SinglePointerController can now be inherited fromTypeScript.
Set validityChecks to false to add items faster.
Set cornerRadius to change the size of corners when node's shape is set to a rounded rectangle.
Fix for ControlNodes drawing on top of DiagramView's scrollbars.

API changes

Due to problems with some script loaders, the library no longer registers web components automatically. Call the WebComponents.register method to explicitly registercomponent classes.
Blazor bindings moved to MindFusion.Diagramming.JavaScript nuget package.

Documentation

Samples

MindFusion Pack for JavaScript is distributed as an archive that contains over 100 samples with all components in the pack. You can download it from here.

Additional Information

Learn more about MindFusion JavaScript Pack from the official product page. Stay in touch with MindFusion and learn about our latest product announcements, tutorials and programming guidelines via Twitter or our company blog. A YouTube channel with interactive video tutorials is available here.

Technical Support

Licensing

The end-user license agreement for all MindFusion developer tools is uploaded here.