cpee 2.1.134 → 2.1.136

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (205) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +1 -1
  3. data/cockpit/compliance-view.html +12 -13
  4. data/cockpit/compliance.html +12 -13
  5. data/cockpit/css/llm.css +3 -3
  6. data/cockpit/css/llmmodel.css +140 -0
  7. data/cockpit/css/model.css +0 -1
  8. data/cockpit/css/ui.css +13 -7
  9. data/cockpit/css/wfadaptor.css +15 -10
  10. data/cockpit/edit.html +17 -13
  11. data/cockpit/graph.html +8 -8
  12. data/cockpit/index.html +12 -13
  13. data/cockpit/js/build-bpmn2.js +302 -0
  14. data/cockpit/js/details.js +27 -10
  15. data/cockpit/js/instance.js +193 -203
  16. data/cockpit/js/llm-ui-bubble.js +36 -0
  17. data/cockpit/js/llm-ui-status.js +34 -0
  18. data/cockpit/js/llm-ui.js +87 -0
  19. data/cockpit/js/llm.js +463 -118
  20. data/cockpit/js/parameters.js +45 -14
  21. data/cockpit/js/wfadaptor.js +394 -75
  22. data/cockpit/llm.html +17 -15
  23. data/cockpit/llmmodel.html +18 -17
  24. data/cockpit/model.html +9 -9
  25. data/cockpit/only_llm.html +15 -13
  26. data/cockpit/themes/base.js +1 -1
  27. data/cockpit/themes/packed/theme.js +3 -0
  28. data/cockpit/themes/presetlr/rngs/alternative.rng +28 -0
  29. data/cockpit/themes/presetlr/rngs/call.rng +249 -0
  30. data/cockpit/themes/presetlr/rngs/callmanipulate.rng +281 -0
  31. data/cockpit/themes/presetlr/rngs/choose.rng +27 -0
  32. data/cockpit/themes/presetlr/rngs/closed_loop.rng +62 -0
  33. data/cockpit/themes/presetlr/rngs/closed_loop_cancel.rng +5 -0
  34. data/cockpit/themes/presetlr/rngs/closed_loop_control.rng +31 -0
  35. data/cockpit/themes/presetlr/rngs/closed_loop_measuring.rng +12 -0
  36. data/cockpit/themes/presetlr/rngs/critical.rng +8 -0
  37. data/cockpit/themes/presetlr/rngs/escape.rng +5 -0
  38. data/cockpit/themes/presetlr/rngs/group.rng +3 -0
  39. data/cockpit/themes/presetlr/rngs/loop.rng +40 -0
  40. data/cockpit/themes/presetlr/rngs/manipulate.rng +76 -0
  41. data/cockpit/themes/presetlr/rngs/otherwise.rng +25 -0
  42. data/cockpit/themes/presetlr/rngs/parallel.rng +24 -0
  43. data/cockpit/themes/presetlr/rngs/parallel_branch.rng +5 -0
  44. data/cockpit/themes/presetlr/rngs/scripts.rng +23 -0
  45. data/cockpit/themes/presetlr/rngs/start.rng +143 -0
  46. data/cockpit/themes/presetlr/rngs/stop.rng +5 -0
  47. data/cockpit/themes/presetlr/rngs/terminate.rng +8 -0
  48. data/cockpit/themes/presetlr/rngs/wait_for_signal.rng +8 -0
  49. data/cockpit/themes/presetlr/symbols/alternative.svg +19 -0
  50. data/cockpit/themes/presetlr/symbols/arrow.svg +1 -0
  51. data/cockpit/themes/presetlr/symbols/call.svg +1 -0
  52. data/cockpit/themes/presetlr/symbols/call_sensor.svg +1 -0
  53. data/cockpit/themes/presetlr/symbols/callmanipulate.svg +1 -0
  54. data/cockpit/themes/presetlr/symbols/callmanipulate_sensor.svg +1 -0
  55. data/cockpit/themes/presetlr/symbols/callmanipulate_sensor_signal.svg +1 -0
  56. data/cockpit/themes/presetlr/symbols/callmanipulate_signal.svg +1 -0
  57. data/cockpit/themes/presetlr/symbols/choose.svg +15 -0
  58. data/cockpit/themes/presetlr/symbols/choose_exclusive.svg +15 -0
  59. data/cockpit/themes/presetlr/symbols/choose_exclusive_finish.svg +1 -0
  60. data/cockpit/themes/presetlr/symbols/choose_inclusive.svg +13 -0
  61. data/cockpit/themes/presetlr/symbols/choose_inclusive_finish.svg +1 -0
  62. data/cockpit/themes/presetlr/symbols/closed_loop.svg +1 -0
  63. data/cockpit/themes/presetlr/symbols/closed_loop_cancel.svg +1 -0
  64. data/cockpit/themes/presetlr/symbols/closed_loop_control.svg +1 -0
  65. data/cockpit/themes/presetlr/symbols/closed_loop_measuring.svg +1 -0
  66. data/cockpit/themes/presetlr/symbols/complex.svg +1 -0
  67. data/cockpit/themes/presetlr/symbols/critical.svg +1 -0
  68. data/cockpit/themes/presetlr/symbols/delete.svg +1 -0
  69. data/cockpit/themes/presetlr/symbols/end.svg +1 -0
  70. data/cockpit/themes/presetlr/symbols/escape.svg +1 -0
  71. data/cockpit/themes/presetlr/symbols/event_end.svg +1 -0
  72. data/cockpit/themes/presetlr/symbols/event_start.svg +1 -0
  73. data/cockpit/themes/presetlr/symbols/loop.svg +15 -0
  74. data/cockpit/themes/presetlr/symbols/loop_end.svg +15 -0
  75. data/cockpit/themes/presetlr/symbols/loop_end_pre.svg +15 -0
  76. data/cockpit/themes/presetlr/symbols/manipulate.svg +1 -0
  77. data/cockpit/themes/presetlr/symbols/mark.svg +1 -0
  78. data/cockpit/themes/presetlr/symbols/otherwise.svg +7 -0
  79. data/cockpit/themes/presetlr/symbols/parallel.svg +1 -0
  80. data/cockpit/themes/presetlr/symbols/parallel_branch.svg +7 -0
  81. data/cockpit/themes/presetlr/symbols/parallel_branch_event.svg +14 -0
  82. data/cockpit/themes/presetlr/symbols/parallel_branch_event_rev.svg +11 -0
  83. data/cockpit/themes/presetlr/symbols/parallel_branch_normal.svg +7 -0
  84. data/cockpit/themes/presetlr/symbols/parallel_eventbased_exclusive.svg +1 -0
  85. data/cockpit/themes/presetlr/symbols/parallel_eventbased_parallel.svg +1 -0
  86. data/cockpit/themes/presetlr/symbols/scripts.svg +1 -0
  87. data/cockpit/themes/presetlr/symbols/start.svg +1 -0
  88. data/cockpit/themes/presetlr/symbols/start_event.svg +1 -0
  89. data/cockpit/themes/presetlr/symbols/stop.svg +1 -0
  90. data/cockpit/themes/presetlr/symbols/terminate.svg +1 -0
  91. data/cockpit/themes/presetlr/symbols/wait_for_signal.svg +1 -0
  92. data/cockpit/themes/presetlr/theme.js +54 -0
  93. data/cockpit/themes/wellformed/rngs/alternative.rng +28 -0
  94. data/cockpit/themes/wellformed/rngs/call.rng +249 -0
  95. data/cockpit/themes/wellformed/rngs/callmanipulate.rng +281 -0
  96. data/cockpit/themes/wellformed/rngs/choose.rng +27 -0
  97. data/cockpit/themes/wellformed/rngs/closed_loop.rng +62 -0
  98. data/cockpit/themes/wellformed/rngs/closed_loop_cancel.rng +5 -0
  99. data/cockpit/themes/wellformed/rngs/closed_loop_control.rng +31 -0
  100. data/cockpit/themes/wellformed/rngs/closed_loop_measuring.rng +12 -0
  101. data/cockpit/themes/wellformed/rngs/critical.rng +8 -0
  102. data/cockpit/themes/wellformed/rngs/escape.rng +5 -0
  103. data/cockpit/themes/wellformed/rngs/group.rng +3 -0
  104. data/cockpit/themes/wellformed/rngs/loop.rng +40 -0
  105. data/cockpit/themes/wellformed/rngs/manipulate.rng +76 -0
  106. data/cockpit/themes/wellformed/rngs/otherwise.rng +25 -0
  107. data/cockpit/themes/wellformed/rngs/parallel.rng +24 -0
  108. data/cockpit/themes/wellformed/rngs/parallel_branch.rng +5 -0
  109. data/cockpit/themes/wellformed/rngs/scripts.rng +23 -0
  110. data/cockpit/themes/wellformed/rngs/start.rng +143 -0
  111. data/cockpit/themes/wellformed/rngs/stop.rng +5 -0
  112. data/cockpit/themes/wellformed/rngs/terminate.rng +8 -0
  113. data/cockpit/themes/wellformed/rngs/wait_for_signal.rng +8 -0
  114. data/cockpit/themes/wellformed/symbols/alternative.svg +1 -0
  115. data/cockpit/themes/wellformed/symbols/arrow.svg +1 -0
  116. data/cockpit/themes/wellformed/symbols/call.svg +1 -0
  117. data/cockpit/themes/wellformed/symbols/call_sensor.svg +1 -0
  118. data/cockpit/themes/wellformed/symbols/callmanipulate.svg +1 -0
  119. data/cockpit/themes/wellformed/symbols/callmanipulate_sensor.svg +1 -0
  120. data/cockpit/themes/wellformed/symbols/callmanipulate_sensor_signal.svg +1 -0
  121. data/cockpit/themes/wellformed/symbols/callmanipulate_signal.svg +1 -0
  122. data/cockpit/themes/wellformed/symbols/choose.svg +1 -0
  123. data/cockpit/themes/wellformed/symbols/choose_exclusive.svg +1 -0
  124. data/cockpit/themes/wellformed/symbols/choose_exclusive_finish.svg +1 -0
  125. data/cockpit/themes/wellformed/symbols/choose_inclusive.svg +1 -0
  126. data/cockpit/themes/wellformed/symbols/choose_inclusive_finish.svg +1 -0
  127. data/cockpit/themes/wellformed/symbols/closed_loop.svg +1 -0
  128. data/cockpit/themes/wellformed/symbols/closed_loop_cancel.svg +1 -0
  129. data/cockpit/themes/wellformed/symbols/closed_loop_control.svg +1 -0
  130. data/cockpit/themes/wellformed/symbols/closed_loop_measuring.svg +1 -0
  131. data/cockpit/themes/wellformed/symbols/complex.svg +1 -0
  132. data/cockpit/themes/wellformed/symbols/critical.svg +1 -0
  133. data/cockpit/themes/wellformed/symbols/delete.svg +1 -0
  134. data/cockpit/themes/wellformed/symbols/end.svg +1 -0
  135. data/cockpit/themes/wellformed/symbols/escape.svg +1 -0
  136. data/cockpit/themes/wellformed/symbols/event_end.svg +1 -0
  137. data/cockpit/themes/wellformed/symbols/event_start.svg +6 -0
  138. data/cockpit/themes/wellformed/symbols/loop.svg +1 -0
  139. data/cockpit/themes/wellformed/symbols/loop_end.svg +1 -0
  140. data/cockpit/themes/wellformed/symbols/manipulate.svg +1 -0
  141. data/cockpit/themes/wellformed/symbols/mark.svg +1 -0
  142. data/cockpit/themes/wellformed/symbols/otherwise.svg +1 -0
  143. data/cockpit/themes/wellformed/symbols/parallel.svg +1 -0
  144. data/cockpit/themes/wellformed/symbols/parallel_branch.svg +1 -0
  145. data/cockpit/themes/wellformed/symbols/parallel_branch_event.svg +1 -0
  146. data/cockpit/themes/wellformed/symbols/parallel_branch_event_rev.svg +11 -0
  147. data/cockpit/themes/wellformed/symbols/parallel_branch_normal.svg +1 -0
  148. data/cockpit/themes/wellformed/symbols/parallel_eventbased_exclusive.svg +1 -0
  149. data/cockpit/themes/wellformed/symbols/parallel_eventbased_parallel.svg +1 -0
  150. data/cockpit/themes/wellformed/symbols/scripts.svg +1 -0
  151. data/cockpit/themes/wellformed/symbols/start.svg +1 -0
  152. data/cockpit/themes/wellformed/symbols/start_event.svg +1 -0
  153. data/cockpit/themes/wellformed/symbols/stop.svg +1 -0
  154. data/cockpit/themes/wellformed/symbols/terminate.svg +1 -0
  155. data/cockpit/themes/wellformed/symbols/wait_for_signal.svg +1 -0
  156. data/cockpit/themes/wellformed/theme.js +32 -0
  157. data/cockpit/track.html +8 -8
  158. data/cpee.gemspec +2 -2
  159. data/lib/callbacks/callbacks.rng +4 -4
  160. data/lib/callbacks.xml +4 -4
  161. data/lib/cpee/constants.rb +4 -4
  162. data/lib/cpee/fail.rb +4 -4
  163. data/lib/cpee/implementation.rb +5 -4
  164. data/lib/cpee/implementation_callbacks.rb +4 -4
  165. data/lib/cpee/implementation_notifications.rb +4 -4
  166. data/lib/cpee/implementation_properties.rb +108 -12
  167. data/lib/cpee/message.rb +4 -4
  168. data/lib/cpee/persistence.rb +6 -4
  169. data/lib/cpee/redis.rb +4 -4
  170. data/lib/cpee/statemachine.rb +4 -4
  171. data/lib/cpee/value_helper.rb +4 -4
  172. data/lib/cpee.xml +4 -4
  173. data/lib/engine/executionhandler-list.rng +4 -4
  174. data/lib/engine/instance-info.rng +4 -4
  175. data/lib/engine/instances.rng +4 -4
  176. data/lib/engine.xml +4 -4
  177. data/lib/properties/t_dslx.rng +346 -0
  178. data/lib/properties/transformation.rng +14 -0
  179. data/lib/properties.xml +5 -4
  180. data/server/executionhandlers/eval/backend/opts.yaml +1 -1
  181. data/server/executionhandlers/eval/connection.rb +4 -4
  182. data/server/executionhandlers/eval/execution.rb +4 -4
  183. data/server/executionhandlers/ruby/backend/opts.yaml +1 -1
  184. data/server/executionhandlers/ruby/connection.rb +5 -6
  185. data/server/executionhandlers/ruby/controller.rb +4 -4
  186. data/server/executionhandlers/ruby/dsl_to_dslx.xsl +6 -2
  187. data/server/executionhandlers/ruby/execution.rb +4 -4
  188. data/server/resources/properties.empty +5 -4
  189. data/server/resources/properties.init +5 -4
  190. data/server/resources/topics.xml +4 -4
  191. data/server/routing/end.pid +1 -0
  192. data/server/routing/end.rb +4 -4
  193. data/server/routing/forward-events-00.pid +1 -0
  194. data/server/routing/forward-events.rb +4 -4
  195. data/server/routing/forward-votes.pid +1 -0
  196. data/server/routing/forward-votes.rb +4 -4
  197. data/server/routing/persist.pid +1 -0
  198. data/server/routing/persist.rb +6 -4
  199. data/tools/server/cpee +1 -1
  200. data/tools/server/resources/properties.init +4 -4
  201. metadata +140 -5
  202. data/cockpit/CPEE.xml +0 -8
  203. data/cockpit/Signavio.xml +0 -8
  204. data/cockpit/transformations.xml +0 -4
  205. /data/{COPYING → LICENSE} +0 -0
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: f2f1482473563dd3c7aa8f44778a19a4174a78f313dd71f388a21b488954a240
4
- data.tar.gz: ea6559c23fcce7b39793962deb6b3be5fa132ecf5d6a3bf8fca717f773c47ee4
3
+ metadata.gz: c600be14ec32d5ecbb4f83a67757748b82e4d90af61b5ac36485ebba34d701e9
4
+ data.tar.gz: 17a0c09aba2e48ec964443ca4a8baecac4f9e3a3b368b651491698572bd706c1
5
5
  SHA512:
6
- metadata.gz: 1f0d5ff5163f408c01a4a07dc92614d46d4be6344ba4e011d740f283670d36579b7e808b9c903d6b68d65e0f82b0e8751b4a2a8ccb1d837a414bdcb012205316
7
- data.tar.gz: 5a05b8528bffc316653a74def8708fba90103472cd3e6d97e89565c8e9cfbb5bdec70aabf6560fa97159dc5c8bdb46ee3f4c4b185a37c591ffe9f266bf339863
6
+ metadata.gz: 25df21943ec38bdb2278d1a5b96a98afc1d17c303b4f615f75e5ae0e24cce83740f7eba1c64488535eb7225f271cdea73708c9ff78f38aeb8ffe658986eb8386
7
+ data.tar.gz: 724a031b9a5d062456f7cb525a61f37d3df0c3bcc01d30d6a8d1404256b76d0063f27cd6dad189920bdf5b18214a3452245b00c20cbc9e621a84d08f200d6a22
data/README.md CHANGED
@@ -1,5 +1,5 @@
1
1
  All code in this package is provided under the LGPL-3 license.
2
- Please read the file COPYING in the main directory.
2
+ Please read the file LICENSE in the main directory.
3
3
 
4
4
  Tested for MRI 2.6, >= 2.7
5
5
 
data/cockpit/compliance-view.html CHANGED
@@ -2,15 +2,15 @@
2
2
  This file is part of CPEE.
3
3
 
4
4
  CPEE is free software: you can redistribute it and/or modify it under the terms
5
- of the GNU General Public License as published by the Free Software Foundation,
5
+ of the GNU Lesser General Public License as published by the Free Software Foundation,
6
6
  either version 3 of the License, or (at your option) any later version.
7
7
 
8
8
  CPEE is distributed in the hope that it will be useful, but WITHOUT ANY
9
9
  WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
10
- PARTICULAR PURPOSE. See the GNU General Public License for more details.
10
+ PARTICULAR PURPOSE. See the GNU Lesser General Public License for more details.
11
11
 
12
- You should have received a copy of the GNU General Public License along with
13
- CPEE (file COPYING in the main directory). If not, see
12
+ You should have received a copy of the GNU Lesser General Public License along with
13
+ CPEE (file LICENSE in the main directory). If not, see
14
14
  <http://www.gnu.org/licenses/>.
15
15
  -->
16
16
 
@@ -28,7 +28,7 @@
28
28
  <script type="text/javascript" src="/js_libs/jquery.svg.min.js"></script>
29
29
  <script type="text/javascript" src="/js_libs/jquery.svgdom.min.js"></script>
30
30
  <script type="text/javascript" src="/js_libs/vkbeautify.js"></script>
31
- <script type="text/javascript" src="/js_libs/util.js"></script>
31
+ <script type="text/javascript" src="/js_libs/uidash_util.js"></script>
32
32
  <script type="text/javascript" src="/js_libs/printf.js"></script>
33
33
  <script type="text/javascript" src="/js_libs/strftime.min.js"></script>
34
34
  <script type="text/javascript" src="/js_libs/parsequery.js"></script>
@@ -39,11 +39,11 @@
39
39
  <script type="text/javascript" src="/js_libs/relaxngui.js"></script>
40
40
 
41
41
  <script type="text/javascript" src="/js_libs/uidash.js"></script>
42
- <script type="text/javascript" src="/js_libs/custommenu.js"></script>
42
+ <script type="text/javascript" src="/js_libs/uidash_custommenu.js"></script>
43
43
 
44
- <script type="text/javascript" src="/js_libs/build-bpmn.js"></script>
44
+ <script type="text/javascript" src="js/build-bpmn2.js"></script>
45
45
 
46
- <link rel="stylesheet" href="/js_libs/custommenu.css" type="text/css"/>
46
+ <link rel="stylesheet" href="/js_libs/uidash_custommenu.css" type="text/css"/>
47
47
  <link rel="stylesheet" href="/js_libs/uidash.css" type="text/css"/>
48
48
 
49
49
  <link rel="stylesheet" href="/js_libs/relaxngui.css" type="text/css"/>
@@ -70,7 +70,7 @@
70
70
  <script type="text/javascript" src="js/compliance.js"></script>
71
71
  <link rel="stylesheet" href="css/compliance.css" type="text/css"/>
72
72
  </head>
73
- <body data-base-port="8298" data-base-engine="engine/" data-base-themes="themes" data-singlerule-endpoint="https://power.bpm.cit.tum.de/compextract/singlerule" is="x-ui-">
73
+ <body data-base-port="9298" data-base-engine="engine/" data-base-themes="themes" data-singlerule-endpoint="https://power.bpm.cit.tum.de/compextract/singlerule" is="x-ui-">
74
74
  <div id='disclaimer' class='hidden'> <!--{{{-->
75
75
  <h1>Disclaimer</h1>
76
76
 
@@ -140,7 +140,6 @@
140
140
  </div> <!--}}}-->
141
141
 
142
142
  <div class='menu' id='templates'></div>
143
- <div class='menu' id='modeltypes'></div>
144
143
 
145
144
  <template id="label">
146
145
  <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" style="position: absolute; top: 0; left: 0;" class="displaylabel">
@@ -169,7 +168,7 @@
169
168
  <form id='fuckchrome'>
170
169
  <input type='file' name='testsetfile' id='testsetfile'/>
171
170
  </form>
172
- <button title='a template includes various settings, subscriptions or a (partial) model' name="loadtestset">load template</button><button title='a testset includes various settings, subscriptions or a model' name="loadtestsetfile">load testset</button>
171
+ <button title='a template includes various settings, subscriptions or a (partial) model' name="loadtestset">load<br>template</button><button title='a testset includes various settings, subscriptions or a model' name="loadtestsetfile">load<br>testset</button>
173
172
  </div>
174
173
  <div>
175
174
  <input type='file' name='modelfile' id='modelfile'/>
@@ -183,8 +182,8 @@
183
182
  <button title='the SVG contains the graphical repesentation of the CPEE tree as you see it on the screen' name="savesvgfile">save svg<br>graph</button>
184
183
  </div>
185
184
  <div>
186
- <a id="savebpmnfile" href="" download=""></a>
187
- <button title='the BPMN includes a graphical representation that can be loaded in Signavio and Camundal' name="savebpmnfile">save BPMN</button>
185
+ <a id="savemodelfile" href="" download=""></a>
186
+ <button title='the model in the format of the current model type (e.g. CPEE, BPMN, Mermaid)' name="savemodelfile">save model</button>
188
187
  </div>
189
188
  </div><div class='section' id='modifiers'>
190
189
  <template id="item">
data/cockpit/compliance.html CHANGED
@@ -2,15 +2,15 @@
2
2
  This file is part of CPEE.
3
3
 
4
4
  CPEE is free software: you can redistribute it and/or modify it under the terms
5
- of the GNU General Public License as published by the Free Software Foundation,
5
+ of the GNU Lesser General Public License as published by the Free Software Foundation,
6
6
  either version 3 of the License, or (at your option) any later version.
7
7
 
8
8
  CPEE is distributed in the hope that it will be useful, but WITHOUT ANY
9
9
  WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
10
- PARTICULAR PURPOSE. See the GNU General Public License for more details.
10
+ PARTICULAR PURPOSE. See the GNU Lesser General Public License for more details.
11
11
 
12
- You should have received a copy of the GNU General Public License along with
13
- CPEE (file COPYING in the main directory). If not, see
12
+ You should have received a copy of the GNU Lesser General Public License along with
13
+ CPEE (file LICENSE in the main directory). If not, see
14
14
  <http://www.gnu.org/licenses/>.
15
15
  -->
16
16
 
@@ -28,7 +28,7 @@
28
28
  <script type="text/javascript" src="/js_libs/jquery.svg.min.js"></script>
29
29
  <script type="text/javascript" src="/js_libs/jquery.svgdom.min.js"></script>
30
30
  <script type="text/javascript" src="/js_libs/vkbeautify.js"></script>
31
- <script type="text/javascript" src="/js_libs/util.js"></script>
31
+ <script type="text/javascript" src="/js_libs/uidash_util.js"></script>
32
32
  <script type="text/javascript" src="/js_libs/printf.js"></script>
33
33
  <script type="text/javascript" src="/js_libs/strftime.min.js"></script>
34
34
  <script type="text/javascript" src="/js_libs/parsequery.js"></script>
@@ -39,11 +39,11 @@
39
39
  <script type="text/javascript" src="/js_libs/relaxngui.js"></script>
40
40
 
41
41
  <script type="text/javascript" src="/js_libs/uidash.js"></script>
42
- <script type="text/javascript" src="/js_libs/custommenu.js"></script>
42
+ <script type="text/javascript" src="/js_libs/uidash_custommenu.js"></script>
43
43
 
44
- <script type="text/javascript" src="/js_libs/build-bpmn.js"></script>
44
+ <script type="text/javascript" src="js/build-bpmn2.js"></script>
45
45
 
46
- <link rel="stylesheet" href="/js_libs/custommenu.css" type="text/css"/>
46
+ <link rel="stylesheet" href="/js_libs/uidash_custommenu.css" type="text/css"/>
47
47
  <link rel="stylesheet" href="/js_libs/uidash.css" type="text/css"/>
48
48
 
49
49
  <link rel="stylesheet" href="/js_libs/relaxngui.css" type="text/css"/>
@@ -70,7 +70,7 @@
70
70
  <script type="text/javascript" src="js/compliance.js"></script>
71
71
  <link rel="stylesheet" href="css/compliance.css" type="text/css"/>
72
72
  </head>
73
- <body data-base-port="8298" data-base-engine="engine/" data-base-themes="themes" data-singlerule-endpoint="https://power.bpm.cit.tum.de/compextract/singlerule" is="x-ui-">
73
+ <body data-base-port="9298" data-base-engine="engine/" data-base-themes="themes" data-singlerule-endpoint="https://power.bpm.cit.tum.de/compextract/singlerule" is="x-ui-">
74
74
  <div id='disclaimer' class='hidden'> <!--{{{-->
75
75
  <h1>Disclaimer</h1>
76
76
 
@@ -140,7 +140,6 @@
140
140
  </div> <!--}}}-->
141
141
 
142
142
  <div class='menu' id='templates'></div>
143
- <div class='menu' id='modeltypes'></div>
144
143
 
145
144
  <template id="label">
146
145
  <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" style="position: absolute; top: 0; left: 0;" class="displaylabel">
@@ -170,7 +169,7 @@
170
169
  <input type='file' name='testsetfile' id='testsetfile'/>
171
170
  </form>
172
171
  <button title='save a testset includes various settings, subscriptions and a model' name="save" disabled=""><div>save</div><div class="hidden" id='lastsavedline'>(last: <span id="lastsaved"></span>)</div></button>
173
- <button title='a testset includes various settings, subscriptions or a model' name="loadtestsetfile">load testset</button>
172
+ <button title='a testset includes various settings, subscriptions or a model' name="loadtestsetfile">load<br>testset</button>
174
173
  </div>
175
174
  <div>
176
175
  <input type='file' name='modelfile' id='modelfile'/>
@@ -184,8 +183,8 @@
184
183
  <button title='the SVG contains the graphical repesentation of the CPEE tree as you see it on the screen' name="savesvgfile">save svg<br>graph</button>
185
184
  </div>
186
185
  <div>
187
- <a id="savebpmnfile" href="" download=""></a>
188
- <button title='the BPMN includes a graphical representation that can be loaded in Signavio and Camundal' name="savebpmnfile">save BPMN</button>
186
+ <a id="savemodelfile" href="" download=""></a>
187
+ <button title='the model in the format of the current model type (e.g. CPEE, BPMN, Mermaid)' name="savemodelfile">save model</button>
189
188
  </div>
190
189
  </div><div class='section' id='modifiers'>
191
190
  <template id="item">
data/cockpit/css/llm.css CHANGED
@@ -9,7 +9,7 @@
9
9
  #status {
10
10
  padding: 0.2em 0.5em;
11
11
  border-top: 0.1em solid var(--x-ui-border-color);
12
- background-color: var(--x-tab-inactive-color);
12
+ background-color: var(--x-ui-tab-inactive-color);
13
13
  min-height: 1.4em;
14
14
  white-space: nowrap;
15
15
  text-overflow: ellipsis;
@@ -25,7 +25,7 @@
25
25
  background-color: #99c1f1;
26
26
  }
27
27
 
28
- #status.loading::after {
28
+ #status.loading::after, #status .loading::after {
29
29
  display: inline-block;
30
30
  animation: dotty steps(1,end) 1s infinite;
31
31
  content: '';
@@ -62,7 +62,7 @@
62
62
  }
63
63
 
64
64
  #details {
65
- padding-left: 1.5em;
65
+ padding-left: 0.5em;
66
66
  min-height: 9em;
67
67
  }
68
68
  #prompt {
data/cockpit/css/llmmodel.css CHANGED
@@ -1,3 +1,143 @@
1
+ ui-resizehandle.overlay {
2
+ margin: 0 !important;
3
+ position: relative;
4
+ }
5
+
6
+ ui-resizehandle.overlay span {
7
+ position: absolute;
8
+ right: 0em;
9
+ background-color: color-mix(in srgb, var(--x-ui-background-color) 90%, transparent);
10
+ padding: 0.1em 0.2em;
11
+ margin-top: 0.1em;
12
+ }
13
+ #graphcolumn {
14
+ min-width: 30em !important;
15
+ }
16
+
17
+ #status {
18
+ flex: 1 1 auto;
19
+ padding: 0.2em 0.5em;
20
+ border-top: 0.1em solid var(--x-ui-border-color);
21
+ min-height: 1.4em;
22
+ white-space: nowrap;
23
+ overflow: auto;
24
+
25
+ }
26
+ #status.error, #status .error {
27
+ background-color: var(--wfadaptor-selected);
28
+ }
29
+ #status.success, #status .success {
30
+ background-color: var(--wfadaptor-exec-vote);
31
+ }
32
+ #status.loading {
33
+ background-color: #99c1f1;
34
+ }
35
+
36
+ #status.loading::after, #status .loading::after {
37
+ display: inline-block;
38
+ animation: dotty steps(1,end) 1s infinite;
39
+ content: '';
40
+ }
41
+ @keyframes dotty {
42
+ 0% { content: 'ₒₒₒ'; }
43
+ 16% { content: 'ₒₒ∘'; }
44
+ 32% { content: 'ₒ∘ᵒ'; }
45
+ 48% { content: '∘ᵒ∘'; }
46
+ 64% { content: 'ᵒ∘ₒ'; }
47
+ 80% { content: '∘ₒₒ'; }
48
+ 100% { content: 'ₒₒₒ'; }
49
+ }
50
+
51
+ .chat.bubble {
52
+ max-width: 75%;
53
+ width: fit-content;
54
+ margin: 0.3em 0;
55
+ padding: 0.4em 0.7em;
56
+ border-radius: 1em;
57
+ overflow-wrap: break-word;
58
+ white-space: pre-wrap;
59
+ user-select: text;
60
+ }
61
+ .chat.bubble.input:first-child {
62
+ margin-top: 1.5em;
63
+ }
64
+ .chat.bubble.input {
65
+ margin-left: auto;
66
+ background-color: var(--x-ui-speech-me-back);
67
+ color: var(--x-ui-speech-me-front);
68
+ }
69
+ .chat.bubble.response {
70
+ margin-right: auto;
71
+ background-color: var(--x-ui-speech-you-back);
72
+ color: var(--x-ui-speech-you-front);
73
+ }
74
+
75
+ #prompt_container {
76
+ background-color: var(--x-ui-tab-inactive-color);
77
+ outline: none;
78
+ display: flex;
79
+ align-items: stretch;
80
+ flex-wrap: nowrap;
81
+ flex: 0 0 auto;
82
+ height: 7.3em;
83
+ }
84
+
85
+ #input {
86
+ flex: 1 0 auto;
87
+ display: flex;
88
+ flex-direction: column;
89
+ min-height: 9.5em;
90
+ }
91
+
1
92
  #details {
2
93
  height: 50%;
94
+ padding-left: 0.5em;
95
+ min-height: 9em;
96
+ }
97
+ #prompt {
98
+ flex: 1 1 auto;
99
+ padding: 0.2em 0.5em;
100
+ overflow: auto;
101
+ outline: none;
102
+ }
103
+ #prompt_submit_container {
104
+ padding: 0em 0.5em;
105
+ flex: 0 0 auto;
106
+ align-self: stretch;
107
+ }
108
+ #prompt:empty:before {
109
+ font-family: adwaita-sans;
110
+ white-space: normal;
111
+ content: attr(placeholder);
112
+ display: block;
113
+ }
114
+
115
+ .single {
116
+ width: 2.3em;
117
+ height: 2.3em;
118
+ }
119
+
120
+ .llm_button {
121
+ width: 100%;
122
+ min-width: 2.5em;
123
+
124
+ display: flex;
125
+ justify-content: center; /* Horizontal zentrieren */
126
+ align-items: center; /* Vertikal zentrieren */
127
+
128
+ /* Wichtig bei Symbolen und Icons */
129
+ line-height: 0.9; /* Verhindert Störungen durch Standard-Zeilenabstände */
130
+
131
+ height: 2em;
132
+ }
133
+ .llm_button.small:nth-child(n+2) {
134
+ margin-top: 0.5em;
135
+ }
136
+
137
+ .llm_button:hover {
138
+ background-color: var(--wfadaptor-selected);
139
+ }
140
+
141
+ #detailcolumn {
142
+ padding-left: 0em !important;
3
143
  }
data/cockpit/css/model.css CHANGED
@@ -21,6 +21,5 @@
21
21
  #areamodel div.section:nth-child(3) button[name=savesvgfile] { white-space: normal; width: 10em; height: 2em; margin-top: 0.2em; }
22
22
 
23
23
  #areamodel div.section:nth-child(4) div { white-space: normal; vertical-align: middle; margin: 0; padding: 0; }
24
- #areamodel div.section:nth-child(4) button[name=loadmodeltype] { white-space: normal; width: 10em; height: 2em; }
25
24
 
26
25
  #model ui-content { height: 5em; }
data/cockpit/css/ui.css CHANGED
@@ -103,12 +103,12 @@ ui-tabbed ui-tabbar ui-behind button {
103
103
 
104
104
  #areainstance div.section:nth-child(1) div { white-space: normal; vertical-align: middle; margin: 0; padding: 0; }
105
105
  #areainstance div.section:nth-child(1) button { white-space: normal; vertical-align: middle; margin: 0; padding: 0; }
106
- #areainstance div.section:nth-child(1) button[name=loadtestset] { white-space: normal; width: 10em; height: 3.5em; }
107
- #areainstance div.section:nth-child(1) button[name=save] { white-space: normal; width: 10em; height: 3.5em; margin-left: 0.2em; }
108
- #areainstance div.section:nth-child(1) button[name=loadtestsetfile] { white-space: normal; width: 10em; height: 3.5em; margin-left: 0.2em; }
109
- #areainstance div.section:nth-child(1) button[name=loadmodelfile] { white-space: normal; width: 10em; height: 2em; margin-top: 0.2em; }
106
+ #areainstance div.section:nth-child(1) button[name=loadtestset] { white-space: normal; width: 7em; height: 3.5em; }
107
+ #areainstance div.section:nth-child(1) button[name=save] { white-space: normal; width: 7em; height: 3.5em; margin-left: 0.2em; }
108
+ #areainstance div.section:nth-child(1) button[name=loadtestsetfile] { white-space: normal; width: 7em; height: 3.5em; margin-left: 0.2em; }
109
+ #areainstance div.section:nth-child(1) button[name=loadmodelfile] { white-space: normal; width: 7em; height: 2em; margin-top: 0.2em; }
110
110
 
111
- #areainstance div.section:nth-child(2) button[name=savebpmnfile] { white-space: normal; width: 7em; height: 2em; margin-top: 0.2em; }
111
+ #areainstance div.section:nth-child(2) button[name=savemodelfile] { white-space: normal; width: 7em; height: 2em; margin-top: 0.2em; }
112
112
  #areainstance div.section:nth-child(2) button { white-space: normal; width: 7em; height: 3.5em; vertical-align: middle; margin: 0; padding: 0; }
113
113
 
114
114
  #areainstance div.section:nth-child(3) { overflow-y: scroll; overflow-x: hidden; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; }
@@ -194,7 +194,7 @@ span.vote {
194
194
  overflow: hidden;
195
195
  }
196
196
  #detailcolumn {
197
- padding-left: 1.5em;
197
+ padding-left: 0.5em;
198
198
  display: flex;
199
199
  flex-direction: column;
200
200
  overflow: hidden;
@@ -202,7 +202,13 @@ span.vote {
202
202
 
203
203
  #dat_log tr:nth-child(odd) { background-color: #e8e8e8; color: #333; }
204
204
 
205
- #dat_details { border: 0 none; border-top: 1em solid white; border-bottom: 1em solid white; width: inherit; border-right: 1em solid white; }
205
+ #dat_details {
206
+ border: 0 none;
207
+ border-top: 0.5em solid white;
208
+ border-bottom: 0.5em solid white;
209
+ border-right: 0.5em solid white;
210
+ width: inherit;
211
+ }
206
212
 
207
213
  #disclaimer {
208
214
  padding: 1em;
data/cockpit/css/wfadaptor.css CHANGED
@@ -1,16 +1,18 @@
1
1
  /*
2
- This file is part of CPEE.
2
+ This file is part of cpee-layout.
3
3
 
4
- CPEE is free software: you can redistribute it and/or modify it under the terms
5
- of the GNU General Public License as published by the Free Software Foundation,
6
- either version 3 of the License, or (at your option) any later version.
4
+ cpee-layout is free software: you can redistribute it and/or modify it under
5
+ the terms of the GNU Lesser General Public License as published by the Free
6
+ Software Foundation, either version 3 of the License, or (at your option) any
7
+ later version.
7
8
 
8
- CPEE is distributed in the hope that it will be useful, but WITHOUT ANY
9
- WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
10
- PARTICULAR PURPOSE. See the GNU General Public License for more details.
9
+ cpee-layout is distributed in the hope that it will be useful, but WITHOUT
10
+ ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
11
+ FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more
12
+ details.
11
13
 
12
- You should have received a copy of the GNU General Public License along with
13
- CPEE (file COPYING in the main directory). If not, see
14
+ You should have received a copy of the GNU Lesser General Public License
15
+ along with cpee-layout (file LICENSE in the main directory). If not, see
14
16
  <http://www.gnu.org/licenses/>.
15
17
  */
16
18
 
@@ -341,8 +343,11 @@ svg text.label.standalone {
341
343
  svg text.label.rotate {
342
344
  transform: translateY(10px) rotate(-30deg);
343
345
  }
346
+ svg text.label.invisible {
347
+ visibility: hidden;
348
+ }
344
349
 
345
- #arrow {
350
+ #arrow, #arrowrev, #arrowdiag, #arrowdiagrev {
346
351
  stroke: var(--wfadaptor-base);
347
352
  stroke-width: 2;
348
353
  fill: var(--wfadaptor-base);
data/cockpit/edit.html CHANGED
@@ -2,15 +2,15 @@
2
2
  This file is part of CPEE.
3
3
 
4
4
  CPEE is free software: you can redistribute it and/or modify it under the terms
5
- of the GNU General Public License as published by the Free Software Foundation,
5
+ of the GNU Lesser General Public License as published by the Free Software Foundation,
6
6
  either version 3 of the License, or (at your option) any later version.
7
7
 
8
8
  CPEE is distributed in the hope that it will be useful, but WITHOUT ANY
9
9
  WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
10
- PARTICULAR PURPOSE. See the GNU General Public License for more details.
10
+ PARTICULAR PURPOSE. See the GNU Lesser General Public License for more details.
11
11
 
12
- You should have received a copy of the GNU General Public License along with
13
- CPEE (file COPYING in the main directory). If not, see
12
+ You should have received a copy of the GNU Lesser General Public License along with
13
+ CPEE (file LICENSE in the main directory). If not, see
14
14
  <http://www.gnu.org/licenses/>.
15
15
  -->
16
16
 
@@ -28,7 +28,7 @@
28
28
  <script type="text/javascript" src="/js_libs/jquery.svg.min.js"></script>
29
29
  <script type="text/javascript" src="/js_libs/jquery.svgdom.min.js"></script>
30
30
  <script type="text/javascript" src="/js_libs/vkbeautify.js"></script>
31
- <script type="text/javascript" src="/js_libs/util.js"></script>
31
+ <script type="text/javascript" src="/js_libs/uidash_util.js"></script>
32
32
  <script type="text/javascript" src="/js_libs/printf.js"></script>
33
33
  <script type="text/javascript" src="/js_libs/strftime.min.js"></script>
34
34
  <script type="text/javascript" src="/js_libs/parsequery.js"></script>
@@ -39,11 +39,11 @@
39
39
  <script type="text/javascript" src="/js_libs/relaxngui.js"></script>
40
40
 
41
41
  <script type="text/javascript" src="/js_libs/uidash.js"></script>
42
- <script type="text/javascript" src="/js_libs/custommenu.js"></script>
42
+ <script type="text/javascript" src="/js_libs/uidash_custommenu.js"></script>
43
43
 
44
- <script type="text/javascript" src="/js_libs/build-bpmn.js"></script>
44
+ <script type="text/javascript" src="js/build-bpmn2.js"></script>
45
45
 
46
- <link rel="stylesheet" href="/js_libs/custommenu.css" type="text/css"/>
46
+ <link rel="stylesheet" href="/js_libs/uidash_custommenu.css" type="text/css"/>
47
47
  <link rel="stylesheet" href="/js_libs/uidash.css" type="text/css"/>
48
48
 
49
49
  <link rel="stylesheet" href="/js_libs/relaxngui.css" type="text/css"/>
@@ -67,7 +67,7 @@
67
67
  <link rel="stylesheet" href="/global_ui/uicpee.css" type="text/css"/>
68
68
  <style></style>
69
69
  </head>
70
- <body data-base-port="8298" data-base-engine="engine/" data-base-themes="themes" is="x-ui-">
70
+ <body data-base-port="9298" data-base-engine="engine/" data-base-themes="themes/" is="x-ui-">
71
71
  <div id='disclaimer' class='hidden'> <!--{{{-->
72
72
  <h1>Disclaimer</h1>
73
73
 
@@ -120,7 +120,6 @@
120
120
  <div class='hidden' id='relaxngworker'></div>
121
121
 
122
122
  <div class='menu' id='templates'></div>
123
- <div class='menu' id='modeltypes'></div>
124
123
 
125
124
  <template id="label">
126
125
  <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" style="position: absolute; top: 0; left: 0;" class="displaylabel">
@@ -167,7 +166,7 @@
167
166
  <input type='file' name='testsetfile' id='testsetfile'/>
168
167
  </form>
169
168
  <button title='save a testset includes various settings, subscriptions and a model' name="save" disabled=""><div>save</div><div class="hidden" id='lastsavedline'>(last: <span id="lastsaved"></span>)</div></button>
170
- <button title='a testset includes various settings, subscriptions or a model' name="loadtestsetfile">load testset</button>
169
+ <button title='a testset includes various settings, subscriptions or a model' name="loadtestsetfile">load<br>testset</button>
171
170
  </div>
172
171
  <div>
173
172
  <input type='file' name='modelfile' id='modelfile'/>
@@ -181,8 +180,8 @@
181
180
  <button title='the SVG contains the graphical repesentation of the CPEE tree as you see it on the screen' name="savesvgfile">save svg<br>graph</button>
182
181
  </div>
183
182
  <div>
184
- <a id="savebpmnfile" href="" download=""></a>
185
- <button title='the BPMN includes a graphical representation that can be loaded in Signavio and Camundal' name="savebpmnfile">save BPMN</button>
183
+ <a id="savemodelfile" href="" download=""></a>
184
+ <button title='the model in the format of the current model type (e.g. CPEE, BPMN, Mermaid)' name="savemodelfile">save model</button>
186
185
  </div>
187
186
  </div><div class='section' id='modifiers'>
188
187
  <template id="item">
@@ -233,6 +232,7 @@
233
232
  <ui-tabbar>
234
233
  <ui-tab class="switch" ></ui-tab>
235
234
  <ui-tab class="" data-tab="dataelements" id="tabdataelements">Data Objects</ui-tab>
235
+ <ui-tab class="inactive" data-tab="documents" id="tabdocuments" >Documents</ui-tab>
236
236
  <ui-tab class="inactive" data-tab="endpoints" id="tabendpoints" >Endpoints</ui-tab>
237
237
  <ui-tab class="inactive" data-tab="attributes" id="tabattributes" >Attributes</ui-tab>
238
238
  <ui-behind ></ui-behind>
@@ -242,6 +242,10 @@
242
242
  <button title='add entry'><span>New</span></button>
243
243
  <div id="dat_dataelements"></div>
244
244
  </ui-area> <!--}}}-->
245
+ <ui-area data-belongs-to-tab="documents" id="areadocuments" class="inactive"> <!--{{{-->
246
+ <button title='add entry'><span>New</span></button>
247
+ <div id="dat_documents"></div>
248
+ </ui-area> <!--}}}-->
245
249
  <ui-area data-belongs-to-tab="endpoints" id="areaendpoints" class="inactive"> <!--{{{-->
246
250
  <button title='add entry'><span>New</span></button>
247
251
  <div id="dat_endpoints"></div>
data/cockpit/graph.html CHANGED
@@ -2,15 +2,15 @@
2
2
  This file is part of CPEE.
3
3
 
4
4
  CPEE is free software: you can redistribute it and/or modify it under the terms
5
- of the GNU General Public License as published by the Free Software Foundation,
5
+ of the GNU Lesser General Public License as published by the Free Software Foundation,
6
6
  either version 3 of the License, or (at your option) any later version.
7
7
 
8
8
  CPEE is distributed in the hope that it will be useful, but WITHOUT ANY
9
9
  WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
10
- PARTICULAR PURPOSE. See the GNU General Public License for more details.
10
+ PARTICULAR PURPOSE. See the GNU Lesser General Public License for more details.
11
11
 
12
- You should have received a copy of the GNU General Public License along with
13
- CPEE (file COPYING in the main directory). If not, see
12
+ You should have received a copy of the GNU Lesser General Public License along with
13
+ CPEE (file LICENSE in the main directory). If not, see
14
14
  <http://www.gnu.org/licenses/>.
15
15
  -->
16
16
 
@@ -27,7 +27,7 @@
27
27
  <script type="text/javascript" src="/js_libs/jquery.svg.min.js"></script>
28
28
  <script type="text/javascript" src="/js_libs/jquery.svgdom.min.js"></script>
29
29
  <script type="text/javascript" src="/js_libs/vkbeautify.js"></script>
30
- <script type="text/javascript" src="/js_libs/util.js"></script>
30
+ <script type="text/javascript" src="/js_libs/uidash_util.js"></script>
31
31
  <script type="text/javascript" src="/js_libs/printf.js"></script>
32
32
  <script type="text/javascript" src="/js_libs/strftime.min.js"></script>
33
33
  <script type="text/javascript" src="/js_libs/parsequery.js"></script>
@@ -38,9 +38,9 @@
38
38
  <script type="text/javascript" src="/js_libs/relaxngui.js"></script>
39
39
 
40
40
  <script type="text/javascript" src="/js_libs/uidash.js"></script>
41
- <script type="text/javascript" src="/js_libs/custommenu.js"></script>
41
+ <script type="text/javascript" src="/js_libs/uidash_custommenu.js"></script>
42
42
 
43
- <link rel="stylesheet" href="/js_libs/custommenu.css" type="text/css"/>
43
+ <link rel="stylesheet" href="/js_libs/uidash_custommenu.css" type="text/css"/>
44
44
  <link rel="stylesheet" href="/js_libs/uidash.css" type="text/css"/>
45
45
 
46
46
  <link rel="stylesheet" href="/js_libs/relaxngui.css" type="text/css"/>
@@ -62,7 +62,7 @@
62
62
  <link rel="stylesheet" href="css/extended_columns-svg.css" type="text/css" data-include-export="true"/>
63
63
  <link rel="stylesheet" href="css/graph.css" type="text/css"/>
64
64
  </head>
65
- <body data-base-port="8298" data-base-engine="engine/" data-base-themes="themes" is="x-ui-">
65
+ <body data-base-port="9298" data-base-engine="engine/" data-base-themes="themes" is="x-ui-">
66
66
  <div class='hidden' id='relaxngworker'></div>
67
67
  <template id="label">
68
68
  <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" style="position: absolute; top: 0; left: 0;" class="displaylabel">