@mindfusion/pack
Advanced tools
Readme
A diverse package with useful UI librarires for JavaScript and TypeScript developed by MindFusion.
For the latest stable version:
npm i @mindfusion/pack
The library registers each control class as a web component. You can use the following tags to create corresponding components:
When instantiated as a web component, each control class creates required HTML elements as internal shadow DOM. You can get the JavaScript object corresponding to a web component by calling controls' find method with id argument.
<mindfusion-diagramview
id="diagramView"
style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: auto;">
</mindfusion-diagramview>
var diagramView = DiagramView.find("diagramView");
var diagram = diagramView.diagram;
The library now includes several standard animation classes and methods. The animate method of DiagramItem can run following animations:
Following animations can be applied to DiagramNodes:
The animate method of DiagramView can run following animations:
The reversedLinks property of TreeLayout, RadialTreeLayout and BorderedTreeLayout lets you arrange trees where links point from child to parent nodes, instead of the default parent to child direction.
The library registers the Calendar class as a web component. You can use the tag to create the control.
When instantiated as a web component, the control creates required HTML elements as internal shadow DOM. You can get the JavaScript object corresponding to a web component by calling the find method with id argument.
<mindfusion-calendar id="calendar" style="height: 100%; width: 100%;">
</mindfusion-calendar>
var ms = MindFusion.Scheduling;
calendar = ms.Calendar.find("calendar");
calendar.currentView = ms.CalendarView.SingleMonth;
The library registers the Grid class as a web component. You can use the tag to create the control.
When instantiated as a web component, the control creates required HTML elements as internal shadow DOM. You can get the JavaScript object corresponding to a web component by calling the find method with id argument.
<mindfusion-grid id="grid">
</mindfusion-grid>
var dv = MindFusion.DataViews;
var grid = dv.Grid.find("grid");
grid.model = new dv.ArrayModel(participants, columns, "index");
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.
FAQs
Pack of UI Controls
The npm package @mindfusion/pack receives a total of 34 weekly downloads. As such, @mindfusion/pack popularity was classified as not popular.
We found that @mindfusion/pack demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
The Socket Research team found this npm package includes code for collecting sensitive developer information, including your operating system username, Git username, and Git email.
Security News
OpenJS is warning of social engineering takeovers targeting open source projects after receiving a credible attempt on the foundation.
Company News
Come meet the Socket team at BSidesSF and RSA! We're sponsoring several fun networking events and we would love to see you there.