@yuneta/gobj-ui 7.23.143 → 7.23.144
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/README.md +16 -2
- package/dist/gobj-ui.cjs.js +718 -158
- package/dist/gobj-ui.es.js +719 -159
- package/package.json +1 -1
- package/src/c_yui_json_pad.css +94 -0
- package/src/c_yui_json_pad.js +567 -114
- package/src/json_view_helpers.js +56 -1
- package/src/json_view_helpers.test.js +43 -0
- package/src/yui_icons.css +12 -0
package/package.json
CHANGED
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
/***********************************************************************
|
|
2
|
+
* c_yui_json_pad.css
|
|
3
|
+
*
|
|
4
|
+
* Layout of C_YUI_JSON_PAD: the two panes side by side, stacked
|
|
5
|
+
* when the PAD (not the screen) is narrow -- it lives in a window
|
|
6
|
+
* the reader resizes. The logical block names double as hooks.
|
|
7
|
+
*
|
|
8
|
+
* Copyright (c) 2026, ArtGins.
|
|
9
|
+
* All Rights Reserved.
|
|
10
|
+
***********************************************************************/
|
|
11
|
+
.JSON_PAD {
|
|
12
|
+
height: 100%;
|
|
13
|
+
display: flex;
|
|
14
|
+
flex-direction: column;
|
|
15
|
+
gap: .5rem;
|
|
16
|
+
padding: .5rem;
|
|
17
|
+
container-type: inline-size;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.JSON_PAD_TOOLBAR {
|
|
21
|
+
flex: 0 0 auto;
|
|
22
|
+
display: flex;
|
|
23
|
+
flex-wrap: wrap;
|
|
24
|
+
align-items: center;
|
|
25
|
+
justify-content: flex-end;
|
|
26
|
+
gap: .5rem;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.JSON_PAD_NOTICE {
|
|
30
|
+
flex: 1 1 auto;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.JSON_PAD_PANES {
|
|
34
|
+
flex: 1 1 auto;
|
|
35
|
+
min-height: 0;
|
|
36
|
+
display: flex;
|
|
37
|
+
flex-direction: row;
|
|
38
|
+
gap: .5rem;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.JSON_PAD_PANE {
|
|
42
|
+
flex: 1 1 0;
|
|
43
|
+
min-width: 0;
|
|
44
|
+
min-height: 0;
|
|
45
|
+
display: flex;
|
|
46
|
+
flex-direction: column;
|
|
47
|
+
gap: .5rem;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
/* Comparing: the viewers give their place to the differences, and the
|
|
51
|
+
* panes keep only their text areas. */
|
|
52
|
+
.JSON_PAD.is-comparing .JSON_PAD_PANES {
|
|
53
|
+
flex: 0 0 auto;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.JSON_PAD_DIFF {
|
|
57
|
+
flex: 1 1 auto;
|
|
58
|
+
min-height: 0;
|
|
59
|
+
overflow: auto;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.JSON_PAD_DIFF_SUMMARY {
|
|
63
|
+
display: flex;
|
|
64
|
+
flex-wrap: wrap;
|
|
65
|
+
gap: 1rem;
|
|
66
|
+
margin-bottom: .5rem;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.JSON_PAD_DIFF_COUNT {
|
|
70
|
+
display: inline-flex;
|
|
71
|
+
align-items: center;
|
|
72
|
+
gap: .35rem;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.JSON_PAD_DIFF_TABLE {
|
|
76
|
+
font-size: .85rem;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.JSON_PAD_DIFF_TABLE td.JSON_PAD_DIFF_PATH,
|
|
80
|
+
.JSON_PAD_DIFF_TABLE td.JSON_PAD_DIFF_FROM,
|
|
81
|
+
.JSON_PAD_DIFF_TABLE td.JSON_PAD_DIFF_TO {
|
|
82
|
+
font-family: monospace;
|
|
83
|
+
white-space: pre-wrap;
|
|
84
|
+
word-break: break-all;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
@container (max-width: 40rem) {
|
|
88
|
+
.JSON_PAD_PANES {
|
|
89
|
+
flex-direction: column;
|
|
90
|
+
}
|
|
91
|
+
.JSON_PAD.is-comparing .JSON_PAD_PANE {
|
|
92
|
+
flex: 0 0 auto;
|
|
93
|
+
}
|
|
94
|
+
}
|