@teipublisher/pb-components 2.26.1-next.3 → 3.0.0-next-4.1

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 (262) hide show
  1. package/.github/workflows/docker-cypress.yml +54 -0
  2. package/.github/workflows/main.yml +6 -4
  3. package/.github/workflows/node.js.yml +56 -21
  4. package/.github/workflows/release.js.yml +19 -17
  5. package/.releaserc.json +1 -1
  6. package/CHANGELOG.md +346 -11
  7. package/Dockerfile +78 -70
  8. package/README.md +112 -4
  9. package/css/components.css +5 -5
  10. package/css/gridjs/mermaid.min.css +1 -1
  11. package/css/leaflet/Control.Geocoder.css +1 -126
  12. package/css/leaflet/images/layers.png +0 -0
  13. package/css/tify/tify.css +6 -5
  14. package/css/tom-select/tom-select.bootstrap4.min.css +1 -1
  15. package/css/tom-select/tom-select.bootstrap5.min.css +1 -1
  16. package/css/tom-select/tom-select.default.min.css +1 -1
  17. package/css/tom-select/tom-select.default.min.css.map +1 -0
  18. package/css/tom-select/tom-select.min.css +1 -1
  19. package/cypress.config.js +84 -0
  20. package/dist/api.html +1 -1
  21. package/dist/css/design-system.css +607 -0
  22. package/dist/demo/bundle-test.html +4 -3
  23. package/dist/demo/components.css +46 -1
  24. package/dist/demo/design-system.html +710 -0
  25. package/dist/demo/dts-client.html +2 -2
  26. package/dist/demo/pb-autocomplete.html +23 -11
  27. package/dist/demo/pb-autocomplete2.html +66 -55
  28. package/dist/demo/pb-autocomplete3.html +17 -8
  29. package/dist/demo/pb-blacklab-highlight.html +28 -11
  30. package/dist/demo/pb-blacklab-results.html +3 -2
  31. package/dist/demo/pb-browse-docs.html +24 -24
  32. package/dist/demo/pb-browse-docs2.html +3 -3
  33. package/dist/demo/pb-clipboard.html +32 -28
  34. package/dist/demo/pb-code-editor.html +6 -6
  35. package/dist/demo/pb-code-highlight.html +63 -63
  36. package/dist/demo/pb-codepen.html +1 -1
  37. package/dist/demo/pb-collapse.html +1 -1
  38. package/dist/demo/pb-collapse2.html +2 -2
  39. package/dist/demo/pb-combo-box.html +135 -130
  40. package/dist/demo/pb-custom-form.html +64 -55
  41. package/dist/demo/pb-dialog.html +12 -6
  42. package/dist/demo/pb-document.html +1 -1
  43. package/dist/demo/pb-download.html +68 -59
  44. package/dist/demo/pb-drawer.html +67 -46
  45. package/dist/demo/pb-drawer2.html +65 -58
  46. package/dist/demo/pb-edit-app.html +2 -2
  47. package/dist/demo/pb-edit-xml.html +1 -1
  48. package/dist/demo/pb-facsimile-2.html +26 -11
  49. package/dist/demo/pb-facsimile-3.html +25 -10
  50. package/dist/demo/pb-facsimile-dedup-test-2.html +48 -0
  51. package/dist/demo/pb-facsimile-dedup-test.html +48 -0
  52. package/dist/demo/pb-facsimile.html +4 -4
  53. package/dist/demo/pb-formula.html +1 -1
  54. package/dist/demo/pb-grid.html +22 -8
  55. package/dist/demo/pb-highlight.html +2 -2
  56. package/dist/demo/pb-i18n-simple.html +1 -0
  57. package/dist/demo/pb-i18n.html +15 -5
  58. package/dist/demo/pb-image-strip-standalone.html +2 -2
  59. package/dist/demo/pb-image-strip-view.html +2 -2
  60. package/dist/demo/pb-leaflet-map.html +3 -3
  61. package/dist/demo/pb-leaflet-map2.html +2 -2
  62. package/dist/demo/pb-leaflet-map3.html +3 -3
  63. package/dist/demo/pb-link.html +1 -1
  64. package/dist/demo/pb-load.html +2 -6
  65. package/dist/demo/pb-login.html +1 -3
  66. package/dist/demo/pb-manage-odds.html +9 -4
  67. package/dist/demo/pb-markdown.html +1 -1
  68. package/dist/demo/pb-media-query.html +2 -2
  69. package/dist/demo/pb-mei.html +2 -2
  70. package/dist/demo/pb-mei2.html +2 -2
  71. package/dist/demo/pb-message.html +2 -3
  72. package/dist/demo/pb-odd-editor.html +54 -52
  73. package/dist/demo/pb-page-header.html +27 -0
  74. package/dist/demo/pb-popover.html +1 -1
  75. package/dist/demo/pb-print-preview.html +2 -2
  76. package/dist/demo/pb-progress.html +4 -4
  77. package/dist/demo/pb-repeat.html +32 -36
  78. package/dist/demo/pb-search.html +16 -5
  79. package/dist/demo/pb-search2.html +4 -4
  80. package/dist/demo/pb-search3.html +3 -3
  81. package/dist/demo/pb-search4.html +3 -3
  82. package/dist/demo/pb-select-feature.html +4 -4
  83. package/dist/demo/pb-select-feature2.html +4 -4
  84. package/dist/demo/pb-select-feature3.html +2 -2
  85. package/dist/demo/pb-select-i18n.html +58 -53
  86. package/dist/demo/pb-select-odd.html +1 -1
  87. package/dist/demo/pb-select.html +190 -75
  88. package/dist/demo/pb-select2.html +91 -37
  89. package/dist/demo/pb-select3.html +109 -41
  90. package/dist/demo/pb-svg.html +1 -1
  91. package/dist/demo/pb-table-grid.html +26 -15
  92. package/dist/demo/pb-tabs.html +15 -7
  93. package/dist/demo/pb-tify.html +7 -7
  94. package/dist/demo/pb-timeline.html +1 -1
  95. package/dist/demo/pb-timeline2.html +1 -1
  96. package/dist/demo/pb-toggle-feature.html +26 -23
  97. package/dist/demo/pb-toggle-feature2.html +4 -4
  98. package/dist/demo/pb-toggle-feature3.html +2 -2
  99. package/dist/demo/pb-toggle-feature4.html +56 -54
  100. package/dist/demo/pb-version.html +2 -2
  101. package/dist/demo/pb-view.html +78 -40
  102. package/dist/demo/pb-view2.html +69 -46
  103. package/dist/demo/pb-view3.html +53 -48
  104. package/dist/demo/pb-view4.html +70 -49
  105. package/dist/demo/pb-zoom.html +2 -2
  106. package/dist/{es-global-bridge-d8ce175d.js → es-global-bridge-D8ZcUcx_.js} +0 -4
  107. package/dist/focus-mixin-VCsFap6b.js +768 -0
  108. package/dist/images/icons.svg +217 -0
  109. package/dist/jinn-codemirror-DETLdm08.js +1 -0
  110. package/dist/lib/openseadragon.min.js +80 -0
  111. package/dist/lib/openseadragon.min.js.map +1 -0
  112. package/dist/pb-code-editor.js +25 -20
  113. package/dist/pb-component-docs.js +414 -3225
  114. package/dist/pb-components-bundle.js +3046 -4402
  115. package/dist/pb-dialog-tklYGWfc.js +121 -0
  116. package/dist/pb-edit-app.js +208 -107
  117. package/dist/pb-elements.json +716 -249
  118. package/dist/pb-facsimile.js +46 -0
  119. package/dist/pb-i18n-C0NDma4h.js +1 -0
  120. package/dist/pb-leaflet-map.js +23 -23
  121. package/dist/pb-mei.js +152 -134
  122. package/dist/pb-mixin-DHoWQheB.js +1 -0
  123. package/dist/pb-odd-editor.js +1671 -1231
  124. package/dist/pb-tify.js +1 -27
  125. package/dist/unsafe-html-D5VGo9Oq.js +1 -0
  126. package/dist/urls-BEONu_g4.js +1 -0
  127. package/eslint.config.mjs +92 -0
  128. package/gh-pages.js +5 -3
  129. package/i18n/common/en.json +6 -0
  130. package/i18n/common/pl.json +2 -2
  131. package/images/icons.svg +217 -0
  132. package/index.html +0 -5
  133. package/lib/leaflet-src.js.map +1 -0
  134. package/lib/leaflet.markercluster-src.js.map +1 -0
  135. package/lib/openseadragon.min.js +6 -6
  136. package/package.json +56 -81
  137. package/pb-elements.json +716 -249
  138. package/rollup.config.mjs +312 -0
  139. package/src/assets/components.css +5 -5
  140. package/src/assets/design-system.css +607 -0
  141. package/src/authority/airtable.js +20 -21
  142. package/src/authority/anton.js +129 -129
  143. package/src/authority/custom.js +70 -27
  144. package/src/authority/geonames.js +38 -32
  145. package/src/authority/gnd.js +50 -42
  146. package/src/authority/kbga.js +136 -134
  147. package/src/authority/metagrid.js +44 -46
  148. package/src/authority/reconciliation.js +66 -68
  149. package/src/authority/registry.js +4 -4
  150. package/src/docs/demo-utils.js +91 -0
  151. package/src/docs/pb-component-docs.js +287 -147
  152. package/src/docs/pb-component-view.js +380 -273
  153. package/src/docs/pb-components-list.js +115 -51
  154. package/src/docs/pb-demo-snippet.js +199 -174
  155. package/src/dts-client.js +306 -303
  156. package/src/dts-select-endpoint.js +125 -85
  157. package/src/parse-date-service.js +184 -135
  158. package/src/pb-ajax.js +175 -173
  159. package/src/pb-authority-lookup.js +198 -158
  160. package/src/pb-autocomplete.js +731 -313
  161. package/src/pb-blacklab-highlight.js +266 -260
  162. package/src/pb-blacklab-results.js +230 -225
  163. package/src/pb-browse-docs.js +601 -484
  164. package/src/pb-browse.js +68 -65
  165. package/src/pb-clipboard.js +97 -76
  166. package/src/pb-code-editor.js +111 -103
  167. package/src/pb-code-highlight.js +234 -204
  168. package/src/pb-codepen.js +81 -73
  169. package/src/pb-collapse.js +265 -152
  170. package/src/pb-combo-box.js +191 -191
  171. package/src/pb-components-bundle.js +1 -7
  172. package/src/pb-components.js +2 -6
  173. package/src/pb-custom-form.js +230 -141
  174. package/src/pb-dialog.js +99 -63
  175. package/src/pb-document.js +118 -91
  176. package/src/pb-download.js +214 -198
  177. package/src/pb-drawer.js +146 -149
  178. package/src/pb-edit-app.js +471 -240
  179. package/src/pb-edit-xml.js +101 -98
  180. package/src/pb-events.js +126 -107
  181. package/src/pb-facs-link.js +130 -101
  182. package/src/pb-facsimile.js +494 -410
  183. package/src/pb-fetch.js +389 -0
  184. package/src/pb-formula.js +152 -154
  185. package/src/pb-geolocation.js +130 -132
  186. package/src/pb-grid-action.js +59 -56
  187. package/src/pb-grid.js +388 -228
  188. package/src/pb-highlight.js +142 -142
  189. package/src/pb-hotkeys.js +40 -42
  190. package/src/pb-i18n.js +115 -127
  191. package/src/pb-icon-button.js +108 -0
  192. package/src/pb-icon.js +283 -0
  193. package/src/pb-image-strip.js +85 -79
  194. package/src/pb-lang.js +142 -57
  195. package/src/pb-leaflet-map.js +551 -483
  196. package/src/pb-link.js +132 -126
  197. package/src/pb-load.js +495 -428
  198. package/src/pb-login.js +303 -248
  199. package/src/pb-manage-odds.js +384 -338
  200. package/src/pb-map-icon.js +90 -90
  201. package/src/pb-map-layer.js +86 -86
  202. package/src/pb-markdown.js +107 -110
  203. package/src/pb-media-query.js +75 -73
  204. package/src/pb-mei.js +523 -303
  205. package/src/pb-message.js +144 -98
  206. package/src/pb-mixin.js +268 -265
  207. package/src/pb-navigation.js +83 -96
  208. package/src/pb-observable.js +39 -39
  209. package/src/pb-odd-editor.js +1209 -948
  210. package/src/pb-odd-elementspec-editor.js +375 -310
  211. package/src/pb-odd-model-editor.js +1189 -941
  212. package/src/pb-odd-parameter-editor.js +269 -170
  213. package/src/pb-odd-rendition-editor.js +184 -131
  214. package/src/pb-page.js +451 -422
  215. package/src/pb-paginate.js +260 -178
  216. package/src/pb-panel.js +217 -183
  217. package/src/pb-popover-themes.js +16 -9
  218. package/src/pb-popover.js +297 -288
  219. package/src/pb-print-preview.js +128 -128
  220. package/src/pb-progress.js +52 -52
  221. package/src/pb-repeat.js +141 -108
  222. package/src/pb-restricted.js +85 -78
  223. package/src/pb-search.js +258 -230
  224. package/src/pb-select-feature.js +210 -126
  225. package/src/pb-select-odd.js +184 -118
  226. package/src/pb-select-template.js +113 -78
  227. package/src/pb-select.js +330 -229
  228. package/src/pb-split-list.js +181 -176
  229. package/src/pb-svg.js +81 -80
  230. package/src/pb-table-column.js +55 -55
  231. package/src/pb-table-grid.js +334 -205
  232. package/src/pb-tabs.js +238 -61
  233. package/src/pb-tify.js +3331 -126
  234. package/src/pb-timeline.js +394 -255
  235. package/src/pb-toggle-feature.js +196 -188
  236. package/src/pb-upload.js +201 -176
  237. package/src/pb-version.js +22 -34
  238. package/src/pb-view-annotate.js +138 -102
  239. package/src/pb-view.js +1722 -1272
  240. package/src/pb-zoom.js +144 -46
  241. package/src/search-result-service.js +256 -223
  242. package/src/seed-element.js +14 -22
  243. package/src/settings.js +4 -4
  244. package/src/theming.js +98 -91
  245. package/src/urls.js +403 -289
  246. package/src/utils.js +53 -51
  247. package/vite.config.js +86 -0
  248. package/css/pb-styles.css +0 -51
  249. package/dist/iron-form-3b8dcaa7.js +0 -210
  250. package/dist/jinn-codemirror-da0e2d1f.js +0 -1
  251. package/dist/paper-checkbox-515a5284.js +0 -1597
  252. package/dist/paper-icon-button-b1d31571.js +0 -398
  253. package/dist/paper-listbox-a3b7175c.js +0 -1265
  254. package/dist/pb-i18n-0611135a.js +0 -1
  255. package/dist/pb-mixin-b1caa22e.js +0 -158
  256. package/dist/polymer-hack.js +0 -1
  257. package/dist/vaadin-element-mixin-fe4a4883.js +0 -527
  258. package/lib/Control.Geocoder.min.js +0 -2
  259. package/lib/Control.Geocoder.min.js.map +0 -1
  260. package/src/assets/pb-styles.css +0 -51
  261. package/src/pb-light-dom.js +0 -41
  262. package/src/polymer-hack.js +0 -6
package/dist/demo/pb-document.html CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  <title>pb-document Demo</title>
7
7
  <link rel="stylesheet" href="demo.css">
8
- <script src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script><script type="module" src="../pb-components-bundle.js"></script>
8
+ <script type="module" src="../pb-components-bundle.js"></script>
9
9
  </head>
10
10
 
11
11
  <body>
package/dist/demo/pb-download.html CHANGED
@@ -1,68 +1,77 @@
1
1
  <html>
2
- <head>
3
- <meta charset="utf-8"/>
4
- <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes"/>
5
2
 
6
- <title>pb-download Demo</title>
7
- <script src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script><script type="module" src="../pb-components-bundle.js"></script>
8
- </head>
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes" />
9
6
 
10
- <body>
11
- <pb-demo-snippet>
12
- <template>
13
- <style>
14
- pb-progress { margin-bottom: 10px; }
15
- pb-download { margin-right: 10px; }
16
- </style>
17
- <pb-page endpoint="https://teipublisher.com/exist/apps/tei-publisher" api-version="1.0.0">
18
- <pb-document id="document1" path="doc/documentation.xml" odd="docbook" view="div"></pb-document>
7
+ <title>pb-download Demo</title>
8
+ <script type="module" src="../pb-components-bundle.js"></script>
9
+ </head>
19
10
 
20
- <pb-progress></pb-progress>
21
- <main>
22
- <pb-login id="loginElem"></pb-login>
11
+ <body>
12
+ <pb-demo-snippet>
13
+ <template>
14
+ <style>
15
+ pb-progress {
16
+ margin-bottom: 10px;
17
+ }
23
18
 
24
- <pb-download type="pdf" src="document1" dialog="downloadDialog" title="Download PDF">
25
- <paper-button raised>Documentation: PDF</paper-button>
26
- </pb-download>
27
- <pb-download type="pdf" src="document1" title="Download PDF"
28
- source download>
29
- <paper-button raised>Documentation: FO source</paper-button>
30
- </pb-download>
31
- <!-- old api: -->
32
- <!--pb-download type="pdf" url="test/graves6.xml" dialog="downloadDialog" title="Download PDF"
19
+ pb-download {
20
+ margin-right: 10px;
21
+ }
22
+ </style>
23
+ <pb-page endpoint="https://teipublisher.com/exist/apps/tei-publisher" api-version="1.0.0">
24
+ <pb-document id="document1" path="doc/documentation.xml" odd="docbook" view="div"></pb-document>
25
+
26
+ <pb-progress></pb-progress>
27
+ <main>
28
+ <pb-login id="loginElem"></pb-login>
29
+
30
+ <pb-download type="pdf" src="document1" dialog="downloadDialog" title="Download PDF">
31
+ <span class="pb-button pb-button--contained">Documentation: PDF</span>
32
+ </pb-download>
33
+ <pb-download type="pdf" src="document1" title="Download PDF" source download>
34
+ <span class="pb-button pb-button--contained">Documentation: FO source</span>
35
+ </pb-download>
36
+ <!-- old api: -->
37
+ <!--pb-download type="pdf" url="test/graves6.xml" dialog="downloadDialog" title="Download PDF"
33
38
  odd="graves.odd" -->
34
- <pb-download type="pdf" url="api/document/test%2Fgraves6.xml" dialog="downloadDialog" title="Download PDF"
35
- odd="graves.odd">
36
- <paper-button raised>Letter: PDF</paper-button>
37
- </pb-download>
39
+ <pb-download type="pdf" url="api/document/test%2Fgraves6.xml" dialog="downloadDialog"
40
+ title="Download PDF" odd="graves.odd">
41
+ <span class="pb-button pb-button--contained">Letter: PDF</span>
42
+ </pb-download>
43
+
44
+ <pb-restricted login="loginElem">
45
+ <!-- old api: -->
46
+ <!--pb-ajax url="modules/lib/regenerate.xql?odd=graves.odd"-->
47
+ <pb-ajax url="api/odd?odd=graves.odd" method="post">
48
+ <span class="pb-button pb-button--contained">Recompile ODD</span><span slot="title">Recompile ODD</span>
49
+ </pb-ajax>
50
+ </pb-restricted>
38
51
 
39
- <pb-restricted login="loginElem">
40
- <!-- old api: -->
41
- <!--pb-ajax url="modules/lib/regenerate.xql?odd=graves.odd"-->
42
- <pb-ajax url="api/odd?odd=graves.odd" method="post">
43
- <paper-button raised>Recompile ODD</paper-button><span slot="title">Recompile ODD</span>
44
- </pb-ajax>
45
- </pb-restricted>
52
+ <pb-download url="odd-editor.html" src="document1">
53
+ <span class="pb-button pb-button--contained">Edit ODD</span>
54
+ </pb-download>
55
+ </main>
56
+ </pb-page>
57
+ <pb-dialog id="downloadDialog" title="Generating File...">
58
+ <p>Generating a file may take a while ...</p>
59
+ <div slot="footer" class="buttons">
60
+ <button class="pb-button pb-button--text" type="button" rel="prev" autofocus>
61
+ close
62
+ </button>
63
+ </div>
64
+ </pb-dialog>
65
+ </template>
66
+ </pb-demo-snippet>
67
+ <script type="module">
68
+ import { firePageReady } from '../src/docs/demo-utils.js'
69
+ if (document.readyState === 'loading') {
70
+ document.addEventListener('DOMContentLoaded', () => firePageReady({ endpoint: '/exist/apps/tei-publisher' }))
71
+ } else {
72
+ firePageReady({ endpoint: '/exist/apps/tei-publisher' })
73
+ }
74
+ </script>
75
+ </body>
46
76
 
47
- <pb-download url="odd-editor.html" src="document1">
48
- <paper-button raised>Edit ODD</paper-button>
49
- </pb-download>
50
- </main>
51
- </pb-page>
52
- <paper-dialog id="downloadDialog">
53
- <h2>
54
- Generating File...
55
- </h2>
56
- <paper-dialog-scrollable>
57
- Generating a file may take a while ...
58
- </paper-dialog-scrollable>
59
- <div class="buttons">
60
- <paper-button dialog-confirm="dialog-confirm" autofocus="autofocus">
61
- close
62
- </paper-button>
63
- </div>
64
- </paper-dialog>
65
- </template>
66
- </pb-demo-snippet>
67
- </body>
68
77
  </html>
package/dist/demo/pb-drawer.html CHANGED
@@ -1,20 +1,17 @@
1
1
  <html>
2
- <head>
3
- <meta charset="utf-8"/>
4
- <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes"/>
5
2
 
6
- <title>pb-view Demo</title>
7
- <script src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script><script type="module" src="../pb-components-bundle.js"></script>
8
- </head>
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes" />
9
6
 
10
- <body>
11
- <pb-demo-snippet>
12
- <template>
13
- <style type="text/css">
14
- body {
15
- --paper-fab-background: #35424b;
16
- }
7
+ <title>pb-drawer Demo</title>
8
+ <script type="module" src="../pb-components-bundle.js"></script>
9
+ </head>
17
10
 
11
+ <body>
12
+ <pb-demo-snippet>
13
+ <template>
14
+ <style type="text/css">
18
15
  demo-snippet {
19
16
  position: relative;
20
17
  }
@@ -31,7 +28,7 @@
31
28
  background-color: #f0f0f0;
32
29
  --pb-drawer-width: 33vw;
33
30
  }
34
-
31
+
35
32
  pb-drawer ul {
36
33
  list-style-type: none;
37
34
  margin: 0;
@@ -46,9 +43,11 @@
46
43
  display: block;
47
44
  margin-left: 34px;
48
45
  }
49
- pb-drawer [slot="collapse-trigger"] > pb-link {
46
+
47
+ pb-drawer [slot="collapse-trigger"]>pb-link {
50
48
  margin-left: 0;
51
49
  }
50
+
52
51
  pb-drawer ul ul {
53
52
  padding-left: 20px;
54
53
  }
@@ -60,8 +59,6 @@
60
59
  pb-navigation {
61
60
  position: fixed;
62
61
  bottom: 45%;
63
- --paper-fab-background: #35424b;
64
- color: white;
65
62
  }
66
63
 
67
64
  pb-navigation[direction=backward] {
@@ -81,34 +78,58 @@
81
78
  text-decoration: none;
82
79
  color: #222222;
83
80
  }
84
- </style>
85
- <pb-page endpoint="https://teipublisher.com/exist/apps/tei-publisher" api-version="1.0.0" url-path="query">
86
- <pb-document id="document1" path="test/kant_rvernunft_1781.TEI-P5.xml" odd="dta"></pb-document>
87
- <div class="toolbar">
88
- <paper-icon-button id="tocToggle" class="toc-toggle" icon="icons:view-list"></paper-icon-button>
81
+
82
+ .nav-button {
83
+ display: inline-flex;
84
+ align-items: center;
85
+ justify-content: center;
86
+ width: 56px;
87
+ height: 56px;
88
+ border-radius: 50%;
89
+ border: none;
90
+ background: #35424b;
91
+ color: #fff;
92
+ cursor: pointer;
93
+ }
94
+
95
+ .nav-button pb-icon {
96
+ --pb-icon-size: 24px;
97
+ }
98
+ </style>
99
+ <pb-page endpoint="https://teipublisher.com/exist/apps/tei-publisher" api-version="1.0.0" url-path="query">
100
+ <pb-document id="document1" path="test/kant_rvernunft_1781.TEI-P5.xml" odd="dta"></pb-document>
101
+ <div class="toolbar">
102
+ <pb-icon-button id="tocToggle" class="toc-toggle" icon="icons:view-list"></pb-icon-button>
103
+ </div>
104
+ <pb-progress></pb-progress>
105
+ <pb-drawer id="toc" toggle="tocToggle" class="tocDrawer" emit="toc" subscribe="transcription">
106
+ <div class="drawer-content">
107
+ <h3>
108
+ <pb-i18n key="document.contents">Contents</pb-i18n>
109
+ </h3>
110
+ <pb-load url="api/document/{doc}/contents?target=transcription&icons=true" src="document1"
111
+ expand subscribe="toc" load-once>Loading...</pb-load>
89
112
  </div>
90
- <pb-progress></pb-progress>
91
- <pb-drawer id="toc" toggle="tocToggle" class="tocDrawer" emit="toc" subscribe="transcription">
92
- <div class="drawer-content">
93
- <h3>
94
- <pb-i18n key="document.contents">Contents</pb-i18n>
95
- </h3>
96
- <pb-load url="api/document/{doc}/contents?target=transcription&icons=true" src="document1" expand subscribe="toc" load-once>Loading...</pb-load>
97
- </div>
98
- </pb-drawer>
99
- <main>
100
- <!-- Navigate to previous page -->
101
- <pb-navigation direction="backward" keyboard="left" emit="transcription" subscribe="transcription">
102
- <paper-fab icon="icons:chevron-left"></paper-fab>
103
- </pb-navigation>
104
- <pb-view id="view1" src="document1" view="page" append-footnotes emit="transcription" subscribe="transcription"></pb-view>
105
- <!-- Navigate to next page -->
106
- <pb-navigation direction="forward" keyboard="right" emit="transcription" subscribe="transcription">
107
- <paper-fab icon="icons:chevron-right"></paper-fab>
108
- </pb-navigation>
109
- </main>
110
- </pb-page>
111
- </template>
112
- </pb-demo-snippet>
113
- </body>
113
+ </pb-drawer>
114
+ <main>
115
+ <!-- Navigate to previous page -->
116
+ <pb-navigation direction="backward" keyboard="left" emit="transcription" subscribe="transcription">
117
+ <span class="nav-button">
118
+ <pb-icon icon="icons:chevron-left"></pb-icon>
119
+ </span>
120
+ </pb-navigation>
121
+ <pb-view id="view1" src="document1" view="page" append-footnotes emit="transcription"
122
+ subscribe="transcription"></pb-view>
123
+ <!-- Navigate to next page -->
124
+ <pb-navigation direction="forward" keyboard="right" emit="transcription" subscribe="transcription">
125
+ <span class="nav-button">
126
+ <pb-icon icon="icons:chevron-right"></pb-icon>
127
+ </span>
128
+ </pb-navigation>
129
+ </main>
130
+ </pb-page>
131
+ </template>
132
+ </pb-demo-snippet>
133
+ </body>
134
+
114
135
  </html>
package/dist/demo/pb-drawer2.html CHANGED
@@ -1,16 +1,17 @@
1
1
  <html>
2
- <head>
3
- <meta charset="utf-8"/>
4
- <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes"/>
5
2
 
6
- <title>Toggling drawer from custom event</title>
7
- <script src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script><script type="module" src="../pb-components-bundle.js"></script>
8
- </head>
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes" />
9
6
 
10
- <body>
11
- <pb-demo-snippet>
12
- <template>
13
- <style type="text/css">
7
+ <title>Toggling drawer from custom event</title>
8
+ <script type="module" src="../pb-components-bundle.js"></script>
9
+ </head>
10
+
11
+ <body>
12
+ <pb-demo-snippet>
13
+ <template>
14
+ <style type="text/css">
14
15
  demo-snippet {
15
16
  position: relative;
16
17
  }
@@ -37,60 +38,66 @@
37
38
  padding: 0 20px;
38
39
  }
39
40
 
40
- .tei-persName3, .tei-placeName3 {
41
+ .tei-persName3,
42
+ .tei-placeName3 {
41
43
  font-weight: bold;
42
44
  }
43
45
 
44
- .tei-persName3::after, .tei-placeName3::after {
46
+ .tei-persName3::after,
47
+ .tei-placeName3::after {
45
48
  content: ': ';
46
49
  }
47
- </style>
48
- <pb-page endpoint="https://teipublisher.com/exist/apps/tei-publisher" api-version="1.0.0" url-path="query">
49
- <pb-document id="document1" path="test//orlik_to_serafin.xml" odd="serafin"></pb-document>
50
- <pb-progress></pb-progress>
51
- <p>Disable popovers for names and places. Show the information in the drawer instead if a name is clicked.
52
- The content to be displayed is taken from the alternate and copied into the drawer.
53
- </p>
54
- <hr>
55
- <pb-drawer id="info-drawer" emit="info" subscribe="info" position="right">
56
- <div class="drawer-content">
57
- <h3>Additional Information</h3>
58
- <div id="info-content"></div>
59
- </div>
60
- </pb-drawer>
61
- <main>
62
- <pb-view id="view1" src="document1" append-footnotes
63
- xpath="! (.//text[@xml:lang = 'la']/body | .//text/body)[1]" emit="transcription" subscribe="transcription"></pb-view>
64
- </main>
65
- </pb-page>
66
- <script>
67
- window.addEventListener('DOMContentLoaded', () => {
68
- // wait for the transcription to be loaded, then search the loaded HTML for
69
- // names
70
- pbEvents.subscribe('pb-update', 'transcription', (ev) => {
71
- // the HTML content to be displayed is passed in ev.detail.root
72
- const root = ev.detail.root;
73
- root.querySelectorAll('.tei-persName5, .tei-placeName5').forEach((name) => {
74
- // disable the popover behaviour
75
- name.command('disable', true);
76
- // register click listener on each name
77
- name.addEventListener('click', (ev) => {
78
- ev.preventDefault();
79
- ev.stopPropagation();
80
- // get the alternate content of each name ...
81
- const tmpl = name.querySelector('template');
82
- // ... and copy it into the drawer
83
- const div = document.getElementById('info-content');
84
- div.innerHTML = '';
85
- div.appendChild(tmpl.content.cloneNode(true));
86
- // finally display the drawer
87
- document.getElementById('info-drawer').opened = true;
88
- });
50
+ </style>
51
+ <pb-page endpoint="https://teipublisher.com/exist/apps/tei-publisher" api-version="1.0.0" url-path="query">
52
+ <pb-document id="document1" path="test//orlik_to_serafin.xml" odd="serafin"></pb-document>
53
+ <pb-progress></pb-progress>
54
+ <p>Disable popovers for names and places. Show the information in the drawer instead if a name is
55
+ clicked.
56
+ The content to be displayed is taken from the alternate and copied into the drawer.
57
+ </p>
58
+ <hr>
59
+ <pb-drawer id="info-drawer" emit="info" subscribe="info" position="right">
60
+ <div class="drawer-content">
61
+ <h3>Additional Information</h3>
62
+ <div id="info-content"></div>
63
+ </div>
64
+ </pb-drawer>
65
+ <main>
66
+ <pb-view id="view1" src="document1" append-footnotes
67
+ xpath="! (.//text[@xml:lang = 'la']/body | .//text/body)[1]" emit="transcription"
68
+ subscribe="transcription"></pb-view>
69
+ </main>
70
+ </pb-page>
71
+ <script>
72
+ window.addEventListener('DOMContentLoaded', () => {
73
+ // wait for the transcription to be loaded, then search the loaded HTML for
74
+ // names
75
+ pbEvents.subscribe('pb-update', 'transcription', (ev) => {
76
+ // the HTML content to be displayed is passed in ev.detail.root
77
+ const { root } = ev.detail;
78
+ root.querySelectorAll('.tei-persName5, .tei-placeName5').forEach((name) => {
79
+ // disable the popover behaviour
80
+ name.command('disable', true);
81
+ // register click listener on each name
82
+ name.addEventListener('click', (ev) => {
83
+ ev.preventDefault();
84
+ ev.stopPropagation();
85
+ // get the alternate content of each name ...
86
+ const tmpl = name.querySelector('template');
87
+ // ... and copy it into the drawer
88
+ const div = document.getElementById('info-content');
89
+ div.innerHTML = '';
90
+ div.appendChild(tmpl.content.cloneNode(true));
91
+ // finally display the drawer
92
+ document.getElementById('info-drawer').opened = true;
89
93
  });
90
94
  });
91
95
  });
92
- </script>
93
- </template>
94
- </pb-demo-snippet>
95
- </body>
96
+ });
97
+
98
+ </script>
99
+ </template>
100
+ </pb-demo-snippet>
101
+ </body>
102
+
96
103
  </html>
package/dist/demo/pb-edit-app.html CHANGED
@@ -3,9 +3,9 @@
3
3
  <meta charset="utf-8"/>
4
4
  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes"/>
5
5
 
6
- <title>pb-odd-editor Demo</title>
6
+ <title>pb-edit-app Demo</title>
7
7
  <link rel="stylesheet" href="demo.css">
8
- <script src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script><script type="module" src="../pb-components-bundle.js"></script>
8
+ <script type="module" src="../pb-components-bundle.js"></script>
9
9
 
10
10
  <style>
11
11
  *:focus {
package/dist/demo/pb-edit-xml.html CHANGED
@@ -5,7 +5,7 @@
5
5
  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes" />
6
6
 
7
7
  <title>pb-edit-xml Demo</title>
8
- <script src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script><script type="module" src="../pb-components-bundle.js"></script>
8
+ <script type="module" src="../pb-components-bundle.js"></script>
9
9
  </head>
10
10
 
11
11
  <body>
package/dist/demo/pb-facsimile-2.html CHANGED
@@ -4,18 +4,14 @@
4
4
  <meta charset="utf-8" />
5
5
  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes" />
6
6
 
7
- <title>pb-view Demo</title>
8
- <script src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script><script type="module" src="../pb-components-bundle.js"></script>
7
+ <title>pb-facsimile Demo</title>
8
+ <script type="module" src="../pb-components-bundle.js"></script>
9
9
  </head>
10
10
 
11
11
  <body>
12
12
  <pb-demo-snippet>
13
13
  <template>
14
14
  <style type="text/css">
15
- body {
16
- --paper-fab-background: #35424b;
17
- }
18
-
19
15
  main {
20
16
  position: relative;
21
17
  height: 70vh;
@@ -27,8 +23,6 @@
27
23
  pb-navigation {
28
24
  position: absolute;
29
25
  bottom: 45%;
30
- --paper-fab-background: #35424b;
31
- color: white;
32
26
  }
33
27
 
34
28
  pb-navigation[direction=backward] {
@@ -44,6 +38,23 @@
44
38
  max-width: 50vw;
45
39
  margin-right: 20px;
46
40
  }
41
+
42
+ .nav-button {
43
+ display: inline-flex;
44
+ align-items: center;
45
+ justify-content: center;
46
+ width: 56px;
47
+ height: 56px;
48
+ border-radius: 50%;
49
+ border: none;
50
+ background: #35424b;
51
+ color: #fff;
52
+ cursor: pointer;
53
+ }
54
+
55
+ .nav-button pb-icon {
56
+ --pb-icon-size: 24px;
57
+ }
47
58
  </style>
48
59
  <pb-page endpoint="https://teipublisher.com/exist/apps/tei-publisher" api-version="1.0.0" url-path="query">
49
60
  <pb-document id="document1" path="test/cortes_to_dantiscus.xml" odd="dantiscus"></pb-document>
@@ -54,13 +65,17 @@
54
65
 
55
66
  <!-- Navigate to previous page -->
56
67
  <pb-navigation direction="backward" keyboard="left">
57
- <paper-fab icon="icons:chevron-left"></paper-fab>
68
+ <span class="nav-button">
69
+ <pb-icon icon="icons:chevron-left"></pb-icon>
70
+ </span>
58
71
  </pb-navigation>
59
72
  <pb-view id="view1" src="document1" view="page" xpath="//text[@type='source']" append-footnotes>
60
73
  </pb-view>
61
74
  <!-- Navigate to next page -->
62
75
  <pb-navigation direction="forward" keyboard="right">
63
- <paper-fab icon="icons:chevron-right"></paper-fab>
76
+ <span class="nav-button">
77
+ <pb-icon icon="icons:chevron-right"></pb-icon>
78
+ </span>
64
79
  </pb-navigation>
65
80
  </main>
66
81
  </pb-page>
@@ -68,4 +83,4 @@
68
83
  </pb-demo-snippet>
69
84
  </body>
70
85
 
71
- </html>
86
+ </html>
package/dist/demo/pb-facsimile-3.html CHANGED
@@ -4,18 +4,14 @@
4
4
  <meta charset="utf-8" />
5
5
  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes" />
6
6
 
7
- <title>pb-view Demo</title>
8
- <script src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script><script type="module" src="../pb-components-bundle.js"></script>
7
+ <title>pb-facsimile Demo</title>
8
+ <script type="module" src="../pb-components-bundle.js"></script>
9
9
  </head>
10
10
 
11
11
  <body>
12
12
  <pb-demo-snippet>
13
13
  <template>
14
14
  <style type="text/css">
15
- body {
16
- --paper-fab-background: #35424b;
17
- }
18
-
19
15
  main {
20
16
  position: relative;
21
17
  height: 70vh;
@@ -27,8 +23,6 @@
27
23
  pb-navigation {
28
24
  position: absolute;
29
25
  bottom: 45%;
30
- --paper-fab-background: #35424b;
31
- color: white;
32
26
  }
33
27
 
34
28
  pb-navigation[direction=backward] {
@@ -44,6 +38,23 @@
44
38
  max-width: 50vw;
45
39
  margin-right: 20px;
46
40
  }
41
+
42
+ .nav-button {
43
+ display: inline-flex;
44
+ align-items: center;
45
+ justify-content: center;
46
+ width: 56px;
47
+ height: 56px;
48
+ border-radius: 50%;
49
+ border: none;
50
+ background: #35424b;
51
+ color: #fff;
52
+ cursor: pointer;
53
+ }
54
+
55
+ .nav-button pb-icon {
56
+ --pb-icon-size: 24px;
57
+ }
47
58
  </style>
48
59
  <pb-page endpoint="https://teipublisher.com/exist/apps/tei-publisher" api-version="1.0.0" url-path="query">
49
60
  <pb-document id="document1" path="test/cortes_to_dantiscus.xml" odd="dantiscus"></pb-document>
@@ -54,13 +65,17 @@
54
65
 
55
66
  <!-- Navigate to previous page -->
56
67
  <pb-navigation direction="backward" keyboard="left">
57
- <paper-fab icon="icons:chevron-left"></paper-fab>
68
+ <span class="nav-button">
69
+ <pb-icon icon="icons:chevron-left"></pb-icon>
70
+ </span>
58
71
  </pb-navigation>
59
72
  <pb-view id="view1" src="document1" view="page" xpath="//text[@type='source']" append-footnotes>
60
73
  </pb-view>
61
74
  <!-- Navigate to next page -->
62
75
  <pb-navigation direction="forward" keyboard="right">
63
- <paper-fab icon="icons:chevron-right"></paper-fab>
76
+ <span class="nav-button">
77
+ <pb-icon icon="icons:chevron-right"></pb-icon>
78
+ </span>
64
79
  </pb-navigation>
65
80
  </main>
66
81
  </pb-page>