@cu-mkp/editioncrafter 1.0.0 → 1.0.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 (24) hide show
  1. package/dist/editioncrafter.min.js +1 -1
  2. package/dist/es/src/action/DocumentActions.js +31 -26
  3. package/dist/es/src/component/DiploMatic.js +1 -1
  4. package/dist/es/src/component/ImageGridView.js +3 -1
  5. package/dist/es/src/scss/_CETEIcean.scss +907 -903
  6. package/dist/es/src/scss/_base.scss +157 -154
  7. package/dist/es/src/scss/_diplomatic.scss +4 -4
  8. package/dist/es/src/scss/_globalNavigation.scss +34 -31
  9. package/dist/es/src/scss/_glossary.scss +97 -93
  10. package/dist/es/src/scss/_imageGridView.scss +74 -71
  11. package/dist/es/src/scss/_imageView.scss +37 -34
  12. package/dist/es/src/scss/_imageZoomControl.scss +53 -49
  13. package/dist/es/src/scss/_jumpbox.scss +43 -40
  14. package/dist/es/src/scss/_navigation.scss +186 -183
  15. package/dist/es/src/scss/_pagination.scss +44 -41
  16. package/dist/es/src/scss/_ringSpinner.scss +82 -79
  17. package/dist/es/src/scss/_singlePaneView.scss +10 -7
  18. package/dist/es/src/scss/_spinner.scss +56 -52
  19. package/dist/es/src/scss/_splitPaneView.scss +48 -46
  20. package/dist/es/src/scss/_thumbnails.scss +16 -12
  21. package/dist/es/src/scss/_transcriptView.scss +194 -191
  22. package/dist/es/src/scss/_watermark.scss +26 -23
  23. package/dist/es/src/scss/_xmlView.scss +31 -28
  24. package/package.json +1 -1
package/dist/es/src/scss/_imageGridView.scss CHANGED
@@ -1,78 +1,81 @@
1
- .imageGridComponent {
2
- background-color: #000000;
3
- font-size: max(0.8rem, 12.8px);
4
- overflow: scroll;
5
- height: 100%;
6
- max-height: 100dvh;
7
- }
8
-
9
- .imageGridComponent .thumbnail {
10
- background-color: inherit;
11
- border: none;
12
- }
13
-
14
- .imageGridComponent > ul {
15
- display: flex;
16
- flex-wrap: wrap;
17
- list-style: none;
18
- padding-left: 0;
19
- margin: max(1.5rem, 24px) 0 max(8rem, 128px) max(2rem, 32px);
20
- }
21
-
22
- .imageGridComponent > ul > li {
23
- margin-bottom: 20px;
24
- width: 150px;
25
- }
26
-
27
- .imageGridComponent > ul > li > figure {
28
- margin: 8px;
29
- }
30
-
31
- .imageGridComponent > ul > li > figure:hover {
32
- border: 2px #eee solid;
33
- margin: 6px;
34
- }
35
-
36
- .imageGridComponent > ul > li > .thumbnail-caption {
37
- text-align: center;
38
- color: white;
39
- margin: 0 10px;
40
- white-space: nowrap;
41
- overflow: hidden;
42
- text-overflow: ellipsis;
43
- }
44
-
45
- .hidden {
46
- display: none;
47
- }
1
+ .editioncrafter {
48
2
 
49
- .imageGridComponent {
50
- .imageGridToolbar {
51
- padding: 5px;
3
+ .imageGridComponent {
4
+ background-color: #000000;
5
+ font-size: max(0.8rem, 12.8px);
6
+ overflow: scroll;
7
+ height: 100%;
8
+ max-height: 100dvh;
9
+ }
10
+
11
+ .imageGridComponent .thumbnail {
12
+ background-color: inherit;
13
+ border: none;
14
+ }
15
+
16
+ .imageGridComponent > ul {
17
+ display: flex;
18
+ flex-wrap: wrap;
19
+ list-style: none;
20
+ padding-left: 0;
21
+ margin: max(1.5rem, 24px) 0 max(8rem, 128px) max(2rem, 32px);
22
+ }
23
+
24
+ .imageGridComponent > ul > li {
25
+ margin-bottom: 20px;
26
+ width: 150px;
27
+ }
28
+
29
+ .imageGridComponent > ul > li > figure {
30
+ margin: 8px;
31
+ }
32
+
33
+ .imageGridComponent > ul > li > figure:hover {
34
+ border: 2px #eee solid;
35
+ margin: 6px;
36
+ }
37
+
38
+ .imageGridComponent > ul > li > .thumbnail-caption {
39
+ text-align: center;
52
40
  color: white;
53
-
54
- .jump-to {
55
- float: right;
56
- display: 'inline';
57
- margin-right: 30px;
58
-
59
- #jump-to-input {
60
- margin-left: 5px;
61
- }
62
-
63
- #jump-to-button {
64
- margin-left: 5px;
65
- cursor: pointer;
41
+ margin: 0 10px;
42
+ white-space: nowrap;
43
+ overflow: hidden;
44
+ text-overflow: ellipsis;
45
+ }
46
+
47
+ .hidden {
48
+ display: none;
49
+ }
50
+
51
+ .imageGridComponent {
52
+ .imageGridToolbar {
53
+ padding: 5px;
54
+ color: white;
55
+
56
+ .jump-to {
57
+ float: right;
58
+ display: 'inline';
59
+ margin-right: 30px;
60
+
61
+ #jump-to-input {
62
+ margin-left: 5px;
63
+ }
64
+
65
+ #jump-to-button {
66
+ margin-left: 5px;
67
+ cursor: pointer;
68
+ }
66
69
  }
67
- }
68
-
69
- .doc-select {
70
- display: inline;
71
- margin-left: 30px;
72
- font-size: max(0.8rem, 12.8px);
73
-
74
- .MuiInputBase-root {
70
+
71
+ .doc-select {
72
+ display: inline;
73
+ margin-left: 30px;
75
74
  font-size: max(0.8rem, 12.8px);
75
+
76
+ .MuiInputBase-root {
77
+ font-size: max(0.8rem, 12.8px);
78
+ }
76
79
  }
77
80
  }
78
81
  }
package/dist/es/src/scss/_imageView.scss CHANGED
@@ -1,38 +1,41 @@
1
1
 
2
- #image-view-seadragon-left,
3
- #image-view-seadragon-right,
4
- #image-view-seadragon-third {
5
- width: 100%;
6
- height: 100%;
7
- max-height: 100dvh;
8
- grid-area: image_viewer;
9
- background: black;
10
- }
2
+ .editioncrafter {
11
3
 
12
- .imageViewComponent {
13
- position: relative;
14
- padding: 0;
15
- margin: 0;
16
- width: 100%;
17
- height: 100%;
18
- max-height: 100dvh;
4
+ #image-view-seadragon-left,
5
+ #image-view-seadragon-right,
6
+ #image-view-seadragon-third {
7
+ width: 100%;
8
+ height: 100%;
9
+ max-height: 100dvh;
10
+ grid-area: image_viewer;
11
+ background: black;
12
+ }
13
+
14
+ .imageViewComponent {
15
+ position: relative;
16
+ padding: 0;
17
+ margin: 0;
18
+ width: 100%;
19
+ height: 100%;
20
+ max-height: 100dvh;
21
+ }
22
+
23
+ .imageViewComponent .navigationComponent {
24
+ position: absolute;
25
+ }
26
+
27
+ .a9s-annotation.a9s-annotation.selected > rect,
28
+ .a9s-annotation.a9s-annotation.selected > polygon
29
+ {
30
+ stroke: #4385F6 !important;
31
+ stroke-linejoin: round;
32
+ fill: rgba(67, 133, 246, 0.1) !important;
33
+ }
34
+
35
+ .a9s-annotation.a9s-annotation.hover > rect,
36
+ .a9s-annotation.a9s-annotation.hover > polygon
37
+ {
38
+ stroke: #4385F6 !important;
39
+ stroke-linejoin: round;
19
40
  }
20
-
21
- .imageViewComponent .navigationComponent {
22
- position: absolute;
23
- }
24
-
25
- .a9s-annotation.a9s-annotation.selected > rect,
26
- .a9s-annotation.a9s-annotation.selected > polygon
27
- {
28
- stroke: #4385F6 !important;
29
- stroke-linejoin: round;
30
- fill: rgba(67, 133, 246, 0.1) !important;
31
- }
32
-
33
- .a9s-annotation.a9s-annotation.hover > rect,
34
- .a9s-annotation.a9s-annotation.hover > polygon
35
- {
36
- stroke: #4385F6 !important;
37
- stroke-linejoin: round;
38
41
  }
package/dist/es/src/scss/_imageZoomControl.scss CHANGED
@@ -1,52 +1,56 @@
1
- .ImageZoomControl {
2
- position: absolute;
3
- z-index: 1;
4
- top: max(8rem, 128px);
5
- color: white;
6
- // width: 1rem;
7
- list-style: none;
8
- background: #4A4A4A;
9
- opacity: 0.4;
10
- margin:0;
11
- padding: max(.4rem, 6.4px) max(.5rem, 8px);
12
- border-radius: max(0.3rem, 4.8px);
13
- @include md {
14
- top: max(4rem, 64px);
15
- left: max(2rem, 32px);
1
+ .editioncrafter {
2
+
3
+ .ImageZoomControl {
4
+ position: absolute;
5
+ z-index: 1;
6
+ top: max(8rem, 128px);
7
+ color: white;
8
+ // width: 1rem;
9
+ list-style: none;
10
+ background: #4A4A4A;
11
+ opacity: 0.4;
12
+ margin:0;
13
+ padding: max(.4rem, 6.4px) max(.5rem, 8px);
14
+ border-radius: max(0.3rem, 4.8px);
15
+ @include md {
16
+ top: max(4rem, 64px);
17
+ left: max(2rem, 32px);
18
+ }
19
+ }
20
+
21
+ .ImageZoomControl > li {
22
+ color: #E0E0E0;
23
+ margin: 0 !important;
24
+ }
25
+
26
+ .ImageZoomControl > li > .zoom-in {
27
+ margin-top: 8px;
28
+ }
29
+
30
+ .ImageZoomControl > li:hover {
31
+ color: white;
32
+ }
33
+
34
+ .ImageZoomControl > li > .zoom-3 {
35
+ margin-top: 8px;
36
+ }
37
+
38
+ .ImageZoomControl > li > .zoom-2 {
39
+ margin-top: 8px;
40
+ margin-left: 5px;
41
+ }
42
+
43
+ .ImageZoomControl > li > .zoom-1 {
44
+ margin-top: 8px;
45
+ margin-left: 7px;
46
+ }
47
+
48
+ .ImageZoomControl > li > .zoom-out {
49
+ margin-top: 8px;
50
+ }
51
+
52
+ .ImageZoomControl > li > .zoom-grid {
53
+ margin-top: 30px;
16
54
  }
17
55
  }
18
56
 
19
- .ImageZoomControl > li {
20
- color: #E0E0E0;
21
- margin: 0 !important;
22
- }
23
-
24
- .ImageZoomControl > li > .zoom-in {
25
- margin-top: 8px;
26
- }
27
-
28
- .ImageZoomControl > li:hover {
29
- color: white;
30
- }
31
-
32
- .ImageZoomControl > li > .zoom-3 {
33
- margin-top: 8px;
34
- }
35
-
36
- .ImageZoomControl > li > .zoom-2 {
37
- margin-top: 8px;
38
- margin-left: 5px;
39
- }
40
-
41
- .ImageZoomControl > li > .zoom-1 {
42
- margin-top: 8px;
43
- margin-left: 7px;
44
- }
45
-
46
- .ImageZoomControl > li > .zoom-out {
47
- margin-top: 8px;
48
- }
49
-
50
- .ImageZoomControl > li > .zoom-grid {
51
- margin-top: 30px;
52
- }
package/dist/es/src/scss/_jumpbox.scss CHANGED
@@ -1,42 +1,45 @@
1
- .jumpToFolio_component {
2
- margin: max(1rem, 16px) 0 0 min(-4.5rem, -72px);
3
- padding: max(0.6rem, 9.6px);
4
- height: max(1.2rem, 19.2px);
5
- width: max(9.5rem, 152px);
6
- background: #e7e7e7;
7
- border: 1px solid rgba(90, 98, 102, 0.53);
8
- border-radius: max(0.3rem, 4.8px);
9
- -webkit-box-shadow: 6px 6px 5px 0 rgba(0, 0, 0, 0.211765);
10
- -moz-box-shadow: 6px 6px 5px 0 rgba(0, 0, 0, 0.211765);
11
- box-shadow: 6px 6px 5px 0 rgba(0, 0, 0, 0.211765);
12
- font-family: sans-serif;
13
- }
14
- .jumpToFolio_component input:focus{
15
- outline: none;
16
- }
17
-
18
- .jumpToFolio_component:after,
19
- .jumpToFolio_component:before {
20
- bottom: 100%;
21
- left: 50%;
22
- border: solid transparent;
23
- content: " ";
24
- height: 0;
25
- width: 0;
26
- position: absolute;
27
- pointer-events: none;
28
- }
29
-
30
- .jumpToFolio_component:after {
31
- border-color: rgba(255, 255, 255, 0);
32
- border-bottom-color: #e7e7e7;
33
- border-width: 9px;
34
- margin-left: -9px;
35
- }
1
+ .editioncrafter {
36
2
 
37
- .jumpToFolio_component:before {
38
- border-color: rgba(194, 225, 245, 0);
39
- border-bottom-color: rgba(90, 98, 102, 0.53);
40
- border-width: 11px;
41
- margin-left: -11px;
3
+ .jumpToFolio_component {
4
+ margin: max(1rem, 16px) 0 0 min(-4.5rem, -72px);
5
+ padding: max(0.6rem, 9.6px);
6
+ height: max(1.2rem, 19.2px);
7
+ width: max(9.5rem, 152px);
8
+ background: #e7e7e7;
9
+ border: 1px solid rgba(90, 98, 102, 0.53);
10
+ border-radius: max(0.3rem, 4.8px);
11
+ -webkit-box-shadow: 6px 6px 5px 0 rgba(0, 0, 0, 0.211765);
12
+ -moz-box-shadow: 6px 6px 5px 0 rgba(0, 0, 0, 0.211765);
13
+ box-shadow: 6px 6px 5px 0 rgba(0, 0, 0, 0.211765);
14
+ font-family: sans-serif;
15
+ }
16
+ .jumpToFolio_component input:focus{
17
+ outline: none;
18
+ }
19
+
20
+ .jumpToFolio_component:after,
21
+ .jumpToFolio_component:before {
22
+ bottom: 100%;
23
+ left: 50%;
24
+ border: solid transparent;
25
+ content: " ";
26
+ height: 0;
27
+ width: 0;
28
+ position: absolute;
29
+ pointer-events: none;
30
+ }
31
+
32
+ .jumpToFolio_component:after {
33
+ border-color: rgba(255, 255, 255, 0);
34
+ border-bottom-color: #e7e7e7;
35
+ border-width: 9px;
36
+ margin-left: -9px;
37
+ }
38
+
39
+ .jumpToFolio_component:before {
40
+ border-color: rgba(194, 225, 245, 0);
41
+ border-bottom-color: rgba(90, 98, 102, 0.53);
42
+ border-width: 11px;
43
+ margin-left: -11px;
44
+ }
42
45
  }