@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/pb-view2.html CHANGED
@@ -1,18 +1,19 @@
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
-
6
- <title>pb-view 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>
11
-
12
- <body>
13
- <pb-demo-snippet>
14
- <template>
15
- <style type="text/css">
2
+
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes" />
6
+
7
+ <title>pb-view 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>
12
+
13
+ <body>
14
+ <pb-demo-snippet>
15
+ <template>
16
+ <style type="text/css">
16
17
  pb-page {
17
18
  position: relative;
18
19
  }
@@ -50,6 +51,23 @@
50
51
  float: right;
51
52
  }
52
53
 
54
+ .nav-button {
55
+ display: inline-flex;
56
+ align-items: center;
57
+ justify-content: center;
58
+ width: 48px;
59
+ height: 48px;
60
+ border-radius: 50%;
61
+ border: none;
62
+ background: #35424b;
63
+ color: #fff;
64
+ cursor: pointer;
65
+ }
66
+
67
+ .nav-button pb-icon {
68
+ --pb-icon-size: 20px;
69
+ }
70
+
53
71
  .toc {
54
72
  grid-column: 1 / 1;
55
73
  grid-row: 1 / span 3;
@@ -100,36 +118,41 @@
100
118
  .toc ul ul {
101
119
  margin-left: 14px;
102
120
  }
103
- </style>
104
- <pb-page endpoint="https://teipublisher.com/exist/apps/tei-publisher" api-version="1.0.0" url-path="query">
105
- <pb-document id="document1" path="doc/documentation.xml" odd="docbook" view="div"></pb-document>
106
-
107
- <pb-progress></pb-progress>
108
- <main>
109
- <aside class="toc">
110
- <pb-load url="api/document/{doc}/contents?target=transcription&icons=false" expand src="document1" auto="auto"><pb-i18n key="dialogs.loading">Loading</pb-i18n></pb-load>
111
- </aside>
112
- <pb-view class="breadcrumbs" src="document1">
113
- <pb-param name="mode" value="breadcrumbs"/>
114
- </pb-view>
115
- <pb-view id="view1" src="document1" append-footnotes fix-links emit="transcription" subscribe="transcription"></pb-view>
116
- <footer>
117
- <!-- Navigate to next page -->
118
- <pb-navigation direction="forward" keyboard="right" emit="transcription" subscribe="transcription">
119
- <paper-button>
120
- <iron-icon icon="icons:chevron-right"></iron-icon>
121
- </paper-button>
122
- </pb-navigation>
123
- <!-- Navigate to previous page -->
124
- <pb-navigation direction="backward" keyboard="left" emit="transcription" subscribe="transcription">
125
- <paper-button>
126
- <iron-icon icon="icons:chevron-left"></iron-icon>
127
- </paper-button>
128
- </pb-navigation>
129
- </footer>
130
- </main>
131
- </pb-page>
132
- </template>
133
- </pb-demo-snippet>
134
- </body>
121
+ </style>
122
+ <pb-page endpoint="https://teipublisher.com/exist/apps/tei-publisher" api-version="1.0.0" url-path="query">
123
+ <pb-document id="document1" path="doc/documentation.xml" odd="docbook" view="div"></pb-document>
124
+
125
+ <pb-progress></pb-progress>
126
+ <main>
127
+ <aside class="toc">
128
+ <pb-load url="api/document/{doc}/contents?target=transcription&icons=false" expand
129
+ src="document1" auto="auto"><pb-i18n key="dialogs.loading">Loading</pb-i18n></pb-load>
130
+ </aside>
131
+ <pb-view class="breadcrumbs" src="document1">
132
+ <pb-param name="mode" value="breadcrumbs" />
133
+ </pb-view>
134
+ <pb-view id="view1" src="document1" append-footnotes fix-links emit="transcription"
135
+ subscribe="transcription"></pb-view>
136
+ <footer>
137
+ <!-- Navigate to next page -->
138
+ <pb-navigation direction="forward" keyboard="right" emit="transcription"
139
+ subscribe="transcription">
140
+ <span class="nav-button">
141
+ <pb-icon icon="icons:chevron-right"></pb-icon>
142
+ </span>
143
+ </pb-navigation>
144
+ <!-- Navigate to previous page -->
145
+ <pb-navigation direction="backward" keyboard="left" emit="transcription"
146
+ subscribe="transcription">
147
+ <span class="nav-button">
148
+ <pb-icon icon="icons:chevron-left"></pb-icon>
149
+ </span>
150
+ </pb-navigation>
151
+ </footer>
152
+ </main>
153
+ </pb-page>
154
+ </template>
155
+ </pb-demo-snippet>
156
+ </body>
157
+
135
158
  </html>
package/dist/demo/pb-view3.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>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">
7
+ <title>pb-view Demo</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
  pb-page {
15
16
  position: relative;
16
17
  }
@@ -25,7 +26,9 @@
25
26
  }
26
27
 
27
28
  @media (min-width: 769px) {
28
- #view1, footer {
29
+
30
+ #view1,
31
+ footer {
29
32
  max-width: 60vw;
30
33
  }
31
34
  }
@@ -47,44 +50,46 @@
47
50
  pb-navigation[direction="forward"] {
48
51
  float: right;
49
52
  }
50
- </style>
51
- <p>Demonstrates how to manipulate pb-view contents via Javascript before they are displayed in a pb-view:</p>
52
- <pb-page endpoint="https://teipublisher.com/exist/apps/tei-publisher" api-version="1.0.0" url-path="query">
53
- <pb-document id="document1" path="test/graves6.xml" odd="graves"></pb-document>
54
-
55
- <pb-progress subscribe="transcription"></pb-progress>
56
- <!-- Output the document title -->
57
- <pb-view src="document1" xpath="//teiHeader/fileDesc/titleStmt/title"
58
- subscribe="transcription">
59
- <pb-param name="header" value="short"/>
60
- </pb-view>
61
- <pb-view id="view1" src="document1" view="single" append-footnotes animation
62
- before-update-event="before-transcription-update"
63
- subscribe="transcription" emit="transcription"></pb-view>
64
- </pb-page>
65
- <script>
66
- window.addEventListener('DOMContentLoaded', () => {
67
- pbEvents.subscribe('before-transcription-update', 'transcription', (ev) => {
68
- const root = ev.detail.root;
69
- // walk through all .tei-name elements and insert a node before each
70
- root.querySelectorAll('.tei-name').forEach((name) => {
71
- // create a span with text 'Name' and orange color
72
- const span = document.createElement('span');
73
- span.innerHTML = 'Name';
74
- span.style.backgroundColor = 'orange';
75
- span.style.padding = '0 4px';
76
- span.style.fontSize = '.85em';
77
- // insert the span before the name
78
- name.parentNode.insertBefore(span, name);
79
- });
53
+ </style>
54
+ <p>Demonstrates how to manipulate pb-view contents via Javascript before they are displayed in a pb-view:
55
+ </p>
56
+ <pb-page endpoint="https://teipublisher.com/exist/apps/tei-publisher" api-version="1.0.0" url-path="query">
57
+ <pb-document id="document1" path="test/graves6.xml" odd="graves"></pb-document>
80
58
 
81
- // to actually show the modified content in the pb-view,
82
- // we need to call the render function passed in the event detail:
83
- ev.detail.render(root);
59
+ <pb-progress subscribe="transcription"></pb-progress>
60
+ <!-- Output the document title -->
61
+ <pb-view src="document1" xpath="//teiHeader/fileDesc/titleStmt/title" subscribe="transcription">
62
+ <pb-param name="header" value="short" />
63
+ </pb-view>
64
+ <pb-view id="view1" src="document1" view="single" append-footnotes animation
65
+ before-update-event="before-transcription-update" subscribe="transcription"
66
+ emit="transcription"></pb-view>
67
+ </pb-page>
68
+ <script>
69
+ window.addEventListener('DOMContentLoaded', () => {
70
+ pbEvents.subscribe('before-transcription-update', 'transcription', (ev) => {
71
+ const { root } = ev.detail;
72
+ // walk through all .tei-name elements and insert a node before each
73
+ root.querySelectorAll('.tei-name').forEach((name) => {
74
+ // create a span with text 'Name' and orange color
75
+ const span = document.createElement('span');
76
+ span.innerHTML = 'Name';
77
+ span.style.backgroundColor = 'orange';
78
+ span.style.padding = '0 4px';
79
+ span.style.fontSize = '.85em';
80
+ // insert the span before the name
81
+ name.parentNode.insertBefore(span, name);
84
82
  });
83
+
84
+ // to actually show the modified content in the pb-view,
85
+ // we need to call the render function passed in the event detail:
86
+ ev.detail.render(root);
85
87
  });
86
- </script>
87
- </template>
88
- </pb-demo-snippet>
89
- </body>
88
+ });
89
+
90
+ </script>
91
+ </template>
92
+ </pb-demo-snippet>
93
+ </body>
94
+
90
95
  </html>
package/dist/demo/pb-view4.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>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">
7
+ <title>pb-view Demo</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
  pb-page {
15
16
  position: relative;
16
17
  }
@@ -44,43 +45,63 @@
44
45
  footer pb-navigation[direction=forward] {
45
46
  float: right;
46
47
  }
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="doc/documentation.xml" odd="docbook" view="div"></pb-document>
50
48
 
51
- <pb-progress></pb-progress>
52
- <main>
53
- <ul>
54
- <li>
55
- <pb-link class="docs" path="doc/documentation.xml" odd="docbook" view="div">Documentation</pb-link>
56
- </li>
57
- <li>
58
- <pb-link path="test/kant_rvernunft_1781.TEI-P5.xml" odd="dta" view="page">Kant chapter</pb-link>
59
- </li>
60
- <li>
61
- <pb-link class="docs" path="doc/documentation.xml" xml-id="pi-config" odd="docbook" view="div">Link by xml:id
62
- </pb-link>
63
- </li>
64
- </ul>
65
- <pb-view id="view1" src="document1" append-footnotes fix-links
66
- load-css="odd/docbook.css"></pb-view>
67
- <footer>
68
- <!-- Navigate to next page -->
69
- <pb-navigation direction="forward" keyboard="right">
70
- <paper-button>
71
- <iron-icon icon="icons:chevron-right"></iron-icon>
72
- </paper-button>
73
- </pb-navigation>
74
- <!-- Navigate to previous page -->
75
- <pb-navigation direction="backward" keyboard="left">
76
- <paper-button>
77
- <iron-icon icon="icons:chevron-left"></iron-icon>
78
- </paper-button>
79
- </pb-navigation>
80
- </footer>
81
- </main>
82
- </pb-page>
83
- </template>
84
- </pb-demo-snippet>
85
- </body>
86
- </html>
49
+ .nav-button {
50
+ display: inline-flex;
51
+ align-items: center;
52
+ justify-content: center;
53
+ width: 48px;
54
+ height: 48px;
55
+ border-radius: 50%;
56
+ border: none;
57
+ background: #35424b;
58
+ color: #fff;
59
+ cursor: pointer;
60
+ }
61
+
62
+ .nav-button pb-icon {
63
+ --pb-icon-size: 20px;
64
+ }
65
+ </style>
66
+ <pb-page endpoint="https://teipublisher.com/exist/apps/tei-publisher" api-version="1.0.0" url-path="query">
67
+ <pb-document id="document1" path="doc/documentation.xml" odd="docbook" view="div"></pb-document>
68
+
69
+ <pb-progress></pb-progress>
70
+ <main>
71
+ <ul>
72
+ <li>
73
+ <pb-link class="docs" path="doc/documentation.xml" odd="docbook"
74
+ view="div">Documentation</pb-link>
75
+ </li>
76
+ <li>
77
+ <pb-link path="test/kant_rvernunft_1781.TEI-P5.xml" odd="dta" view="page">Kant
78
+ chapter</pb-link>
79
+ </li>
80
+ <li>
81
+ <pb-link class="docs" path="doc/documentation.xml" xml-id="pi-config" odd="docbook"
82
+ view="div">Link by xml:id
83
+ </pb-link>
84
+ </li>
85
+ </ul>
86
+ <pb-view id="view1" src="document1" append-footnotes fix-links load-css="odd/docbook.css"></pb-view>
87
+ <footer>
88
+ <!-- Navigate to next page -->
89
+ <pb-navigation direction="forward" keyboard="right">
90
+ <span class="nav-button">
91
+ <pb-icon icon="icons:chevron-right"></pb-icon>
92
+ </span>
93
+ </pb-navigation>
94
+ <!-- Navigate to previous page -->
95
+ <pb-navigation direction="backward" keyboard="left">
96
+ <span class="nav-button">
97
+ <pb-icon icon="icons:chevron-left"></pb-icon>
98
+ </span>
99
+ </pb-navigation>
100
+ </footer>
101
+ </main>
102
+ </pb-page>
103
+ </template>
104
+ </pb-demo-snippet>
105
+ </body>
106
+
107
+ </html>
package/dist/demo/pb-zoom.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-zoom Demo</title>
7
+ <script type="module" src="../pb-components-bundle.js"></script>
8
8
  </head>
9
9
 
10
10
  <body>
package/dist/{es-global-bridge-d8ce175d.js → es-global-bridge-D8ZcUcx_.js} RENAMED
@@ -1,5 +1 @@
1
- /**
2
- * Copyright 2018 The Pennsylvania State University
3
- * @license Apache-2.0, see License.md for full text.
4
- */
5
1
  class t{constructor(){this.imports={},this.webpack=!1,this.import=(t,i,e=!1)=>this.load(t,i,e),this.load=(t,i,e=!1)=>{let o=this.imports[t],s=!e&&this.webpack&&this.webpack[t];return new Promise(s||o?(i,e)=>{i(this.imports[t])}:(e,o)=>{const s=document.createElement("script");s.src=i,s.setAttribute("data-name",t),this.imports[t]=i,s.onload=()=>{e(this.imports[t]),this.imports[t]=!0,setTimeout(()=>{const e=new CustomEvent(`es-bridge-${t}-loaded`,{bubbles:!0,cancelable:!0,detail:{name:t,location:i}});document.dispatchEvent(e)},100)},s.onerror=()=>{o(new Error(`Failed to load ${t} script with location ${i}.`)),delete this.imports[t],this.imports[t]=!1},document.documentElement.appendChild(s)})}}}window.ESGlobalBridge=window.ESGlobalBridge||{},window.ESGlobalBridge.requestAvailability=()=>(window.ESGlobalBridge.instance||(window.ESGlobalBridge.instance=new t),window.ESGlobalBridge.instance),window.ESGlobalBridge.requestAvailability();