wunderbaum 0.3.3 → 0.3.4

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 (14) hide show
  1. package/dist/wunderbaum.css +112 -66
  2. package/dist/wunderbaum.esm.js +35 -18
  3. package/dist/wunderbaum.esm.min.js +16 -16
  4. package/dist/wunderbaum.esm.min.js.map +1 -1
  5. package/dist/wunderbaum.umd.js +35 -18
  6. package/dist/wunderbaum.umd.min.js +16 -16
  7. package/dist/wunderbaum.umd.min.js.map +1 -1
  8. package/package.json +1 -1
  9. package/src/types.ts +23 -3
  10. package/src/wb_ext_edit.ts +1 -2
  11. package/src/wb_node.ts +9 -6
  12. package/src/wb_options.ts +1 -12
  13. package/src/wunderbaum.scss +145 -74
  14. package/src/wunderbaum.ts +17 -0
package/dist/wunderbaum.css CHANGED
@@ -1,19 +1,65 @@
1
1
  /*!
2
2
  * Wunderbaum style sheet (generated from wunderbaum.scss)
3
3
  * Copyright (c) 2021-2023, Martin Wendt. Released under the MIT license.
4
- * v0.3.3, Wed, 07 Jun 2023 06:41:26 GMT (https://github.com/mar10/wunderbaum)
4
+ * v0.3.4-0, Sun, 18 Jun 2023 16:04:04 GMT (https://github.com/mar10/wunderbaum)
5
5
  */
6
+ :root {
7
+ --wb-font-stack: Helvetica, sans-serif;
8
+ --wb-error-color: #b5373b;
9
+ --wb-node-text-color: #56534c;
10
+ --wb-border-color: #56534c;
11
+ --wb-bg-highlight-color: #26a0da;
12
+ --wb-header-color: #dedede;
13
+ --wb-background-color: white;
14
+ --wb-alternate-row-color: #f7f7f7;
15
+ --wb-alternate-row-color-hover: #f3f3f3;
16
+ --wb-focus-border-color: #275dc5;
17
+ --wb-drop-source-color: #d3d2ce;
18
+ --wb-drop-target-color: #d4ecf8;
19
+ --wb-dim-color: #8c877c;
20
+ --wb-error-background-color: #f5ddde;
21
+ --wb-hover-color: #f7fcfe;
22
+ --wb-hover-border-color: #f7fcfe;
23
+ --wb-grid-color: #dedede;
24
+ --wb-active-color: #e5f3fb;
25
+ --wb-active-cell-color: #7dc6e9;
26
+ --wb-active-border-color: #70c0e7;
27
+ --wb-active-hover-color: #dceff8;
28
+ --wb-active-hover-border-color: #26a0da;
29
+ --wb-active-column-color: #f7fcfe;
30
+ --wb-active-header-column-color: #c5c5c5;
31
+ --wb-active-color-grayscale: #f0f0f0;
32
+ --wb-active-border-color-grayscale: #acacac;
33
+ --wb-active-hover-color-grayscale: #eaeaea;
34
+ --wb-active-cell-color-grayscale: #b3b3b3;
35
+ --wb-grid-color-grayscale: #dedede;
36
+ --wb-filter-dim-color: #dedede;
37
+ --wb-filter-submatch-color: #868581;
38
+ --wb-row-outer-height: 22px;
39
+ --wb-row-inner-height: 20px;
40
+ --wb-row-padding-y: 1px;
41
+ --wb-col-padding-x: 2px;
42
+ --wb-icon-outer-height: 20px;
43
+ --wb-icon-outer-width: 20px;
44
+ --wb-icon-height: 16px;
45
+ --wb-icon-width: 16px;
46
+ --wb-icon-padding-y: 2px;
47
+ --wb-icon-padding-x: 2px;
48
+ --wb-header-height: 22px; }
49
+
50
+ div.wunderbaum * {
51
+ box-sizing: border-box; }
52
+
6
53
  div.wunderbaum {
7
- box-sizing: border-box;
8
54
  height: 100%;
9
55
  min-height: 4px;
10
- background-color: white;
56
+ background-color: var(--wb-background-color);
11
57
  margin: 0;
12
58
  padding: 0;
13
- font-family: Helvetica, sans-serif;
59
+ font-family: var(--wb-font-stack);
14
60
  font-size: 14px;
15
- color: #56534c;
16
- border: 2px solid #56534c;
61
+ color: var(--wb-node-text-color);
62
+ border: 2px solid var(--wb-border-color);
17
63
  border-radius: 4px;
18
64
  background-clip: content-box;
19
65
  overflow-x: auto;
@@ -29,7 +75,7 @@ div.wunderbaum {
29
75
  /* Skeleton */
30
76
  /* Auto-hide checkboxes unless selected or hovered */ }
31
77
  div.wunderbaum:focus, div.wunderbaum:focus-within {
32
- border-color: #275dc5; }
78
+ border-color: var(--wb-focus-border-color); }
33
79
  div.wunderbaum.wb-disabled {
34
80
  opacity: 0.7;
35
81
  pointer-events: none; }
@@ -46,8 +92,8 @@ div.wunderbaum {
46
92
  div.wunderbaum div.wb-row {
47
93
  position: absolute;
48
94
  width: 100%;
49
- height: 22px;
50
- line-height: 22px;
95
+ height: var(--wb-row-outer-height);
96
+ line-height: var(--wb-row-outer-height);
51
97
  border: 1px solid transparent; }
52
98
  div.wunderbaum.wb-fixed-col {
53
99
  /* Sticky firdt column (header and nodes) */ }
@@ -55,49 +101,49 @@ div.wunderbaum {
55
101
  position: sticky;
56
102
  left: 0;
57
103
  z-index: 1;
58
- background-color: white; }
104
+ background-color: var(--wb-background-color); }
59
105
  div.wunderbaum.wb-fixed-col div.wb-header span.wb-col:first-of-type {
60
- background-color: #dedede; }
106
+ background-color: var(--wb-header-color); }
61
107
  div.wunderbaum.wb-fixed-col div.wb-node-list div.wb-row.wb-active span.wb-col:first-of-type,
62
108
  div.wunderbaum.wb-fixed-col div.wb-node-list div.wb-row.wb-selected span.wb-col:first-of-type {
63
- background-color: #e5f3fb; }
109
+ background-color: var(--wb-active-color); }
64
110
  div.wunderbaum.wb-fixed-col div.wb-node-list div.wb-row.wb-active:hover span.wb-col:first-of-type,
65
111
  div.wunderbaum.wb-fixed-col div.wb-node-list div.wb-row.wb-selected:hover span.wb-col:first-of-type {
66
- background-color: #dceff8; }
112
+ background-color: var(--wb-active-hover-color); }
67
113
  div.wunderbaum.wb-fixed-col div.wb-node-list div.wb-row:hover span.wb-col:first-of-type {
68
- background-color: #f7fcfe; }
114
+ background-color: var(--wb-hover-color); }
69
115
  div.wunderbaum.wb-fixed-col:not(:focus-within) div.wb-node-list div.wb-row.wb-active span.wb-col:first-of-type,
70
116
  div.wunderbaum.wb-fixed-col:not(:focus-within) div.wb-node-list div.wb-row.wb-selected span.wb-col:first-of-type, div.wunderbaum.wb-fixed-col:not(:focus) div.wb-node-list div.wb-row.wb-active span.wb-col:first-of-type,
71
117
  div.wunderbaum.wb-fixed-col:not(:focus) div.wb-node-list div.wb-row.wb-selected span.wb-col:first-of-type {
72
- background-color: #f0f0f0;
73
- border-color: #acacac; }
118
+ background-color: var(--wb-active-color-grayscale);
119
+ border-color: var(--wb-active-border-color-grayscale); }
74
120
  div.wunderbaum.wb-fixed-col:not(:focus-within) div.wb-node-list div.wb-row.wb-active span.wb-col:first-of-type:hover span.wb-col:first-of-type,
75
121
  div.wunderbaum.wb-fixed-col:not(:focus-within) div.wb-node-list div.wb-row.wb-selected span.wb-col:first-of-type:hover span.wb-col:first-of-type, div.wunderbaum.wb-fixed-col:not(:focus) div.wb-node-list div.wb-row.wb-active span.wb-col:first-of-type:hover span.wb-col:first-of-type,
76
122
  div.wunderbaum.wb-fixed-col:not(:focus) div.wb-node-list div.wb-row.wb-selected span.wb-col:first-of-type:hover span.wb-col:first-of-type {
77
- background-color: #eaeaea; }
123
+ background-color: var(--wb-active-hover-color-grayscale); }
78
124
  div.wunderbaum:not(:focus-within) div.wb-node-list div.wb-row.wb-active, div.wunderbaum:not(:focus-within) div.wb-node-list div.wb-row.wb-selected, div.wunderbaum:not(:focus) div.wb-node-list div.wb-row.wb-active, div.wunderbaum:not(:focus) div.wb-node-list div.wb-row.wb-selected {
79
- background-color: #f0f0f0;
80
- border-color: #acacac; }
125
+ background-color: var(--wb-active-color-grayscale);
126
+ border-color: var(--wb-active-border-color-grayscale); }
81
127
  div.wunderbaum:not(:focus-within) div.wb-node-list div.wb-row.wb-active:hover, div.wunderbaum:not(:focus-within) div.wb-node-list div.wb-row.wb-selected:hover, div.wunderbaum:not(:focus) div.wb-node-list div.wb-row.wb-active:hover, div.wunderbaum:not(:focus) div.wb-node-list div.wb-row.wb-selected:hover {
82
- background-color: #eaeaea; }
128
+ background-color: var(--wb-active-hover-color-grayscale); }
83
129
  div.wunderbaum.wb-alternate div.wb-node-list div.wb-row:nth-of-type(even):not(.wb-active):not(.wb-selected) {
84
- background-color: #f7f7f7; }
130
+ background-color: var(--wb-alternate-row-color); }
85
131
  div.wunderbaum.wb-alternate div.wb-node-list div.wb-row:nth-of-type(even):not(.wb-active):not(.wb-selected):hover {
86
- background-color: #f3f3f3; }
132
+ background-color: var(--wb-alternate-row-color-hover); }
87
133
  div.wunderbaum div.wb-node-list div.wb-row:hover {
88
- background-color: #f7fcfe; }
134
+ background-color: var(--wb-hover-color); }
89
135
  div.wunderbaum div.wb-node-list div.wb-row.wb-active, div.wunderbaum div.wb-node-list div.wb-row.wb-selected {
90
- background-color: #e5f3fb; }
136
+ background-color: var(--wb-active-color); }
91
137
  div.wunderbaum div.wb-node-list div.wb-row.wb-active:hover, div.wunderbaum div.wb-node-list div.wb-row.wb-selected:hover {
92
- background-color: #dceff8; }
138
+ background-color: var(--wb-active-hover-color); }
93
139
  div.wunderbaum div.wb-node-list div.wb-row.wb-focus:not(.wb-active) {
94
140
  border-style: dotted;
95
- border-color: #70c0e7; }
141
+ border-color: var(--wb-active-border-color); }
96
142
  div.wunderbaum div.wb-node-list div.wb-row.wb-active {
97
143
  border-style: solid;
98
- border-color: #70c0e7; }
144
+ border-color: var(--wb-active-border-color); }
99
145
  div.wunderbaum div.wb-node-list div.wb-row.wb-active:hover {
100
- border-color: #26a0da; }
146
+ border-color: var(--wb-active-hover-border-color); }
101
147
  div.wunderbaum div.wb-node-list div.wb-row.wb-loading {
102
148
  font-style: italic; }
103
149
  div.wunderbaum div.wb-node-list div.wb-row.wb-busy,
@@ -107,13 +153,13 @@ div.wunderbaum {
107
153
  background: repeating-linear-gradient(45deg, transparent, transparent 3.88px, #dedede 3.88px, #dedede 7.78px);
108
154
  animation: wb-busy-animation 2s linear infinite; }
109
155
  div.wunderbaum div.wb-node-list div.wb-row.wb-error, div.wunderbaum div.wb-node-list div.wb-row.wb-status-error {
110
- color: #b5373b; }
156
+ color: var(--wb-error-color); }
111
157
  div.wunderbaum div.wb-header {
112
158
  position: sticky;
113
- height: 22px;
114
- border-bottom: 1px solid #56534c;
159
+ height: var(--wb-header-height);
160
+ border-bottom: 1px solid var(--wb-border-color);
115
161
  padding: 0;
116
- background-color: #dedede; }
162
+ background-color: var(--wb-header-color); }
117
163
  div.wunderbaum div.wb-header span.wb-col {
118
164
  font-weight: bold;
119
165
  overflow: visible; }
@@ -128,15 +174,15 @@ div.wunderbaum {
128
174
  right: -1px;
129
175
  width: 3px;
130
176
  border: none;
131
- border-right: 2px solid #56534c;
177
+ border-right: 2px solid var(--wb-border-color);
132
178
  height: 100%;
133
179
  cursor: col-resize; }
134
180
  div.wunderbaum span.wb-col {
135
181
  position: absolute;
136
182
  display: inline-block;
137
183
  overflow: hidden;
138
- height: 20px;
139
- line-height: 20px;
184
+ height: var(--wb-row-inner-height);
185
+ line-height: var(--wb-row-inner-height);
140
186
  padding: 0 2px;
141
187
  border-right: 1px solid #dedede;
142
188
  white-space: nowrap; }
@@ -149,16 +195,16 @@ div.wunderbaum {
149
195
  div.wunderbaum span.wb-node i.wb-expander,
150
196
  div.wunderbaum span.wb-node i.wb-icon,
151
197
  div.wunderbaum span.wb-node i.wb-indent {
152
- height: 20px;
153
- width: 20px;
154
- padding: 2px 2px;
198
+ height: var(--wb-icon-outer-height);
199
+ width: var(--wb-icon-outer-width);
200
+ padding: var(--wb-icon-padding) var(--wb-icon-padding-x);
155
201
  display: inline-block; }
156
202
  div.wunderbaum span.wb-node i.bi::before {
157
203
  vertical-align: baseline; }
158
204
  div.wunderbaum span.wb-node img.wb-icon {
159
- width: 16px;
160
- height: 16px;
161
- padding: 2px 2px; }
205
+ width: var(--wb-icon-width);
206
+ height: var(--wb-icon-height);
207
+ padding: var(--wb-icon-padding-y) var(--wb-icon-padding-x); }
162
208
  div.wunderbaum span.wb-node i.wb-indent::before {
163
209
  content: "\00a0"; }
164
210
  div.wunderbaum span.wb-node i.wb-expander.wb-spin,
@@ -175,15 +221,15 @@ div.wunderbaum {
175
221
  white-space: nowrap;
176
222
  text-overflow: ellipsis; }
177
223
  div.wunderbaum.wb-grid div.wb-header div.wb-row span.wb-col:hover {
178
- background-color: #c5c5c5; }
224
+ background-color: var(--wb-active-header-column-color); }
179
225
  div.wunderbaum.wb-grid.wb-cell-mode div.wb-header div.wb-row span.wb-col.wb-active {
180
- background-color: #dceff8; }
226
+ background-color: var(--wb-active-hover-color); }
181
227
  div.wunderbaum.wb-grid div.wb-node-list div.wb-row {
182
- border-bottom-color: #dedede; }
228
+ border-bottom-color: var(--wb-grid-color); }
183
229
  div.wunderbaum.wb-grid div.wb-node-list div.wb-row:hover:not(.wb-active):not(.wb-selected) {
184
- background-color: #f7fcfe; }
230
+ background-color: var(--wb-hover-color); }
185
231
  div.wunderbaum.wb-grid div.wb-node-list div.wb-row.wb-active {
186
- border-bottom-color: #70c0e7; }
232
+ border-bottom-color: var(--wb-active-border-color); }
187
233
  div.wunderbaum.wb-grid div.wb-node-list div.wb-row span.wb-col {
188
234
  border-right: 1px solid #dedede; }
189
235
  div.wunderbaum.wb-grid div.wb-node-list div.wb-row span.wb-col input.wb-input-edit,
@@ -203,39 +249,39 @@ div.wunderbaum {
203
249
  div.wunderbaum.wb-grid div.wb-node-list div.wb-row span.wb-col > input[type="week"],
204
250
  div.wunderbaum.wb-grid div.wb-node-list div.wb-row span.wb-col > select {
205
251
  width: 100%;
206
- max-height: 20px;
252
+ max-height: var(--wb-row-inner-height);
207
253
  border: none; }
208
254
  div.wunderbaum.wb-grid div.wb-node-list div.wb-row span.wb-col > input:focus,
209
255
  div.wunderbaum.wb-grid div.wb-node-list div.wb-row span.wb-col > select:focus {
210
256
  border: 1px dashed #70c0e7; }
211
257
  div.wunderbaum.wb-grid.wb-cell-mode div.wb-row:not(.wb-colspan).wb-active span.wb-col.wb-active {
212
- background-color: #b3b3b3; }
258
+ background-color: var(--wb-active-cell-color-grayscale); }
213
259
  div.wunderbaum.wb-grid.wb-cell-mode:focus-within div.wb-row:not(.wb-colspan):not(.wb-selected) span.wb-col.wb-active, div.wunderbaum.wb-grid.wb-cell-mode:focus div.wb-row:not(.wb-colspan):not(.wb-selected) span.wb-col.wb-active {
214
- background-color: #f7fcfe; }
260
+ background-color: var(--wb-active-column-color); }
215
261
  div.wunderbaum.wb-grid.wb-cell-mode:focus-within div.wb-row:not(.wb-colspan):not(.wb-selected).wb-active, div.wunderbaum.wb-grid.wb-cell-mode:focus div.wb-row:not(.wb-colspan):not(.wb-selected).wb-active {
216
- background-color: #f7fcfe; }
262
+ background-color: var(--wb-active-column-color); }
217
263
  div.wunderbaum.wb-grid.wb-cell-mode:focus-within div.wb-row:not(.wb-colspan):not(.wb-selected).wb-active span.wb-col.wb-active, div.wunderbaum.wb-grid.wb-cell-mode:focus div.wb-row:not(.wb-colspan):not(.wb-selected).wb-active span.wb-col.wb-active {
218
- background-color: #7dc6e9; }
264
+ background-color: var(--wb-active-cell-color); }
219
265
  div.wunderbaum.wb-grid.wb-alternate div.wb-node-list div.wb-row:nth-of-type(even):not(.wb-active):not(.wb-selected) {
220
- background-color: #f7f7f7; }
266
+ background-color: var(--wb-alternate-row-color); }
221
267
  div.wunderbaum.wb-grid.wb-alternate div.wb-node-list div.wb-row:nth-of-type(even):not(.wb-active):not(.wb-selected):hover {
222
- background-color: #f3f3f3; }
268
+ background-color: var(--wb-alternate-row-color-hover); }
223
269
  div.wunderbaum.wb-grid:not(:focus-within) div.wb-node-list div.wb-row, div.wunderbaum.wb-grid:not(:focus) div.wb-node-list div.wb-row {
224
- border-bottom-color: #dedede; }
270
+ border-bottom-color: var(--wb-grid-color-grayscale); }
225
271
  div.wunderbaum.wb-ext-filter-dim div.wb-node-list div.wb-row, div.wunderbaum.wb-ext-filter-hide div.wb-node-list div.wb-row {
226
- color: #dedede; }
272
+ color: var(--wb-filter-dim-color); }
227
273
  div.wunderbaum.wb-ext-filter-dim div.wb-node-list div.wb-row.wb-submatch, div.wunderbaum.wb-ext-filter-hide div.wb-node-list div.wb-row.wb-submatch {
228
- color: #868581; }
274
+ color: var(--wb-filter-submatch-color); }
229
275
  div.wunderbaum.wb-ext-filter-dim div.wb-node-list div.wb-row.wb-match, div.wunderbaum.wb-ext-filter-hide div.wb-node-list div.wb-row.wb-match {
230
- color: #56534c; }
276
+ color: var(--wb-node-text-color); }
231
277
  div.wunderbaum div.wb-row.wb-drag-source {
232
278
  opacity: 0.5; }
233
279
  div.wunderbaum div.wb-row.wb-drag-source .wb-node {
234
- background-color: #d3d2ce; }
280
+ background-color: var(--wb-drop-source-color); }
235
281
  div.wunderbaum div.wb-row.wb-drop-target {
236
282
  overflow: visible; }
237
283
  div.wunderbaum div.wb-row.wb-drop-target .wb-node {
238
- background-color: #d4ecf8;
284
+ background-color: var(--wb-drop-target-color);
239
285
  overflow: visible; }
240
286
  div.wunderbaum div.wb-row.wb-drop-target .wb-node .wb-icon {
241
287
  position: relative;
@@ -274,7 +320,7 @@ div.wunderbaum {
274
320
  div.wunderbaum.wb-fade-expander:focus-within i.wb-expander,
275
321
  div.wunderbaum.wb-fade-expander [class*="wb-statusnode-"] i.wb-expander {
276
322
  transition: color 0.6s;
277
- color: #56534c; }
323
+ color: var(--wb-node-text-color); }
278
324
  div.wunderbaum div.wb-row.wb-skeleton span.wb-title,
279
325
  div.wunderbaum div.wb-row.wb-skeleton i.wb-icon {
280
326
  animation: wb-skeleton-animation 1s linear infinite alternate;
@@ -294,16 +340,16 @@ div.wunderbaum {
294
340
  text-align: center; }
295
341
 
296
342
  .wb-helper-disabled {
297
- color: #8c877c; }
343
+ color: var(--wb-dim-color); }
298
344
 
299
345
  .wb-helper-hidden {
300
346
  display: none; }
301
347
 
302
348
  .wb-helper-invalid {
303
- color: #b5373b; }
349
+ color: var(--wb-error-color); }
304
350
 
305
351
  .wb-helper-lazy-expander {
306
- color: #26a0da; }
352
+ color: var(--wb-bg-highlight-color); }
307
353
 
308
354
  .wb-helper-link {
309
355
  cursor: pointer; }
@@ -336,12 +382,12 @@ div.wunderbaum {
336
382
  * indeterminate -> checked -> unchecked -> indeterminate ...
337
383
  */
338
384
  .wb-col input[type="checkbox"]:indeterminate {
339
- color: #8c877c;
385
+ color: var(--wb-dim-color);
340
386
  background-color: red; }
341
387
 
342
388
  .wb-col input:invalid {
343
- color: #b5373b;
344
- background-color: #f5ddde; }
389
+ color: var(--wb-error-color);
390
+ background-color: var(--wb-error-background-color); }
345
391
 
346
392
  @keyframes wb-spin-animation {
347
393
  0% {
package/dist/wunderbaum.esm.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * Wunderbaum - util
3
3
  * Copyright (c) 2021-2023, Martin Wendt. Released under the MIT license.
4
- * v0.3.3, Wed, 07 Jun 2023 06:41:26 GMT (https://github.com/mar10/wunderbaum)
4
+ * v0.3.4-0, Sun, 18 Jun 2023 16:04:04 GMT (https://github.com/mar10/wunderbaum)
5
5
  */
6
6
  /** @module util */
7
7
  /** Readable names for `MouseEvent.button` */
@@ -756,7 +756,7 @@ var util = /*#__PURE__*/Object.freeze({
756
756
  /*!
757
757
  * Wunderbaum - types
758
758
  * Copyright (c) 2021-2023, Martin Wendt. Released under the MIT license.
759
- * v0.3.3, Wed, 07 Jun 2023 06:41:26 GMT (https://github.com/mar10/wunderbaum)
759
+ * v0.3.4-0, Sun, 18 Jun 2023 16:04:04 GMT (https://github.com/mar10/wunderbaum)
760
760
  */
761
761
  /**
762
762
  * Possible values for {@link WunderbaumNode.setModified()} and {@link Wunderbaum.setModified()}.
@@ -820,7 +820,7 @@ var NavModeEnum;
820
820
  /*!
821
821
  * Wunderbaum - wb_extension_base
822
822
  * Copyright (c) 2021-2023, Martin Wendt. Released under the MIT license.
823
- * v0.3.3, Wed, 07 Jun 2023 06:41:26 GMT (https://github.com/mar10/wunderbaum)
823
+ * v0.3.4-0, Sun, 18 Jun 2023 16:04:04 GMT (https://github.com/mar10/wunderbaum)
824
824
  */
825
825
  class WunderbaumExtension {
826
826
  constructor(tree, id, defaults) {
@@ -1111,7 +1111,7 @@ function debounce(func, wait = 0, options = {}) {
1111
1111
  /*!
1112
1112
  * Wunderbaum - ext-filter
1113
1113
  * Copyright (c) 2021-2023, Martin Wendt. Released under the MIT license.
1114
- * v0.3.3, Wed, 07 Jun 2023 06:41:26 GMT (https://github.com/mar10/wunderbaum)
1114
+ * v0.3.4-0, Sun, 18 Jun 2023 16:04:04 GMT (https://github.com/mar10/wunderbaum)
1115
1115
  */
1116
1116
  const START_MARKER = "\uFFF7";
1117
1117
  const END_MARKER = "\uFFF8";
@@ -1412,7 +1412,7 @@ function _markFuzzyMatchedChars(text, matches, escapeTitles = true) {
1412
1412
  /*!
1413
1413
  * Wunderbaum - ext-keynav
1414
1414
  * Copyright (c) 2021-2023, Martin Wendt. Released under the MIT license.
1415
- * v0.3.3, Wed, 07 Jun 2023 06:41:26 GMT (https://github.com/mar10/wunderbaum)
1415
+ * v0.3.4-0, Sun, 18 Jun 2023 16:04:04 GMT (https://github.com/mar10/wunderbaum)
1416
1416
  */
1417
1417
  const QUICKSEARCH_DELAY = 500;
1418
1418
  class KeynavExtension extends WunderbaumExtension {
@@ -1752,7 +1752,7 @@ class KeynavExtension extends WunderbaumExtension {
1752
1752
  /*!
1753
1753
  * Wunderbaum - ext-logger
1754
1754
  * Copyright (c) 2021-2023, Martin Wendt. Released under the MIT license.
1755
- * v0.3.3, Wed, 07 Jun 2023 06:41:26 GMT (https://github.com/mar10/wunderbaum)
1755
+ * v0.3.4-0, Sun, 18 Jun 2023 16:04:04 GMT (https://github.com/mar10/wunderbaum)
1756
1756
  */
1757
1757
  class LoggerExtension extends WunderbaumExtension {
1758
1758
  constructor(tree) {
@@ -1792,7 +1792,7 @@ class LoggerExtension extends WunderbaumExtension {
1792
1792
  /*!
1793
1793
  * Wunderbaum - common
1794
1794
  * Copyright (c) 2021-2023, Martin Wendt. Released under the MIT license.
1795
- * v0.3.3, Wed, 07 Jun 2023 06:41:26 GMT (https://github.com/mar10/wunderbaum)
1795
+ * v0.3.4-0, Sun, 18 Jun 2023 16:04:04 GMT (https://github.com/mar10/wunderbaum)
1796
1796
  */
1797
1797
  const DEFAULT_DEBUGLEVEL = 4; // Replaced by rollup script
1798
1798
  /**
@@ -2038,7 +2038,7 @@ function inflateSourceData(source) {
2038
2038
  /*!
2039
2039
  * Wunderbaum - ext-dnd
2040
2040
  * Copyright (c) 2021-2023, Martin Wendt. Released under the MIT license.
2041
- * v0.3.3, Wed, 07 Jun 2023 06:41:26 GMT (https://github.com/mar10/wunderbaum)
2041
+ * v0.3.4-0, Sun, 18 Jun 2023 16:04:04 GMT (https://github.com/mar10/wunderbaum)
2042
2042
  */
2043
2043
  const nodeMimeType = "application/x-wunderbaum-node";
2044
2044
  class DndExtension extends WunderbaumExtension {
@@ -2331,7 +2331,7 @@ class DndExtension extends WunderbaumExtension {
2331
2331
  /*!
2332
2332
  * Wunderbaum - drag_observer
2333
2333
  * Copyright (c) 2021-2023, Martin Wendt. Released under the MIT license.
2334
- * v0.3.3, Wed, 07 Jun 2023 06:41:26 GMT (https://github.com/mar10/wunderbaum)
2334
+ * v0.3.4-0, Sun, 18 Jun 2023 16:04:04 GMT (https://github.com/mar10/wunderbaum)
2335
2335
  */
2336
2336
  /**
2337
2337
  * Convert mouse- and touch events to 'dragstart', 'drag', and 'dragstop'.
@@ -2467,7 +2467,7 @@ class DragObserver {
2467
2467
  /*!
2468
2468
  * Wunderbaum - ext-grid
2469
2469
  * Copyright (c) 2021-2023, Martin Wendt. Released under the MIT license.
2470
- * v0.3.3, Wed, 07 Jun 2023 06:41:26 GMT (https://github.com/mar10/wunderbaum)
2470
+ * v0.3.4-0, Sun, 18 Jun 2023 16:04:04 GMT (https://github.com/mar10/wunderbaum)
2471
2471
  */
2472
2472
  class GridExtension extends WunderbaumExtension {
2473
2473
  constructor(tree) {
@@ -2504,7 +2504,7 @@ class GridExtension extends WunderbaumExtension {
2504
2504
  /*!
2505
2505
  * Wunderbaum - deferred
2506
2506
  * Copyright (c) 2021-2023, Martin Wendt. Released under the MIT license.
2507
- * v0.3.3, Wed, 07 Jun 2023 06:41:26 GMT (https://github.com/mar10/wunderbaum)
2507
+ * v0.3.4-0, Sun, 18 Jun 2023 16:04:04 GMT (https://github.com/mar10/wunderbaum)
2508
2508
  */
2509
2509
  /**
2510
2510
  * Implement a ES6 Promise, that exposes a resolve() and reject() method.
@@ -2557,7 +2557,7 @@ class Deferred {
2557
2557
  /*!
2558
2558
  * Wunderbaum - wunderbaum_node
2559
2559
  * Copyright (c) 2021-2023, Martin Wendt. Released under the MIT license.
2560
- * v0.3.3, Wed, 07 Jun 2023 06:41:26 GMT (https://github.com/mar10/wunderbaum)
2560
+ * v0.3.4-0, Sun, 18 Jun 2023 16:04:04 GMT (https://github.com/mar10/wunderbaum)
2561
2561
  */
2562
2562
  /** Top-level properties that can be passed with `data`. */
2563
2563
  const NODE_PROPS = new Set([
@@ -2790,7 +2790,7 @@ class WunderbaumNode {
2790
2790
  *
2791
2791
  * This a convenience function that calls addChildren()
2792
2792
  *
2793
- * @param {NodeData} node node definition
2793
+ * @param nodeData node definition
2794
2794
  * @param [mode=child] 'before', 'after', 'firstChild', or 'child' ('over' is a synonym for 'child')
2795
2795
  * @returns new node
2796
2796
  */
@@ -4152,7 +4152,7 @@ class WunderbaumNode {
4152
4152
  * modifications.
4153
4153
  * Return `false` to ignore this node or `"skip"` to include this node
4154
4154
  * without its children.
4155
- * @returns {NodeData}
4155
+ * @see {@link Wunderbaum.toDictArray}.
4156
4156
  */
4157
4157
  toDict(recursive = false, callback) {
4158
4158
  const dict = {};
@@ -4177,6 +4177,7 @@ class WunderbaumNode {
4177
4177
  if (callback) {
4178
4178
  const res = callback(dict, this);
4179
4179
  if (res === false) {
4180
+ // Note: a return value of `false` is only used internally
4180
4181
  return false; // Don't include this node nor its children
4181
4182
  }
4182
4183
  if (res === "skip") {
@@ -4189,6 +4190,7 @@ class WunderbaumNode {
4189
4190
  for (let i = 0, l = this.children.length; i < l; i++) {
4190
4191
  const node = this.children[i];
4191
4192
  if (!node.isStatusNode()) {
4193
+ // Note: a return value of `false` is only used internally
4192
4194
  const res = node.toDict(true, callback);
4193
4195
  if (res !== false) {
4194
4196
  dict.children.push(res);
@@ -4600,7 +4602,7 @@ WunderbaumNode.sequence = 0;
4600
4602
  /*!
4601
4603
  * Wunderbaum - ext-edit
4602
4604
  * Copyright (c) 2021-2023, Martin Wendt. Released under the MIT license.
4603
- * v0.3.3, Wed, 07 Jun 2023 06:41:26 GMT (https://github.com/mar10/wunderbaum)
4605
+ * v0.3.4-0, Sun, 18 Jun 2023 16:04:04 GMT (https://github.com/mar10/wunderbaum)
4604
4606
  */
4605
4607
  // const START_MARKER = "\uFFF7";
4606
4608
  class EditExtension extends WunderbaumExtension {
@@ -4896,8 +4898,8 @@ class EditExtension extends WunderbaumExtension {
4896
4898
  * https://github.com/mar10/wunderbaum
4897
4899
  *
4898
4900
  * Released under the MIT license.
4899
- * @version v0.3.3
4900
- * @date Wed, 07 Jun 2023 06:41:26 GMT
4901
+ * @version v0.3.4-0
4902
+ * @date Sun, 18 Jun 2023 16:04:04 GMT
4901
4903
  */
4902
4904
  class WbSystemRoot extends WunderbaumNode {
4903
4905
  constructor(tree) {
@@ -6366,6 +6368,19 @@ class Wunderbaum {
6366
6368
  sortChildren(cmp = nodeTitleSorter, deep = false) {
6367
6369
  this.root.sortChildren(cmp, deep);
6368
6370
  }
6371
+ /** Convert tree to an array of plain objects.
6372
+ *
6373
+ * @param callback(dict, node) is called for every node, in order to allow
6374
+ * modifications.
6375
+ * Return `false` to ignore this node or `"skip"` to include this node
6376
+ * without its children.
6377
+ * @see {@link WunderbaumNode.toDict}.
6378
+ */
6379
+ toDictArray(callback) {
6380
+ var _a;
6381
+ const res = this.root.toDict(true, callback);
6382
+ return (_a = res.children) !== null && _a !== void 0 ? _a : [];
6383
+ }
6369
6384
  /**
6370
6385
  * Update column headers and column width.
6371
6386
  * Return true if at least one column width changed.
@@ -6484,6 +6499,8 @@ class Wunderbaum {
6484
6499
  const colElem = headerRow.children[i];
6485
6500
  colElem.style.left = col._ofsPx + "px";
6486
6501
  colElem.style.width = col._widthPx + "px";
6502
+ // Add classes from `columns` definition to `<div.wb-col>` cells
6503
+ col.classes ? colElem.classList.add(...col.classes.split(" ")) : 0;
6487
6504
  const title = escapeHtml(col.title || col.id);
6488
6505
  let tooltip = "";
6489
6506
  if (col.tooltip) {
@@ -6929,7 +6946,7 @@ class Wunderbaum {
6929
6946
  }
6930
6947
  Wunderbaum.sequence = 0;
6931
6948
  /** Wunderbaum release version number "MAJOR.MINOR.PATCH". */
6932
- Wunderbaum.version = "v0.3.3"; // Set to semver by 'grunt release'
6949
+ Wunderbaum.version = "v0.3.4-0"; // Set to semver by 'grunt release'
6933
6950
  /** Expose some useful methods of the util.ts module as `Wunderbaum.util`. */
6934
6951
  Wunderbaum.util = util;
6935
6952