A diverse package with useful UI librarires for JavaScript and TypeScript developed by MindFusion.
For the latest stable version:
npm i @mindfusion/pack
- DataViews / Grid
- Diagrams
- Schedules
- Charts
- Gauges
- Maps
- Virtual Keyboard
- Calendar
- DateTimePicker
- Dialogs
- ImagePicker
- ListView
- Menu
- ToolTip
- ToolStrip
- Tabs
- TreeView
- Window
- WindowHost
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.
- 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.
- 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.
- 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
- 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.
- 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.
- 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.
- Online demo
- Online samples for diagrams, flowcharts, hierarchies and schemes
- Online sampels for schedules, timetables, calendars and resource views
- Online samples for charts and gauges
- Online samples for the Virtual Keyboard control
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.
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.
The end-user license agreement for all MindFusion developer tools is uploaded here.