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

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 +53 -0
  2. package/.github/workflows/node.js.yml +70 -21
  3. package/.releaserc.json +7 -2
  4. package/CHANGELOG.md +363 -11
  5. package/Dockerfile +78 -70
  6. package/README.md +112 -4
  7. package/css/components.css +5 -5
  8. package/css/gridjs/mermaid.min.css +1 -1
  9. package/css/leaflet/Control.Geocoder.css +1 -126
  10. package/css/leaflet/images/layers.png +0 -0
  11. package/css/tify/tify.css +6 -5
  12. package/css/tom-select/tom-select.bootstrap4.min.css +1 -1
  13. package/css/tom-select/tom-select.bootstrap5.min.css +1 -1
  14. package/css/tom-select/tom-select.default.min.css +1 -1
  15. package/css/tom-select/tom-select.default.min.css.map +1 -0
  16. package/css/tom-select/tom-select.min.css +1 -1
  17. package/cypress.config.js +84 -0
  18. package/dist/api.html +1 -1
  19. package/dist/css/design-system.css +607 -0
  20. package/dist/demo/bundle-test.html +4 -3
  21. package/dist/demo/components.css +46 -1
  22. package/dist/demo/design-system.html +710 -0
  23. package/dist/demo/dts-client.html +2 -2
  24. package/dist/demo/pb-autocomplete.html +23 -11
  25. package/dist/demo/pb-autocomplete2.html +66 -55
  26. package/dist/demo/pb-autocomplete3.html +17 -8
  27. package/dist/demo/pb-blacklab-highlight.html +28 -11
  28. package/dist/demo/pb-blacklab-results.html +3 -2
  29. package/dist/demo/pb-browse-docs.html +24 -24
  30. package/dist/demo/pb-browse-docs2.html +3 -3
  31. package/dist/demo/pb-clipboard.html +32 -28
  32. package/dist/demo/pb-code-editor.html +6 -6
  33. package/dist/demo/pb-code-highlight.html +63 -63
  34. package/dist/demo/pb-codepen.html +1 -1
  35. package/dist/demo/pb-collapse.html +1 -1
  36. package/dist/demo/pb-collapse2.html +2 -2
  37. package/dist/demo/pb-combo-box.html +135 -130
  38. package/dist/demo/pb-custom-form.html +64 -55
  39. package/dist/demo/pb-dialog.html +12 -6
  40. package/dist/demo/pb-document.html +1 -1
  41. package/dist/demo/pb-download.html +68 -59
  42. package/dist/demo/pb-drawer.html +67 -46
  43. package/dist/demo/pb-drawer2.html +65 -58
  44. package/dist/demo/pb-edit-app.html +2 -2
  45. package/dist/demo/pb-edit-xml.html +1 -1
  46. package/dist/demo/pb-facsimile-2.html +26 -11
  47. package/dist/demo/pb-facsimile-3.html +25 -10
  48. package/dist/demo/pb-facsimile-dedup-test-2.html +48 -0
  49. package/dist/demo/pb-facsimile-dedup-test.html +48 -0
  50. package/dist/demo/pb-facsimile.html +4 -4
  51. package/dist/demo/pb-formula.html +1 -1
  52. package/dist/demo/pb-grid.html +22 -8
  53. package/dist/demo/pb-highlight.html +2 -2
  54. package/dist/demo/pb-i18n-simple.html +1 -0
  55. package/dist/demo/pb-i18n.html +15 -5
  56. package/dist/demo/pb-image-strip-standalone.html +2 -2
  57. package/dist/demo/pb-image-strip-view.html +2 -2
  58. package/dist/demo/pb-leaflet-map.html +3 -3
  59. package/dist/demo/pb-leaflet-map2.html +2 -2
  60. package/dist/demo/pb-leaflet-map3.html +3 -3
  61. package/dist/demo/pb-link.html +1 -1
  62. package/dist/demo/pb-load.html +2 -6
  63. package/dist/demo/pb-login.html +1 -3
  64. package/dist/demo/pb-manage-odds.html +9 -4
  65. package/dist/demo/pb-markdown.html +1 -1
  66. package/dist/demo/pb-media-query.html +2 -2
  67. package/dist/demo/pb-mei.html +2 -2
  68. package/dist/demo/pb-mei2.html +2 -2
  69. package/dist/demo/pb-message.html +2 -3
  70. package/dist/demo/pb-odd-editor.html +54 -52
  71. package/dist/demo/pb-page-header.html +27 -0
  72. package/dist/demo/pb-popover.html +1 -1
  73. package/dist/demo/pb-print-preview.html +2 -2
  74. package/dist/demo/pb-progress.html +4 -4
  75. package/dist/demo/pb-repeat.html +32 -36
  76. package/dist/demo/pb-search.html +16 -5
  77. package/dist/demo/pb-search2.html +4 -4
  78. package/dist/demo/pb-search3.html +3 -3
  79. package/dist/demo/pb-search4.html +3 -3
  80. package/dist/demo/pb-select-feature.html +4 -4
  81. package/dist/demo/pb-select-feature2.html +4 -4
  82. package/dist/demo/pb-select-feature3.html +2 -2
  83. package/dist/demo/pb-select-i18n.html +58 -53
  84. package/dist/demo/pb-select-odd.html +1 -1
  85. package/dist/demo/pb-select.html +190 -75
  86. package/dist/demo/pb-select2.html +91 -37
  87. package/dist/demo/pb-select3.html +109 -41
  88. package/dist/demo/pb-svg.html +1 -1
  89. package/dist/demo/pb-table-grid.html +26 -15
  90. package/dist/demo/pb-tabs.html +15 -7
  91. package/dist/demo/pb-tify.html +7 -7
  92. package/dist/demo/pb-timeline.html +1 -1
  93. package/dist/demo/pb-timeline2.html +1 -1
  94. package/dist/demo/pb-toggle-feature.html +26 -23
  95. package/dist/demo/pb-toggle-feature2.html +4 -4
  96. package/dist/demo/pb-toggle-feature3.html +2 -2
  97. package/dist/demo/pb-toggle-feature4.html +56 -54
  98. package/dist/demo/pb-version.html +2 -2
  99. package/dist/demo/pb-view.html +78 -40
  100. package/dist/demo/pb-view2.html +69 -46
  101. package/dist/demo/pb-view3.html +53 -48
  102. package/dist/demo/pb-view4.html +70 -49
  103. package/dist/demo/pb-zoom.html +2 -2
  104. package/dist/{es-global-bridge-d8ce175d.js → es-global-bridge-D8ZcUcx_.js} +0 -4
  105. package/dist/focus-mixin-VCsFap6b.js +768 -0
  106. package/dist/images/icons.svg +217 -0
  107. package/dist/jinn-codemirror-DETLdm08.js +1 -0
  108. package/dist/lib/openseadragon.min.js +80 -0
  109. package/dist/lib/openseadragon.min.js.map +1 -0
  110. package/dist/pb-code-editor.js +25 -20
  111. package/dist/pb-component-docs.js +414 -3225
  112. package/dist/pb-components-bundle.js +3046 -4402
  113. package/dist/pb-dialog-tklYGWfc.js +121 -0
  114. package/dist/pb-edit-app.js +208 -107
  115. package/dist/pb-elements.json +716 -249
  116. package/dist/pb-facsimile.js +46 -0
  117. package/dist/pb-i18n-C0NDma4h.js +1 -0
  118. package/dist/pb-leaflet-map.js +23 -23
  119. package/dist/pb-mei.js +152 -134
  120. package/dist/pb-mixin-DHoWQheB.js +1 -0
  121. package/dist/pb-odd-editor.js +1671 -1231
  122. package/dist/pb-tify.js +1 -27
  123. package/dist/unsafe-html-D5VGo9Oq.js +1 -0
  124. package/dist/urls-BEONu_g4.js +1 -0
  125. package/eslint.config.mjs +92 -0
  126. package/gh-pages.js +5 -3
  127. package/i18n/common/en.json +6 -0
  128. package/i18n/common/pl.json +2 -2
  129. package/images/icons.svg +217 -0
  130. package/index.html +0 -5
  131. package/lib/leaflet-src.js.map +1 -0
  132. package/lib/leaflet.markercluster-src.js.map +1 -0
  133. package/lib/openseadragon.min.js +6 -6
  134. package/package.json +56 -81
  135. package/pb-elements.json +716 -249
  136. package/rollup.config.mjs +312 -0
  137. package/src/assets/components.css +5 -5
  138. package/src/assets/design-system.css +607 -0
  139. package/src/authority/airtable.js +20 -21
  140. package/src/authority/anton.js +129 -129
  141. package/src/authority/custom.js +70 -27
  142. package/src/authority/geonames.js +38 -32
  143. package/src/authority/gnd.js +50 -42
  144. package/src/authority/kbga.js +136 -134
  145. package/src/authority/metagrid.js +44 -46
  146. package/src/authority/reconciliation.js +66 -68
  147. package/src/authority/registry.js +4 -4
  148. package/src/docs/demo-utils.js +91 -0
  149. package/src/docs/pb-component-docs.js +287 -147
  150. package/src/docs/pb-component-view.js +380 -273
  151. package/src/docs/pb-components-list.js +115 -51
  152. package/src/docs/pb-demo-snippet.js +199 -174
  153. package/src/dts-client.js +306 -303
  154. package/src/dts-select-endpoint.js +125 -85
  155. package/src/parse-date-service.js +184 -135
  156. package/src/pb-ajax.js +175 -173
  157. package/src/pb-authority-lookup.js +198 -158
  158. package/src/pb-autocomplete.js +731 -313
  159. package/src/pb-blacklab-highlight.js +266 -260
  160. package/src/pb-blacklab-results.js +230 -225
  161. package/src/pb-browse-docs.js +601 -484
  162. package/src/pb-browse.js +68 -65
  163. package/src/pb-clipboard.js +97 -76
  164. package/src/pb-code-editor.js +111 -103
  165. package/src/pb-code-highlight.js +234 -204
  166. package/src/pb-codepen.js +81 -73
  167. package/src/pb-collapse.js +265 -152
  168. package/src/pb-combo-box.js +191 -191
  169. package/src/pb-components-bundle.js +1 -7
  170. package/src/pb-components.js +2 -6
  171. package/src/pb-custom-form.js +230 -141
  172. package/src/pb-dialog.js +99 -63
  173. package/src/pb-document.js +118 -91
  174. package/src/pb-download.js +214 -198
  175. package/src/pb-drawer.js +146 -149
  176. package/src/pb-edit-app.js +471 -240
  177. package/src/pb-edit-xml.js +101 -98
  178. package/src/pb-events.js +126 -107
  179. package/src/pb-facs-link.js +130 -101
  180. package/src/pb-facsimile.js +494 -410
  181. package/src/pb-fetch.js +389 -0
  182. package/src/pb-formula.js +152 -154
  183. package/src/pb-geolocation.js +130 -132
  184. package/src/pb-grid-action.js +59 -56
  185. package/src/pb-grid.js +388 -228
  186. package/src/pb-highlight.js +142 -142
  187. package/src/pb-hotkeys.js +40 -42
  188. package/src/pb-i18n.js +115 -127
  189. package/src/pb-icon-button.js +108 -0
  190. package/src/pb-icon.js +283 -0
  191. package/src/pb-image-strip.js +85 -79
  192. package/src/pb-lang.js +142 -57
  193. package/src/pb-leaflet-map.js +551 -483
  194. package/src/pb-link.js +132 -126
  195. package/src/pb-load.js +495 -428
  196. package/src/pb-login.js +303 -248
  197. package/src/pb-manage-odds.js +384 -338
  198. package/src/pb-map-icon.js +90 -90
  199. package/src/pb-map-layer.js +86 -86
  200. package/src/pb-markdown.js +107 -110
  201. package/src/pb-media-query.js +75 -73
  202. package/src/pb-mei.js +523 -303
  203. package/src/pb-message.js +144 -98
  204. package/src/pb-mixin.js +268 -265
  205. package/src/pb-navigation.js +83 -96
  206. package/src/pb-observable.js +39 -39
  207. package/src/pb-odd-editor.js +1209 -948
  208. package/src/pb-odd-elementspec-editor.js +375 -310
  209. package/src/pb-odd-model-editor.js +1189 -941
  210. package/src/pb-odd-parameter-editor.js +269 -170
  211. package/src/pb-odd-rendition-editor.js +184 -131
  212. package/src/pb-page.js +451 -422
  213. package/src/pb-paginate.js +260 -178
  214. package/src/pb-panel.js +217 -183
  215. package/src/pb-popover-themes.js +16 -9
  216. package/src/pb-popover.js +297 -288
  217. package/src/pb-print-preview.js +128 -128
  218. package/src/pb-progress.js +52 -52
  219. package/src/pb-repeat.js +141 -108
  220. package/src/pb-restricted.js +85 -78
  221. package/src/pb-search.js +258 -230
  222. package/src/pb-select-feature.js +210 -126
  223. package/src/pb-select-odd.js +184 -118
  224. package/src/pb-select-template.js +113 -78
  225. package/src/pb-select.js +330 -229
  226. package/src/pb-split-list.js +181 -176
  227. package/src/pb-svg.js +81 -80
  228. package/src/pb-table-column.js +55 -55
  229. package/src/pb-table-grid.js +334 -205
  230. package/src/pb-tabs.js +238 -61
  231. package/src/pb-tify.js +3331 -126
  232. package/src/pb-timeline.js +394 -255
  233. package/src/pb-toggle-feature.js +196 -188
  234. package/src/pb-upload.js +201 -176
  235. package/src/pb-version.js +22 -34
  236. package/src/pb-view-annotate.js +138 -102
  237. package/src/pb-view.js +1722 -1272
  238. package/src/pb-zoom.js +144 -46
  239. package/src/search-result-service.js +256 -223
  240. package/src/seed-element.js +14 -22
  241. package/src/settings.js +4 -4
  242. package/src/theming.js +98 -91
  243. package/src/urls.js +403 -289
  244. package/src/utils.js +53 -51
  245. package/vite.config.js +86 -0
  246. package/.github/workflows/main.yml +0 -24
  247. package/.github/workflows/release.js.yml +0 -34
  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-tabs.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-document 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-tabs Demo</title>
7
+ <script type="module" src="../pb-components-bundle.js"></script>
8
8
  </head>
9
9
 
10
10
  <body>
@@ -14,17 +14,17 @@
14
14
  <main>
15
15
  <pb-page endpoint="https://teipublisher.com/exist/apps/tei-publisher" api-version="1.0.0" url-path="query">
16
16
  <pb-tabs>
17
- <paper-tab slot="tab">Tab 1</paper-tab>
18
- <paper-tab slot="tab">Tab 2</paper-tab>
19
- <paper-tab slot="tab">Tab 3</paper-tab>
17
+ <button slot="tab" type="button">Tab 1</button>
18
+ <button slot="tab" type="button">Tab 2</button>
19
+ <button slot="tab" type="button">Tab 3</button>
20
20
 
21
21
  <div slot="page">
22
22
  <p>This is the first tab.</p>
23
23
  </div>
24
- <div slot="page">
24
+ <div slot="page" hidden>
25
25
  <p>And a second tab.</p>
26
26
  </div>
27
- <div slot="page">
27
+ <div slot="page" hidden>
28
28
  <p>The third tab.</p>
29
29
  </div>
30
30
  </pb-tabs>
@@ -32,5 +32,13 @@
32
32
  </main>
33
33
  </template>
34
34
  </pb-demo-snippet>
35
+ <script type="module">
36
+ import { firePageReady } from '../src/docs/demo-utils.js'
37
+ if (document.readyState === 'loading') {
38
+ document.addEventListener('DOMContentLoaded', () => firePageReady({ endpoint: '/exist/apps/tei-publisher' }))
39
+ } else {
40
+ firePageReady({ endpoint: '/exist/apps/tei-publisher' })
41
+ }
42
+ </script>
35
43
  </body>
36
44
  </html>
package/dist/demo/pb-tify.html CHANGED
@@ -4,7 +4,7 @@
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-document Demo</title>
7
+ <title>pb-tify Demo</title>
8
8
  <link rel="stylesheet" href="demo.css">
9
9
  <style>
10
10
  main {
@@ -13,25 +13,25 @@
13
13
  height: 70vh;
14
14
  }
15
15
  </style>
16
- <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-tify.js"></script>
16
+ <script type="module" src="../pb-components-bundle.js"></script><script type="module" src="../pb-tify.js"></script>
17
17
  </head>
18
18
 
19
19
  <body>
20
- <pb-demo-snippet>
20
+ <pb-demo-snippet require-pb-tify="true">
21
21
  <template>
22
22
  <pb-page endpoint="https://teipublisher.com/exist/apps/tei-publisher" api-version="1.0.0" api-version="1.0">
23
23
  <!-- Display facsimile -->
24
24
  <main>
25
25
  <ul>
26
- <li><pb-facs-link trigger="click" facs="https://teipublisher.com/exist/apps/tei-publisher/api/iiif/test/F-rom.xml" emit-on-load="false">Shakespeare's Romeo and Juliet</pb-facs-link></li>
27
- <li><pb-facs-link trigger="click" facs="https://teipublisher.com/exist/apps/tei-publisher/api/iiif/test/F-rom.xml" order="4">Shakespeare's Romeo and Juliet: page 4</pb-facs-link></li>
26
+ <li><pb-facs-link trigger="click" facs="/exist/apps/tei-publisher/api/iiif/test/F-rom.xml" emit-on-load="false">Shakespeare's Romeo and Juliet</pb-facs-link></li>
27
+ <li><pb-facs-link trigger="click" facs="/exist/apps/tei-publisher/api/iiif/test/F-rom.xml" order="4">Shakespeare's Romeo and Juliet: page 4</pb-facs-link></li>
28
28
  <li><pb-facs-link trigger="click" facs="https://manifests.sub.uni-goettingen.de/iiif/presentation/PPN623133725/manifest">Historia Astronomiae</pb-facs-link></li>
29
29
  </ul>
30
- <pb-tify manifest="https://teipublisher.com/exist/apps/tei-publisher/api/iiif/test/F-rom.xml"></pb-tify>
30
+ <pb-tify manifest="/exist/apps/tei-publisher/api/iiif/test/F-rom.xml"></pb-tify>
31
31
  </main>
32
32
  </pb-page>
33
33
  </template>
34
34
  </pb-demo-snippet>
35
35
  </body>
36
36
 
37
- </html>
37
+ </html>
package/dist/demo/pb-timeline.html CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  <title>pb-timeline 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
  main{
package/dist/demo/pb-timeline2.html CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  <title>pb-timeline 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
  main{
package/dist/demo/pb-toggle-feature.html CHANGED
@@ -6,7 +6,7 @@
6
6
 
7
7
  <title>pb-toggle-feature Demo</title>
8
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>
9
+ <script type="module" src="../pb-components-bundle.js"></script>
10
10
  </head>
11
11
 
12
12
  <body>
@@ -33,30 +33,33 @@
33
33
  <pb-demo-snippet>
34
34
  <template>
35
35
  <style>
36
- body {
37
- --paper-fab-background: #35424b;
38
- }
39
- main {
40
- display: flex;
41
- justify-content: space-between;
42
- }
43
- .toolbar {
44
- display: flex;
45
- justify-content: space-between;
46
- align-items: center;
47
- padding: 10px;
48
- background-color: #E0E0E0;
49
- }
50
- pb-toggle-feature {
51
- display: block;
52
- }
36
+ body {
37
+ --paper-fab-background: #35424b;
38
+ }
39
+
40
+ main {
41
+ display: flex;
42
+ justify-content: space-between;
43
+ }
44
+
45
+ .toolbar {
46
+ display: flex;
47
+ justify-content: space-between;
48
+ align-items: center;
49
+ padding: 10px;
50
+ background-color: #E0E0E0;
51
+ }
52
+
53
+ pb-toggle-feature {
54
+ display: block;
55
+ }
53
56
  </style>
54
57
  <pb-page endpoint="https://teipublisher.com/exist/apps/tei-publisher" api-version="1.0.0" url-path="query">
55
58
  <pb-document id="document1" path="test/cortes_to_dantiscus.xml" odd="dantiscus"></pb-document>
56
59
 
57
60
  <div class="toolbar">
58
- <pb-toggle-feature name="plain" selector=".tei-foreign,pb-highlight,pb-popover"
59
- action="disable" default="off">Plain Reading View</pb-toggle-feature>
61
+ <pb-toggle-feature name="plain" selector=".tei-foreign,pb-highlight,pb-popover" action="disable"
62
+ default="off">Plain Reading View</pb-toggle-feature>
60
63
  <!-- pass a parameter 'mode'. pb-view will forward this to the ODD as a user-defined parameter-->
61
64
  <pb-toggle-feature name="mode" on="diplomatic" off="norm">Diplomatic View</pb-toggle-feature>
62
65
  <!-- directly change properties of the pb-view -->
@@ -68,11 +71,11 @@
68
71
  </pb-toggle-feature>
69
72
  <!-- Navigate to previous page -->
70
73
  <pb-navigation direction="backward" keyboard="left">
71
- <paper-icon-button icon="icons:chevron-left"></paper-icon-button>
74
+ <pb-icon-button icon="icons:chevron-left"></pb-icon-button>
72
75
  </pb-navigation>
73
76
  <!-- Navigate to next page -->
74
77
  <pb-navigation direction="forward" keyboard="right">
75
- <paper-icon-button icon="icons:chevron-right"></paper-icon-button>
78
+ <pb-icon-button icon="icons:chevron-right"></pb-icon-button>
76
79
  </pb-navigation>
77
80
  </div>
78
81
  <main>
@@ -83,4 +86,4 @@
83
86
  </pb-demo-snippet>
84
87
  </body>
85
88
 
86
- </html>
89
+ </html>
package/dist/demo/pb-toggle-feature2.html CHANGED
@@ -6,7 +6,7 @@
6
6
 
7
7
  <title>pb-toggle-feature Demo</title>
8
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>
9
+ <script type="module" src="../pb-components-bundle.js"></script>
10
10
  </head>
11
11
 
12
12
  <body>
@@ -60,11 +60,11 @@
60
60
  Normalized View</pb-toggle-feature>
61
61
  <!-- Navigate to previous page -->
62
62
  <pb-navigation direction="backward" keyboard="left" emit="ex2" subscribe="ex2">
63
- <paper-icon-button icon="icons:chevron-left"></paper-icon-button>
63
+ <pb-icon-button icon="icons:chevron-left"></pb-icon-button>
64
64
  </pb-navigation>
65
65
  <!-- Navigate to next page -->
66
66
  <pb-navigation direction="forward" keyboard="right" emit="ex2" subscribe="ex2">
67
- <paper-icon-button icon="icons:chevron-right"></paper-icon-button>
67
+ <pb-icon-button icon="icons:chevron-right"></pb-icon-button>
68
68
  </pb-navigation>
69
69
  </div>
70
70
  <main>
@@ -76,4 +76,4 @@
76
76
  </pb-demo-snippet>
77
77
  </body>
78
78
 
79
- </html>
79
+ </html>
package/dist/demo/pb-toggle-feature3.html CHANGED
@@ -6,7 +6,7 @@
6
6
 
7
7
  <title>pb-toggle-feature Demo</title>
8
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>
9
+ <script type="module" src="../pb-components-bundle.js"></script>
10
10
  </head>
11
11
 
12
12
  <body>
@@ -59,4 +59,4 @@
59
59
  </pb-demo-snippet>
60
60
  </body>
61
61
 
62
- </html>
62
+ </html>
package/dist/demo/pb-toggle-feature4.html CHANGED
@@ -1,54 +1,56 @@
1
- <html>
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-toggle-feature Demo</title>
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>
16
- .toolbar {
17
- display: flex;
18
- justify-content: space-between;
19
- align-items: center;
20
- padding: 10px;
21
- background-color: #E0E0E0;
22
- }
23
- h1.toggle {
24
- color:chocolate;
25
- }
26
- .switch:not(.toggle), .select:not(.toggle) {
27
- display: none;
28
- }
29
- </style>
30
- <pb-page endpoint="https://teipublisher.com/exist/apps/tei-publisher" api-version="1.0.0" url-path="query" version="1.0">
31
- <pb-document id="document2" path="test/cortes_to_dantiscus.xml" odd="dantiscus"></pb-document>
32
- <div class="toolbar">
33
- <pb-toggle-feature name="mode" selector="main h1, .switch"
34
- default="off" global="">Toggle </pb-toggle-feature>
35
- <pb-select-feature name="select" label="Select" items='[
36
- {"name": "Feature enabled", "selectors": [{"selector": ".select", "state": true, "global": true}]},
37
- {"name": "Feature disabled", "selectors": [{"selector": ".select", "state": false, "global": true}]}
38
- ]'
39
- ></pb-select-feature>
40
- </div>
41
- <main>
42
- <p class="switch">Feature 1 is enabled by pb-toggle-feature!</p>
43
- <p class="select">Feature 2 is enabled by pb-select-feature!</p>
44
- <h1>Toggle features outside pb-view/pb-load</h1>
45
- <p>By specifying the "global" attribute, one can toggle features on any element
46
- selected by the selector below the surrounding pb-page.
47
- </p>
48
- </main>
49
- </pb-page>
50
- </template>
51
- </pb-demo-snippet>
52
- </body>
53
-
54
- </html>
1
+ <html>
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-toggle-feature Demo</title>
8
+ <link rel="stylesheet" href="demo.css">
9
+ <script type="module" src="../pb-components-bundle.js"></script>
10
+ </head>
11
+
12
+ <body>
13
+ <pb-demo-snippet>
14
+ <template>
15
+ <style>
16
+ .toolbar {
17
+ display: flex;
18
+ justify-content: space-between;
19
+ align-items: center;
20
+ padding: 10px;
21
+ background-color: #E0E0E0;
22
+ }
23
+
24
+ h1.toggle {
25
+ color: chocolate;
26
+ }
27
+
28
+ .switch:not(.toggle),
29
+ .select:not(.toggle) {
30
+ display: none;
31
+ }
32
+ </style>
33
+ <pb-page endpoint="https://teipublisher.com/exist/apps/tei-publisher" api-version="1.0.0" url-path="query" version="1.0">
34
+ <pb-document id="document2" path="test/cortes_to_dantiscus.xml" odd="dantiscus"></pb-document>
35
+ <div class="toolbar">
36
+ <pb-toggle-feature name="mode" selector="main h1, .switch" default="off" global="">Toggle
37
+ </pb-toggle-feature>
38
+ <pb-select-feature name="select" label="Select" items='[
39
+ {"name": "Feature enabled", "selectors": [{"selector": ".select", "state": true, "global": true}]},
40
+ {"name": "Feature disabled", "selectors": [{"selector": ".select", "state": false, "global": true}]}
41
+ ]'></pb-select-feature>
42
+ </div>
43
+ <main>
44
+ <p class="switch">Feature 1 is enabled by pb-toggle-feature!</p>
45
+ <p class="select">Feature 2 is enabled by pb-select-feature!</p>
46
+ <h1>Toggle features outside pb-view/pb-load</h1>
47
+ <p>By specifying the "global" attribute, one can toggle features on any element
48
+ selected by the selector below the surrounding pb-page.
49
+ </p>
50
+ </main>
51
+ </pb-page>
52
+ </template>
53
+ </pb-demo-snippet>
54
+ </body>
55
+
56
+ </html>
package/dist/demo/pb-version.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-markdown 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-version Demo</title>
7
+ <script type="module" src="../pb-components-bundle.js"></script>
8
8
  </head>
9
9
 
10
10
  <body>
package/dist/demo/pb-view.html CHANGED
@@ -1,16 +1,26 @@
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
+ <!--scripts-->
9
+
10
+ <script type="module" src="../src/pb-icon.js"></script>
11
+ <script type="module" src="../src/docs/pb-demo-snippet.js"></script>
12
+ <script type="module" src="../src/pb-page.js"></script>
13
+ <script type="module" src="../src/pb-document.js"></script>
14
+ <script type="module" src="../src/pb-view.js"></script>
15
+ <script type="module" src="../src/pb-popover.js"></script>
16
+ <script type="module" src="../src/pb-navigation.js"></script>
17
+ <script type="module" src="../src/pb-progress.js"></script>
18
+ </head>
19
+
20
+ <body>
21
+ <pb-demo-snippet>
22
+ <template>
23
+ <style type="text/css">
14
24
  pb-page {
15
25
  position: relative;
16
26
  }
@@ -25,7 +35,9 @@
25
35
  }
26
36
 
27
37
  @media (min-width: 769px) {
28
- #view1, footer {
38
+
39
+ #view1,
40
+ footer {
29
41
  max-width: 60vw;
30
42
  }
31
43
  }
@@ -47,34 +59,60 @@
47
59
  pb-navigation[direction="forward"] {
48
60
  float: right;
49
61
  }
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/kant_rvernunft_1781.TEI-P5.xml" odd="dta"></pb-document>
53
62
 
54
- <pb-progress subscribe="transcription"></pb-progress>
55
- <!-- Output the document title -->
56
- <pb-view src="document1" xpath="//teiHeader/fileDesc/titleStmt/title"
57
- subscribe="transcription" view="single">
58
- <pb-param name="header" value="short"/>
59
- </pb-view>
60
- <pb-view id="view1" src="document1" view="page" append-footnotes animation
61
- subscribe="transcription" emit="transcription"></pb-view>
62
- <footer>
63
- <!-- Navigate to next page -->
64
- <pb-navigation direction="forward" keyboard="right" subscribe="transcription" emit="transcription">
65
- <paper-button>
66
- <iron-icon icon="icons:chevron-right"></iron-icon>
67
- </paper-button>
68
- </pb-navigation>
69
- <!-- Navigate to previous page -->
70
- <pb-navigation direction="backward" keyboard="left" subscribe="transcription" emit="transcription">
71
- <paper-button>
72
- <iron-icon icon="icons:chevron-left"></iron-icon>
73
- </paper-button>
74
- </pb-navigation>
75
- </footer>
76
- </pb-page>
77
- </template>
78
- </pb-demo-snippet>
79
- </body>
63
+ .nav-button {
64
+ display: inline-flex;
65
+ align-items: center;
66
+ justify-content: center;
67
+ width: 48px;
68
+ height: 48px;
69
+ border-radius: 50%;
70
+ border: none;
71
+ background: #35424b;
72
+ color: #fff;
73
+ cursor: pointer;
74
+ }
75
+
76
+ .nav-button pb-icon {
77
+ --pb-icon-size: 20px;
78
+ }
79
+ </style>
80
+ <pb-page endpoint="https://teipublisher.com/exist/apps/tei-publisher" api-version="1.0.0" url-path="query">
81
+ <pb-document id="document1" path="test/kant_rvernunft_1781.TEI-P5.xml" odd="dta"></pb-document>
82
+
83
+ <pb-progress subscribe="transcription"></pb-progress>
84
+ <!-- Output the document title -->
85
+ <pb-view src="document1" xpath="//teiHeader/fileDesc/titleStmt/title" subscribe="transcription"
86
+ view="single" static="./pb-view-static">
87
+ <pb-param name="header" value="short" />
88
+ </pb-view>
89
+ <pb-view id="view1" src="document1" view="page" append-footnotes animation subscribe="transcription"
90
+ emit="transcription" static="./pb-view-static"></pb-view>
91
+ <footer>
92
+ <!-- Navigate to next page -->
93
+ <pb-navigation direction="forward" keyboard="right" subscribe="transcription" emit="transcription">
94
+ <span class="nav-button">
95
+ <pb-icon icon="icons:chevron-right"></pb-icon>
96
+ </span>
97
+ </pb-navigation>
98
+ <!-- Navigate to previous page -->
99
+ <pb-navigation direction="backward" keyboard="left" subscribe="transcription" emit="transcription">
100
+ <span class="nav-button">
101
+ <pb-icon icon="icons:chevron-left"></pb-icon>
102
+ </span>
103
+ </pb-navigation>
104
+ </footer>
105
+ </pb-page>
106
+ </template>
107
+ </pb-demo-snippet>
108
+ <script type="module">
109
+ import { firePageReady } from '../src/docs/demo-utils.js'
110
+ if (document.readyState === 'loading') {
111
+ document.addEventListener('DOMContentLoaded', () => firePageReady({ endpoint: '/exist/apps/tei-publisher' }))
112
+ } else {
113
+ firePageReady({ endpoint: '/exist/apps/tei-publisher' })
114
+ }
115
+ </script>
116
+ </body>
117
+
80
118
  </html>