solid-panes 3.7.3-61993d3f → 3.7.3-f251a0e3

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 (390) hide show
  1. package/dist/RDFXMLPane.js +58 -0
  2. package/dist/RDFXMLPane.js.map +1 -0
  3. package/{lib → dist}/argument/argumentPane.js +14 -15
  4. package/dist/argument/argumentPane.js.map +1 -0
  5. package/{lib → dist}/attach/attachPane.js +83 -93
  6. package/dist/attach/attachPane.js.map +1 -0
  7. package/{lib → dist}/audio/audioPane.js +49 -50
  8. package/dist/audio/audioPane.js.map +1 -0
  9. package/{lib → dist}/classInstancePane.js +23 -24
  10. package/dist/classInstancePane.js.map +1 -0
  11. package/dist/dashboard/basicPreferences.js +155 -0
  12. package/dist/dashboard/basicPreferences.js.map +1 -0
  13. package/dist/dashboard/dashboardPane.js +63 -0
  14. package/dist/dashboard/dashboardPane.js.map +1 -0
  15. package/dist/dashboard/homepage.js +63 -0
  16. package/dist/dashboard/homepage.js.map +1 -0
  17. package/{lib → dist}/dataContentPane.js +63 -63
  18. package/dist/dataContentPane.js.map +1 -0
  19. package/{lib → dist}/defaultPane.js +14 -15
  20. package/dist/defaultPane.js.map +1 -0
  21. package/{lib → dist}/dokieli/dokieliPane.js +49 -53
  22. package/dist/dokieli/dokieliPane.js.map +1 -0
  23. package/{src → dist}/dokieli/new.js +9 -3
  24. package/dist/dokieli/new.js.map +1 -0
  25. package/{lib → dist}/form/pane.js +44 -45
  26. package/dist/form/pane.js.map +1 -0
  27. package/dist/home/homePane.js +68 -0
  28. package/dist/home/homePane.js.map +1 -0
  29. package/dist/humanReadablePane.js +135 -0
  30. package/dist/humanReadablePane.js.map +1 -0
  31. package/dist/imagePane.js +70 -0
  32. package/dist/imagePane.js.map +1 -0
  33. package/dist/index.js +48 -0
  34. package/dist/index.js.map +1 -0
  35. package/dist/internal/internalPane.js +195 -0
  36. package/dist/internal/internalPane.js.map +1 -0
  37. package/dist/mainPage/footer.js +16 -0
  38. package/dist/mainPage/footer.js.map +1 -0
  39. package/dist/mainPage/header.js +84 -0
  40. package/dist/mainPage/header.js.map +1 -0
  41. package/{lib → dist}/mainPage/index.d.ts.map +1 -1
  42. package/dist/mainPage/index.js +30 -0
  43. package/dist/mainPage/index.js.map +1 -0
  44. package/{lib → dist}/microblogPane/microblogPane.js +261 -262
  45. package/dist/microblogPane/microblogPane.js.map +1 -0
  46. package/dist/n3Pane.js +56 -0
  47. package/dist/n3Pane.js.map +1 -0
  48. package/dist/outline/context.js +13 -0
  49. package/dist/outline/context.js.map +1 -0
  50. package/dist/outline/manager.js +1997 -0
  51. package/dist/outline/manager.js.map +1 -0
  52. package/{lib → dist}/outline/outlineIcons.js +2 -3
  53. package/dist/outline/outlineIcons.js.map +1 -0
  54. package/dist/outline/propertyViews.js +33 -0
  55. package/dist/outline/propertyViews.js.map +1 -0
  56. package/{lib → dist}/outline/queryByExample.js +30 -31
  57. package/dist/outline/queryByExample.js.map +1 -0
  58. package/{lib → dist}/outline/userInput.js +262 -260
  59. package/dist/outline/userInput.js.map +1 -0
  60. package/dist/outline/viewAsImage.js +7 -0
  61. package/dist/outline/viewAsImage.js.map +1 -0
  62. package/{lib → dist}/outline/viewAsMbox.js +4 -14
  63. package/dist/outline/viewAsMbox.js.map +1 -0
  64. package/dist/pad/padPane.js +420 -0
  65. package/dist/pad/padPane.js.map +1 -0
  66. package/{lib → dist}/playlist/playlistPane.js +36 -37
  67. package/dist/playlist/playlistPane.js.map +1 -0
  68. package/{lib → dist}/registerPanes.js +29 -29
  69. package/dist/registerPanes.js.map +1 -0
  70. package/{src → dist}/schedule/formsForSchedule.js +9 -2
  71. package/{lib → dist}/schedule/formsForSchedule.js.map +1 -1
  72. package/{lib → dist}/schedule/schedulePane.js +171 -177
  73. package/dist/schedule/schedulePane.js.map +1 -0
  74. package/dist/sharing/sharingPane.js +45 -0
  75. package/dist/sharing/sharingPane.js.map +1 -0
  76. package/dist/slideshow/slideshowPane.js +80 -0
  77. package/dist/slideshow/slideshowPane.js.map +1 -0
  78. package/{lib → dist}/socialPane.js +141 -142
  79. package/dist/socialPane.js.map +1 -0
  80. package/dist/tabbed/tabbedPane.js +55 -0
  81. package/dist/tabbed/tabbedPane.js.map +1 -0
  82. package/{lib → dist}/tableViewPane.js +8 -9
  83. package/dist/tableViewPane.js.map +1 -0
  84. package/{lib → dist}/transaction/pane.js +117 -118
  85. package/dist/transaction/pane.js.map +1 -0
  86. package/{lib → dist}/transaction/period.js +82 -83
  87. package/dist/transaction/period.js.map +1 -0
  88. package/{lib → dist}/trip/tripPane.js +47 -48
  89. package/dist/trip/tripPane.js.map +1 -0
  90. package/dist/trustedApplications/trustedApplications.dom.js +158 -0
  91. package/dist/trustedApplications/trustedApplications.dom.js.map +1 -0
  92. package/dist/trustedApplications/trustedApplications.utils.js +24 -0
  93. package/dist/trustedApplications/trustedApplications.utils.js.map +1 -0
  94. package/dist/trustedApplications/trustedApplications.view.js +62 -0
  95. package/dist/trustedApplications/trustedApplications.view.js.map +1 -0
  96. package/dist/types.js +2 -0
  97. package/dist/types.js.map +1 -0
  98. package/{lib → dist}/ui/pane.js +30 -31
  99. package/dist/ui/pane.js.map +1 -0
  100. package/dist/versionInfo.js +31 -0
  101. package/dist/versionInfo.js.map +1 -0
  102. package/dist/video/videoPane.js +43 -0
  103. package/dist/video/videoPane.js.map +1 -0
  104. package/package.json +26 -13
  105. package/Documentation/VisualLanguage.html +0 -538
  106. package/Documentation/conventions.md +0 -333
  107. package/coverage/clover.xml +0 -152
  108. package/coverage/coverage-final.json +0 -6
  109. package/coverage/lcov-report/base.css +0 -224
  110. package/coverage/lcov-report/block-navigation.js +0 -87
  111. package/coverage/lcov-report/favicon.png +0 -0
  112. package/coverage/lcov-report/index.html +0 -131
  113. package/coverage/lcov-report/outline/index.html +0 -161
  114. package/coverage/lcov-report/outline/outlineIcons.js.html +0 -565
  115. package/coverage/lcov-report/outline/propertyViews.ts.html +0 -196
  116. package/coverage/lcov-report/outline/viewAsImage.ts.html +0 -121
  117. package/coverage/lcov-report/outline/viewAsMbox.ts.html +0 -127
  118. package/coverage/lcov-report/prettify.css +0 -1
  119. package/coverage/lcov-report/prettify.js +0 -2
  120. package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
  121. package/coverage/lcov-report/sorter.js +0 -210
  122. package/coverage/lcov-report/trustedApplications/index.html +0 -116
  123. package/coverage/lcov-report/trustedApplications/trustedApplications.utils.ts.html +0 -238
  124. package/coverage/lcov.info +0 -204
  125. package/dev/index.html +0 -28
  126. package/dev/loader.ts +0 -91
  127. package/dev/pane/index.ts +0 -10
  128. package/doc/images/panes-for-classes.epgz +0 -0
  129. package/doc/images/panes-for-classes.svg +0 -609
  130. package/eslint.config.mjs +0 -34
  131. package/jest.config.js +0 -27
  132. package/jest.setup.ts +0 -4
  133. package/lib/RDFXMLPane.js +0 -59
  134. package/lib/RDFXMLPane.js.map +0 -1
  135. package/lib/argument/argumentPane.js.map +0 -1
  136. package/lib/attach/attachPane.js.map +0 -1
  137. package/lib/audio/audioPane.js.map +0 -1
  138. package/lib/classInstancePane.js.map +0 -1
  139. package/lib/dashboard/basicPreferences.js +0 -229
  140. package/lib/dashboard/basicPreferences.js.map +0 -1
  141. package/lib/dashboard/dashboardPane.js +0 -73
  142. package/lib/dashboard/dashboardPane.js.map +0 -1
  143. package/lib/dashboard/homepage.js +0 -86
  144. package/lib/dashboard/homepage.js.map +0 -1
  145. package/lib/dataContentPane.js.map +0 -1
  146. package/lib/defaultPane.js.map +0 -1
  147. package/lib/dokieli/dokieliPane.js.map +0 -1
  148. package/lib/dokieli/new.js +0 -9
  149. package/lib/dokieli/new.js.map +0 -1
  150. package/lib/form/pane.js.map +0 -1
  151. package/lib/global.d.js +0 -2
  152. package/lib/global.d.js.map +0 -1
  153. package/lib/home/homePane.js +0 -91
  154. package/lib/home/homePane.js.map +0 -1
  155. package/lib/humanReadablePane.js +0 -138
  156. package/lib/humanReadablePane.js.map +0 -1
  157. package/lib/imagePane.js +0 -71
  158. package/lib/imagePane.js.map +0 -1
  159. package/lib/index.js +0 -112
  160. package/lib/index.js.map +0 -1
  161. package/lib/internal/internalPane.js +0 -184
  162. package/lib/internal/internalPane.js.map +0 -1
  163. package/lib/mainPage/footer.js +0 -22
  164. package/lib/mainPage/footer.js.map +0 -1
  165. package/lib/mainPage/header.js +0 -152
  166. package/lib/mainPage/header.js.map +0 -1
  167. package/lib/mainPage/index.js +0 -42
  168. package/lib/mainPage/index.js.map +0 -1
  169. package/lib/microblogPane/microblogPane.js.map +0 -1
  170. package/lib/n3Pane.js +0 -57
  171. package/lib/n3Pane.js.map +0 -1
  172. package/lib/outline/context.js +0 -19
  173. package/lib/outline/context.js.map +0 -1
  174. package/lib/outline/manager.js +0 -2264
  175. package/lib/outline/manager.js.map +0 -1
  176. package/lib/outline/manager.test.d.ts +0 -2
  177. package/lib/outline/manager.test.d.ts.map +0 -1
  178. package/lib/outline/manager.test.js +0 -210
  179. package/lib/outline/manager.test.js.map +0 -1
  180. package/lib/outline/outlineIcons.js.map +0 -1
  181. package/lib/outline/propertyViews.js +0 -44
  182. package/lib/outline/propertyViews.js.map +0 -1
  183. package/lib/outline/propertyViews.test.d.ts +0 -2
  184. package/lib/outline/propertyViews.test.d.ts.map +0 -1
  185. package/lib/outline/propertyViews.test.js +0 -27
  186. package/lib/outline/propertyViews.test.js.map +0 -1
  187. package/lib/outline/queryByExample.js.map +0 -1
  188. package/lib/outline/userInput.js.map +0 -1
  189. package/lib/outline/viewAsImage.js +0 -17
  190. package/lib/outline/viewAsImage.js.map +0 -1
  191. package/lib/outline/viewAsMbox.js.map +0 -1
  192. package/lib/pad/padPane.js +0 -417
  193. package/lib/pad/padPane.js.map +0 -1
  194. package/lib/playlist/playlistPane.js.map +0 -1
  195. package/lib/registerPanes.js.map +0 -1
  196. package/lib/schedule/formsForSchedule.js +0 -8
  197. package/lib/schedule/schedulePane.js.map +0 -1
  198. package/lib/sharing/sharingPane.js +0 -49
  199. package/lib/sharing/sharingPane.js.map +0 -1
  200. package/lib/slideshow/slideshowPane.js +0 -84
  201. package/lib/slideshow/slideshowPane.js.map +0 -1
  202. package/lib/socialPane.js.map +0 -1
  203. package/lib/tabbed/tabbedPane.js +0 -72
  204. package/lib/tabbed/tabbedPane.js.map +0 -1
  205. package/lib/tableViewPane.js.map +0 -1
  206. package/lib/test-import-export/common.js +0 -12
  207. package/lib/test-import-export/common.js.map +0 -1
  208. package/lib/test-import-export/edit-importer.js +0 -25
  209. package/lib/test-import-export/edit-importer.js.map +0 -1
  210. package/lib/test-import-export/testImportExport.js +0 -2
  211. package/lib/test-import-export/testImportExport.js.map +0 -1
  212. package/lib/transaction/pane.js.map +0 -1
  213. package/lib/transaction/period.js.map +0 -1
  214. package/lib/trip/tripPane.js.map +0 -1
  215. package/lib/trustedApplications/trustedApplications.dom.js +0 -177
  216. package/lib/trustedApplications/trustedApplications.dom.js.map +0 -1
  217. package/lib/trustedApplications/trustedApplications.test.d.ts +0 -2
  218. package/lib/trustedApplications/trustedApplications.test.d.ts.map +0 -1
  219. package/lib/trustedApplications/trustedApplications.test.js +0 -64
  220. package/lib/trustedApplications/trustedApplications.test.js.map +0 -1
  221. package/lib/trustedApplications/trustedApplications.utils.js +0 -34
  222. package/lib/trustedApplications/trustedApplications.utils.js.map +0 -1
  223. package/lib/trustedApplications/trustedApplications.view.js +0 -87
  224. package/lib/trustedApplications/trustedApplications.view.js.map +0 -1
  225. package/lib/types.js +0 -6
  226. package/lib/types.js.map +0 -1
  227. package/lib/ui/pane.js.map +0 -1
  228. package/lib/versionInfo.d.ts +0 -32
  229. package/lib/versionInfo.d.ts.map +0 -1
  230. package/lib/versionInfo.js +0 -37
  231. package/lib/versionInfo.js.map +0 -1
  232. package/lib/video/videoPane.js +0 -44
  233. package/lib/video/videoPane.js.map +0 -1
  234. package/src/RDFXMLPane.js +0 -60
  235. package/src/argument/argumentPane.js +0 -65
  236. package/src/argument/argument_icon_v04.jpg +0 -0
  237. package/src/argument/icon_argument.png +0 -0
  238. package/src/argument/transparentyingyang.png +0 -0
  239. package/src/attach/attachPane.js +0 -508
  240. package/src/attach/tbl-paperclip-128.png +0 -0
  241. package/src/attach/tbl-paperclip-22.png +0 -0
  242. package/src/attach/tbl-paperclip-22a.png +0 -0
  243. package/src/audio/audioPane.js +0 -197
  244. package/src/chatPreferencesForm.ttl +0 -12
  245. package/src/classInstancePane.js +0 -110
  246. package/src/dashboard/basicPreferences.ts +0 -201
  247. package/src/dashboard/dashboardPane.ts +0 -83
  248. package/src/dashboard/homepage.ts +0 -72
  249. package/src/dashboard/languages/codes.html +0 -8611
  250. package/src/dashboard/languages/codes.xml +0 -3563
  251. package/src/dashboard/languages/codes2.txt +0 -170
  252. package/src/dashboard/languages/foo +0 -70
  253. package/src/dashboard/languages/foo.ttl +0 -0
  254. package/src/dashboard/languages/get-language-names.sh +0 -12
  255. package/src/dashboard/ontologyData.ttl +0 -35
  256. package/src/dashboard/preferencesFormText.ttl +0 -18
  257. package/src/dataContentPane.js +0 -290
  258. package/src/defaultPane.js +0 -102
  259. package/src/dokieli/Makefile +0 -6
  260. package/src/dokieli/dokieliPane.js +0 -190
  261. package/src/dokieli/new.html +0 -30
  262. package/src/form/form-22.png +0 -0
  263. package/src/form/form-b-22.png +0 -0
  264. package/src/form/form.graffle +0 -0
  265. package/src/form/form.png +0 -0
  266. package/src/form/pane.js +0 -217
  267. package/src/form/psuedocode-notes.txt +0 -57
  268. package/src/global.d.ts +0 -4
  269. package/src/home/homePane.ts +0 -72
  270. package/src/humanReadablePane.js +0 -150
  271. package/src/imagePane.js +0 -75
  272. package/src/index.ts +0 -71
  273. package/src/internal/internalPane.ts +0 -263
  274. package/src/mainPage/footer.ts +0 -19
  275. package/src/mainPage/header.ts +0 -79
  276. package/src/mainPage/index.ts +0 -20
  277. package/src/meeting/Makefile +0 -3
  278. package/src/meeting/test/meeting1/Actions/actions.ttl +0 -14
  279. package/src/meeting/test/meeting1/Actions/config.ttl +0 -16
  280. package/src/meeting/test/meeting1/Actions/state.ttl +0 -30
  281. package/src/meeting/test/meeting1/Schedule/details.ttl +0 -34
  282. package/src/meeting/test/meeting1/Schedule/details.ttl.acl +0 -20
  283. package/src/meeting/test/meeting1/Schedule/forms.ttl +0 -75
  284. package/src/meeting/test/meeting1/Schedule/forms.ttl.acl +0 -20
  285. package/src/meeting/test/meeting1/Schedule/index.html +0 -72
  286. package/src/meeting/test/meeting1/Schedule/index.html.acl +0 -20
  287. package/src/meeting/test/meeting1/Schedule/results.ttl +0 -15
  288. package/src/meeting/test/meeting1/Schedule/results.ttl.acl +0 -20
  289. package/src/meeting/test/meeting1/SharedNotes/pad.ttl +0 -23
  290. package/src/meeting/test/meeting1/chat/chat.ttl +0 -1
  291. package/src/meeting/test/meeting1/details.ttl +0 -35
  292. package/src/meeting/test/meeting1/pad/pad.ttl +0 -16
  293. package/src/microblogPane/mbStyle.css +0 -267
  294. package/src/microblogPane/microblogPane.js +0 -1412
  295. package/src/n3Pane.js +0 -56
  296. package/src/outline/context.ts +0 -21
  297. package/src/outline/manager.js +0 -2384
  298. package/src/outline/manager.test.ts +0 -189
  299. package/src/outline/outlineIcons.js +0 -160
  300. package/src/outline/propertyViews.test.ts +0 -36
  301. package/src/outline/propertyViews.ts +0 -37
  302. package/src/outline/queryByExample.js +0 -296
  303. package/src/outline/userInput.js +0 -2373
  304. package/src/outline/viewAsImage.ts +0 -12
  305. package/src/outline/viewAsMbox.ts +0 -14
  306. package/src/pad/images/ColourOff.ai +2 -872
  307. package/src/pad/images/ColourOff.png +0 -0
  308. package/src/pad/images/ColourOn.ai +1 -935
  309. package/src/pad/images/ColourOn.png +0 -0
  310. package/src/pad/padPane.ts +0 -559
  311. package/src/playlist/playlistPane.js +0 -161
  312. package/src/registerPanes.js +0 -147
  313. package/src/schedule/Makefile +0 -6
  314. package/src/schedule/formsForSchedule.ttl +0 -115
  315. package/src/schedule/schedulePane.js +0 -1201
  316. package/src/sharing/sharingPane.ts +0 -49
  317. package/src/slideshow/slideshowPane.js +0 -80
  318. package/src/socialPane.js +0 -523
  319. package/src/style/tabbedtab.css +0 -1347
  320. package/src/tabbed/tabbedPane.ts +0 -60
  321. package/src/tableViewPane.js +0 -51
  322. package/src/test-import-export/common.js +0 -6
  323. package/src/test-import-export/edit-importer.js +0 -20
  324. package/src/test-import-export/testImportExport.js +0 -0
  325. package/src/transaction/068010-3d-transparent-glass-icon-alphanumeric-dollar-sign.png +0 -0
  326. package/src/transaction/075988-3d-transparent-glass-icon-business-currency-british-pound-sc35.png +0 -0
  327. package/src/transaction/22-pixel-068010-3d-transparent-glass-icon-alphanumeric-dollar-sign.png +0 -0
  328. package/src/transaction/pane.js +0 -629
  329. package/src/transaction/period.js +0 -374
  330. package/src/transaction/thumbs_075987-3d-transparent-glass-icon-business-creditcard2.png +0 -0
  331. package/src/transaction/thumbs_075989-3d-transparent-glass-icon-business-currency-cent-sc35.png +0 -0
  332. package/src/trip/tripPane.js +0 -176
  333. package/src/trustedApplications/__snapshots__/trustedApplications.test.ts.snap +0 -176
  334. package/src/trustedApplications/trustedApplications.dom.ts +0 -276
  335. package/src/trustedApplications/trustedApplications.test.ts +0 -82
  336. package/src/trustedApplications/trustedApplications.utils.ts +0 -51
  337. package/src/trustedApplications/trustedApplications.view.ts +0 -80
  338. package/src/types.ts +0 -34
  339. package/src/ui/22-builder.png +0 -0
  340. package/src/ui/builder.graffle +0 -0
  341. package/src/ui/builder.png +0 -0
  342. package/src/ui/builder2.png +0 -0
  343. package/src/ui/pane.js +0 -226
  344. package/src/versionInfo.ts +0 -30
  345. package/src/video/videoPane.js +0 -44
  346. package/timestamp.sh +0 -13
  347. package/travis/bumpversion.js +0 -29
  348. package/tsconfig.json +0 -78
  349. package/typings/raw-loader.d.ts +0 -4
  350. package/typings/solid-namespace/index.d.ts +0 -9
  351. package/webpack.config.js +0 -41
  352. /package/{lib → dist}/dashboard/basicPreferences.d.ts +0 -0
  353. /package/{lib → dist}/dashboard/basicPreferences.d.ts.map +0 -0
  354. /package/{lib → dist}/dashboard/dashboardPane.d.ts +0 -0
  355. /package/{lib → dist}/dashboard/dashboardPane.d.ts.map +0 -0
  356. /package/{lib → dist}/dashboard/homepage.d.ts +0 -0
  357. /package/{lib → dist}/dashboard/homepage.d.ts.map +0 -0
  358. /package/{lib → dist}/home/homePane.d.ts +0 -0
  359. /package/{lib → dist}/home/homePane.d.ts.map +0 -0
  360. /package/{lib → dist}/index.d.ts +0 -0
  361. /package/{lib → dist}/index.d.ts.map +0 -0
  362. /package/{lib → dist}/internal/internalPane.d.ts +0 -0
  363. /package/{lib → dist}/internal/internalPane.d.ts.map +0 -0
  364. /package/{lib → dist}/mainPage/footer.d.ts +0 -0
  365. /package/{lib → dist}/mainPage/footer.d.ts.map +0 -0
  366. /package/{lib → dist}/mainPage/header.d.ts +0 -0
  367. /package/{lib → dist}/mainPage/header.d.ts.map +0 -0
  368. /package/{lib → dist}/mainPage/index.d.ts +0 -0
  369. /package/{lib → dist}/outline/context.d.ts +0 -0
  370. /package/{lib → dist}/outline/context.d.ts.map +0 -0
  371. /package/{lib → dist}/outline/propertyViews.d.ts +0 -0
  372. /package/{lib → dist}/outline/propertyViews.d.ts.map +0 -0
  373. /package/{lib → dist}/outline/viewAsImage.d.ts +0 -0
  374. /package/{lib → dist}/outline/viewAsImage.d.ts.map +0 -0
  375. /package/{lib → dist}/outline/viewAsMbox.d.ts +0 -0
  376. /package/{lib → dist}/outline/viewAsMbox.d.ts.map +0 -0
  377. /package/{lib → dist}/pad/padPane.d.ts +0 -0
  378. /package/{lib → dist}/pad/padPane.d.ts.map +0 -0
  379. /package/{lib → dist}/sharing/sharingPane.d.ts +0 -0
  380. /package/{lib → dist}/sharing/sharingPane.d.ts.map +0 -0
  381. /package/{lib → dist}/tabbed/tabbedPane.d.ts +0 -0
  382. /package/{lib → dist}/tabbed/tabbedPane.d.ts.map +0 -0
  383. /package/{lib → dist}/trustedApplications/trustedApplications.dom.d.ts +0 -0
  384. /package/{lib → dist}/trustedApplications/trustedApplications.dom.d.ts.map +0 -0
  385. /package/{lib → dist}/trustedApplications/trustedApplications.utils.d.ts +0 -0
  386. /package/{lib → dist}/trustedApplications/trustedApplications.utils.d.ts.map +0 -0
  387. /package/{lib → dist}/trustedApplications/trustedApplications.view.d.ts +0 -0
  388. /package/{lib → dist}/trustedApplications/trustedApplications.view.d.ts.map +0 -0
  389. /package/{lib → dist}/types.d.ts +0 -0
  390. /package/{lib → dist}/types.d.ts.map +0 -0
package/Documentation/VisualLanguage.html DELETED
@@ -1,538 +0,0 @@
1
- <html>
2
- <head>
3
- <meta http-equiv="content-type" content="text/html; charset=windows-1252" />
4
- <style type="text/css">
5
- body {
6
- font-family: Trebuchet MS, Palatino, sans-serif;
7
- color: black;
8
- background: white;
9
- margin-left: 3em;
10
- margin-right: 2em;
11
- }
12
- p,
13
- ul,
14
- ol {
15
- text-indent: 0em;
16
- margin-left: 0em; /* a bit of white space */
17
- }
18
- pre {
19
- margin-left: 1em;
20
- background-color: #eee;
21
- padding: 1em;
22
- font-size: 120%;
23
- }
24
-
25
- table {
26
- border: collapse;
27
- }
28
- td {
29
- background-color: #eee;
30
- padding: 0.3em;
31
- }
32
-
33
- li {
34
- text-indent: 0;
35
- margin-bottom: 0.5em;
36
- }
37
- h1 {
38
- text-align: center;
39
- }
40
- h2 {
41
- font-style: bold;
42
- margin-left: -1em;
43
- }
44
- h3 {
45
- font-style: bold;
46
- margin-left: 0em;
47
- }
48
- h4 {
49
- font-style: italic;
50
- margin-left: 0em;
51
- }
52
-
53
- address {
54
- text-align: right;
55
- }
56
- a:link,
57
- a:active {
58
- color: #00e;
59
- background: transparent;
60
- text-decoration: none;
61
- }
62
-
63
- a:visited {
64
- color: #529;
65
- background: transparent;
66
- }
67
- div.intro {
68
- margin-left: 5%;
69
- margin-right: 5%;
70
- font-style: italic;
71
- }
72
- pre {
73
- font-family: monospace;
74
- }
75
- a:link img,
76
- a:visited img {
77
- border-style: none;
78
- }
79
-
80
- tt {
81
- font-size: 120%;
82
- background-color: #eee;
83
- padding: 0.1em;
84
- }
85
- </style>
86
- </head>
87
- <body>
88
- <h1>A Visual Language for the Solid Databrowser</h1>
89
- <p><br /></p>
90
- <p>
91
- There has been a call for a Visual Language for Solid, in the style for
92
- example of the style of airbnb's blog on this.
93
- </p>
94
- <p>
95
- It is true that solid apps using the solid store will typically end up
96
- coming from many different places and using many different
97
- languages.&nbsp;&nbsp; The stores and their generic API are designed to be
98
- universal, so that any data at all can be put in Solid.&nbsp; So one would
99
- not want to mandate that all client apps use the same UI language
100
- everywhere forever.
101
- </p>
102
- <p>
103
- However, there is a default app, the databrowser which ships as a sort of
104
- basic operating system on many solid servers.&nbsp; Its language is
105
- interesting for three reasons. Firstly, because it has&nbsp; been thought
106
- about: databrowser is a solid app, and so it is an example of the visual
107
- language which it ended up with; secondly because it is useful for people
108
- designing for the system to be able to design in the language, and thirdly
109
- because lots of people have suggested that the databrowser UI could be
110
- improved, this may give a focus for improving it! There are below as many
111
- questions asked and unanswered as answered.
112
- </p>
113
- <p>
114
- Some of the challenges in the UI of solid are that in the Solid world any
115
- app can have any data about anything -- from linked data attitude that
116
- anything can say anything about anything.&nbsp; Also as everything has a
117
- URI, anything can be linked to anything else.&nbsp;&nbsp;
118
- </p>
119
- <h2>Panes</h2>
120
- <p>
121
- &nbsp;Something like person may start off with just having, say, contact
122
- information, about themselves, but then someone may add more information
123
- about their events, or messages,&nbsp; or tasks, and so on.&nbsp;
124
- </p>
125
- <p>
126
- Panes are alternative views of a thing -- a think like a person or an
127
- event or a photo or a track.&nbsp; They are produced by different software
128
- modules, or apps.
129
- </p>
130
- <h3>Pane layout</h3>
131
- <p>
132
- Panes are rectangles -- HTML divs. They were originally designed to make
133
- the most powerful use possible of a large screen.&nbsp;
134
- </p>
135
- <h4>Large screen</h4>
136
- <p>
137
- In solid panes, when used with a lot of screen real estate, a pane starts
138
- at the top left corner of the space, and works downward, but isn't afraid
139
- of of using the whole screen.
140
- </p>
141
- <p>
142
- Panes do nest inside each other, but <strong>not</strong> like cute wooden
143
- window panes.&nbsp; An outer pane is free to put inner panes anywhere it
144
- likes to make sense and communicate well with the user.
145
- </p>
146
- <p>
147
- Panes should be tested on large screen sizes as well as medium and
148
- small.&nbsp; A user's journey might take them through some navigation
149
- steps to find after a while a picture, or map, or a chart, which really
150
- benefits from using up all the rest of the space.&nbsp; It can be very
151
- frustrating when you find such a resource, you have a large screen, but a
152
- developer at some point slapped a max width which suited their screen at
153
- the time.&nbsp; Don't let the push for mobile first leave the folks who
154
- delight in their huge screens facing a mobile-equivalents experience on
155
- them!
156
- </p>
157
- <h4>Small screen</h4>
158
- <p>
159
- On a small screen, by contrast, they should typically take the whole
160
- screen, but allow swipe navigation around a grid or a tree.&nbsp; There is
161
- (2018-11) no code, but some UI mockups have been done for the databrowser
162
- on mobile.&nbsp;&nbsp; The trick as ever is to re-use existing language
163
- the users will have come across where it exists and works. When looking
164
- for example at a attachment document in the materials of the meeting, you
165
- have to be able to vertically swipe through the pages of the document, so
166
- it is logical to horizontally swipe though the different documents, but to
167
- the left of the leftmost document instead a document being a navigation
168
- space at the top level of the meeting between between scheduling,
169
- location, attendees, program, materials, and notes.
170
- </p>
171
- <p>
172
- A challenge in Solid is that things link together and contain each other
173
- in a very free way. Whereas a Meeting App might have a nav-bar with the
174
- top level, [scheduling,location, attendees, program, materials, notes], in
175
- Solid the meeting may be a property of the person who you had the meeting
176
- with, and the nav bar be full things to do with the person. Not
177
- insuperable problems, but things to think about.
178
- </p>
179
- <p>
180
- &nbsp;&nbsp; While mobile first is an alternative in the works, the
181
- original "power user first" mantra.&nbsp;&nbsp; As it does so, it may
182
- invoke other panes to display things related to the main subject.
183
- </p>
184
- <h2>Edit anything - edit state</h2>
185
- <p>
186
- An attitude of the solid project has always been that collaboration
187
- between different people and groups is the goal. Therefore, wherever a
188
- user can view data they should be able, if authorized, to edit it too. To
189
- make it clear when this is possible, when it is happening, there are
190
- common colors for the different states of an input field
191
- </p>
192
- <table width="100%" border="1">
193
- <tbody>
194
- <tr>
195
- <td>Read, unedited</td>
196
- <td>Black on white</td>
197
- </tr>
198
- <tr>
199
- <td>Read, not editable</td>
200
- <td>Grey on white</td>
201
- </tr>
202
- <tr>
203
- <td>Edited, good syntax</td>
204
- <td>Green on white</td>
205
- </tr>
206
- <tr>
207
- <td>Edited, bad syntax</td>
208
- <td>Red on white</td>
209
- </tr>
210
- <tr>
211
- <td>Saving back</td>
212
- <td>Black on grey</td>
213
- </tr>
214
- <tr>
215
- <td>Error saving back</td>
216
- <td>Black on pink</td>
217
- </tr>
218
- <tr>
219
- <td>Saved back to the web</td>
220
- <td>Black on white</td>
221
- </tr>
222
- </tbody>
223
- </table>
224
- <p><br /></p>
225
- <p>
226
- Examples of this are the fields in the form system, and the source editing
227
- pane.&nbsp;&nbsp; The users should get used to any black on white data
228
- being in sync with the web of data, and the system should always make sure
229
- to indicate with the colors above when it is not the case.
230
- </p>
231
- <p>
232
- When there are network errors saving user data, never through the data
233
- away!
234
- </p>
235
- <h3>Link to anything: Identity</h3>
236
- <p>
237
- In Solid, you can store connections between anything any anything.&nbsp;
238
- This doesn't always make sense, and may not always be useful, but we do
239
- have to have a UI language which&nbsp; allows this.
240
- </p>
241
- <p>
242
- In a desktop environment, drag and drop is more or less ubiquitous.&nbsp;
243
- Anything can be dragged, and many things can be dropped on to.&nbsp; You
244
- can drag a person into a group to add them to a group. You can drag a
245
- person, or a group, or both, into the Sharing control&nbsp; to give them
246
- access to something, dragging them around between the different roles
247
- until they have the right form of access. You can drag things from outside
248
- the solid world into a solid: a desktop file into a solid solid folder to
249
- upload it; you can drag a URI from the URL bar icon of a browser into the
250
- solid world to connect in the thing you were looking in the browser.&nbsp;
251
- You can drag things out of the solid world .. for example if you drag some
252
- item in a complex databrowser display onto the tab bar of the browser just
253
- past the tabs, it will open a new tab viewing that specific thing.
254
- </p>
255
- <p>
256
- As anything is drag-able, it must be consistently clear what that thing
257
- is.&nbsp; One common widget used in many lists is a tree-part widget with
258
- an icon on the left, a&nbsp; label in the middle, and some control buttons
259
- ("delete this", "visit this", ...)in the right hand part.
260
- </p>
261
- <p>
262
- The icon is ideally set to a specific image of the object, like a mugshot
263
- of the person or logo of a company or project, otherwise set to an icon
264
- for the class: a generic icon for a person, a group of people, a document,
265
- and so on.
266
- </p>
267
- <p>
268
- Where things are draggable in the desktop world, in the mobile world they
269
- need to have places to press on in various ways to capture their
270
- identity.&nbsp; The "Copy link" aka "Copy URI" functionality is very
271
- common UI language.&nbsp; Will the solid world be able to get away with
272
- just that, or will it need more "Mark this" where the marked thing is a
273
- second clipboard; or "Push this" to push things onto a stack?&nbsp; Should
274
- the things selected form an editable cache of interesting things which the
275
- user can pick from as the&nbsp; to all kinds of operations later? Should
276
- the user be able to scroll back through all the things they have every
277
- copied to the clipboard? Today's mobile clipboard is often not powerful
278
- enough, when you often need to copy the phone number and access code or
279
- flight number and reservation number at the same time.
280
- </p>
281
- <p>There is some design to be done here.</p>
282
- <h3>Button Color Language</h3>
283
- <p>We have tried to be consistent with colors:</p>
284
- <table width="100%" border="1">
285
- <tbody>
286
- <tr>
287
- <td>Green</td>
288
- <td>Add Data</td>
289
- </tr>
290
- <tr>
291
- <td>Red</td>
292
- <td>Remove Data</td>
293
- </tr>
294
- <tr>
295
- <td>Blue</td>
296
- <td>Commit, eg send a message</td>
297
- </tr>
298
- <tr>
299
- <td>Black &amp; White</td>
300
- <td>Change view, delete view</td>
301
- </tr>
302
- </tbody>
303
- </table>
304
- <br />
305
- <p>
306
- One inspiration was the Mac OS X contact view at the time, where a quite
307
- readable view of someone's contact details was annotated with little green
308
- pluses and little red minuses which made it clear where things could be
309
- changed and how to change them.
310
- </p>
311
- <p>
312
- The color language is that anything which does not add or delete data, or
313
- commit the user to something, is monochrome.&nbsp;&nbsp; We have resisted
314
- the temptation to us pretty colored icons -- even the Rainbow icon used
315
- for sharing.&nbsp;&nbsp;&nbsp; We may totally revisit this, and one day
316
- roll out a version with all the icons in really interesting colors
317
- representing the class of object or the domain in some way, but that is
318
- not the current language.&nbsp; We could also make it a user preference of
319
- course.
320
- </p>
321
- <p>
322
- The discipline of making the databrowser navigation of folders and lists
323
- and people and meetings be essentially monochrome has meant that resources
324
- like pictures and icons
325
- </p>
326
- <h3>Icon shapes</h3>
327
- <p>
328
- Icons should be simple, a black drawing on a transparent background.&nbsp;
329
- All should be monochrome black on transparent exact for the few green, red
330
- or blue corresponding to the button color language above.&nbsp;
331
- </p>
332
- <p>
333
- We use<a href="https://thenounproject.com/"> the Noun project</a> as an
334
- excellent resource. We pay a fee so that there is no obligation to give
335
- attribution of the authorship, but still&nbsp; a way to extract all the
336
- authors and list them as credits with links back would be awesome.
337
- </p>
338
- <p>
339
- Icons should use SVG, not PNG or JPEG or GIF.&nbsp;&nbsp; Currently they
340
- are all in a single module in solid-ui but ways of making that more
341
- modular are possible in future.
342
- </p>
343
- <p>
344
- Icons are used for panes (views), actions, and object.&nbsp; The graphical
345
- form representing an object should be taken, in order or preference,&nbsp;
346
- from:
347
- </p>
348
- <ol>
349
- <li>A foaf:icon for the thing</li>
350
- <li>
351
- Any other image for the thing itself from data, such as foaf:image,
352
- vcard:photo, etc, etc
353
- </li>
354
- <li>
355
- An icon corresponding to the class of the thing, like Person, Group,
356
- Meeting, etc
357
- </li>
358
- </ol>
359
- <h3>Labels: use the ontology</h3>
360
- <p>
361
- The goal is of course to make everything as accessible as possible with
362
- people with different abilities, using different
363
- devices.&nbsp;&nbsp;&nbsp; The internationalization goals are most easily
364
- met by using icons rather than text.&nbsp; Some people, however in fact
365
- prefer text.
366
- </p>
367
- <p>
368
- The data in the system is RDF data, and in RDF, classes (like
369
- <em>Person</em>) and properties (like <em>friend</em>) have URIs.&nbsp;
370
- There are files out there on the web with information about them, which
371
- includes a human-readable label for the property.
372
- </p>
373
- <p>
374
- The labels are often in English, but on a good day, in many
375
- languages.&nbsp; This means that if the UI generates&nbsp; up its labels
376
- from the ontology you get potentially internationalization for free, if
377
- there are alternative languages available in the ontology.
378
- </p>
379
- <p>
380
- This has the benefit&nbsp; that it scales quite well, in that effort put
381
- into translating the ontologies, which can possibly be crowd-sourced, pays
382
- off as an immediate benefit for anyone
383
- </p>
384
- <table width="100%" border="1">
385
- <tbody>
386
- <tr>
387
- <td><em>Action</em></td>
388
- <td><em>Button label</em></td>
389
- </tr>
390
- <tr>
391
- <td>Create new instance of C</td>
392
- <td>&#10024;New (label(C))</td>
393
- </tr>
394
- <tr>
395
- <td>Create new thing related by property P</td>
396
- <td>"New" icon + label(P)</td>
397
- </tr>
398
- <tr>
399
- <td>Visit thing(s) related by P</td>
400
- <td>label(P)</td>
401
- </tr>
402
- </tbody>
403
- </table>
404
- <p>
405
- In general a good rule when coding to to to try to involve introducing any
406
- text for the user which would have to be translated.&nbsp; Use a
407
- combination of icons and text looked up in the ontology.
408
- </p>
409
- <p>
410
- Another idea is to make a composite icon out of the verb and the class, so
411
- "New Group" would be a compose icon of a small green plus (or star)
412
- superimposed on the icon for a group of people.&nbsp; This is quite common
413
- in desktop software, so the language will be understood.
414
- </p>
415
- <p>
416
- (Because you may want the ontology to be available offline, it may be a
417
- good idea to import a copy into code. How to do that is beyond the scope
418
- of this note)
419
- </p>
420
- <h3>Link to anything: Relationship</h3>
421
- <p>
422
- Demonstrating the relationship between two things typically involves a
423
- table with the relationship in the left and the object of it, or value, on
424
- the right. That <strong>labelled form field</strong> language is so
425
- ubiquitous in computer UI, we use all over.&nbsp; Having a user preference
426
- go flip it from left-right to right-left in locales where the user is
427
- reading everything right-left would be ideal.
428
- </p>
429
- <p>
430
- Relationships also show up in
431
- <strong>column labels for tables</strong>.&nbsp; Just the same language
432
- applies as for a form field label.<br />
433
- </p>
434
- <p>
435
- It is often easier to have a recognizable for icon for classes, like
436
- Person, Group, Adult, than for relationships like friend, child.&nbsp; So
437
- icons tend to less useful for expressing relationships than classes.
438
- However, when really there is only one main property linking thinks of
439
- class C to things of class D, then one use the icon for the class.&nbsp;
440
- If the only type of relationship a person can have an event, then the list
441
- of attendees can be given the person icon.
442
- </p>
443
- <h3>Link to anything; Potential relationship</h3>
444
- <p>
445
- More complex is the question of how to allow the user to see what
446
- potential relationships are available.&nbsp; As you drag in an object A to
447
- a drop target B, how do you know what relationship you are going to
448
- express?&nbsp; One way is for the drop zone mutate into a set of
449
- <strong>triage drop zones</strong>: Drop here to make this person and
450
- invitee, here an attendee, here an organizer.&nbsp; Another way is to just
451
- assume a default relationship, invitee, say, and then allow the user to
452
- edit that once they appear in the list.
453
- </p>
454
- <p>
455
- There are programs which do that -- but they are very bold about
456
- explaining to the user what is happening: large fonts in the labels.
457
- Fortunately the ugliness of the labels is temporary just until the user
458
- finishes the drop.
459
- </p>
460
- <p>
461
- The original tabulator code had a feature to allow any new data to be
462
- added to a form-like view, where the predicate was a pop-up choice of all
463
- the properties which logically were reasonable to use on the class of
464
- subject. Then the range of the property chosen would be looked up in the
465
- ontology, and the type of UI for the object of it would be selected from
466
- that.
467
- </p>
468
- <p>
469
- The same choice in fact occurs when you are editing a form, and you add a
470
- new field.
471
- </p>
472
- <p></p>
473
- <h3></h3>
474
- <h2>Making up panes: Widgets and Forms</h2>
475
- <p>
476
- Panes are the largest in the stack of UI systems.&nbsp; They are
477
- implemented in terms of lower level things. IN the case of the solid-panes
478
- solid-ui stack, the panes are implemented using widgets of various sizes ,
479
- and forms make out of widgets.
480
- </p>
481
- <p>
482
- A form is defined in the RDF data model. Typically a form is made by hand
483
- in Turtle, or it can be edited using the form-editing form.
484
- </p>
485
- <p><br /></p>
486
- <h2>Fonts, Font Size</h2>
487
- <h3>No Style Sheets</h3>
488
- <p>
489
- The classic way to make a web app is with an HTML markup file, a CSS style
490
- sheet&nbsp; and a JS script.&nbsp; When you build modular web apps with
491
- modularity in different levels./&nbsp; But CSS style sheets have the
492
- problem that they are global.&nbsp; Global in the sense if the document,
493
- that you can't attach them (2018) to a subtree, only the whole document.
494
- (Never mind shadow DOMs).&nbsp;&nbsp; The problem of distinguishing which
495
- parts of the style sheet should apply to which parts of the tree, which
496
- types of element, and the elements created by each widget, leads ttheo,
497
- in&nbsp; big UI frameworks, a huge complex language of classes which are
498
- attached to elements.
499
- </p>
500
- <p>
501
- The databrowser does have a global style sheet, and it sets classes for
502
- some early panes, but now the goal is to reduce the dependency on it to
503
- zero.&nbsp;&nbsp;
504
- </p>
505
- <h3>Font Size</h3>
506
- <p>
507
- Legibility is really important.&nbsp; If your over-cute font means that
508
- ageing people can't read it, drop it and go with something normal.
509
- </p>
510
- <p>
511
- - Where you don't need to specify something, inherit it from enclosing DOM
512
- elements.
513
- </p>
514
- <p>&nbsp;&nbsp;&nbsp; Font, font size, color, background color,</p>
515
- <p>
516
- - Where a widget must have a certain style, inject it directly from the JS
517
- script.
518
- </p>
519
- <p>
520
- There is style module which has some JS variables for things like input
521
- element style so that can be shared through the code, rather than using
522
- global CSS which typically involves a lot of complexity and hard
523
- coordination between CSS writers and JS writers.
524
- </p>
525
- <h2>Conclusion</h2>
526
- <p>That's it, folks.</p>
527
- <p><em>Edited with BlueGriffon with thanks to @glazou</em></p>
528
- <p><br /></p>
529
- <p><br /></p>
530
- <p><br /></p>
531
- <p><br /></p>
532
- <p><br /></p>
533
- <p><br /></p>
534
- <p><br /></p>
535
- <p><br /></p>
536
- <p><br /></p>
537
- </body>
538
- </html>