@teipublisher/pb-components 2.26.1-next.2 → 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 +351 -9
  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-6e4cee3a.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 -40
  262. package/src/polymer-hack.js +0 -6
package/dist/demo/dts-client.html CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  <title>dts-client 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>
@@ -30,7 +30,7 @@
30
30
  // configuration for the DTS endpoints
31
31
  const dtsConfig = [
32
32
  {
33
- "url": "http://localhost:8080/exist/apps/tei-publisher/api/dts",
33
+ "url": "/exist/apps/tei-publisher/api/dts",
34
34
  "title": "Local TEI Publisher"
35
35
  },
36
36
  {
package/dist/demo/pb-autocomplete.html CHANGED
@@ -9,7 +9,7 @@
9
9
  margin-right: 10px;
10
10
  }
11
11
  </style>
12
- <script src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script><script type="module" src="../pb-components-bundle.js"></script>
12
+ <script type="module" src="../pb-components-bundle.js"></script>
13
13
  </head>
14
14
  <body>
15
15
  <h1>Using pb-autocomplete</h1>
@@ -33,19 +33,31 @@
33
33
  <option value="author">Author</option>
34
34
  </select>
35
35
  </pb-autocomplete>
36
- <button type="submit"><paper-button>Submit</paper-button></button>
36
+ <button type="submit" class="pb-button pb-button--contained">Submit</button>
37
37
  </form>
38
38
  <p>Parameters which would be sent: <code id="output"></code></p>
39
39
  </pb-page>
40
- <script>
41
- const form = document.getElementById('form');
42
- form.addEventListener('submit', (ev) => {
43
- ev.preventDefault();
44
- const data = new URLSearchParams(new FormData(form)).toString();
45
- document.getElementById('output').innerHTML = data;
46
- });
47
- </script>
48
40
  </template>
49
41
  </pb-demo-snippet>
42
+ <script type="module">
43
+ import { ready, stampIfNeeded, wireFormOutput, firePageReady } from '../src/docs/demo-utils.js'
44
+ async function hydrate() {
45
+ await ready(['pb-demo-snippet','pb-autocomplete'])
46
+ const snippet = document.querySelector('pb-demo-snippet')
47
+ stampIfNeeded(snippet)
48
+ const form = document.getElementById('form')
49
+ const output = document.getElementById('output')
50
+ if (form && output) {
51
+ const render = wireFormOutput(form, output)
52
+ render()
53
+ }
54
+ firePageReady({ endpoint: '/exist/apps/tei-publisher', apiVersion: '1.0.0' })
55
+ }
56
+ if (document.readyState === 'loading') {
57
+ document.addEventListener('DOMContentLoaded', hydrate)
58
+ } else {
59
+ hydrate()
60
+ }
61
+ </script>
50
62
  </body>
51
- </html>
63
+ </html>
package/dist/demo/pb-autocomplete2.html CHANGED
@@ -1,56 +1,67 @@
1
1
  <html>
2
- <head>
3
- <title>Using pb-autocomplete</title>
4
- <style>
5
- pb-autocomplete {
6
- margin-bottom: 20px;
7
- }
8
- pb-repeat .instance {
9
- display: flex;
10
- align-items: center;
11
- }
12
- button {
13
- border: 0;
14
- background-color: inherit;
15
- }
16
- </style>
17
- <script src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script><script type="module" src="../pb-components-bundle.js"></script>
18
- </head>
19
- <body>
20
- <h1>Using pb-autocomplete with remote suggestions</h1>
21
-
22
- <pb-demo-snippet>
23
- <template>
24
- <pb-page locales="../i18n/{{ns}}/{{lng}}.json" endpoint="https://teipublisher.com/exist/apps/tei-publisher" api-version="1.0.0">
25
- <iron-form id="form">
26
- <form action="">
27
- <p>pb-autocomplete used with a pb-repeat:</p>
28
- <pb-repeat>
29
- <template>
30
- <!--pb-autocomplete placeholder="Title" name="title" source="modules/autocomplete.xql"></pb-autocomplete-->
31
- <pb-autocomplete placeholder="Title" name="title" source="api/search/autocomplete"></pb-autocomplete>
32
- </template>
33
- </pb-repeat>
34
- <p>If suggestions are an array of objects with properties "text" and "value", the "value" will be used
35
- in the form submit instead of the label displayed:
36
- </p>
37
- <pb-autocomplete name="lang" placeholder="Language" value="pl" icon="icons:flag"
38
- suggestions='[{"text": "English", "value": "en"}, {"text": "Polish", "value": "pl"}, {"text": "German", "value": "de"}]'>
39
- </pb-autocomplete>
40
- <button type="submit"><paper-button>Submit</paper-button></button>
41
- </form>
42
- </iron-form>
43
- <p>Parameters which would be sent: <code id="output"></code></p>
44
- </pb-page>
45
- <script>
46
- const form = document.getElementById('form');
47
- form.addEventListener('iron-form-submit', (ev) => {
48
- ev.preventDefault();
49
- const data = JSON.stringify(form.serializeForm());
50
- document.getElementById('output').innerHTML = data;
51
- });
52
- </script>
53
- </template>
54
- </pb-demo-snippet>
55
- </body>
56
- </html>
2
+
3
+ <head>
4
+ <title>Using pb-autocomplete</title>
5
+ <style>
6
+ pb-autocomplete {
7
+ margin-bottom: 20px;
8
+ }
9
+
10
+ pb-repeat .instance {
11
+ display: flex;
12
+ align-items: center;
13
+ }
14
+
15
+ </style>
16
+ <script type="module" src="../pb-components-bundle.js"></script>
17
+ </head>
18
+
19
+ <body>
20
+ <h1>Using pb-autocomplete with remote suggestions</h1>
21
+
22
+ <pb-demo-snippet>
23
+ <template>
24
+ <pb-page locales="../i18n/{{ns}}/{{lng}}.json" endpoint="https://teipublisher.com/exist/apps/tei-publisher" api-version="1.0.0">
25
+ <form action="" id="form">
26
+ <p>pb-autocomplete used with a pb-repeat:</p>
27
+ <pb-repeat>
28
+ <template>
29
+ <!--pb-autocomplete placeholder="Title" name="title" source="modules/autocomplete.xql"></pb-autocomplete-->
30
+ <pb-autocomplete placeholder="Title" name="title"
31
+ source="api/search/autocomplete"></pb-autocomplete>
32
+ </template>
33
+ </pb-repeat>
34
+ <p>If suggestions are an array of objects with properties "text" and "value", the "value" will
35
+ be used
36
+ in the form submit instead of the label displayed:
37
+ </p>
38
+ <pb-autocomplete name="lang" placeholder="Language" value="pl" icon="icons:flag"
39
+ suggestions='[{"text": "English", "value": "en"}, {"text": "Polish", "value": "pl"}, {"text": "German", "value": "de"}]'>
40
+ </pb-autocomplete>
41
+ <button type="submit" class="pb-button pb-button--contained">Submit</button>
42
+ </form>
43
+ <p>Parameters which would be sent: <code id="output"></code></p>
44
+ </pb-page>
45
+ </template>
46
+ </pb-demo-snippet>
47
+ <script type="module">
48
+ import { ready, stampIfNeeded, wireFormOutput, firePageReady } from '../src/docs/demo-utils.js'
49
+ async function hydrate () {
50
+ await ready(['pb-demo-snippet','pb-autocomplete'])
51
+ const snippet = document.querySelector('pb-demo-snippet')
52
+ stampIfNeeded(snippet)
53
+ const form = document.getElementById('form')
54
+ const output = document.getElementById('output')
55
+ if (form && output) {
56
+ const render = () => { output.textContent = JSON.stringify({ ...Object.fromEntries(new FormData(form)) }) }
57
+ form.addEventListener('submit', ev => { ev.preventDefault(); render() })
58
+ render()
59
+ }
60
+ firePageReady({ endpoint: '/exist/apps/tei-publisher', apiVersion: '1.0.0' })
61
+ }
62
+ if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', hydrate)
63
+ else hydrate()
64
+ </script>
65
+ </body>
66
+
67
+ </html>
package/dist/demo/pb-autocomplete3.html CHANGED
@@ -9,7 +9,7 @@
9
9
  margin-right: 10px;
10
10
  }
11
11
  </style>
12
- <script src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script><script type="module" src="../pb-components-bundle.js"></script>
12
+ <script type="module" src="../pb-components-bundle.js"></script>
13
13
  </head>
14
14
  <body>
15
15
  <h1>Using pb-autocomplete</h1>
@@ -23,14 +23,23 @@
23
23
  <p>Selected: <span id="selected"></span></p>
24
24
  </form>
25
25
  </pb-page>
26
- <script>
27
- window.addEventListener('WebComponentsReady', () => {
28
- pbEvents.subscribe('pb-autocomplete-selected', null, (ev) => {
29
- document.getElementById('selected').innerHTML = `${ev.detail.value } = ${ ev.detail.text}`;
30
- });
31
- });
32
- </script>
33
26
  </template>
34
27
  </pb-demo-snippet>
28
+ <script type="module">
29
+ import { ready, stampIfNeeded, firePageReady } from '../src/docs/demo-utils.js'
30
+ async function hydrate () {
31
+ await ready(['pb-demo-snippet','pb-autocomplete'])
32
+ const snippet = document.querySelector('pb-demo-snippet')
33
+ stampIfNeeded(snippet)
34
+ const selected = document.getElementById('selected')
35
+ document.addEventListener('pb-autocomplete-selected', ev => {
36
+ const { value, text } = ev.detail || {}
37
+ selected.textContent = `${value} = ${text}`
38
+ })
39
+ firePageReady()
40
+ }
41
+ if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', hydrate)
42
+ else hydrate()
43
+ </script>
35
44
  </body>
36
45
  </html>
package/dist/demo/pb-blacklab-highlight.html CHANGED
@@ -3,8 +3,8 @@
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-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>
6
+ <title>pb-blacklab-highlight Demo</title>
7
+ <script type="module" src="../pb-components-bundle.js"></script>
8
8
  </head>
9
9
 
10
10
  <body>
@@ -44,9 +44,26 @@
44
44
  visibility: hidden;
45
45
  }
46
46
 
47
- pb-navigation[direction="forward"] {
48
- float: right;
49
- }
47
+ pb-navigation[direction="forward"] {
48
+ float: right;
49
+ }
50
+
51
+ .nav-button {
52
+ display: inline-flex;
53
+ align-items: center;
54
+ justify-content: center;
55
+ width: 48px;
56
+ height: 48px;
57
+ border-radius: 50%;
58
+ border: none;
59
+ background: #35424b;
60
+ color: #fff;
61
+ cursor: pointer;
62
+ }
63
+
64
+ .nav-button pb-icon {
65
+ --pb-icon-size: 20px;
66
+ }
50
67
  </style>
51
68
  <pb-page endpoint="https://teipublisher.com/exist/apps/tei-publisher" api-version="1.0.0">
52
69
  <pb-document id="document1" path="A01775.xml"></pb-document>
@@ -60,15 +77,15 @@
60
77
  <footer>
61
78
  <!-- Navigate to next page -->
62
79
  <pb-navigation direction="forward" keyboard="right" subscribe="transcription" emit="transcription">
63
- <paper-button>
64
- <iron-icon icon="icons:chevron-right"></iron-icon>
65
- </paper-button>
80
+ <span class="nav-button">
81
+ <pb-icon icon="icons:chevron-right"></pb-icon>
82
+ </span>
66
83
  </pb-navigation>
67
84
  <!-- Navigate to previous page -->
68
85
  <pb-navigation direction="backward" keyboard="left" subscribe="transcription" emit="transcription">
69
- <paper-button>
70
- <iron-icon icon="icons:chevron-left"></iron-icon>
71
- </paper-button>
86
+ <span class="nav-button">
87
+ <pb-icon icon="icons:chevron-left"></pb-icon>
88
+ </span>
72
89
  </pb-navigation>
73
90
  </footer>
74
91
  </pb-page>
package/dist/demo/pb-blacklab-results.html CHANGED
@@ -4,8 +4,8 @@
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-link 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-blacklab-results Demo</title>
8
+ <script type="module" src="../pb-components-bundle.js"></script>
9
9
  <style>
10
10
  @import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100&display=swap);
11
11
 
@@ -230,6 +230,7 @@
230
230
 
231
231
  })();
232
232
 
233
+
233
234
  </script>
234
235
 
235
236
  </html>
package/dist/demo/pb-browse-docs.html CHANGED
@@ -7,7 +7,7 @@
7
7
 
8
8
  <title>pb-browse-docs Demo</title>
9
9
  <link rel="stylesheet" href="demo.css">
10
- <script src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script><script type="module" src="../pb-components-bundle.js"></script>
10
+ <script type="module" src="../pb-components-bundle.js"></script>
11
11
  </head>
12
12
 
13
13
  <body>
@@ -74,27 +74,27 @@
74
74
  <div class="toolbar">
75
75
  <pb-login id="login" group="tei"></pb-login>
76
76
  <pb-lang label="language" selected="en">
77
- <paper-item value="bg">Български</paper-item>
78
- <paper-item value="cs">český</paper-item>
79
- <paper-item value="zh_CN">简体中文</paper-item>
80
- <paper-item value="zh_TW">繁體中文</paper-item>
81
- <paper-item value="de">Deutsch</paper-item>
82
- <paper-item value="en">English</paper-item>
83
- <paper-item value="es">Español</paper-item>
84
- <paper-item value="el">ελληνικά</paper-item>
85
- <paper-item value="fr">Français</paper-item>
86
- <paper-item value="it">Italiano</paper-item>
87
- <paper-item value="ka">ქართული</paper-item>
88
- <paper-item value="nl">Nederlands</paper-item>
89
- <paper-item value="no">Norsk</paper-item>
90
- <paper-item value="pl">Polski</paper-item>
91
- <paper-item value="pt">Português</paper-item>
92
- <paper-item value="ro">Română</paper-item>
93
- <paper-item value="ru">русский</paper-item>
94
- <paper-item value="sl">Slovenščina</paper-item>
95
- <paper-item value="sv">Svenska</paper-item>
96
- <paper-item value="tr">Türkçe</paper-item>
97
- <paper-item value="uk">Українська</paper-item>
77
+ <option value="bg">Български</option>
78
+ <option value="cs">český</option>
79
+ <option value="zh_CN">简体中文</option>
80
+ <option value="zh_TW">繁體中文</option>
81
+ <option value="de">Deutsch</option>
82
+ <option value="en">English</option>
83
+ <option value="es">Español</option>
84
+ <option value="el">ελληνικά</option>
85
+ <option value="fr">Français</option>
86
+ <option value="it">Italiano</option>
87
+ <option value="ka">ქართული</option>
88
+ <option value="nl">Nederlands</option>
89
+ <option value="no">Norsk</option>
90
+ <option value="pl">Polski</option>
91
+ <option value="pt">Português</option>
92
+ <option value="ro">Română</option>
93
+ <option value="ru">русский</option>
94
+ <option value="sl">Slovenščina</option>
95
+ <option value="sv">Svenska</option>
96
+ <option value="tr">Türkçe</option>
97
+ <option value="uk">Українська</option>
98
98
  </pb-lang>
99
99
  </div>
100
100
  <pb-progress subscribe="docs"></pb-progress>
@@ -103,7 +103,7 @@
103
103
  <pb-upload id="upload" emit="docs" subscribe="docs" accept=".xml, .tei, .odd, .docx"></pb-upload>
104
104
  </pb-restricted>
105
105
  <!-- use just `collection/` for new API @url-->
106
- <pb-browse-docs id="document-list" fix-links
106
+ <pb-browse-docs id="document-list" url="collection/" fix-links
107
107
  sort-options='[{"label": "browse.title", "value": "title"},{"label": "browse.author", "value": "author"},{"label": "browse.modificationDate", "value": "default"}]'
108
108
  sort-by="title"
109
109
  filter-options='[{"label": "browse.title", "value": "title"},{"label": "browse.author", "value": "author"},{"label": "browse.file", "value": "file"}]'
@@ -117,4 +117,4 @@
117
117
  </pb-demo-snippet>
118
118
  </body>
119
119
 
120
- </html>
120
+ </html>
package/dist/demo/pb-browse-docs2.html CHANGED
@@ -7,7 +7,7 @@
7
7
 
8
8
  <title>pb-browse-docs Demo</title>
9
9
  <link rel="stylesheet" href="demo.css">
10
- <script src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script><script type="module" src="../pb-components-bundle.js"></script>
10
+ <script type="module" src="../pb-components-bundle.js"></script>
11
11
  </head>
12
12
 
13
13
  <body>
@@ -83,7 +83,7 @@
83
83
  filter-options='[{"label": "browse.title", "value": "title"},{"label": "browse.author", "value": "author"},{"label": "browse.file", "value": "file"}]'
84
84
  filter-by="title" auto="auto" history="history" login="login" emit="docs" subscribe="docs">
85
85
  <pb-paginate slot="toolbar" id="paginate" per-page="10" range="5"
86
- emit="docs" subscribe="docs"></pb-paginate>
86
+ emit="docs" subscribe="docs" show-previous-next="show-previous-next"></pb-paginate>
87
87
  </pb-browse-docs>
88
88
  </main>
89
89
  </pb-page>
@@ -91,4 +91,4 @@
91
91
  </pb-demo-snippet>
92
92
  </body>
93
93
 
94
- </html>
94
+ </html>
package/dist/demo/pb-clipboard.html CHANGED
@@ -1,34 +1,38 @@
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-clipboard Demo</title>
7
- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Oswald">
8
- <link rel="Stylesheet" href="demo.css">
9
- <script src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script><script type="module" src="../pb-components-bundle.js"></script>
10
- </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" />
11
6
 
12
- <body>
13
- <pb-demo-snippet>
14
- <template>
15
- <style type="text/css">
16
- pb-page {
17
- position: relative;
18
- }
7
+ <title>pb-clipboard Demo</title>
8
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Oswald">
9
+ <link rel="Stylesheet" href="demo.css">
10
+ <script type="module" src="../pb-components-bundle.js"></script>
11
+ </head>
19
12
 
20
- pb-clipboard {
21
- margin-bottom: 20px;
22
- }
23
- </style>
24
- <pb-page locales="../i18n/{{ns}}/{{lng}}.json" endpoint="https://teipublisher.com/exist/apps/tei-publisher" api-version="1.0.0">
25
- <pb-clipboard data-i18n="[label]clipboard.copy">John Doe: "The miracles of foobar", Paradise Publishers, Little Village, Stardate 46254.7</pb-clipboard>
26
- <pb-clipboard data-i18n="[label]clipboard.copy">Coffey, Frank. The Complete Idiot's Guide to Elvis. Alpha Books, 1997. eBooks on EBSCOhost.11 May 2000.</pb-clipboard>
13
+ <body>
14
+ <pb-demo-snippet>
15
+ <template>
16
+ <style type="text/css">
17
+ pb-page {
18
+ position: relative;
19
+ }
20
+
21
+ pb-clipboard {
22
+ margin-bottom: 20px;
23
+ }
24
+ </style>
25
+ <pb-page locales="../i18n/{{ns}}/{{lng}}.json" endpoint="https://teipublisher.com/exist/apps/tei-publisher" api-version="1.0.0">
26
+ <pb-clipboard data-i18n="[label]clipboard.copy">John Doe: "The miracles of foobar", Paradise Publishers,
27
+ Little Village, Stardate 46254.7</pb-clipboard>
28
+ <pb-clipboard data-i18n="[label]clipboard.copy">Coffey, Frank. The Complete Idiot's Guide to Elvis.
29
+ Alpha Books, 1997. eBooks on EBSCOhost.11 May 2000.</pb-clipboard>
30
+
31
+ <label for="test-clipboard"><pb-i18n key="clipboard.paste"></pb-i18n></label>
32
+ <input type="text" name="test-clipboard" value="" size="60">
33
+ </pb-page>
34
+ </template>
35
+ </pb-demo-snippet>
36
+ </body>
27
37
 
28
- <label for="test-clipboard"><pb-i18n key="clipboard.paste"></pb-i18n></label>
29
- <input type="text" name="test-clipboard" value="" size="60">
30
- </pb-page>
31
- </template>
32
- </pb-demo-snippet>
33
- </body>
34
38
  </html>
package/dist/demo/pb-code-editor.html CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  <title>pb-code-editor 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><script type="module" src="../pb-code-editor.js"></script>
8
+ <script type="module" src="../pb-components-bundle.js"></script><script type="module" src="../pb-code-editor.js"></script>
9
9
  </head>
10
10
 
11
11
  <body>
@@ -16,15 +16,15 @@
16
16
  </style>
17
17
  <pb-page endpoint="https://teipublisher.com/exist/apps/tei-publisher" api-version="1.0.0" locales="./i18n/{{ns}}_{{lng}}.json" locale-fallback-ns="app custom" api-version="1.0.0">
18
18
  <pb-lang label="language" selected="en">
19
- <paper-item value="de">Deutsch</paper-item>
20
- <paper-item value="en">English</paper-item>
19
+ <option value="de">Deutsch</option>
20
+ <option value="en">English</option>
21
21
  </pb-lang>
22
22
  <!-- using old API endpoint for linter; old API is due for deprecation with Publisher 8
23
23
  <pb-code-editor label="XQuery code, ambiance theme" code="for $i in (1, 2) return $i * 6" mode="xquery"
24
24
  theme="ambiance"
25
- linter="http://localhost:8080/exist/apps/tei-publisher/modules/editor.xql"></pb-code-editor> -->
25
+ linter="/exist/apps/tei-publisher/modules/editor.xql"></pb-code-editor> -->
26
26
  <pb-code-editor label="XQuery code" code="for $i in (1, 2) return $i * 6" mode="xquery"
27
- linter="http://localhost:8080/exist/apps/tei-publisher/api/lint"></pb-code-editor>
27
+ linter="/exist/apps/tei-publisher/api/lint"></pb-code-editor>
28
28
  <pb-code-editor label="CSS" code="color: blue;
29
29
  font-decoration: underline;" mode="css"></pb-code-editor>
30
30
  <pb-code-editor label="XML" code='&lt;elementSpec ident="correspDesc" mode="add"&gt;
@@ -38,4 +38,4 @@ font-decoration: underline;" mode="css"></pb-code-editor>
38
38
  </template>
39
39
  </pb-demo-snippet>
40
40
  </body>
41
- </html>
41
+ </html>