@teipublisher/pb-components 1.42.7 → 1.43.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.
- package/CHANGELOG.md +14 -0
- package/css/components.css +5 -0
- package/dist/demo/components.css +26 -0
- package/dist/demo/pb-code-highlight.html +63 -63
- package/dist/demo/pb-table-grid.html +16 -16
- package/dist/demo/pb-view2.html +135 -136
- package/dist/pb-code-editor.js +1 -1
- package/dist/pb-component-docs.js +40 -40
- package/dist/pb-components-bundle.js +261 -262
- package/dist/pb-edit-app.js +1 -1
- package/dist/pb-elements.json +703 -690
- package/dist/{pb-i18n-6ad23bcf.js → pb-i18n-dc551878.js} +1 -1
- package/dist/pb-leaflet-map.js +1 -1
- package/dist/{pb-message-0fb0b538.js → pb-message-fbc1b645.js} +25 -26
- package/dist/{pb-mixin-15ff531f.js → pb-mixin-f8b22e51.js} +1 -1
- package/dist/pb-odd-editor.js +1 -1
- package/package.json +1 -1
- package/pb-elements.json +703 -690
- package/src/assets/components.css +5 -0
- package/src/pb-browse-docs.js +520 -519
- package/src/pb-clipboard.js +75 -74
- package/src/pb-code-highlight.js +194 -193
- package/src/pb-collapse.js +183 -182
- package/src/pb-mixin.js +542 -529
- package/src/pb-page.js +399 -384
- package/src/pb-split-list.js +2 -1
- package/src/pb-table-grid.js +218 -211
- package/src/pb-view.js +1366 -1368
- package/src/theming.js +150 -0
- package/src/utils.js +50 -51
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,17 @@
|
|
|
1
|
+
## [1.43.1](https://github.com/eeditiones/tei-publisher-components/compare/v1.43.0...v1.43.1) (2023-01-18)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* **theming:** try loading theme css from library as well as endpoint; make more components themable. ([3bf8848](https://github.com/eeditiones/tei-publisher-components/commit/3bf88485c4de2724b436a33bf31ab2211c44bfe7))
|
|
7
|
+
|
|
8
|
+
# [1.43.0](https://github.com/eeditiones/tei-publisher-components/compare/v1.42.7...v1.43.0) (2023-01-18)
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
### Features
|
|
12
|
+
|
|
13
|
+
* add support for component theming ([f618127](https://github.com/eeditiones/tei-publisher-components/commit/f6181279a25476e7b6e1494d774c54dc6e2ee236))
|
|
14
|
+
|
|
1
15
|
## [1.42.7](https://github.com/eeditiones/tei-publisher-components/compare/v1.42.6...v1.42.7) (2023-01-16)
|
|
2
16
|
|
|
3
17
|
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
.table-grid thead th.gridjs-th {
|
|
2
|
+
color: #CC9900;
|
|
3
|
+
text-align: center;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.code-white-bg pre {
|
|
7
|
+
background-color: darkseagreen;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.code-white-bg code {
|
|
11
|
+
font-family: 'Arial', Arial, Helvetica, sans-serif;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.code-white-bg .token.keyword {
|
|
15
|
+
color: purple;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
@media (min-width: 1024px) {
|
|
19
|
+
.code-white-bg pre {
|
|
20
|
+
background-color: white;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
pb-browse-docs .toolbar > div {
|
|
25
|
+
display: none;
|
|
26
|
+
}
|
|
@@ -1,63 +1,63 @@
|
|
|
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-code-highlight Demo</title>
|
|
7
|
-
<script src="https://unpkg.com/@webcomponents/webcomponentsjs@2.4.3/webcomponents-loader.js"></script><script type="module" src="../pb-components-bundle.js"></script>
|
|
8
|
-
</head>
|
|
9
|
-
|
|
10
|
-
<body>
|
|
11
|
-
<pb-demo-snippet>
|
|
12
|
-
<template>
|
|
13
|
-
<style>
|
|
14
|
-
pb-code-highlight {
|
|
15
|
-
margin-bottom: 1em;
|
|
16
|
-
--pb-code-highlight-white-space: pre-wrap;
|
|
17
|
-
--pb-code-highlight-theme: "solarizedlight";
|
|
18
|
-
}
|
|
19
|
-
</style>
|
|
20
|
-
<pb-page>
|
|
21
|
-
<pb-code-highlight language="xquery" line-numbers>
|
|
22
|
-
for $i in $root//tei:placeName
|
|
23
|
-
order by $i descending
|
|
24
|
-
return
|
|
25
|
-
<li>{$i/string()}<li>
|
|
26
|
-
</pb-code-highlight>
|
|
27
|
-
<pb-code-highlight language="html" theme="okaidia" line-numbers>
|
|
28
|
-
<template>
|
|
29
|
-
<pb-view src="document1" odd="graves" subscribe="letter" emit="letter"
|
|
30
|
-
wait-for="pb-leaflet-map">
|
|
31
|
-
<pb-param name="mode" value="facets" />
|
|
32
|
-
</pb-view>
|
|
33
|
-
</template>
|
|
34
|
-
</pb-code-highlight>
|
|
35
|
-
<pb-code-highlight language="javascript" theme="funky" line-numbers
|
|
36
|
-
code="function(name) { return 'Hello ' + name; };"></pb-code-highlight>
|
|
37
|
-
<pb-code-highlight language="css" theme="coy" line-numbers>
|
|
38
|
-
h1, h2, h3, h4, h5, h6 {
|
|
39
|
-
font-family: "Oswald",Verdana,"Helvetica", sans-serif;
|
|
40
|
-
font-weight: 400 !important;
|
|
41
|
-
line-height: 1.2;
|
|
42
|
-
}
|
|
43
|
-
</pb-code-highlight>
|
|
44
|
-
<pb-code-highlight language="xml" theme="tomorrow" line-numbers>
|
|
45
|
-
<template>
|
|
46
|
-
<elementSpec ident="section">
|
|
47
|
-
<modelSequence predicate="$parameters?mode='breadcrumbs'">
|
|
48
|
-
<model behaviour="inline">
|
|
49
|
-
<param name="content" value="$get(.)/ancestor::section/title"/>
|
|
50
|
-
</model>
|
|
51
|
-
<model behaviour="inline">
|
|
52
|
-
<param name="content" value="title"/>
|
|
53
|
-
</model>
|
|
54
|
-
</modelSequence>
|
|
55
|
-
<model behaviour="block"/>
|
|
56
|
-
</elementSpec>
|
|
57
|
-
</template>
|
|
58
|
-
</pb-code-highlight>
|
|
59
|
-
</pb-page>
|
|
60
|
-
</template>
|
|
61
|
-
</pb-demo-snippet>
|
|
62
|
-
</body>
|
|
63
|
-
</html>
|
|
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-code-highlight Demo</title>
|
|
7
|
+
<script src="https://unpkg.com/@webcomponents/webcomponentsjs@2.4.3/webcomponents-loader.js"></script><script type="module" src="../pb-components-bundle.js"></script>
|
|
8
|
+
</head>
|
|
9
|
+
|
|
10
|
+
<body>
|
|
11
|
+
<pb-demo-snippet>
|
|
12
|
+
<template>
|
|
13
|
+
<style>
|
|
14
|
+
pb-code-highlight {
|
|
15
|
+
margin-bottom: 1em;
|
|
16
|
+
--pb-code-highlight-white-space: pre-wrap;
|
|
17
|
+
--pb-code-highlight-theme: "solarizedlight";
|
|
18
|
+
}
|
|
19
|
+
</style>
|
|
20
|
+
<pb-page theme="components.css">
|
|
21
|
+
<pb-code-highlight class="code-white-bg" language="xquery" line-numbers>
|
|
22
|
+
for $i in $root//tei:placeName
|
|
23
|
+
order by $i descending
|
|
24
|
+
return
|
|
25
|
+
<li>{$i/string()}<li>
|
|
26
|
+
</pb-code-highlight>
|
|
27
|
+
<pb-code-highlight language="html" theme="okaidia" line-numbers>
|
|
28
|
+
<template>
|
|
29
|
+
<pb-view src="document1" odd="graves" subscribe="letter" emit="letter"
|
|
30
|
+
wait-for="pb-leaflet-map">
|
|
31
|
+
<pb-param name="mode" value="facets" />
|
|
32
|
+
</pb-view>
|
|
33
|
+
</template>
|
|
34
|
+
</pb-code-highlight>
|
|
35
|
+
<pb-code-highlight language="javascript" theme="funky" line-numbers
|
|
36
|
+
code="function(name) { return 'Hello ' + name; };"></pb-code-highlight>
|
|
37
|
+
<pb-code-highlight language="css" theme="coy" line-numbers>
|
|
38
|
+
h1, h2, h3, h4, h5, h6 {
|
|
39
|
+
font-family: "Oswald",Verdana,"Helvetica", sans-serif;
|
|
40
|
+
font-weight: 400 !important;
|
|
41
|
+
line-height: 1.2;
|
|
42
|
+
}
|
|
43
|
+
</pb-code-highlight>
|
|
44
|
+
<pb-code-highlight language="xml" theme="tomorrow" line-numbers>
|
|
45
|
+
<template>
|
|
46
|
+
<elementSpec ident="section">
|
|
47
|
+
<modelSequence predicate="$parameters?mode='breadcrumbs'">
|
|
48
|
+
<model behaviour="inline">
|
|
49
|
+
<param name="content" value="$get(.)/ancestor::section/title"/>
|
|
50
|
+
</model>
|
|
51
|
+
<model behaviour="inline">
|
|
52
|
+
<param name="content" value="title"/>
|
|
53
|
+
</model>
|
|
54
|
+
</modelSequence>
|
|
55
|
+
<model behaviour="block"/>
|
|
56
|
+
</elementSpec>
|
|
57
|
+
</template>
|
|
58
|
+
</pb-code-highlight>
|
|
59
|
+
</pb-page>
|
|
60
|
+
</template>
|
|
61
|
+
</pb-demo-snippet>
|
|
62
|
+
</body>
|
|
63
|
+
</html>
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
<html>
|
|
2
|
-
<head>
|
|
3
|
-
<title>Using pb-table-grid</title>
|
|
4
|
-
<script src="https://unpkg.com/@webcomponents/webcomponentsjs@2.4.3/webcomponents-loader.js"></script><script type="module" src="../pb-components-bundle.js"></script>
|
|
5
|
-
</head>
|
|
6
|
-
<body>
|
|
7
|
-
<h1>Using pb-table-grid</h1>
|
|
8
|
-
|
|
9
|
-
<pb-page>
|
|
10
|
-
<pb-table-grid source="./people.json" css-path="/css/gridjs" resizable>
|
|
11
|
-
<pb-table-column label="Name" property="name"></pb-table-column>
|
|
12
|
-
<pb-table-column label="Born" property="birth"></pb-table-column>
|
|
13
|
-
<pb-table-column label="Died" property="death"></pb-table-column>
|
|
14
|
-
</pb-table-grid>
|
|
15
|
-
</pb-page>
|
|
16
|
-
</body>
|
|
1
|
+
<html>
|
|
2
|
+
<head>
|
|
3
|
+
<title>Using pb-table-grid</title>
|
|
4
|
+
<script src="https://unpkg.com/@webcomponents/webcomponentsjs@2.4.3/webcomponents-loader.js"></script><script type="module" src="../pb-components-bundle.js"></script>
|
|
5
|
+
</head>
|
|
6
|
+
<body>
|
|
7
|
+
<h1>Using pb-table-grid</h1>
|
|
8
|
+
|
|
9
|
+
<pb-page theme="components.css">
|
|
10
|
+
<pb-table-grid class="table-grid" source="./people.json" css-path="/css/gridjs" resizable>
|
|
11
|
+
<pb-table-column label="Name" property="name"></pb-table-column>
|
|
12
|
+
<pb-table-column label="Born" property="birth"></pb-table-column>
|
|
13
|
+
<pb-table-column label="Died" property="death"></pb-table-column>
|
|
14
|
+
</pb-table-grid>
|
|
15
|
+
</pb-page>
|
|
16
|
+
</body>
|
|
17
17
|
</html>
|
package/dist/demo/pb-view2.html
CHANGED
|
@@ -1,136 +1,135 @@
|
|
|
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://unpkg.com/@webcomponents/webcomponentsjs@2.4.3/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">
|
|
16
|
-
pb-page {
|
|
17
|
-
position: relative;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
main {
|
|
21
|
-
display: grid;
|
|
22
|
-
height: calc(100vh - 128px);
|
|
23
|
-
grid-template-columns: 360px 1fr;
|
|
24
|
-
grid-template-rows: auto 1fr auto;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.breadcrumbs {
|
|
28
|
-
font-family: var(--pb-base-font-family);
|
|
29
|
-
--pb-view-max-width: auto;
|
|
30
|
-
grid-column: 2 / 2;
|
|
31
|
-
grid-row: 1 / 1;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
#view1 {
|
|
35
|
-
grid-column: 2 / 2;
|
|
36
|
-
grid-row: 2 / 2;
|
|
37
|
-
overflow: auto;
|
|
38
|
-
font-family: var(--pb-base-font-family);
|
|
39
|
-
font-size: 20px;
|
|
40
|
-
padding: 0;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
footer {
|
|
44
|
-
grid-column: 2 / 2;
|
|
45
|
-
grid-row: 3 / 3;
|
|
46
|
-
background-color: var(--pb-toolbar-background-color);
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
footer pb-navigation[direction=forward] {
|
|
50
|
-
float: right;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
.toc {
|
|
54
|
-
grid-column: 1 / 1;
|
|
55
|
-
grid-row: 1 / span 3;
|
|
56
|
-
overflow: auto;
|
|
57
|
-
font-size: var(--pb-base-font-size);
|
|
58
|
-
background-color: var(--pb-drawer-background-color);
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
.toc [slot="collapse-trigger"] pb-link {
|
|
62
|
-
display: block;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
.toc pb-link a {
|
|
66
|
-
text-decoration: none;
|
|
67
|
-
color: #101010;
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
.toc li pb-link {
|
|
71
|
-
display: block;
|
|
72
|
-
font-family: var(--pb-base-font-family);
|
|
73
|
-
--pb-link-font-family: var(--pb-base-font-family);
|
|
74
|
-
margin-left: 0;
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
.toc li pb-link.active a {
|
|
78
|
-
color: #d07f00;
|
|
79
|
-
text-decoration: underline;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
.toc ul li {
|
|
83
|
-
font-weight: bold;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
.toc ul {
|
|
87
|
-
list-style-type: none;
|
|
88
|
-
margin: 0;
|
|
89
|
-
padding: 0;
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
.toc ul ul {
|
|
93
|
-
margin-left: 0;
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
.toc ul ul li {
|
|
97
|
-
font-weight: normal;
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
.toc ul ul {
|
|
101
|
-
margin-left: 14px;
|
|
102
|
-
}
|
|
103
|
-
</style>
|
|
104
|
-
<pb-page endpoint="https://teipublisher.com/exist/apps/tei-publisher">
|
|
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"
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
</html>
|
|
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://unpkg.com/@webcomponents/webcomponentsjs@2.4.3/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">
|
|
16
|
+
pb-page {
|
|
17
|
+
position: relative;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
main {
|
|
21
|
+
display: grid;
|
|
22
|
+
height: calc(100vh - 128px);
|
|
23
|
+
grid-template-columns: 360px 1fr;
|
|
24
|
+
grid-template-rows: auto 1fr auto;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.breadcrumbs {
|
|
28
|
+
font-family: var(--pb-base-font-family);
|
|
29
|
+
--pb-view-max-width: auto;
|
|
30
|
+
grid-column: 2 / 2;
|
|
31
|
+
grid-row: 1 / 1;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
#view1 {
|
|
35
|
+
grid-column: 2 / 2;
|
|
36
|
+
grid-row: 2 / 2;
|
|
37
|
+
overflow: auto;
|
|
38
|
+
font-family: var(--pb-base-font-family);
|
|
39
|
+
font-size: 20px;
|
|
40
|
+
padding: 0;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
footer {
|
|
44
|
+
grid-column: 2 / 2;
|
|
45
|
+
grid-row: 3 / 3;
|
|
46
|
+
background-color: var(--pb-toolbar-background-color);
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
footer pb-navigation[direction=forward] {
|
|
50
|
+
float: right;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.toc {
|
|
54
|
+
grid-column: 1 / 1;
|
|
55
|
+
grid-row: 1 / span 3;
|
|
56
|
+
overflow: auto;
|
|
57
|
+
font-size: var(--pb-base-font-size);
|
|
58
|
+
background-color: var(--pb-drawer-background-color);
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.toc [slot="collapse-trigger"] pb-link {
|
|
62
|
+
display: block;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.toc pb-link a {
|
|
66
|
+
text-decoration: none;
|
|
67
|
+
color: #101010;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.toc li pb-link {
|
|
71
|
+
display: block;
|
|
72
|
+
font-family: var(--pb-base-font-family);
|
|
73
|
+
--pb-link-font-family: var(--pb-base-font-family);
|
|
74
|
+
margin-left: 0;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.toc li pb-link.active a {
|
|
78
|
+
color: #d07f00;
|
|
79
|
+
text-decoration: underline;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.toc ul li {
|
|
83
|
+
font-weight: bold;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
.toc ul {
|
|
87
|
+
list-style-type: none;
|
|
88
|
+
margin: 0;
|
|
89
|
+
padding: 0;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.toc ul ul {
|
|
93
|
+
margin-left: 0;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
.toc ul ul li {
|
|
97
|
+
font-weight: normal;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
.toc ul ul {
|
|
101
|
+
margin-left: 14px;
|
|
102
|
+
}
|
|
103
|
+
</style>
|
|
104
|
+
<pb-page endpoint="https://teipublisher.com/exist/apps/tei-publisher">
|
|
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>
|
|
135
|
+
</html>
|
package/dist/pb-code-editor.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{p as e,L as t,h as i,c as r}from"./pb-mixin-
|
|
1
|
+
import{p as e,L as t,h as i,c as r}from"./pb-mixin-f8b22e51.js";import{t as o}from"./pb-i18n-dc551878.js";import"./jinn-codemirror-50ed5bc1.js";class s extends(e(t)){static get properties(){return Object.assign(Object.assign({},super.properties),{},{code:{type:String,reflect:!0},mode:{type:String},label:{type:String},placeholder:{type:String},tabSize:{type:Number},linter:{attribute:!0}})}constructor(){super(),this.code="",this.mode="xml",this.placeholder="odd.editor.model.empty",this.tabSize=2,this.label="",this.linter="",this._editor=null}connectedCallback(){super.connectedCallback()}firstUpdated(){super.firstUpdated(),this._editor=this.shadowRoot.getElementById("editor")}render(){return i`
|
|
2
2
|
<div class="label">${this.label}</div>
|
|
3
3
|
<jinn-codemirror id="editor" mode="${this.mode}" code="${this.code}" placeholder="${o(this.placeholder)}"></jinn-codemirror>
|
|
4
4
|
`}getSource(){return this._editor?this._editor.value:""}_setCode(){this.dispatchEvent(new CustomEvent("code-changed",{composed:!0,bubbles:!0,detail:{code:this.getSource()}}))}refresh(){}static get styles(){return r`
|