@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-facsimile-dedup-test-2.html ADDED
@@ -0,0 +1,48 @@
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-facsimile Request Deduplication Test - Multiple Images</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
+ <pb-page endpoint="https://teipublisher.com/exist/apps/tei-publisher" api-version="1.0.0" api-version="1.0">
16
+ <div>
17
+ <pb-facsimile
18
+ base-uri="https://apps.existsolutions.com/cantaloupe/iiif/2/"
19
+ subscribe="transcription"
20
+ default-zoom-level="0"
21
+ >
22
+ <h3 slot="before">Facsimile Viewer Test</h3>
23
+ <div slot="after">Status: <span id="status"></span></div>
24
+ </pb-facsimile>
25
+ <h3 id="other">Some other data</h3>
26
+ <pb-facs-link
27
+ emit="transcription"
28
+ facs="12446_000_BCz_1596p302.jpg"
29
+ coordinates="[ 1,2,3,4 ]"
30
+ >First area</pb-facs-link>
31
+ <pb-facs-link
32
+ emit="transcription"
33
+ facs="12446_000_BCz_1596p303.jpg"
34
+ coordinates="[ 5,6,7,8 ]"
35
+ >Second area</pb-facs-link>
36
+ <pb-facs-link
37
+ emit="transcription"
38
+ facs="12446_000_BCz_1596p302.jpg"
39
+ coordinates="[ 9,10,11,12 ]"
40
+ >Third area</pb-facs-link>
41
+ </div>
42
+ </pb-page>
43
+ </template>
44
+ </pb-demo-snippet>
45
+ </body>
46
+
47
+ </html>
48
+
package/dist/demo/pb-facsimile-dedup-test.html ADDED
@@ -0,0 +1,48 @@
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-facsimile Request Deduplication Test</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
+ <pb-page endpoint="https://teipublisher.com/exist/apps/tei-publisher" api-version="1.0.0" api-version="1.0">
16
+ <div>
17
+ <pb-facsimile
18
+ base-uri="https://apps.existsolutions.com/cantaloupe/iiif/2/"
19
+ subscribe="transcription"
20
+ default-zoom-level="0"
21
+ >
22
+ <h3 slot="before">Facsimile Viewer Test</h3>
23
+ <div slot="after">Status: <span id="status"></span></div>
24
+ </pb-facsimile>
25
+ <h3 id="other">Some other data</h3>
26
+ <pb-facs-link
27
+ emit="transcription"
28
+ facs="12446_000_BCz_1596p302.jpg"
29
+ coordinates="[ 1,2,3,4 ]"
30
+ >First area</pb-facs-link>
31
+ <pb-facs-link
32
+ emit="transcription"
33
+ facs="12446_000_BCz_1596p302.jpg"
34
+ coordinates="[ 5,6,7,8 ]"
35
+ >Second area</pb-facs-link>
36
+ <pb-facs-link
37
+ emit="transcription"
38
+ facs="12446_000_BCz_1596p302.jpg"
39
+ coordinates="[ 9,10,11,12 ]"
40
+ >Third area</pb-facs-link>
41
+ </div>
42
+ </pb-page>
43
+ </template>
44
+ </pb-demo-snippet>
45
+ </body>
46
+
47
+ </html>
48
+
package/dist/demo/pb-facsimile.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-document Demo</title>
8
- <script src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script><script type="module" src="../pb-components-bundle.js"></script>
7
+ <title>pb-facsimile Demo</title>
8
+ <script type="module" src="../pb-components-bundle.js"></script>
9
9
  </head>
10
10
 
11
11
  <body>
@@ -44,7 +44,7 @@
44
44
  facsimiles='["15929_000_IDL5772_BOss12034_IIIp79.jpg", "15929_000_IDL5772_BOss12034_IIIp80.jpg", "15929_000_IDL5772_BOss12034_IIIp81.jpg", "15929_000_IDL5772_BOss12034_IIIp82.jpg",
45
45
  "does-not-exist.jpg"]'
46
46
  default-zoom-level="0" show-navigator show-sequence-control reference-strip
47
- show-navigation-control show-home-control show-rotation-control>
47
+ show-navigation-control show-home-control show-rotation-control show-full-page-control>
48
48
  <h3 slot="before">Facsimile Viewer Test</h3>
49
49
  <div slot="after">Status: <span id="status"></span></div>
50
50
  </pb-facsimile>
@@ -90,4 +90,4 @@
90
90
  </pb-demo-snippet>
91
91
  </body>
92
92
 
93
- </html>
93
+ </html>
package/dist/demo/pb-formula.html CHANGED
@@ -4,7 +4,7 @@
4
4
  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes"/>
5
5
 
6
6
  <title>pb-formula 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>
7
+ <script type="module" src="../pb-components-bundle.js"></script>
8
8
  </head>
9
9
 
10
10
  <body>
package/dist/demo/pb-grid.html CHANGED
@@ -5,7 +5,17 @@
5
5
  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes" />
6
6
 
7
7
  <title>pb-grid Demo</title>
8
- <script src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script><script type="module" src="../pb-components-bundle.js"></script>
8
+ <style>
9
+ svg {
10
+ width: 1rem;
11
+ height: 1rem;
12
+ }
13
+
14
+ pb-grid-action {
15
+ margin-bottom: 1rem;
16
+ }
17
+ </style>
18
+ <script type="module" src="../pb-components-bundle.js"></script>
9
19
  </head>
10
20
 
11
21
  <body>
@@ -15,9 +25,7 @@
15
25
  <pb-document id="document1" path="test/orlik_to_serafin.xml" odd="serafin" view="single"></pb-document>
16
26
 
17
27
  <pb-grid-action action="add" class="grid-add" grid="#grid" initial="1">
18
- <paper-button>
19
- <iron-icon icon="icons:add"></iron-icon> Add Column
20
- </paper-button>
28
+ <button>Add Column</button>
21
29
  </pb-grid-action>
22
30
  <!-- Define the grid with one initial column -->
23
31
  <pb-grid id="grid" panels="[0,1]" subscribe="transcription" animation="true">
@@ -25,9 +33,15 @@
25
33
  <template>
26
34
  <pb-panel emit="transcription">
27
35
  <!-- Added to the toolbar -->
28
- <pb-grid-action grid="#grid" slot="toolbar" action="remove">
29
- <paper-icon-button icon="icons:close"></paper-icon-button>
30
- </pb-grid-action>
36
+ <li slot="toolbar">
37
+ <pb-grid-action grid="#grid" action="remove">
38
+ <svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512">
39
+ <path fill="none" stroke="currentColor" stroke-linecap="round"
40
+ stroke-linejoin="round" stroke-width="32"
41
+ d="M368 368L144 144M368 144L144 368" />
42
+ </svg>
43
+ </pb-grid-action>
44
+ </li>
31
45
  <template title="Transcription">
32
46
  <pb-view class="animated" src="document1"
33
47
  xpath="! (.//text[@xml:lang = 'la']/body | .//text/body)[1]" emit="transcription">
@@ -51,4 +65,4 @@
51
65
  </pb-demo-snippet>
52
66
  </body>
53
67
 
54
- </html>
68
+ </html>
package/dist/demo/pb-highlight.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-view Demo</title>
8
- <script src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script><script type="module" src="../pb-components-bundle.js"></script>
7
+ <title>pb-highlight Demo</title>
8
+ <script type="module" src="../pb-components-bundle.js"></script>
9
9
  </head>
10
10
 
11
11
  <body>
package/dist/demo/pb-i18n-simple.html ADDED
@@ -0,0 +1 @@
1
+
package/dist/demo/pb-i18n.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-view Demo</title>
8
- <script src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script><script type="module" src="../pb-components-bundle.js"></script>
7
+ <title>pb-i18n Demo</title>
8
+ <script type="module" src="../pb-components-bundle.js"></script>
9
9
  </head>
10
10
 
11
11
  <body>
@@ -13,6 +13,15 @@
13
13
  <template>
14
14
  <style>
15
15
  pb-lang { --pb-lang-input-color: #303030; }
16
+
17
+ .demo-card {
18
+ margin-top: 1rem;
19
+ padding: 1rem;
20
+ border-radius: 12px;
21
+ border: 1px solid rgba(0, 0, 0, 0.12);
22
+ background: #fff;
23
+ box-shadow: 0 2px 6px rgba(0,0,0,0.08);
24
+ }
16
25
  </style>
17
26
  <pb-page locales="./i18n/{{ns}}_{{lng}}.json" locale-fallback-ns="app custom">
18
27
  <pb-lang label="language" selected="en">
@@ -47,9 +56,10 @@
47
56
  <li><pb-i18n key="demo.message"></pb-i18n></li>
48
57
  <li><pb-i18n key="mycomponent.info"></pb-i18n></li>
49
58
  </ul>
50
- <paper-card data-i18n="[heading]menu.download.title" heading="">
51
- <div class="card-content">Attributes can be translated as well (card heading above)</div>
52
- </paper-card>
59
+ <div class="demo-card">
60
+ <h3 data-i18n="menu.download.title"></h3>
61
+ <div>Attributes can be translated as well (card heading above)</div>
62
+ </div>
53
63
 
54
64
  <h2>without a label</h2>
55
65
  <pb-lang label="language" selected="en" nolabel="nolabel">
package/dist/demo/pb-image-strip-standalone.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-document 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-image-strip Demo</title>
8
+ <script type="module" src="../pb-components-bundle.js"></script>
9
9
  </head>
10
10
 
11
11
  <body>
package/dist/demo/pb-image-strip-view.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-document 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-image-strip Demo</title>
8
+ <script type="module" src="../pb-components-bundle.js"></script>
9
9
  </head>
10
10
 
11
11
  <body>
package/dist/demo/pb-leaflet-map.html CHANGED
@@ -5,7 +5,7 @@
5
5
  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes" />
6
6
 
7
7
  <title>pb-leaflet-map 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><script type="module" src="../pb-leaflet-map.js"></script>
8
+ <script type="module" src="../pb-components-bundle.js"></script><script type="module" src="../pb-leaflet-map.js"></script>
9
9
  </head>
10
10
 
11
11
  <body>
@@ -42,7 +42,7 @@
42
42
  <pb-leaflet-map id="map" zoom="11" fit-markers>
43
43
  <pb-map-layer show base label="HikeBike Map" url="https://api.mapbox.com/styles/v1/mapbox/streets-v11/tiles/{z}/{x}/{y}?access_token={accessToken}" max-zoom="19"
44
44
  access-token="pk.eyJ1Ijoid29sZmdhbmdtbSIsImEiOiJjam1kMjVpMnUwNm9wM3JwMzdsNGhhcnZ0In0.v65crewF-dkNsPF3o1Q4uw"
45
- attribution='&copy; &lt;a href="https://www.mapbox.com/about/maps/"&gt;Mapbox&lt;/a&gt; &copy &lt;a href="http://www.openstreetmap.org/copyright"&gt;OpenStreetMap&lt;/a&gt; &lt;strong&gt;&lt;a href="https://www.mapbox.com/map-feedback/" target="_blank"&gt;Improve this map&lt;/a&gt;&lt;/strong&gt;'></pb-map-layer>
45
+ attribution='&copy; <a href="https://www.mapbox.com/about/maps/">Mapbox</a> &copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> <strong><a href="https://www.mapbox.com/map-feedback/" target="_blank" rel="noopener">Improve this map</a></strong>'></pb-map-layer>
46
46
  <pb-map-icon icon-url="leaf-green.png" shadow-url="leaf-shadow.png" icon-size="38, 95" shadow-size="50, 64"
47
47
  icon-anchor="22, 94" shadow-anchor="4, 62" popup-anchor="-3, -76"/>
48
48
  <pb-map-icon name="active" icon-url="leaf-red.png" shadow-url="leaf-shadow.png" icon-size="38, 95" shadow-size="50, 64"
@@ -57,7 +57,7 @@
57
57
  * which does itself send the `pb-update` event, e.g. `pb-view`.
58
58
  */
59
59
  document.addEventListener('WebComponentsReady', () => {
60
- pbEvents.subscribe('pb-ready', null, function() {
60
+ pbEvents.subscribe('pb-ready', null, () => {
61
61
  document.dispatchEvent(new CustomEvent('pb-update', {
62
62
  detail: {
63
63
  root: document.getElementById('locations')
package/dist/demo/pb-leaflet-map2.html CHANGED
@@ -5,7 +5,7 @@
5
5
  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes" />
6
6
 
7
7
  <title>pb-leaflet-map 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><script type="module" src="../pb-leaflet-map.js"></script>
8
+ <script type="module" src="../pb-components-bundle.js"></script><script type="module" src="../pb-leaflet-map.js"></script>
9
9
  </head>
10
10
 
11
11
  <body>
@@ -39,7 +39,7 @@
39
39
  Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
40
40
  <pb-leaflet-map id="map" zoom="11" toggle>
41
41
  <pb-map-layer show base label="OpenTopo Map" url="https://{s}.tile.openstreetmap.de/tiles/osmde/{z}/{x}/{y}.png" max-zoom="19"
42
- attribution='&copy; &lt;a href="https://www.openstreetmap.org/copyright">OpenStreetMap&lt;/a> contributors'></pb-map-layer>
42
+ attribution='&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'></pb-map-layer>
43
43
  </pb-leaflet-map>
44
44
  </main>
45
45
  </pb-page>
package/dist/demo/pb-leaflet-map3.html CHANGED
@@ -6,7 +6,7 @@
6
6
 
7
7
  <title>pb-leaflet-map Demo</title>
8
8
 
9
- <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-leaflet-map.js"></script>
9
+ <script type="module" src="../pb-components-bundle.js"></script><script type="module" src="../pb-leaflet-map.js"></script>
10
10
  </head>
11
11
 
12
12
  <body>
@@ -64,11 +64,11 @@
64
64
  </ul>
65
65
  <pb-leaflet-map id="map" zoom="14" fit-markers>
66
66
  <pb-map-layer show base label="OpenTopo Map" url="https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png" max-zoom="19"
67
- attribution='Map data: &copy; &lt;a href="https://www.openstreetmap.org/copyright">OpenStreetMap&lt;/a> contributors, &lt;a href="http://viewfinderpanoramas.org">SRTM&lt;/a> | Map style: &copy; &lt;a href="https://opentopomap.org">OpenTopoMap&lt;/a> (&lt;a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA&lt;/a>)'></pb-map-layer>
67
+ attribution='Map data: &copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, <a href="http://viewfinderpanoramas.org">SRTM</a> | Map style: &copy; <a href="https://opentopomap.org">OpenTopoMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'></pb-map-layer>
68
68
  <pb-map-layer base label="ESRI World Imagery" url="https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}"
69
69
  attribution='Tiles &copy; Esri &mdash; Source: Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community'></pb-map-layer>
70
70
  <pb-map-layer show label="Ski Slopes" url="https://tile.waymarkedtrails.org/slopes/{z}/{x}/{y}.png"
71
- attribution='Map data: &copy; &lt;a href="https://www.openstreetmap.org/copyright">OpenStreetMap&lt;/a> contributors | Map style: &copy; &lt;a href="https://waymarkedtrails.org">waymarkedtrails.org</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA&lt;/a>)'
71
+ attribution='Map data: &copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors | Map style: &copy; <a href="https://waymarkedtrails.org">waymarkedtrails.org</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
72
72
  max-zoom="18"></pb-map-layer>
73
73
  <pb-map-layer label="Hiking Trails" url="https://tile.waymarkedtrails.org/hiking/{z}/{x}/{y}.png"
74
74
  attribution='Map data: &copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors | Map style: &copy; <a href="https://waymarkedtrails.org">waymarkedtrails.org</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
package/dist/demo/pb-link.html CHANGED
@@ -5,7 +5,7 @@
5
5
  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes" />
6
6
 
7
7
  <title>pb-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>
8
+ <script type="module" src="../pb-components-bundle.js"></script>
9
9
  </head>
10
10
 
11
11
  <body>
package/dist/demo/pb-load.html CHANGED
@@ -5,17 +5,13 @@
5
5
  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes" />
6
6
 
7
7
  <title>pb-load Demo</title>
8
- <script src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script><script type="module" src="../pb-components-bundle.js"></script>
8
+ <script type="module" src="../pb-components-bundle.js"></script>
9
9
  </head>
10
10
 
11
11
  <body>
12
12
  <pb-demo-snippet>
13
13
  <template>
14
14
  <style type="text/css">
15
- body {
16
- --paper-fab-background: #35424b;
17
- }
18
-
19
15
  main {
20
16
  display: flex;
21
17
  }
@@ -57,4 +53,4 @@
57
53
  </pb-demo-snippet>
58
54
  </body>
59
55
 
60
- </html>
56
+ </html>
package/dist/demo/pb-login.html CHANGED
@@ -4,8 +4,7 @@
4
4
  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes"/>
5
5
 
6
6
  <title>pb-login Demo</title>
7
- <link rel="stylesheet" href="../css/pb-styles.css">
8
- <script src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script><script type="module" src="../pb-components-bundle.js"></script>
7
+ <script type="module" src="../pb-components-bundle.js"></script>
9
8
  </head>
10
9
 
11
10
  <body>
@@ -24,7 +23,6 @@
24
23
 
25
24
  <main>
26
25
  <pb-login id="loginElem">
27
-
28
26
  <p slot="information">Please log in with your eXist-db credentials.</p>
29
27
  </pb-login>
30
28
 
package/dist/demo/pb-manage-odds.html CHANGED
@@ -5,15 +5,20 @@
5
5
  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes" />
6
6
 
7
7
  <title>pb-manage-odds Demo</title>
8
- <script src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script><script type="module" src="../pb-components-bundle.js"></script>
8
+ <script type="module" src="../pb-components-bundle.js"></script>
9
9
  </head>
10
10
 
11
11
  <body>
12
12
  <pb-demo-snippet>
13
13
  <template>
14
14
  <style type="text/css">
15
- pb-download { margin-right: 10px; }
16
- pb-progress { margin-bottom: 20px; }
15
+ pb-download {
16
+ margin-right: 10px;
17
+ }
18
+
19
+ pb-progress {
20
+ margin-bottom: 20px;
21
+ }
17
22
  </style>
18
23
  <pb-page endpoint="https://teipublisher.com/exist/apps/tei-publisher" api-version="1.0.0">
19
24
  <pb-progress></pb-progress>
@@ -27,4 +32,4 @@
27
32
  </pb-demo-snippet>
28
33
  </body>
29
34
 
30
- </html>
35
+ </html>
package/dist/demo/pb-markdown.html CHANGED
@@ -4,7 +4,7 @@
4
4
  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes"/>
5
5
 
6
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>
7
+ <script type="module" src="../pb-components-bundle.js"></script>
8
8
  </head>
9
9
 
10
10
  <body>
package/dist/demo/pb-media-query.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-popover 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-media-query Demo</title>
7
+ <script type="module" src="../pb-components-bundle.js"></script>
8
8
  </head>
9
9
 
10
10
  <body>
package/dist/demo/pb-mei.html CHANGED
@@ -6,7 +6,7 @@
6
6
 
7
7
  <title>pb-mei 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><script type="module" src="../pb-mei.js"></script>
9
+ <script type="module" src="../pb-components-bundle.js"></script><script type="module" src="../pb-mei.js"></script>
10
10
  </head>
11
11
 
12
12
  <body>
@@ -40,4 +40,4 @@
40
40
  </pb-demo-snippet>
41
41
  </body>
42
42
 
43
- </html>
43
+ </html>
package/dist/demo/pb-mei2.html CHANGED
@@ -6,7 +6,7 @@
6
6
 
7
7
  <title>pb-mei 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>
@@ -34,4 +34,4 @@
34
34
  </pb-demo-snippet>
35
35
  </body>
36
36
 
37
- </html>
37
+ </html>
package/dist/demo/pb-message.html CHANGED
@@ -4,8 +4,7 @@
4
4
  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes"/>
5
5
 
6
6
  <title>pb-message Demo</title>
7
- <link rel="stylesheet" href="../css/pb-styles.css">
8
- <script src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script><script type="module" src="../pb-components-bundle.js"></script>
7
+ <script type="module" src="../pb-components-bundle.js"></script>
9
8
  </head>
10
9
 
11
10
  <body>
@@ -33,7 +32,7 @@
33
32
  }
34
33
  function confirm() {
35
34
  document.getElementById('msg')
36
- .confirm('confirm?', "a confirmation message")
35
+ .confirm("a confirmation message", 'confirm?')
37
36
  .then(
38
37
  () => { document.getElementById('output').innerHTML = 'Confirmed!'; },
39
38
  () => { document.getElementById('output').innerHTML = 'Dismissed!'; }
package/dist/demo/pb-odd-editor.html CHANGED
@@ -1,54 +1,56 @@
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-odd-editor Demo</title>
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-odd-editor.js"></script>
9
-
10
- <style>
11
- *:focus {
12
- outline: none;
13
- }
14
- pb-login {
15
- --pb-login-link-color: #886666;
16
- }
17
- pb-odd-editor {
18
- height: calc(100vh - 24px);
19
- }
20
- .CodeMirror-lint-tooltip {
21
- background-color: #ffd;
22
- border: 1px solid black;
23
- border-radius: 4px 4px 4px 4px;
24
- color: black;
25
- font-family: monospace;
26
- font-size: 10pt;
27
- overflow: hidden;
28
- padding: 2px 5px;
29
- position: fixed;
30
- white-space: pre;
31
- white-space: pre-wrap;
32
- z-index: 100;
33
- max-width: 600px;
34
- opacity: 0;
35
- transition: opacity .4s;
36
- -moz-transition: opacity .4s;
37
- -webkit-transition: opacity .4s;
38
- -o-transition: opacity .4s;
39
- -ms-transition: opacity .4s;
40
- }
41
- </style>
42
- </head>
43
-
44
- <body>
45
- <pb-page endpoint="https://teipublisher.com/exist/apps/tei-publisher" api-version="1.0.0">
46
- <pb-login group="tei"></pb-login>
47
- <pb-odd-editor
48
- output-root="/db/apps/tei-publisher/transform"
49
- root-path="/db/apps/tei-publisher/odd"
50
- output-prefix="transform"
51
- odd="graves.odd"></pb-odd-editor>
52
- </pb-page>
53
- </body>
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-odd-editor Demo</title>
8
+ <link rel="stylesheet" href="demo.css">
9
+ <script type="module" src="../pb-components-bundle.js"></script><script type="module" src="../pb-odd-editor.js"></script>
10
+
11
+ <style>
12
+ *:focus {
13
+ outline: none;
14
+ }
15
+
16
+ pb-login {
17
+ --pb-login-link-color: #886666;
18
+ }
19
+
20
+ pb-odd-editor {
21
+ height: calc(100vh - 24px);
22
+ }
23
+
24
+ .CodeMirror-lint-tooltip {
25
+ background-color: #ffd;
26
+ border: 1px solid black;
27
+ border-radius: 4px 4px 4px 4px;
28
+ color: black;
29
+ font-family: monospace;
30
+ font-size: 10pt;
31
+ overflow: hidden;
32
+ padding: 2px 5px;
33
+ position: fixed;
34
+ white-space: pre;
35
+ white-space: pre-wrap;
36
+ z-index: 100;
37
+ max-width: 600px;
38
+ opacity: 0;
39
+ transition: opacity .4s;
40
+ -moz-transition: opacity .4s;
41
+ -webkit-transition: opacity .4s;
42
+ -o-transition: opacity .4s;
43
+ -ms-transition: opacity .4s;
44
+ }
45
+ </style>
46
+ </head>
47
+
48
+ <body>
49
+ <pb-page endpoint="https://teipublisher.com/exist/apps/tei-publisher" api-version="1.0.0">
50
+ <pb-login group="tei"></pb-login>
51
+ <pb-odd-editor output-root="/db/apps/tei-publisher/transform" root-path="/db/apps/tei-publisher/odd"
52
+ output-prefix="transform" odd="graves.odd"></pb-odd-editor>
53
+ </pb-page>
54
+ </body>
55
+
54
56
  </html>