Web components for Bodylight technology - to support in-browser simulators capable to execute models via standard FMI api, visualise using common chart libraries (chartjs, plotly, dygraph) and Adobe Animate components (exported as createjs components).
MIT License
Bot releases are visible (Hide)
https://github.com/creative-connections/Bodylight.js-Components/compare/v2.1.1...v2.1.3
https://github.com/creative-connections/Bodylight.js-Components/compare/v2.1.0...v2.1.1
https://github.com/creative-connections/Bodylight.js-Components/compare/v2.0.43...v2.1.0
https://github.com/creative-connections/Bodylight.js-Components/compare/v2.0.42...v2.0.43
https://github.com/creative-connections/Bodylight.js-Components/compare/v2.0.41...v2.0.42
https://github.com/creative-connections/Bodylight.js-Components/compare/v2.0.40...v2.0.41
https://github.com/creative-connections/Bodylight.js-Components/compare/v2.0.38...v2.0.39
https://github.com/creative-connections/Bodylight.js-Components/compare/v2.0.37...v2.0.38
https://github.com/creative-connections/Bodylight.js-Components/compare/v2.0.36...v2.0.37
https://github.com/creative-connections/Bodylight.js-Components/compare/v2.0.35...v2.0.36
https://github.com/creative-connections/Bodylight.js-Components/compare/v2.0.34...v2.0.35
UPDATE canvas version to test on sl 7 8f39f71
UPDATE creative-connections/Bodylight-Scenarios#55 click on navigation item opens child list if available 5a45ee8
ADD visual-style attribute for pdb component 50c9049
yolo in publish 7273e88
minor changes aa00d0d
UPDATE version adc29a3
UPDATE range and fmi component design 1bfa6ec
UPDATE range as inline block element (span), fmi to be put after butonparams or other inputs f892009
FIX creative-connections/Bodylight-Scenarios#54 parse addconst properly, if ommited set to 0. Textobj resolve from exportRoot first. 308bc46
https://github.com/creative-connections/Bodylight.js-Components/compare/v2.0.33...v2.0.34
This is wrapper for aurelia-bodylight-plugin registering all Aurelia[2] components as standard (framework agnostic) web components [1].
Web components of the Bodylight library is a suite of custom elements enhancing HTML web documents with
Modelica
model is exported to FMU
using FMI standard and Bodylight FMU Compiler can convert FMU with source codes and solver into WebAssembly script.All bodylight web components are registered with a bdl- prefix. Components are defined in source code without the prefix, which may be used to build application internally in an Aurelia framework [2]. However, web components way is framework agnostic standard way.
This plugin is part of broader tools to enable in-browser simulation using modern web technologies: Web Assembly, HTML, Javascript (ECMAScript6).
[^1]: Web Components: https://developer.mozilla.org/en-US/docs/Web/Web_Components
[^2]: Aurelia framework: https://aurelia.io
To build web simulator:
bdl-fmi
component, and modelDescription.xml
- standard FMU description with variable references.bdl-adobe
component.Use bodylight.bundle.js
from :
<script src="https://cdn.jsdelivr.net/npm/bodylight-components/dist/bodylight.bundle.js"></script>
npm i bodylight-components
bodylight.bundle.js
locally and refer it from your <script>
: <script src="bodylight.bundle.js"></script>
Add attribute aurelia-app="webcomponents"
to div
or body
where web components will be located (note web-components are custom elements with prefix bdl-
:
index.html
...
<body aurelia-app="webcomponents">
<bdl-range id="id1" min="40" max="180" default="60" title="Heart rate"></bdl-range>
<bdl-fmi ...></bdl-fmi>
<bdl-chartjs ...></bdl-chartjs>
</body>
bdl-markdown-*
components to refer MD documents where you may use Bodylight webcomponents as well.doc/index.md
contains main content and summary.md
contains sidebar with links to other docs.index.html
...
<body aurelia-app="webcomponents">
<bdl-markdown-book index="doc/index.md" summary="doc/summary.md">
<img src="docs/loading.gif"/>
</bdl-markdown-book>
</body>
doc/index.md
# Introduction
Markdown syntax is interpretted. Syntax highlighting is enabled for source code. KATEX plugin is enabled to allow
basic equation e.g. $$e = m c^2$$
## bodylight web components
Use bodylight web components directly:
<bdl-range id="id1" min="40" max="180" default="60" title="Heart rate"></bdl-range>
<bdl-fmi ...></bdl-fmi>
<bdl-chartjs ...></bdl-chartjs>
summary.md
| EN | [CZ](#doc/index.cs.md&summary=doc/summary.cs.md) |
* [First Page](#doc/index.md)
* [Second Page](#doc/index2.md)
* [Sub page of second page](#doc/index22.md)
<bdl-tabs idlist='id1,id2' titlelist="Tab 1,Tab 2"></bdl-tabs><div id="id1">some content</div><div id="id2">othercontent</div>
<bdl-chartjs-xy-points>
<bdl-chartjs-time>
component to stick graph only in these limits<bdl-pdb-pdbe-molstar molecule-id="5jkk" rotate="false"></bdl-pdb-pdbe-molstar>
https://github.com/creative-connections/Bodylight.js-Components/compare/v2.0.30...v2.0.31
https://github.com/creative-connections/Bodylight.js-Components/compare/v2.0.29...v2.0.30
https://github.com/creative-connections/Bodylight.js-Components/compare/v2.0.28...v2.0.29
https://github.com/creative-connections/Bodylight.js-Components/compare/v2.0.27...v2.0.28
https://github.com/creative-connections/Bodylight.js-Components/compare/v2.0.26...v2.0.27
https://github.com/creative-connections/aurelia-bodylight-plugin/compare/v2.0.25...v2.0.26
https://github.com/creative-connections/Bodylight.js-Components/compare/v2.0.25...v2.0.26