We have released MindFusion JavaScript Pack 2026.R1. It adds following new features and improvements:

MindFusion.Diagramming

CSS Styling
The styling system now supports defining item appearance through external CSS files. You can style different item types using custom element selectors such as mfd-shapenode, mfd-diagramlink, or mfd-tablenode. The system maps CSS Custom Properties to the internal Style properties. For example, use --brush for backgrounds, --stroke for outlines, and --font-size for text. The new cssClass property on DiagramItem allows for more granular styling using standard class selectors in your CSS. To ensure high performance, computed styles are cached globally, and the system automatically resolves style inheritance across class hierarchies (e.g., a ShapeNode will resolve styles from mfd-shapenode, mfd-diagramnode, and mfd-diagramitem selectors in that order).

/* Style all shape nodes */
mfd-shapenode {
    --brush: #f9f9f9;
    --stroke: #333;
    --stroke-thickness: 1px;
    --font-name: 'Verdana';
}

/* Specific styling via the new cssClass property */
mfd-shapenode.urgent {
    --brush: #ffcccc;
    --stroke: #ff0000;
    --stroke-thickness: 2px;
}

/* Style table captions using custom properties */
mfd-tablenode {
    --caption-brush: #e0e0e0;
    --text-color: #000066;
}
 

Compact Multi-graph Layout
A new MinimalArea option has been added to the MultipleGraphsPlacement enumeration, which uses a bin-packing algorithm to arrange connected components in a compact, square-like area. This ensures a more efficient use of space compared to horizontal or vertical arrangements when laying out multiple independent graphs.

Polygonal Text Layout
The ShapeNode class now supports a polygonalTextLayout property, enabling text to wrap and align precisely within the geometric boundaries of non-rectangular shapes like triangles, diamonds, and custom polygons. This feature supports both plain and styled text across all alignment modes.

Miscellaneous

• generateShortestRoute and findShortestRoute methods added to PathFinder.
• Table row anchorPattern fixes.
• Coordinates in vertical Ruler scale are now rotated in opposite direction to read from bottom to top, which is the accepted standard for rotated labels and consistent with MindFusion components for other platforms.

MindFusion.Scheduling

Clipboard Support
Native clipboard support has been added to the Calendar control via new copyToClipboard, cutToClipboard, and pasteFromClipboard methods. These operations utilize full XML serialization to preserve item states, durations, and relative time offsets. Developers can intercept and validate each item during the paste process using the new itemPasting and itemPasted events, providing flexible control over resource mapping and data integration.

Miscellaneous

• BaseForm fixes.
• Date format fix in tooltips.

MindFusion.Charting

CSS Styling
The library now features CSS styling system that lets you customize the appearance of charts, graphs, and gauges entirely through external stylesheets. By leveraging CSS Custom Properties (Variables), you can define backgrounds, axes, fonts, labels, and even complex series color palettes directly in CSS (e.g., --mfc-plot-background or --mfc-common-series-fill-0). This eliminates verbose JavaScript appearance configurations via Theme class, and lets you define chart appearance in application-wide stylesheets.

Miscellaneous

• The numberFormat property lets you format axis coordinates via Intl.NumberFormat object.
• LineChart and LineRenderer rendering improvements.

API Changes
To avoid naming conflicts with our upcoming Dashboard library, which provides a broader set of dashboard widgets and functionality, the charting library's Dashboard control has been renamed to ChartBase.


Distribution for the latest version can be downloaded here, or from the clients area on our site:

https://mindfusion.dev/JsPack.zip

Updated scripts are also available as @mindfusion/pack NPM package.

Enjoy!