|
1 | | -<link rel="stylesheet" type="text/css" href="https://lively-kernel.org/lively4/lively4-petrinet/src/components/demo/../index-style.css" data-href="../index-style.css"></link> |
| 1 | +<link rel="stylesheet" type="text/css" href="../index-style.css" /> |
| 2 | + |
2 | 3 | # Demo Components |
3 | | -<lively-script><script>import ComponentCreator from "src/client/morphic/component-creator.js" var container = lively.query(this, "lively-container") if(!container) throw new Error("Not inside lively container?"); ComponentCreator.createUI(container)</script> </lively-script> |
4 | | -- lively-ball |
5 | | - <span></span> |
6 | | - [open](open://lively-ball) |
7 | | - <span></span> |
8 | | - [html](lively-ball.html) |
9 | | - <span></span> |
10 | | - [js](lively-ball.js) |
11 | | - <span></span> |
12 | | - |
13 | | -  |
14 | | -- lively-bouncing-ball |
15 | | - <span></span> |
16 | | - [open](open://lively-bouncing-ball) |
17 | | - <span></span> |
18 | | - [html](lively-bouncing-ball.html) |
19 | | - <span></span> |
20 | | - [js](lively-bouncing-ball.js) |
21 | | - <span></span> |
22 | | - |
23 | | -  |
24 | | -- lively-continuous-editor |
25 | | - <span></span> |
26 | | - [open](open://lively-continuous-editor) |
27 | | - <span></span> |
28 | | - [html](lively-continuous-editor.html) |
29 | | - <span></span> |
30 | | - [js](lively-continuous-editor.js) |
31 | | - <span></span> |
32 | 4 |
|
33 | | -  |
34 | | -- lively-digital-clock |
35 | | - <span></span> |
36 | | - [open](open://lively-digital-clock) |
37 | | - <span></span> |
38 | | - [html](lively-digital-clock.html) |
39 | | - <span></span> |
40 | | - [js](lively-digital-clock.js) |
41 | | - <span></span> |
| 5 | +<script> |
| 6 | + import ComponentCreator from "src/client/morphic/component-creator.js" |
| 7 | + var container = lively.query(this, "lively-container") |
| 8 | + if(!container) throw new Error("Not inside lively container?"); |
| 9 | + ComponentCreator.createUI(container) |
| 10 | +</script> |
42 | 11 |
|
43 | | -  |
44 | | -- lively-math |
45 | | - <span></span> |
46 | | - [open](open://lively-math) |
47 | | - <span></span> |
48 | | - [html](lively-math.html) |
49 | | - <span></span> |
50 | | - [js](lively-math.js) |
51 | | - <span></span> |
52 | | -- lively-module-graph |
53 | | - <span></span> |
54 | | - [open](open://lively-module-graph) |
55 | | - <span></span> |
56 | | - [html](lively-module-graph.html) |
57 | | - <span></span> |
58 | | - [js](lively-module-graph.js) |
59 | | - <span></span> |
60 | | - |
61 | | -  |
62 | | -- lively-soapbubble |
63 | | - <span></span> |
64 | | - [open](open://lively-soapbubble) |
65 | | - <span></span> |
66 | | - [html](lively-soapbubble.html) |
67 | | - <span></span> |
68 | | - [js](lively-soapbubble.js) |
69 | | - <span></span> |
70 | | - |
71 | | -  |
72 | | -- lively-whyline |
73 | | - <span></span> |
74 | | - [open](open://lively-whyline) |
75 | | - <span></span> |
76 | | - [html](lively-whyline.html) |
77 | | - <span></span> |
78 | | - [js](lively-whyline.js) |
79 | | - <span></span> |
80 | | -- proweb18-jsx-intro-complex |
81 | | - <span></span> |
82 | | - [open](open://proweb18-jsx-intro-complex) |
83 | | - <span></span> |
84 | | - [html](proweb18-jsx-intro-complex.html) |
85 | | - <span></span> |
86 | | - [js](proweb18-jsx-intro-complex.js) |
87 | | - <span></span> |
88 | | -- proweb18-jsx-intro |
89 | | - <span></span> |
90 | | - [open](open://proweb18-jsx-intro) |
91 | | - <span></span> |
92 | | - [html](proweb18-jsx-intro.html) |
93 | | - <span></span> |
94 | | - [js](proweb18-jsx-intro.js) |
95 | | - <span></span> |
| 12 | +- lively-ball {.component} |
| 13 | +- lively-bouncing-ball {.component} |
| 14 | +- lively-continuous-editor {.component} |
| 15 | +- lively-digital-clock {.component} |
| 16 | +- lively-math {.component} |
| 17 | +- lively-module-graph {.component} |
| 18 | +- lively-soapbubble {.component} |
| 19 | +- lively-whyline {.component} |
| 20 | +- proweb18-jsx-intro-complex {.component} |
| 21 | +- proweb18-jsx-intro {.component} |
| 22 | + |
| 23 | +- lively-snapshot {.component} |
| 24 | +- px19-comp {.component} |
| 25 | + |
| 26 | +## Lively Petri Net (EUD2020) |
| 27 | + |
| 28 | +- lively-petrinet {.component} |
| 29 | +- lively-petrinet-code-editor {.component} |
| 30 | +- lively-petrinet-code-transition {.component} |
| 31 | +- lively-petrinet-edge {.component} |
| 32 | +- lively-petrinet-editor {.component} |
| 33 | +- lively-petrinet-place {.component} |
| 34 | +- lively-petrinet-prob-transition {.component} |
| 35 | +- lively-petrinet-token {.component} |
| 36 | +- lively-petrinet-toolbar {.component} |
| 37 | +- lively-petrinet-transition {.component} |
| 38 | + |
| 39 | + |
| 40 | +## Lively Simulation (EUD2020) |
| 41 | + |
| 42 | +- lively-simulation {.component} |
| 43 | +- lively-simulation-cell {.component} |
| 44 | +- lively-simulation-chart-view {.component} |
| 45 | +- lively-simulation-code-view {.component} |
| 46 | +- lively-simulation-code {.component} |
| 47 | +- lively-simulation-controller {.component} |
| 48 | +- lively-simulation-log-view {.component} |
| 49 | +- lively-simulation-state {.component} |
| 50 | +- lively-simulation-titlebar {.component} |
96 | 51 |
|
97 | 52 | ## *META* |
98 | | -<lively-script><script>var context = lively.query(this, "lively-markdown").shadowRoot ComponentCreator.updateComponentsUI(container, context)</script> </lively-script> |
| 53 | + |
| 54 | +<script> |
| 55 | + var context = lively.query(this, "lively-markdown").shadowRoot |
| 56 | + ComponentCreator.updateComponentsUI(container, context) |
| 57 | +</script> |
0 commit comments